Jekyll 组装

来源:互联网 发布:网络配线架打法图片 编辑:程序博客网 时间:2024/04/28 21:14

初步认识Jekyll之后,需要搭建自己的博客系统。可以fork别人的 jekyll 主题。Jekyll 主题 ,列举了一些美观的主题,任选你满意的一个即可。

安装主题

  1. git clone 主题仓库的git
  2. cd 目录
  3. jekyll serve

如此简单高效地搭建了一个博客。下面介绍一些必要插件。

语法高亮

jekyll 使用 pygments 来支持语法高亮,所以你需要安装 gem install pygments.db 插件。而且在博客的_config.yml中需要加上 hightlighter : pygments。Jekyll 老版本是 pygments : true

这里写图片描述
使用方法基本就是Liquid的语法规则。

{% highlight ruby %}...{% endhighlight %}

评论功能

这里暂时介绍Disqus功能,后面再介绍怎么使用国内的多说评论。因为Jekyll是静态网站,不通到过写代码或加入数据库也能添加评论到博文中。

  1. 注册Disqus
  2. Setting -> Add Disqus to Your Site
  3. 获得类嵌代码
  4. 前面获得的代码复制到_layouts文件夹下post.html文件内的和标签之间即可。然后我们每发布一篇文章Disqus都会为我们生成相对应的评论功能。

这里写图片描述

效果如下:
这里写图片描述

站点访问统计

如果想统计网站流量访问情况,可以使用google_analytics 来实现,相当于把当前网站的ip挂到google上,他作为一个不休息的观察者,来统计网站访问量。

登录Google Analytics后创建一个新的站点后,会生成一个唯一的站点内嵌代码,我们将这段代码拷贝下来后复制到_layouts文件夹下default.html文件内的标签。 site.google_analytics 替换为注册码即可,也可以在_config.yml中加入一个变量为google_analytics : 注册码

这里写图片描述

评论功能和站点访问都写在了单独的html,具体只需要 {% include comments.html %} 或者 {% include google_analytics.html %},就会把这段代码复制粘贴过来。

参考资料

【1】http://www.jianshu.com/p/ffbbed22f984
【2】http://stackoverflow.com/questions/17207458/how-to-add-google-analytics-tracking-id-to-github-pages
【3】https://segmentfault.com/a/1190000002539546?_ea=304992
【4】http://www.jianshu.com/p/609e1197754c
【5】http://cn.yizeng.me/2013/05/10/setup-jekyll-on-windows/

0 0
原创粉丝点击