自己的这个博客是在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/ 访问
网友评论
我想在我的站点中加入百度统计。
我用的是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>
---------------------------------------------------------------------------------------
现在主页中的文章显示出来了,但是网页布局都失效了,界面很丑。
请问有没有什么办法,做最小的改动,只为了加入百度统计。
谢谢。