部署个性化子域名网站到Github
本文介绍了如何利用Github Pages来部署个性化子域名站点
最近几年，越来越多的人基于Jekyll，Octopress或者Hexo等渲染框架在Github上建立了自己的静态博客。有了这些渲染框架后，你只要知道最基本的 markdown 语法（对于Emacs用户，会用 org mode ），选择一个自己喜欢的网站主题，然后其他事情基本就不需要关心了。这样的好处是，写作者能更加专心于写作内容，同时更加方便的把自己的思想见解经验在互联网上共享出来。关于如何利用以上技术在Github或者Gitcafe上建立个人博客的文章几乎已经漫天飞了，但是有的时候我们更希望拥有一个全面的网站，这个网站可以包含我们的维基子站点或者项目子站点。但是目前的文章以及渲染技术主要都是针对个人博客的建设，本文试图弥补这个空缺，提出利用Github Pages来部署个性化子域名站点的方法。读完本文，你就可以创建诸如 wiki.greenwicher.com 或者 love.greenwicher.com 这类的子站点了。
准备
首先，你需要准备如下东西以及了解一些基本知识
- 基本的Shell命令
- Github账户以及Git基本知识
- 一个静态站点文件夹（根目录包含index.html）
- 个人域名（可在GoDaddy或者阿里云上注册）
- DNSPod.cn账户
如对接下来介绍的内容有不懂的地方，请自行谷歌或者进行留言。
提交静态站点到Github
静态站点获取
这里我以Github上的2048项目来作为静态站点的例子，如果你已经有个人的静态站点，那么请忽略这一小节，直接到静态站点上传小节。
首先在上面的图片，点击 Fork ，这样对方的repository就会被拷贝到你自己的账户下。接下来在terminal下，复制被 Fork 过来的repository到你想要的本地路径下（比如说是 your_dir ）。
cd your_dir git clone https://github.com/Greenwicher/2048.git |
接下来在你的本地 your_dir 打开index.html，是不是就可以在本地玩2048啦~ 接下来我们要在根目录下新建CNAME文件，并输入你的个性化子域名，比如说我这里的
2048.greenwicher.com
至此，我们的静态站点部分修改就基本完成了。
静态站点上传
基于Github Pages，我们可以为每一个repository建立project主页。然后，通过访问 https://username.github.io/repository_name 来访问该project主页。值得注意的是该project的主页静态站点需存放在 gh-pages 分支下。
接下来需要一些git的基本知识。首先如果没有 gh-pages 分支的话，先进行创建
git checkout --orphan gh-pages |
否则，转到该分支下
git checkout gh-pages |
接下来在 your_dir 根目录下，输入如下shell命令。
git add . git commit -m "Add CNAME" git push origin gh-pages |
如果一切顺利的话，你现在就可以在 https://username.github.io/repository_name 或者 http://yourdomain/repository_name 来查看该静态网站。但是还不可以通过 https://xxx.username.github.io 或者 http://xxx.yourdomain 来访问。
个性化子域名设置
添加子域名
我的 greenwicher.com 是在GoDaddy上注册的，于是需要在该网站进行新增子域名服务。找到 域名->管理DNS ，点击进入之后，设置子域名。
DNS解析
终于到了最后一步，我们需要在DNSPod上设置域名解析。进入首页之后，点击域名解析。选择要添加子域名的主域名，进行添加CNAME记录。其中主机记录为子域名，记录值为 username.github.io
成品
最终的成品如下图所示，这样就有个性化域名子网站啦~
本作品采用知识共享署名 2.5 中国大陆许可协议进行许可。欢迎转载，但请注明来自Mount Greenwicher的文章《部署个性化子域名网站到Github》，并保持转载后文章内容的完整与无歧义。本人保留所有版权相关权利。
微信打赏
支付宝打赏