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.70MB
  • 下载

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

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

jekyll gem

  • 2014-11-26 23:46
  • 13.80MB
  • 下载

windows下安装jekyll教程

最近打算用github.io搭一个自己的博客,官方推荐使用jekyll来搭建博客,我看了网上的不少教程,现在总结一下一个可行的教程。 1.安装ruby     ①ruby的话可以从http://r...

jekyll-demo

  • 2013-08-07 14:13
  • 1.66MB
  • 下载

用jekyll制作高大上的网站

  • 2016-05-02 15:32
  • 176KB
  • 下载

Jekyll + Github page 搭建自己免费的博客网站

*目前这是一篇持续更新的博客* 一直都想有自己的域名,搞自己的博客,直到在github上发现了hux的模版才发现了这种神器的建blog方法,对于不懂前端的我,入门门槛并不低。不过还好,我是一个喜欢折腾...

Blog with RStudio, R, RMarkdown, Jekyll and Github

In the first post of this new blog I’ll outline how I’ve set the blog up. writing posts in Rmarkd...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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