美文网首页iOS
给懒癌患者看的GitHub Pages手册

给懒癌患者看的GitHub Pages手册

作者: ae3c5a9524f5 | 来源:发表于2015-11-06 01:33 被阅读244次

请允许我扯一会儿淡

提起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文件提交后并没有结束!

你还需要到你的域名控制台添加域名解析,比如我是在万网(已经被阿里云合并)买的域名,配置界面如下:


顶级域名的解析设置

参考:

  1. GitHub Pages
  2. Setting up a custom domain with GitHub Pages

相关文章

  • 给懒癌患者看的GitHub Pages手册

    请允许我扯一会儿淡 提起GitHub Pages,便让我想起很久很久很久以前就买好的域名,因为实在是太懒了以至于一...

  • js 操作cookie

    懒癌患者

  • 真的要活给自己看吗

    活给自己看or活给别人看? 有人说,人生是自己的,要为自己而活,要活给自己看。 作为懒癌患者和执行力极差的资深代表...

  • 懒癌

    懒癌重症患者

  • 懒癌“特效药”

    上篇说了为什么懒癌患者那么多,因为这是人类的生物本能。 那怎么治? 懒癌“特效药”来了。懒癌患者的福音。 药再好,...

  • 懒癌患者

    文:||18岁的小仙女 懒癌症 最近患了一种病,这种病无药可治,无人可医。症状表现为:整天除了做一些必须做的责任份...

  • 懒癌患者

    一个资深懒癌患者。真是要睡到昏天黑地了,也不知道最近这段时间怎么了,做什么事都提不起兴趣,也不再像以前那样爱...

  • 懒癌患者

    致自己:“15岁觉得游泳难,放弃游泳,到18岁遇到一个你喜欢的人约你去游泳,你只好说“我不会耶”。18岁觉得英文难...

  • 懒癌患者

    说好的画画打卡,居然一看才发现耽搁了那么多天,不行不行,这是病,得治。 嗯,他说他要结婚啦!为嘛心里会梗一下?有的...

  • 懒癌患者

    医生说:我是懒 ,癌, 晚期。 我不信,但我懒得搭理他。

网友评论

    本文标题:给懒癌患者看的GitHub Pages手册

    本文链接:https://www.haomeiwen.com/subject/vrrchttx.html