0%

用Github+Jekyll构建博客

前言

  作为一个傲娇的程序媛,死板且丑的博客平台显然不能激发我的写作热情。前几天偶然了解可以用GitHub Pages + Jekyll 来建站(这已经不是什么新技术,请原谅我这个奥特曼),用GitHub Pages建站真是优点多多,免费且稳定,不限流量,无须用很多精力去维护,用Markdown优雅的写文章,git push即为发表,于是乎决定动手一试。

干货

接下来上干货

  关于Github+Jekyll网上很多推荐阮一峰老师的一篇文章(👉传送门),这篇文章已经五年了,如果不了解Github+Jekyll的可以看一看了解一下原理,But千万不要照着做,后面我会简单的给出一个搭建本地环境的流程。

评论功能

  国外的老牌评论系统Disqus被墙的很难受,作为业界良心的多说也将于6月份关闭,其它国内免费的第三方评论,大多数都不怎么好用,前几天在知乎上看见一个哥们利用Github的Issues写了一个评论系统Gitment,或许这也是一个不错的想法,缺点是在登陆上仅局限于Github账号。

本地安装

** Look Here 👇 **

以下是在macOS 10.12.4下的安装流程
我默认你的电脑装了homebrew,因为它可以自动安装一些依赖

安装RVM

1
$ curl -L https://get.rvm.io | bash -s stable

** 载入RVM环境 **

1
$ source ~/.rvm/scripts/rvm

** 检查是否安装正确 **

1
$ rvm -v

用RVM安装Ruby

** 列出已知的ruby版本 **

1
$ rvm list known

** 选择安装版本来安装 **

1
$ rvm install 2.3.0

** 查询已经安装的ruby版本**

1
$ rvm list

** 删除原有源 **

1
$ gem source -r https://rubygems.org/

** 换成国内的源**

1
$ gem sources --add https://gems.ruby-china.org

** 检查是否更换成功**

1
$ gem sources -l

安装bundle

1
2
3
4
5
$ gem install bundle

$ bundle install

$ bundle update

** 本地预览博客 **

1
$ bundle exec jekyll serve

bundle exec jekyll serve命令的优点是本地预览与在github上显示的效果一致

Github相关操作

  首先你要有一枚Github的账号。

  新建Repositories,名字是username.github.io ,username就是你Github的username。然后setting里面可以选择Github Pages的样式,当然你觉得丑可以去找其他模板。

(这里要感谢Hux,我用的是他的模板)

  在本地用git也管理一份代码,写完文章可以在本地预览没问题可以commit,push。

联系我

  你可以直接在下方留言,也可以E-Mail联系我。

  • 本文作者: Lauren
  • 本文链接: http://lihanlu.cn/jekyll-blog/
  • 版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!