Jekyll 组装

原创 2016年07月09日 02:13:07

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

Jekyll.Documentation

  • 2017年07月10日 21:01
  • 2.7MB
  • 下载

在 Windows 上搭建本地 Jekyll 编译环境时问题汇总

按照 在 Windows 上安装 Jekyll 操作。参考链接 在 Windows 上安装 Jekyll Setting up your GitHub Pages site locally w...

jekyll gem

  • 2014年11月26日 23:46
  • 13.8MB
  • 下载

使用github和jekyll打造自己的独立博客及常见问题

使用github和jekyll打造自己的独立博客以及常见问题
  • M1mory
  • M1mory
  • 2016年10月23日 23:36
  • 491

jekyll-demo

  • 2013年08月07日 14:13
  • 1.66MB
  • 下载

用jekyll制作高大上的网站

  • 2016年05月02日 15:32
  • 176KB
  • 下载

搭建一个免费的,无限流量的Blog----github Pages和Jekyll入门

喜欢写Blog的人,会经历三个阶段。   第一阶段,刚接触Blog,觉得很新鲜,试着选择一个免费空间来写。   第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客。   第三...

使用github page搭建个人博客(jekyll的安装和使用)

github Pages 是在github上托管的静态网页。从2016年6月15日开始,通过域名github.io访问使用的是https协议。github pages的代码仓库容量限定是1G,并且带宽...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Jekyll 组装
举报原因:
原因补充:

(最多只允许输入30个字)