静态博客搭建

GitHub Pages and jekyll

Posted by Sheldon on February 6, 2016

前言

该博客使用了jekyll 搭建的基于 Github Pages 的静态页面,页面主题和框架采用了Hux的博客具体请参见:

GitHub Pages 有以下几个优点:

  • 轻量级的博客系统,没有麻烦的配置
  • 免费空间,享受 Git 版本管理功能
  • 使用标记语言,比如 Markdown
  • 无需自己搭建服务器
  • 可以绑定自己的域名

当然他也有缺点:

  • 使用 Jekyll 模板系统,相当于静态页发布,适合博客,文档介绍等
  • 动态程序的部分相当局限,比如没有评论,不过还好我们有解决方案
  • 基于 Git,很多东西需要定制,不像 Wordpress 有强大的后台
  • 根据 GitHub 的限制,对应的每个站有 1GB 免费空间
  • 不适合大型网站,因为没有用到数据库,每运行一次都必须遍历全部的文本文件,网站越大,生成时间越长(可以通过上传 Jekyll 本地最终生成的网页来解决)
  • 网站源码基本上公开,被人 Fork 后,文章转载泛滥

作为个人博客来说,简洁清爽的表达自己的工作、心得,就已达目标,所以GitHub Pages是我认为此需求最完美的解决方案了

拓展阅读

  • How Jekyll Works 介绍 Jekyll 作为解析引擎的工作机制,以及解析文件、生成整个网站过程
  • Jekyll Liquid API 介绍了 Liquid 的一些常用 API 及支持命令语句
  • GitHub Pages 介绍了如何在 GitHub Pages 部署静态网站

关于公共评论系统

原来博客使用的国内的多说评论,由于其已经关闭,不在提供服务,故将其迁移到disqus上。首先进入disqus的主页,这里可以直接使用你的github账户快速登录,或者自己注册一个新的账户,然后回到主页,点击GET STARTED进入选择项

选择下面那一项进入下一步

这里输入你的Website Name,并记住然后再下面的页面中输入相关信息,保存即可

至此,你的disqus设置完毕,接下来,需要回到blog里,__config.yml 中的url确保与图三中的url一致,将disqus_username的命中设置为图二中的Website Name,把代码推到github上去看看效果吧

由于这个是国外的服务,在国内使用,难免会出现网络不好或者被墙的情况,实属正常。在最新看到的Hux的博客里已经加入了网易云评论,这里也没有具体去尝试,先这样吧。