Merge pull request #439 from Doublemine/pisces

Feature:notes and show number of visitors to each article

_config.yml

@@ -105,6 +105,13 @@ facebook_sdk:
   like_button:  #true
   webmaster:    #true
 
+# Show number of visitors to each article.
+# You can visit https://leancloud.cn get AppID and AppKey.
+leancloud_visitors:
+  enable: false
+  app_id: #<app_id>
+  app_key: #<app_key>
+
 
 ## DO NOT EDIT THE FOLLOWING SETTINGS
 ## UNLESS YOU KNOW WHAT YOU ARE DOING

languages/zh-Hans.yml

@@ -20,6 +20,7 @@ sidebar:
 post:
   posted: 发表于
   in: 分类于
+  visitors: 阅读次数
   read_more: 阅读全文
   untitled: 未命名
   toc_empty: 此文章未包含目录

languages/zh-hk.yml

@@ -19,6 +19,7 @@ sidebar:
 post:
   posted: 發表於
   in: 分類於
+  visitors: 閱讀次數
   read_more: 閱讀全文
   untitled: 未命名
   toc_empty: 此文章未包含目錄

languages/zh-tw.yml

@@ -19,6 +19,7 @@ sidebar:
 post:
   posted: 發表於
   in: 分類於
+  visitors: 閱讀次數
   read_more: 閱讀全文
   untitled: 未命名
   toc_empty: 此文章未包含目錄

layout/_layout.swig

@@ -112,5 +112,8 @@
       });
     });
   </script>
+  {% if theme.leancloud_visitors.enable %}
+  	 {% include '_scripts/lean-analytics.swig' %}
+  {%  endif %}
 </body>
 </html>

layout/_macro/post.swig

@@ -78,7 +78,11 @@
               |  
             <div class="fb-like" data-layout="button_count" data-share="true"></div>
           {% endif %}
-
+		  {% if theme.leancloud_visitors.enable %}
+		  	 <span id="{{ url_for(post.path) }}"class="leancloud_visitors"  data-flag-title="{{ post.title }}">
+            &nbsp; | &nbsp; {{__('post.visitors')}}
+            </span>
+		  {% endif %}
         </div>
       </header>
     {% endif %}

layout/_scripts/lean-analytics.swig

@@ -0,0 +1,81 @@
+<!-- custom analytics part create by xiamo -->
+<script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+<script>AV.initialize("{{theme.leancloud_visitors.app_id}}", "{{theme.leancloud_visitors.app_key}}");</script>
+<script>
+function showTime(Counter) {
+	var query = new AV.Query(Counter);
+	$(".leancloud_visitors").each(function() {
+		var url = $(this).attr("id").trim();
+		query.equalTo("url", url);
+		query.find({
+			success: function(results) {
+				if (results.length == 0) {
+					var content = $(document.getElementById(url)).text() + ': 0';
+					$(document.getElementById(url)).text(content);
+					return;
+				}
+				for (var i = 0; i < results.length; i++) {
+					var object = results[i];
+					var content = $(document.getElementById(url)).text() + ': ' + object.get('time');
+					$(document.getElementById(url)).text(content);
+				}
+			},
+			error: function(object, error) {
+				console.log("Error: " + error.code + " " + error.message);
+			}
+		});
+
+	});
+}
+
+function addCount(Counter) {
+	var Counter = AV.Object.extend("Counter");
+	url = $(".leancloud_visitors").attr('id').trim();
+	title = $(".leancloud_visitors").attr('data-flag-title').trim();
+	var query = new AV.Query(Counter);
+	query.equalTo("url", url);
+	query.find({
+		success: function(results) {
+			if (results.length > 0) {
+				var counter = results[0];
+				counter.fetchWhenSave(true);
+				counter.increment("time");
+				counter.save(null, {
+					success: function(counter) {
+						var content = $(document.getElementById(url)).text() + ': ' + counter.get('time');
+						$(document.getElementById(url)).text(content);
+					},
+					error: function(counter, error) {
+						console.log('Failed to save Visitor num, with error message: ' + error.message);
+					}
+				});
+			} else {
+				var newcounter = new Counter();
+				newcounter.set("title", title);
+				newcounter.set("url", url);
+				newcounter.set("time", 1);
+				newcounter.save(null, {
+					success: function(newcounter) {
+						var content = $(document.getElementById(url)).text() + ': ' + newcounter.get('time');
+						$(document.getElementById(url)).text(content);
+					},
+					error: function(newcounter, error) {
+						console.log('Failed to create');
+					}
+				});
+			}
+		},
+		error: function(error) {
+			console.log('Error:' + error.code + " " + error.message);
+		}
+	});
+}
+$(function() {
+	var Counter = AV.Object.extend("Counter");
+	if ($('.leancloud_visitors').length == 1) {
+		addCount(Counter);
+	} else if ($('.post-title-link').length > 1) {
+		showTime(Counter);
+	}
+}); 
+</script>