关闭

Jekyll 组装

108人阅读 评论(0) 收藏 举报
分类:

初步认识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

猜你在找
深度学习基础与TensorFlow实践
【在线峰会】前端开发重点难点技术剖析与创新实践
【在线峰会】一天掌握物联网全栈开发之道
【在线峰会】如何高质高效的进行Android技术开发
机器学习40天精英计划
Python数据挖掘与分析速成班
微信小程序开发实战
JFinal极速开发企业实战
备战2017软考 系统集成项目管理工程师 学习套餐
Python大型网络爬虫项目开发实战(全套)
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:5314次
    • 积分:305
    • 等级:
    • 排名:千里之外
    • 原创:23篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类