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

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

相关网址

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') %>
<% } %>

不蒜子访问量统计

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文件<div class="footer-left"><div>标签后面增加:

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

效果

根据以上设置,就可以看见实现效果了。

实现效果
实现效果-分享
实现效果-站点访问量
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,861评论 25 708
  • 背景 搭建自己的hexo博客 解决 我的博客最终事例 1.草稿相当于很多博客都有的“私密文章”功能。 会在sour...
    飞奔的阿加西阅读 12,657评论 1 13
  • 今天已经是腊月二十六,再过两天便是年三十儿了。 时间过的真快。 小时候,小年一到便是家家张灯、户户结彩,满街热...
    没有飞行扫把的小女巫阅读 114评论 0 1
  • 拿破轮阅读 200评论 0 1
  • 孩子出生后会本能地寻找适合生存的第一意义去顺着环境的变化而得到经验,某种意义上说是动物本能地为了活着,比如:有人对...
    朵朵颐阅读 302评论 0 2