Hexo中NexT主題添加CNZZ統計

剛開始弄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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章