香菇之前折腾 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/
好累。。
版权声明:原创内容未经允许请勿转载。