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

作者: haiyangjiajian | 来源:发表于2016-11-03 15:25 被阅读897次

自己的这个博客是在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的网站来说可以通过以下三个步骤来实现:

  • 修改_config.yml,加入
baidu-analysis: xxxxxxxxxxxxxxxxxxxxxxxxxxx
  • 在_include中新建文件baidu-anaylysis.html加入以下代码
<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中。

  • 在百度统计的网站中心tab中检查首页代码状态,显示代码安装正确,就成功了。

本地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/ 访问

相关文章

网友评论

  • Volcaner:点开后有木有散热器跑得飞快额?
    haiyangjiajian:@Volcaner 没有呀
  • 54d5495c4418:你的站点怎么是404?
    54d5495c4418:现在可以访问了~
    haiyangjiajian:谢谢提醒,我挂在了code page上,有可能是国内访问慢造成的,现在把coding.net上的服务也打开了
  • Android_大船:请教个问题。
    我想在我的站点中加入百度统计。
    我用的是jekyll默认主题,本来项目文件里没有_includes和_layouts文件夹,
    我新建了这两个文件夹和baidu-analysis.htm、default.html,
    在default.html中只写了一句{% include baidu-analysis.html %}
    运行后网页什么也不显示,查看源代码, 发现body标签没有东西,百度统计的script代码可以看的到,
    然后,我重新写了default.html文件,如下:
    -----------------------------------------------------------
    <html>
    {% include baidu-analysis.htmll %}
    <body>
    {{ content }}
    </body>
    </html>
    ---------------------------------------------------------------------------------------
    现在主页中的文章显示出来了,但是网页布局都失效了,界面很丑。
    请问有没有什么办法,做最小的改动,只为了加入百度统计。
    谢谢。
    Android_大船:@haiyangjiajian header标签是放在body标签里边的,可百度统计是要放在head标签里的,如果将{% include baidu-analysis.html %}写入到_includes/header.html,这样不符合百度官方的要求。
    Android_大船: @haiyangjiajian 好的,谢谢,我明天试试。
    haiyangjiajian:jekyll默认的目录结构应该是这样的: http://jekyllcn.com/docs/structure/ ,不知为什么你的没有_includes和_layouts文件夹。你将{% include baidu-analysis.html %}写入到_includes/header.html中试一下。
  • Android_大船:你的站点404了。:joy:
    Android_大船:@haiyangjiajian 不客气。
    haiyangjiajian:@Android大船 谢谢提醒,现在修复了

本文标题:Jekyll搭建博客并添加百度统计

本文链接:https://www.haomeiwen.com/subject/vszbuttx.html