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


参考网站: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

Alt text

解决办法:

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

Alt text


请访问:http://www.aobosir.com/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值