给懒癌患者看的GitHub Pages手册
2015-11-06 本文已影响244人
ae3c5a9524f5
请允许我扯一会儿淡
提起GitHub Pages，便让我想起很久很久很久以前就买好的域名，因为实在是太懒了以至于一直没有给域名安置一个空间，哪怕是一个简简单单的静态界面……
最近在看HTML5的一些东西所以便去把GitHub Pages给搞定，我想一定有很多朋友都想拥有一个属于自己的网页，但又苦于步骤繁琐。其实现如今的GitHub Pages的创建已经特别傻瓜化了。
进入正题
迅速创建GitHub Pages的方法：
步骤一：在自己的GitHub账号上新建一个名字叫做用户名.github.io的库；
其中用户名替换为你GitHub账号的username（或者organization name），其他选项都可以不用管；
步骤二：在电脑本地找一个自己喜欢的地方，将刚才创建好的库Clone下来；
-
克隆方法一：如果你安装了GitHub客户端，可以在刚在创建好的库所对应的页面中选择Clone in Desktop，如图：
-
克隆方法二：打开终端，在正确的路径中使用Git命令：
~$git clone https://github.com/用户名/用户名.github.io
步骤三：在克隆好的库的根目录创建GitHub Pages首页index.html;
作为试验，可以先像下面一样写一些简单的东西：
<!DOCTYPE html>
<html>
<body>
<h1>Hello World</h1>
<p>I'm hosted with GitHub Pages.</p>
</body>
</html>
步骤四：将自己写好的首页Commit到GitHub上去；
你可以使用GitHub客户端Commit后并Sync，也可以在终端中输入Git命令：
~$git add --all
~$git commit -m "瞧瞧你都干了些什么？！"
~$git push -u origin master
至此，你的GitHub Pages已经创建完成了！
在浏览器中输入http://用户名.github.io即可看到你刚才提交的页面（index.html）。
那么，我买的域名呢？
同样很简单，你只需要往GitHub Pages库的根目录提交一个名为CNAME的文件即可（该文件没有后缀名）。与此同时你需要保证你的域名以一种纯净的形式书写在CNAME文件中，例如你的域名.xyz或者xxx.你的域名.com，而不是https://enemy.godlike.com/什么的。
CNAME文件提交后并没有结束！
你还需要到你的域名控制台添加域名解析，比如我是在万网（已经被阿里云合并）买的域名，配置界面如下：
顶级域名的解析设置
参考:
