剛開始弄NexT主題的時候,對一些配置還不是很明白,所以一直都不敢弄。
今天總算有點精神,就把友盟的統計給加上了。之前一直都是用不蒜子的統計,但是不蒜子統計的內容太過簡單了,不能夠看到其他的一些數據。
友盟+ 傳送門:https://passport.umeng.com/login?appId=cnzz
配置站點信息
登錄之後,選擇右上角的添加站點,配置好你的站點信息
獲取代碼
獲取友盟提供給你的代碼,友盟提供了很多的樣式,隨便複製一份就行。
在\themes\next\layout\_third-party\analytics\cnzz-analytics.swig
中將原來的代碼全部刪除,複製下面的代碼:
ps:如果沒有該文件,請自行創建然後複製修改下面的代碼
{% if theme.cnzz_siteid %}
<div>
<!-- 填寫你的友盟代碼 -->
<script type="text/javascript">
var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cspan id='cnzz_stat_icon_12'%3E%3C/span%3E%3Cscript
src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D12%2show%3Dpic'
type='text/javascript'%3E%3C/script%3E"));
</script>
<!-- 你的友盟代碼 end -->
</div>
{% endif %}
修改配置文件
添加了代碼之後,還需要修改next的配置文件才能夠生效。注意是主題配置文件
打開\themes\next
目錄下的_config.yml
,按ctrl + F
搜索CNZZ
,找到之後將註釋的內容打開,並設置成true,注意空格
# CNZZ count
cnzz_siteid: true
這樣就可以成功的使用CNZZ進行統計了。建議使用hexo s
在本地測試,看是否有問題再部署上去。
附贈
在我的博客中,部署友盟上去之後,發現移動端的footer頂上去了。
哭死: ( 寫博客的時候,才發現不蒜子的統計居然變少了,原來不蒜子對域名前加www和不加www的網站是區分統計的。。。
算了,反正是佛系博主,隨緣吧。。。。
打開\themes\next\source\css\_custom
目錄下的custom.styl
,添加以下代碼:
// Custom styles.
//mobile style footer
@media (max-width: 767px)
.content-wrap {
width: 100%;
padding: 20px;
min-height: auto;
margin-bottom: 30px;
border-radius: initial;
}
注意.content-wrap
前面有一個空格,一定要添加,否則博客的樣式就全亂了。
歡迎訪問我的個人博客:https://www.donlex.cn