如何使用 Github 装× の Github Pages

Github Pages

香菇之前折腾 HEXO 时了解到 Github 有项服务叫做 Github Pages,简单点阔以理解成是一个只支持静态网页的 Web 空间,了解到这点喔萌就阔以开始建站装×惹。(想要了解详情的同学请戳 https://pages.github.com/

啰嗦一下静态网页/网站,通常大家接触的很多网站实际上都是“动态”网站,使用数据库存储数据,使用各种 Action 调取数据然后前端模板展示数据,简单理解为使用有限个数的页面模板展示无限不同的内容,然而喔萌的 Github Pages 只支持静态肿么办?很简单嘛!写 Html 然后 Po 上去呗~ 嗯没错这是最简单的方法,然而酱紫怎么能满足建站装×的基本要求嘞?最起码的博客也是要经常更新数据的啊喂(如果你希望更新文章的时候把所有 Html 手动更新一遍算窝接下来都写的是废话)。。。

这个时候,HEXO、Jekyll 等静态博客系统就闪亮登场惹(具体用法可能会在结尾给出链接

下边主要介绍如何“发布”喔萌生成好的静态网站。

首先喔萌需要注册一个 Github 账号然后就会拥有类似酱紫的主页:

https://github.com/siitakechan

接下来根据介绍页面:

Head over to GitHub and create a new repository named username.github.io, where username is your username (or organization name) on GitHub.

喔萌需要建立名称格式如同 username.github.io 的仓库,比如酱紫:

siitakechan.github.io

注意前缀一定要是自己 Github 的用户名(不满意现在用户名的可以到个人资料中修改

当窝萌拥有一个仓库之后,就可以把网站文件丢进去惹

介绍页中提供了 100 种途径:

001.A terminal
010.GitHub for Windows
011.GitHub for Mac
100.I don't know (WTF..

各取所需然后 Add, commit, and push your changes...

然后。。

然后就好辣!

And you're done!

Surprise!

Surprise?

No!

因为你得到的 Domain 是酱紫哒:siitakechan.github.io

So how to 装×!

所以喔萌需要将玉米替换为比如酱紫:siitake.cn 或者酱紫:blog.siitake.cn

嗯!继续!

根据文档:Setting up a custom domain(https://help.github.com/articles/quick-start-setting-up-a-custom-domain/

巴拉巴拉一大堆废话知道可以使用 CNAME 解析玉米

所以喔萌新建一个名为 CNAME 的文件放到仓库根目录,是的不要任何后缀!不要任何后缀!不要任何后缀!内容只要一行比如酱紫:

siitake.cn

酱紫

blog.siitake.cn

或者酱紫

github.sucx.cn

没~有~错~ 就是我们用来装×访问网站的自定义玉米,只要一行!

然后旋转、跳跃、喔闭着眼 Add, commit, and push your changes...

没事干的话阔以度娘一下:“旋转”、“跳跃”……

Stop!

Not Yet!

喔萌还需要到域名提供商或者第三方的 DNS 控制台添加 CNAME 解析记录

主机记录自定义(比如@、www、blog

记录值就是比如酱紫的:siitakechan.github.io (Github 提供的原始玉米

记录添加好并开启解析后

Congratulations!

搞定!

快来愉快的装×吧~

eg.
http://github.sucx.cn/
http://siitakechan.github.io/

是的本文除了封面没有任何操作截图&附:
Github Pages https://pages.github.com/
Custom Domain Doc https://help.github.com/articles/quick-start-setting-up-a-custom-domain/
HEXO https://hexo.io/
Jekyll https://jekyllrb.com/

好累。。

版权声明:原创内容未经允许请勿转载。

标签: none

评论已关闭