Github Pages(io) + 域名重定向 (手把手教你搭建个人网站) 1.0 Github Repositories 2.0 把网站放进去 3.0 实验你的Github io 4.0 买一个域名! 5.0 域名解析设置 6.0 等待 7.0 测试!

好歹也成为了在读phd的人,拥有个人网站是个有排面有很必要的事儿~

在这里利用Github Pages + 域名重定向,实现个人网站的光速搭建~

首先你要有一个自己的Github

Github Pages(io) + 域名重定向 (手把手教你搭建个人网站)
1.0 Github Repositories
2.0 把网站放进去
3.0 实验你的Github io
4.0 买一个域名!
5.0 域名解析设置
6.0 等待
7.0 测试!

其次,建一个仓,名字就叫做:username.github.io

Github Pages(io) + 域名重定向 (手把手教你搭建个人网站)
1.0 Github Repositories
2.0 把网站放进去
3.0 实验你的Github io
4.0 买一个域名!
5.0 域名解析设置
6.0 等待
7.0 测试!

然后直接create!

第一步就结束啦!!

2.0 把网站放进去

网站的教学在这里就不赘述了哈,简单来说就是你可以把你想要展示的网页,打包放入刚刚的.io的仓库中。

其中,初始页记得命名为index.html哈!

Github Pages(io) + 域名重定向 (手把手教你搭建个人网站)
1.0 Github Repositories
2.0 把网站放进去
3.0 实验你的Github io
4.0 买一个域名!
5.0 域名解析设置
6.0 等待
7.0 测试!

 比如在我这个里面,index.html就是初始页。这样你打开你的io后就会打开这个页面。

【网站模板的话我也顺手推荐了吧,毕竟是手把手教你搭建:http://www.baisheng999.com/webtemplate/html/,直接从这个里面下载你喜欢的模板,然后解压放入刚刚的仓库就好啦】

3.0 实验你的Github io

登录你的username.github.io

现在应该就可以看到你的网页啦!

(如果有看不到,去仓库的设置中,找到pages setting,看一下这个设置的对不对:

Github Pages(io) + 域名重定向 (手把手教你搭建个人网站)
1.0 Github Repositories
2.0 把网站放进去
3.0 实验你的Github io
4.0 买一个域名!
5.0 域名解析设置
6.0 等待
7.0 测试!

4.0 买一个域名!

买一个!域名!

虽然是手把手教,但也不是白嫖好吧,这里还是推荐买一个域名,毕竟也不是很贵

这里推荐阿里云的:https://wanwang.aliyun.com/domain/

建议注册.top,国际通用且不贵,一般的都是9块1年。如果钱包充足建议直接上个188的10年套餐,一劳永逸~~不过9块1年买着玩玩页未尝不可~~~

5.0 域名解析设置

推荐用阿里云,因为阿里云比较方便嘿嘿,买完域名之后(可能要实名认证一下哈,可能要1个工作日)

Github Pages(io) + 域名重定向 (手把手教你搭建个人网站)
1.0 Github Repositories
2.0 把网站放进去
3.0 实验你的Github io
4.0 买一个域名!
5.0 域名解析设置
6.0 等待
7.0 测试!

 点进去你的服务,然后点你的域名,然后点解析设置;

增加两条CNAME的解析:

Github Pages(io) + 域名重定向 (手把手教你搭建个人网站)
1.0 Github Repositories
2.0 把网站放进去
3.0 实验你的Github io
4.0 买一个域名!
5.0 域名解析设置
6.0 等待
7.0 测试!

 一个是主机记录@,到username.github.io

一个是主机记录www,到username.github.io

接下来去你的github!创建一个名字为CNAME的文件【无后缀!!】

里面的内容就是你刚刚购买的域名,比方说我买的是cctv.top,那么这个CNAME文件就写:

cctv.top 

这一句话就够了!

6.0 等待

漫长的等待,等待DNS解析。。。。

大约10min......

7.0 测试!

现在,试着输入你刚刚买的域名,以及你的username.github.io,试着看看是不是完美了!

都是个人手打哈,有不会的可以留言讨论~