请允许我扯一会儿淡
提起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文件提交后并没有结束!
你还需要到你的域名控制台添加域名解析,比如我是在万网(已经被阿里云合并)买的域名,配置界面如下:
顶级域名的解析设置
参考:
网友评论