搭建博客关于互联网饥人谷技术博客

Jekyll搭建博客并添加百度统计

2016-11-03  本文已影响897人  haiyangjiajian

自己的这个博客是在gitpage上用Jekyll搭建起来的,使用的是这个模版。搭建以后一直是在github上build的,也没有添加点击统计的工具。下面介绍一下自己完成这本地build和添加百度统计的过程和遇到的问题。

可以在我的博客http://haiyangjiajian.com/交流更多相关内容。


添加百度统计

现在有很多站长工具可以统计网站的点击量。添加方式大同小异。我添加的是百度统计。注册添加后,会得到如下一段javaScript:

<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?xxxxxxxxxxxxxxxxxxxxxxxxxxx";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

需要将这段代码添加到网站全部页面的head标签前。对于Jekyll的网站来说可以通过以下三个步骤来实现:

baidu-analysis: xxxxxxxxxxxxxxxxxxxxxxxxxxx
<script>
  var _hmt = _hmt || [];
  (function() {
    var hm = document.createElement("script");
    hm.src = "//hm.baidu.com/hm.js?{{ site.baidu-analyisis }}";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
  })();
</script>
{% include baidu-analysis.html %}

Jekyll的入口一般在 _layouts/default.html中。我的模版因为将header统一抽取了出来,加在了_includes/head.html中。

本地build Jekyll

gem install bundler
bundle install
bundle exec jekyll serve

注意在config_yml中不能有tab,否则会提示‘found character that cannot start any token while scanning for the next token at line’的错误。

本地server启动后可以在http://localhost:4000/ 访问

上一篇下一篇

猜你喜欢

热点阅读