Fork me on GitHub

Hello, 2016

前言

XuXinkun 的 Blog 终于开通了。

之所以说终于,是因为真是费了九牛二虎之力。对于一个对前端一窍不通的人来说,最好的博客是一个傻瓜式,只要写写文档,就能自动生成的工具或者流程。
当然了,如果样式也漂亮一些,那就更加完美了。

最开始,我找到了这样的一个StrayBirds模板。如README中所说,这个模板的好处是入手即用,并有多种theme可以选择。
但是总是让我感觉有些缺憾,就是他的样式不那么令我满意。直到我看到了这个知乎上的回答

黄玄的博客给人耳目一新的感觉。而且简洁明快。更重要的是,他能够支持各种设备(包括手机、pad、pc端阅读),而精致体验不变。
这样赞的样式,不得不给一个Star。而且也忍不住fork一下,作为自己博客的样式。

虽然有了成品,但是在使用过程中还是遇到一些麻烦。在此记录下。

Github Pages

github pages是github提供出来的一种托管的页面。因此利用Github Pages来做博客是再合适不过了。更多的帮助可以看这里

这里主要介绍一下其中要注意的点。当你github的Repository name是username.github.io时,你的 ''master'' 分支才是用于生成Github Pages的。
而其生成的页面会直接在根路径下,类似于这样 ''http://xuxinkun.github.io/''。

而如果Repository name不是username.github.io,比如StrayBirds,则需要创建 ''gh-pages''分支用于自动生成页面。相应的其生成的页面路径也会带有Repository name,类似于 ''http://minixalpha.github.io/StrayBirds/'' 这样

Repository name可以在Repository的Settings里修改。

Huxpro/huxpro.github.io的直接使用时,最好使用username.github.io的方式来进行使用。不然会有一些路径上的问题,需要自己再进行调整。

Build

上传好后就github会直接帮你编译。几分钟内就可以在你自己的username.github.io上看到效果了。不过如果想要在本地调试,试看效果的话,可以在本机安装jekyll。

参照jekyll安装进行安装。安装完后,在你项目的文件夹直接运行

jekyll serve

然后访问 ''http://127.0.0.1:4000'' 就可以看到效果了。

Duoshuo

多说提供了很好用的评论和分享系统。你需要做的是

  1. 使用关联账号登录
  2. 创建一个站点 ''http://duoshuo.com/create-site/''
  3. 记录下你填写的多说的域名 ''http://xxx.duoshuo.com''
  4. 把xxx填入到 ''_config.yml'' 中的duoshuo_username中。

注意_config.yml中的duoshuo_username中并不是你在多说的用户名,而是你在多说的域名。

Thanks

感谢Hux开源出的如此优秀的模板。

posted @ 2016-03-18 10:36  xinkun  阅读(285)  评论(0编辑  收藏  举报