Merge pull request #809 from panzhitian/master

add busuanzi counter with customization

Author: iissnan

_config.yml

@@ -288,6 +288,23 @@ leancloud_visitors:
   app_id: #<app_id>
   app_key: #<app_key>
 
+# Show PV/UV of the website/page with busuanzi.
+# Get more information on http://ibruce.info/2015/04/04/busuanzi/
+busuanzi_count:
+  # count values only if the other configs are false
+  enable: false
+  # custom uv span for the whole site
+  site_uv: true
+  site_uv_header: <i class="fa fa-user"></i>
+  site_uv_footer: 
+  # custom pv span for the whole site
+  site_pv: true
+  site_pv_header: <i class="fa fa-eye"></i>
+  site_pv_footer: 
+  # custom pv span for one page only
+  page_pv: true
+  page_pv_header: <i class="fa fa-file-o"></i>
+  page_pv_footer: 
 
 # Tencent analytics ID
 # tencent_analytics:

layout/_macro/post.swig

@@ -115,6 +115,12 @@
               </span>
           {% endif %}
 
+          {% if not is_index and theme.busuanzi_count.enable and theme.busuanzi_count.page_pv %}
+              &nbsp; | &nbsp;
+              <span class="page-pv">{{ theme.busuanzi_count.page_pv_header }}
+              <span class="busuanzi-value" id="busuanzi_value_page_pv" ></span>{{ theme.busuanzi_count.page_pv_footer }}
+              </span>
+          {% endif %}
         </div>
       </header>
     {% endif %}

layout/_partials/footer.swig

@@ -19,4 +19,16 @@
   </a>
 </div>
 
+{% if theme.busuanzi_count.enable %}
+<div class="busuanzi-count">
+  <script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>
+  {% if theme.busuanzi_count.site_uv %}
+    <span class="site-uv">{{ theme.busuanzi_count.site_uv_header }}<span class="busuanzi-value" id="busuanzi_value_site_uv"></span>{{ theme.busuanzi_count.site_uv_footer }}</span>
+  {% endif %}
+  {% if theme.busuanzi_count.site_pv %}
+    <span class="site-pv">{{ theme.busuanzi_count.site_pv_header }}<span class="busuanzi-value" id="busuanzi_value_site_pv"></span>{{ theme.busuanzi_count.site_pv_footer }}</span>
+  {% endif %}
+</div>
+{% endif %}
+
 {% block footer %}{% endblock %}

source/css/_common/components/footer/footer.styl

@@ -24,6 +24,36 @@
   }
 }
 
+.busuanzi-count {
+  &:before {
+    content: " ";
+    float: left;
+    width: 260px;
+    min-height: 25px;
+  }
+}
+
+.site-uv,
+.site-pv,
+.page-pv {
+  display: inline-block;
+
+  .busuanzi-value {
+    margin: 0 5px;
+  }
+}
+
+if hexo-config("busuanzi_count.site_pv") and hexo-config("busuanzi_count.site_uv")
+  .site-uv
+  {
+    margin-right: 10px;
+
+    &::after {
+      content: "|";
+      padding-left: 10px;
+    }
+  }
+
 .cc-license {
   margin-top: 10px;
   text-align: center;