Octopress 搭建静态博客站点 --- 添加访客统计

最新推荐文章于 2017-05-24 15:40:12 发布

原创最新推荐文章于 2017-05-24 15:40:12 发布 · 9.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#博客 #Octopress #访客统计 #访问量

Octopress 同时被 2 个专栏收录

5 篇文章

订阅专栏

搭建静态博客站点

4 篇文章

订阅专栏

本文介绍如何在Octopress博客中配置并显示访客统计信息，通过使用FlagCounter服务并进行相应的文件配置及编码调整。

参考网站：Octopress博客的个性化配置：添加访客统计

Step 1 . 本博客的访客统计系统使用的是Flag Counter，所以要先去Flag Counter获取代码。

Step 2 . 拿到代码后添加.\source\_includes\custom\asides\flag_counter.html文件：

<section>
  <h1>访客统计</h1>
  <br/>
  <a href="http://s07.flagcounter.com/more/2SH"><img src="http://s07.flagcounter.com/count/2SH/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_12/viewers_0/labels_0/pageviews_1/flags_0/" alt="Flag Counter" border="0"></a>
</section>

Step 3 . 将页面添加到侧边栏，在./_config.yml配置文件中添加下面一行配置：

default_asides: [……, custom/asides/flag_counter.html]

Step 4 . 最后添加控制开关，在./_config.yml配置文件中添加下面一行配置：

# Flag Counter
flag_counter: true

搞定

现在执行 rake generate 来生成博客站点。

如果你在执行这一步的时候不到了下面这个问题：
  Liquid Exception: invalid byte sequence in UTF-8 in _layouts/page.html
jekyll 2.5.3 | Error:  invalid byte sequence in UTF-8
解决办法：

.\source\_includes\custom\asides\flag_counter.html 文件使用 Notepad++ 软件转换为UTF-8无BOM编码格式，即可解决问题。