GitHub Pages 快速搭建个人主页

写在前面：明天就是妹子生日，虽然准备了礼物，但是作为一只程序猿，还是应该做点有创意的东西。毕竟去年还做了个视频（祝大黄的小黄大人生日快乐），今年要是不用点心有点说不过去哈。于是，最简单的么，做个网站咯，但是买云服务+本地建站还是效率不高呀。昨天知乎上搜了下看到说github page创建个人主页很方便，时间也不多了就赶紧试试了。网上一搜，教程还是很多的：

官方教程
 怎样做一个漂亮的 GitHub Pages 首页？
搭建一个免费的，无限流量的Blog—-github Pages和Jekyll入门

然后我还是要整点小创意的，于是又参考：
程序员能给女朋友做什么特别浪漫的礼物？
手把手教你做个撩妹网站–速成篇

开工

1.Github

程序员都懂得，所以这些就不扯了。我是网页版+Win桌面版结合用的，感觉还是挺方便的,当然用git shell更加灵活一点。桌面版的还是挺友好的：

2.Create a new repository

新建一个仓库，注意名字跟你的github账户名字一样，我这里出现感叹号是因为我已经创建过了。

3.Create an index file

不管你用哪种方式，只要在你新建的这个项目里头放上一个index.html并上传即可（我这里已经添加了一些效果，后面说）。

如果一点web开发基础的话就在index.html里先放上这些内容：

然后把index.html上传，同步到github上。

4.OK

现在只要在浏览器访问：http://yourname.github.io 就可以看到你的主页内容了。 熟悉github的同学可以直接fork我的项目或者我文章开头放的那些链接里的项目，然后把它重命名成你的github name就可以了。

是不是很简单！！！

5.custom domain

当然，这个博客名字固定成github.io这样多少有点不爽，所以这个时候你可以自己去阿里云（万网）买个自己喜欢的域名了->域名搜索。一般冷门的域名还是比较便宜的，也就几块钱，我这次主要是给妹子做生日礼物，所以直接就买了这个中文域名小黄大人生日快乐.top：

除了.com和.cn的，其它的还是很便宜的。

好了，域名买了。下面就是把你的域名跟你的github page绑定起来了。
进入你的阿里云账号，域名解析：

因为我们是要把域名指向另外一个域名(你的github page地址)，所以做以上设置。点击保存、启用，一般十分钟后生效，请耐心等待一会。这里就是域名服务商的CNAME，现在我们要返回github去修改那边的CNAME让他们对接。

这个时候，进入你刚才建立的github项目，添加Github方面的解析。这里有两种方式：
（1）.直接新建一个CNAME，填入你刚注册的域名地址，比如：www.xxx.com
（2）.另外一种方法：点击项目右上方的Settings，找到Github Pages，在Custom domain中填入你得刚注册的域名地址，地啊你Save即可。

注意：这里我的域名显示的是一段乱码，因为我购买的是中文域名，需要进行转码，这是www.小黄大人生日快乐.top转码后的域名地址，转码的话百度一下在线转码即可。

耐心等待几分钟，然后在浏览器中输入你的域名地址。

至此，你的个人主页就上线了。

6.show your pages

最后，就是你自己去把你的主页做的漂亮一点，酷炫一点了。这里就不多做介绍了，其实最简单粗暴的就是去github上搜一些现成的模板，然后fork到你自己哪里，改改就可以上线了，哈哈！

github还提供了一个强大的工具—jekyll，可以非常方便的搭建个人的博客、静态网站。等妹子生日过去了，我再try try这个功能，然后就可以把博客搬过去了~

成果

就放个链接吧，主页效果就不PO出来了，一来比较渣，简单拼凑了别人的创意，二来，就不虐狗了，哈哈！

主页地址：http://www.小黄大人生日快乐.top/
转码后：(http://www.xn–fjqwj09z92chvgjwkux1az17e.top/）
github地址：https://github.com/zhenghuangcheng/zhenghuangcheng.github.io