在使用yilia主題創(chuàng)建好自己的博客之后，你還想分享到其他平臺冀膝，比如微信唁奢，還想要統(tǒng)計站點以及文章的訪問情況∥哑剩互聯(lián)網(wǎng)提供了很多第三方分享和訪問統(tǒng)計插件麻掸，借助第三方插件很容易實現(xiàn)這些功能，本文使用Mob提供的第三方分享插件,使用不蒜子統(tǒng)計站點和文章訪問量赐纱。以下是詳細步驟脊奋。
相關(guān)網(wǎng)址
- 第三方分享：http://mob.com/
- 不蒜子統(tǒng)計：http://busuanzi.ibruce.info
Mob分享
- 注冊一個賬號
- 進入后臺，使用shareSDK疙描，會申請到一個App Key
mob app key
- 在主題目錄下_config.yml增加
sharesdk: true #是否開啟分享
shareSDKappkey: 上一步申請到的app key
- 在layout_partial\share目錄下增加一個share.ejs:
<!--MOB SHARE BEGIN-->
<div class="-mob-share-ui-button -mob-share-open">分享</div>
<div class="-mob-share-ui" style="display: none">
<ul class="-mob-share-list">
<li class="-mob-share-weibo"><p>新浪微博</p></li>
<li class="-mob-share-tencentweibo"><p>騰訊微博</p></li>
<li class="-mob-share-qzone"><p>QQ空間</p></li>
<li class="-mob-share-qq"><p>QQ好友</p></li>
<li class="-mob-share-weixin"><p>微信</p></li> <li class="-mob-share-twitter"><p>Twitter</p></li>
<li class="-mob-share-youdao"><p>有道云筆記</p></li>
<li class="-mob-share-mingdao"><p>明道</p></li>
<li class="-mob-share-linkedin"><p>LinkedIn</p></li>
</ul>
<div class="-mob-share-close">取消</div>
</div>
<div class="-mob-share-ui-bg"></div>
<script id="-mob-share" src="http://f1.webshare.mob.com/code/mob-share.js?appkey={{ theme.shareSDKappkey }}"></script>
<!--MOB SHARE END-->
- 在layout_partial\article.ejs文件增加分享的代碼：
<% if (!index && theme.sharesdk){ %>
<%- partial('_partial/share/sharesdk.swig') %>
<% } %>
不蒜子訪問量統(tǒng)計
layout_partial\header.ejs頁面中引入busuanzi.js:
<script async src="http://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
</script>
顯示站點總訪問量
在layout_partial\header.ejs文件<%- partial('post/tag') %>下面增加：
<span id="busuanzi_container_site_pv">
本站總訪問量<span id="busuanzi_value_site_pv"></span>次
</span>
顯示單頁面訪問量
在layout_partial\article.ejs文件<div class="footer-left"><div>標簽后面增加：
<span id="busuanzi_container_page_pv">
本文總閱讀量<span id="busuanzi_value_page_pv"></span>次
</span>
效果
根據(jù)以上設(shè)置诚隙，就可以看見實現(xiàn)效果了。
實現(xiàn)效果
實現(xiàn)效果-分享
實現(xiàn)效果-站點訪問量
