Hello 2016

"Hello World, Hello Blog"

Posted by XuXinkun on March 3, 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开源出的如此优秀的模板。