hexo yilia主题增加分享以及访问统计

在使用yilia主题创建好自己的博客之后,你还想分享到其他平台,比如微信,还想要统计站点以及文章的访问情况。互联网提供了很多第三方分享和访问统计插件,借助第三方插件很容易实现这些功能,本文使用Mob提供的第三方分享插件,使用不蒜子统计站点和文章访问量。以下是详细步骤。

相关网址

Mob分享

  • 注册一个账号
  • 进入后台,使用shareSDK,会申请到一个App Key
    mob
  • 在hexo主题目录下_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') %>
<% } %>

不蒜子访问量统计

layout_partial\header.ejs页面中引入busuanzi.js:

<script async src="//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文件

<span id="busuanzi_container_page_pv">
  本文总阅读量<span id="busuanzi_value_page_pv"></span></span>

效果

实现效果-分享
实现效果-分享
本文首发于http://www.jianshu.com/p/cb0a105d7a81

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值