新增评论模块

.gitignore

@@ -1,9 +1,7 @@
-#file
+.DS_Store
-public
+Thumbs.db
-node_modules
+db.json
-yarn.lock
+*.log
-dist
+node_modules/
-footprint
+public/
-
+.deploy*/
-# doc
-.deploy_git

_config.yml

@@ -74,6 +74,15 @@ pagination_dir: page
 ## Themes: https://hexo.io/themes/
 theme: material
 
+feed:
+  type: atom
+  path: atom.xml
+  limit: 20
+  hub:
+  content:
+  content_limit: 140
+  content_limit_delim: ' '
+
 # Deployment
 ## Docs: https://hexo.io/docs/deployment.html
 deploy:  

package.json

@@ -3,27 +3,24 @@
   "version": "0.0.0",
   "private": true,
   "hexo": {
-    "version": "3.5.0"
+    "version": "3.7.1"
   },
   "dependencies": {
-    "dplayer": "^1.4.0",
-    "ftpsync": "^0.2.0",
     "hexo": "^3.2.0",
-    "hexo-deployer-ftpsync": "^0.1.1",
+    "hexo-deployer-git": "^0.3.1",
-    "hexo-deployer-git": "^0.3.0",
     "hexo-generator-archive": "^0.1.4",
     "hexo-generator-category": "^0.1.3",
+    "hexo-generator-feed": "^1.2.2",
     "hexo-generator-index": "^0.2.0",
-    "hexo-generator-search": "^2.1.1",
+    "hexo-generator-search": "^2.2.5",
     "hexo-generator-tag": "^0.2.0",
     "hexo-helper-post-top": "^0.0.1",
     "hexo-helper-qrcode": "^1.0.2",
-    "hexo-prism-plugin": "^2.1.2",
+    "hexo-renderer-ejs": "^0.3.0",
-    "hexo-renderer-ejs": "^0.2.0",
+    "hexo-renderer-marked": "^0.3.0",
-    "hexo-renderer-marked": "^0.2.10",
     "hexo-renderer-stylus": "^0.3.1",
     "hexo-server": "^0.2.0",
-    "hexo-tag-aplayer": "^2.0.1",
+    "hexo-tag-aplayer": "^3.0.3",
-    "hexo-tag-dplayer": "^0.1.7"
+    "hexo-tag-dplayer": "^0.3.3"
   }
 }

public/Amani-间奏-1.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2,音乐">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -105,7 +107,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -115,13 +117,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -134,29 +136,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -216,7 +218,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/Amani-间奏-1.html">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -224,7 +226,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -270,7 +272,7 @@
             "@type": "ImageObject",
             "url": "/img/avatar.png"
         },
-        "description": "对的，坚持！错的，放弃！"
+        "description": "对的，坚持！,,错的，放弃！"
     },
     "publisher": {
         "@type": "Organization",
@@ -305,7 +307,7 @@
     <!-- Custom Head -->
     
 
-</head>
+<link rel="stylesheet" type="text/css" href="/assets/css/DPlayer.min.css"><script src="/assets/js/DPlayer.min.js"></script></head>
 
 
     
@@ -419,7 +421,7 @@
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-functions-qrcode-button">
     <li class="mdl-menu__item">在其它设备中阅读本文章</li>
     
-        <img src="https://pan.baidu.com/share/qrcode?w=246&h=246&url=/Amani-间奏-1.html">
+        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAACuCAAAAACKZ2kyAAABg0lEQVR42u3aQZKDIBAFUO9/6ckBUpL+rSjUPFYpJfLc/JJujr+txoGLi4uLi4u7APcoj7P53087XThcCxcX913ujyj54lZmpnfP5uDi4r7LHYfXOIzGM3tr4eLi7sIdU3Bxcf8nt/cauLi4+3LTTUvlen3jhIuLuxo3LZhe+f1CfRcXFzfkNhufrbLIaz1hXFzc1nmGNNrSDc+4HXupyYqLizuNO/5DaYsSvmSwHcLFxX2c2zs2UX+l9KOntPnBxcWdzE2Lm/UWSCUob+j84OLiTuamy6TbmF7M4eLirsOtRFuvVHrbJw4uLu5kbu/wZSUE0/m4uLjrcHstkGDJwvXTJ+Pi4i7DDcoWYUilzRtcXNznuemIFws/g3BxcVfg3nuYuzc/Lpji4uI+wq2EV9piSYPshvouLi7uBG49jHrRlh7FwMXF3ZebbmbqBzJwcXF34VbCq1n+wMXFXZJbL3rWj2mmIYiLi7sOt1cwvRJ/wRVcXNzHuesPXFxcXFxc3JfGB7DqJ83+22HaAAAAAElFTkSuQmCC">
     
 </ul>
 
@@ -445,6 +447,16 @@
 </button>
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-fuctions-share-button">
     
+    <!-- Leancloud Views -->
+        <a class="post_share-link" href="#">
+            <li class="mdl-menu__item">
+                <span id="/Amani-间奏-1.html" class="leancloud-views_num" data-flag-title="Amani-间奏">
+     &nbsp;浏览量
+</span>
+
+            </li>
+        </a>
+    
 
     
 
@@ -512,14 +524,14 @@
                 
 
                 <!-- Post Content -->
-                <script src="/assets/js/DPlayer.min.js"></script><link rel="stylesheet" type="text/css" href="/assets/css/DPlayer.min.css"></link><div id="post-content" class="mdl-color-text--grey-700 mdl-card__supporting-text fade out">
+                <div id="post-content" class="mdl-color-text--grey-700 mdl-card__supporting-text fade out">
     
-        <script src="/assets/js/APlayer.min.js"> </script><div id="dplayer0" class="dplayer" style="margin-bottom: 20px;"></div><script>var dplayer0 = new DPlayer({"element":document.getElementById("dplayer0"),"autoplay":1,"theme":"#fff","loop":1,"video":{"url":"http://orjedzer5.bkt.clouddn.com/amani%EF%BC%88%E9%97%B4%E5%A5%8F%EF%BC%89.mp4"},"danmaku":{"api":"http://dplayer.daoapp.io","id":"1","token":"tokendemo"}});</script>
+        <div id="dplayer0" class="dplayer hexo-tag-dplayer-mark" style="margin-bottom: 20px;"></div><script>(function(){var player = new DPlayer({"container":document.getElementById("dplayer0"),"autoplay":true,"theme":"#fff","loop":true,"video":{"url":"http://orjedzer5.bkt.clouddn.com/amani%EF%BC%88%E9%97%B4%E5%A5%8F%EF%BC%89.mp4"},"danmaku":{"id":"1","api":"http://dplayer.daoapp.io","token":"tokendemo"}});window.dplayers||(window.dplayers=[]);window.dplayers.push(player);})()</script>
         
                 <blockquote style="margin: 2em 0 0;padding: 0.5em 1em;border-left: 3px solid #F44336;background-color: #F5F5F5;list-style: none;">
                     <p><strong>
                          
-                            <a href="#" target="_blank">转载请注明出处</a>
+                            <a href="#" target="_blank">出自 Feax</a>
                         </strong>
                         <br>
                         <strong>本文链接：</strong><a href="/Amani-间奏-1.html">/Amani-间奏-1.html</a>
@@ -537,6 +549,29 @@
                 <!-- Post Comments -->
                 
                     
+    <div id="comment" style='padding:10px;' class="vcomment"></div>
+<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
+<script>
+    var GUEST_INFO = ['nick','mail','link'];
+    var guest_info = 'nick,mail,link'.split(',').filter(function(item){
+        return GUEST_INFO.indexOf(item) > -1
+    });
+    var notify = 'false' == true;
+    var verify = 'false' == true;
+    new Valine({
+        el: '.vcomment',
+        notify: notify,
+        verify: verify,
+        appId: "ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz",
+        appKey: "hUSwCACEEbPBcGUh42RMzy6P",
+        placeholder: "Just go go",
+        pageSize:'10',
+        avatar:'identicon',
+        lang:'zh-cn'
+    });
+</script>
+
                 
             </div>
 
@@ -787,12 +822,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -901,11 +930,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -949,14 +978,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -967,6 +996,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/GIT使用攻略.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2,git">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -105,7 +107,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -115,13 +117,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -134,29 +136,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -216,7 +218,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/GIT使用攻略.html">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -224,7 +226,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -270,7 +272,7 @@
             "@type": "ImageObject",
             "url": "/img/avatar.png"
         },
-        "description": "对的，坚持！错的，放弃！"
+        "description": "对的，坚持！,,错的，放弃！"
     },
     "publisher": {
         "@type": "Organization",
@@ -428,7 +430,7 @@
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-functions-qrcode-button">
     <li class="mdl-menu__item">在其它设备中阅读本文章</li>
     
-        <img src="https://pan.baidu.com/share/qrcode?w=246&h=246&url=/GIT使用攻略.html">
+        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAACuCAAAAACKZ2kyAAABhklEQVR42u3aywqDMBAFUP//p9ttQWrvZAyJ9GQlEsxxM2Qex+tR68DFxcXFxcXdgHvE63P/+fn8zW/v87NwcXHXcn+EkvMngmPy3/hxFi4u7lJuHrySUHVNSc7CxcV9Crca4HBxcf+H+21PQsTFxX0WN0lIxljLcjVcXNwGt18wzZ+3qO/i4uJecgcbn3F4SoLX9J4wLi7u0DxD3hxNCqP5ZSgx4OLi7sAdK5vmxZRyKMTFxd2A2ymMVturN8ddXFzcCdwk4YkKGY1whouLuwO3en0ZQ+eFFVxc3H24SdAZa7529uPi4q7ijoWkavJTTa5wcXHXcquBJhm7zEsqrfELXFzcady7PjqWLLWuOLi4uNO41ZUXQ6sjHeUrDi4u7jRuf5i7UxhdMHuOi4t7U5O12ohNfqawExcXdym3P6x5XRzJ0ydcXNwncvt7Cj+Ai4u7PbdzfB4QcXFx9+FWxybGWi/5FQoXF3ctt1owzVOdvLQ6sZWCi4tb5O6/cHFxcXFxcRetN8k1RryiieYRAAAAAElFTkSuQmCC">
     
 </ul>
 
@@ -454,6 +456,16 @@
 </button>
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-fuctions-share-button">
     
+    <!-- Leancloud Views -->
+        <a class="post_share-link" href="#">
+            <li class="mdl-menu__item">
+                <span id="/GIT使用攻略.html" class="leancloud-views_num" data-flag-title="git使用技巧">
+     &nbsp;浏览量
+</span>
+
+            </li>
+        </a>
+    
 
     
 
@@ -523,12 +535,12 @@
                 <!-- Post Content -->
                 <div id="post-content" class="mdl-color-text--grey-700 mdl-card__supporting-text fade out">
     
-        <script src="/assets/js/APlayer.min.js"> </script><h1 id="流程"><a href="#流程" class="headerlink" title="流程"></a>流程</h1><h2 id="git连接GitHub"><a href="#git连接GitHub" class="headerlink" title="git连接GitHub"></a>git连接GitHub</h2><h3 id="设置Git的信息-如果是第一次的话"><a href="#设置Git的信息-如果是第一次的话" class="headerlink" title="设置Git的信息(如果是第一次的话)"></a>设置Git的信息(如果是第一次的话)</h3><blockquote>
+        <h1 id="流程"><a href="#流程" class="headerlink" title="流程"></a>流程</h1><h2 id="git连接GitHub"><a href="#git连接GitHub" class="headerlink" title="git连接GitHub"></a>git连接GitHub</h2><h3 id="设置Git的信息-如果是第一次的话"><a href="#设置Git的信息-如果是第一次的话" class="headerlink" title="设置Git的信息(如果是第一次的话)"></a>设置Git的信息(如果是第一次的话)</h3><blockquote>
 <p>git config –global user.name “名字”<br>git config –global user.email “邮箱”</p>
 </blockquote>
 <h3 id="生成密匙-很重要"><a href="#生成密匙-很重要" class="headerlink" title="生成密匙(很重要)"></a>生成密匙(很重要)</h3><p>这是你连接的必要部分，就相当于账号的登录密码，有这个你才能对GitHub上的项目进行操作</p>
 <blockquote>
-<p> ssh-keygen -t rsa -C “710328466@qq.com”</p>
+<p> ssh-keygen -t rsa -C “<a href="mailto:710328466@qq.com" target="_blank" rel="noopener">710328466@qq.com</a>“</p>
 </blockquote>
 <h3 id="配置密匙"><a href="#配置密匙" class="headerlink" title="配置密匙"></a>配置密匙</h3><ul>
 <li>将获取的密钥放到GitHub-&gt;setting下的SSH and GPG keys里面</li>
@@ -624,7 +636,7 @@ ls
                 <blockquote style="margin: 2em 0 0;padding: 0.5em 1em;border-left: 3px solid #F44336;background-color: #F5F5F5;list-style: none;">
                     <p><strong>
                          
-                            <a href="#" target="_blank">转载请注明出处</a>
+                            <a href="#" target="_blank">出自 Feax</a>
                         </strong>
                         <br>
                         <strong>本文链接：</strong><a href="/GIT使用攻略.html">/GIT使用攻略.html</a>
@@ -642,6 +654,29 @@ ls
                 <!-- Post Comments -->
                 
                     
+    <div id="comment" style='padding:10px;' class="vcomment"></div>
+<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
+<script>
+    var GUEST_INFO = ['nick','mail','link'];
+    var guest_info = 'nick,mail,link'.split(',').filter(function(item){
+        return GUEST_INFO.indexOf(item) > -1
+    });
+    var notify = 'false' == true;
+    var verify = 'false' == true;
+    new Valine({
+        el: '.vcomment',
+        notify: notify,
+        verify: verify,
+        appId: "ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz",
+        appKey: "hUSwCACEEbPBcGUh42RMzy6P",
+        placeholder: "Just go go",
+        pageSize:'10',
+        avatar:'identicon',
+        lang:'zh-cn'
+    });
+</script>
+
                 
             </div>
 
@@ -649,7 +684,7 @@ ls
             <nav class="material-nav mdl-color-text--grey-50 mdl-cell mdl-cell--12-col">
     <!-- Prev Nav -->
     
-        <a href="/vuex-模块介绍.html" id="post_nav-newer" class="prev-content">
+        <a href="/vue高仿qq音乐官网.html" id="post_nav-newer" class="prev-content">
             <button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon mdl-color--white mdl-color-text--grey-900" role="presentation">
                 <i class="material-icons">arrow_back</i>
             </button>
@@ -892,12 +927,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1006,11 +1035,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1054,14 +1083,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1072,6 +1101,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/PWA初窥.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2,PWA">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -105,7 +107,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -115,13 +117,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -134,29 +136,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -216,7 +218,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/PWA初窥.html">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -224,7 +226,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -270,7 +272,7 @@
             "@type": "ImageObject",
             "url": "/img/avatar.png"
         },
-        "description": "对的，坚持！错的，放弃！"
+        "description": "对的，坚持！,,错的，放弃！"
     },
     "publisher": {
         "@type": "Organization",
@@ -428,7 +430,7 @@
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-functions-qrcode-button">
     <li class="mdl-menu__item">在其它设备中阅读本文章</li>
     
-        <img src="https://pan.baidu.com/share/qrcode?w=246&h=246&url=/PWA初窥.html">
+        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAACuCAAAAACKZ2kyAAABkklEQVR42u3aS46DMBAFQO5/6cx2pIzIe3bAZlReRRGBIotW/47Xo86Bi4uLi4uLuwH3iM/79b+/+eMxp79NnoWLi7uW+yGUBNckLzP2LFxc3LXc8+DVXp/cJwmLuLi4+3OTAHSe9ODi4v5XbhuecHFxn8sdC1IJblmthouLO8FtG6Yznxf0d3FxcUvu1PhzKNFZNhPGxcUt9xnacWkSCvNEZ6pWw8XFvYV7Xswkqxhtw/TDn4WLi7uU2960bZckSU/dxcHFxb2AOz8uTV4+/76u1XBxcS/mnt90ZqCSr3AVgQwXF/di7neXMNr0qCh+cHFxb+Ee5UkKm3aIUjdMcXFxL+bm6cjY+GT+JXFxce/nzgSptkk6FuxwcXHv57YnD3BjKx1fXtnExcUd4s6UPe3QdGzFExcXdxU3b1vMrG60LVpcXNwduPkQJR/EtoEyqtVwcXG35OYj0rEBLS4u7rO4bQEzM5LBxcXdgTtW/CTJTdskxcXF3YE7s5LVDlnzpiouLu4q7v4HFxcXFxcXd9H5AStU4AYCo9rWAAAAAElFTkSuQmCC">
     
 </ul>
 
@@ -454,6 +456,16 @@
 </button>
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-fuctions-share-button">
     
+    <!-- Leancloud Views -->
+        <a class="post_share-link" href="#">
+            <li class="mdl-menu__item">
+                <span id="/PWA初窥.html" class="leancloud-views_num" data-flag-title="PWA初窥">
+     &nbsp;浏览量
+</span>
+
+            </li>
+        </a>
+    
 
     
 
@@ -523,7 +535,7 @@
                 <!-- Post Content -->
                 <div id="post-content" class="mdl-color-text--grey-700 mdl-card__supporting-text fade out">
     
-        <script src="/assets/js/APlayer.min.js"> </script><h1 id="Progressive-Web-Apps"><a href="#Progressive-Web-Apps" class="headerlink" title="Progressive Web Apps"></a>Progressive Web Apps</h1><h2 id="特性"><a href="#特性" class="headerlink" title="特性"></a>特性</h2><ul>
+        <h1 id="Progressive-Web-Apps"><a href="#Progressive-Web-Apps" class="headerlink" title="Progressive Web Apps"></a>Progressive Web Apps</h1><h2 id="特性"><a href="#特性" class="headerlink" title="特性"></a>特性</h2><ul>
 <li>渐进式：能确保每个用户都能打开网页</li>
 <li>响应式：PC，手机，平板，不管哪种格式，网页格式都能完美适配</li>
 <li>离线应用：支持用户在没网的条件下也能打开网页，这里就需要 Service Worker 的帮助</li>
@@ -534,32 +546,32 @@
 <li>可安装：能够将 Web 想 APP 一样添加到桌面</li>
 <li>可跳转：只要通过一个连接就可以跳转到你的 Web 页面。</li>
 </ul>
-<h2 id="配置文件"><a href="#配置文件" class="headerlink" title="配置文件"></a>配置文件</h2><pre class=" language-json"><code class="language-json">minifest.json 内容
+<h2 id="配置文件"><a href="#配置文件" class="headerlink" title="配置文件"></a>配置文件</h2><pre><code class="json">minifest.json 内容
-<span class="token punctuation">{</span>
+{
-  <span class="token property">"short_name"</span><span class="token operator">:</span> <span class="token string">"pwa"</span><span class="token punctuation">,</span>
+  &quot;short_name&quot;: &quot;pwa&quot;,
-  <span class="token property">"name"</span><span class="token operator">:</span> <span class="token string">"pwa - demo"</span><span class="token punctuation">,</span> // 应用名称
+  &quot;name&quot;: &quot;pwa - demo&quot;, // 应用名称
-  <span class="token property">"icons"</span><span class="token operator">:</span> <span class="token punctuation">[</span> // 应用显示图标，根据容器大小适配
+  &quot;icons&quot;: [ // 应用显示图标，根据容器大小适配
-    <span class="token punctuation">{</span>
+    {
-      <span class="token property">"src"</span><span class="token operator">:</span> <span class="token string">"assets/imgs/48.png"</span><span class="token punctuation">,</span>
+      &quot;src&quot;: &quot;assets/imgs/48.png&quot;,
-      <span class="token property">"type"</span><span class="token operator">:</span> <span class="token string">"image/png"</span><span class="token punctuation">,</span>
+      &quot;type&quot;: &quot;image/png&quot;,
-      <span class="token property">"sizes"</span><span class="token operator">:</span> <span class="token string">"48x48"</span>
+      &quot;sizes&quot;: &quot;48x48&quot;
-    <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    },
-    <span class="token punctuation">{</span>
+    {
-      <span class="token property">"src"</span><span class="token operator">:</span> <span class="token string">"assets/imgs/96.png"</span><span class="token punctuation">,</span>
+      &quot;src&quot;: &quot;assets/imgs/96.png&quot;,
-      <span class="token property">"type"</span><span class="token operator">:</span> <span class="token string">"image/png"</span><span class="token punctuation">,</span>
+      &quot;type&quot;: &quot;image/png&quot;,
-      <span class="token property">"sizes"</span><span class="token operator">:</span> <span class="token string">"96x96"</span>
+      &quot;sizes&quot;: &quot;96x96&quot;
-    <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    },
-    <span class="token punctuation">{</span>
+    {
-      <span class="token property">"src"</span><span class="token operator">:</span> <span class="token string">"assets/imgs/192.png"</span><span class="token punctuation">,</span>
+      &quot;src&quot;: &quot;assets/imgs/192.png&quot;,
-      <span class="token property">"type"</span><span class="token operator">:</span> <span class="token string">"image/png"</span><span class="token punctuation">,</span>
+      &quot;type&quot;: &quot;image/png&quot;,
-      <span class="token property">"sizes"</span><span class="token operator">:</span> <span class="token string">"192x192"</span>
+      &quot;sizes&quot;: &quot;192x192&quot;
-    <span class="token punctuation">}</span>
+    }
-  <span class="token punctuation">]</span><span class="token punctuation">,</span>
+  ],
-  <span class="token property">"background_color"</span><span class="token operator">:</span> <span class="token string">"#2196F3"</span><span class="token punctuation">,</span> // 刚打开页面时的背景
+  &quot;background_color&quot;: &quot;#2196F3&quot;, // 刚打开页面时的背景
-  <span class="token property">"theme_color"</span><span class="token operator">:</span> <span class="token string">"#2196F3"</span><span class="token punctuation">,</span> // 主题颜色
+  &quot;theme_color&quot;: &quot;#2196F3&quot;, // 主题颜色
-  <span class="token property">"display"</span><span class="token operator">:</span> <span class="token string">"standalone"</span><span class="token punctuation">,</span> //独立显示
+  &quot;display&quot;: &quot;standalone&quot;, //独立显示
-  <span class="token property">"start_url"</span><span class="token operator">:</span> <span class="token string">"index.html?launcher=true"</span> // 启动的页面
+  &quot;start_url&quot;: &quot;index.html?launcher=true&quot; // 启动的页面
-<span class="token punctuation">}</span>
+}
 </code></pre>
 <p>待续…</p>
 
@@ -567,7 +579,7 @@
                 <blockquote style="margin: 2em 0 0;padding: 0.5em 1em;border-left: 3px solid #F44336;background-color: #F5F5F5;list-style: none;">
                     <p><strong>
                          
-                            <a href="#" target="_blank">转载请注明出处</a>
+                            <a href="#" target="_blank">出自 Feax</a>
                         </strong>
                         <br>
                         <strong>本文链接：</strong><a href="/PWA初窥.html">/PWA初窥.html</a>
@@ -585,6 +597,29 @@
                 <!-- Post Comments -->
                 
                     
+    <div id="comment" style='padding:10px;' class="vcomment"></div>
+<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
+<script>
+    var GUEST_INFO = ['nick','mail','link'];
+    var guest_info = 'nick,mail,link'.split(',').filter(function(item){
+        return GUEST_INFO.indexOf(item) > -1
+    });
+    var notify = 'false' == true;
+    var verify = 'false' == true;
+    new Valine({
+        el: '.vcomment',
+        notify: notify,
+        verify: verify,
+        appId: "ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz",
+        appKey: "hUSwCACEEbPBcGUh42RMzy6P",
+        placeholder: "Just go go",
+        pageSize:'10',
+        avatar:'identicon',
+        lang:'zh-cn'
+    });
+</script>
+
                 
             </div>
 
@@ -835,12 +870,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -949,11 +978,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -997,14 +1026,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1015,6 +1044,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/about/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/about/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -269,6 +271,8 @@
     <!-- Custom Head -->
     
 
+<link rel="stylesheet" href="/assets/css/APlayer.min.css" class="aplayer-style-marker">
+<script src="/assets/js/APlayer.min.js" class="aplayer-script-marker"></script>
 </head>
 
 
@@ -359,7 +363,7 @@
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-functions-qrcode-button">
     <li class="mdl-menu__item">在其它设备中阅读本文章</li>
     
-        <img src="https://pan.baidu.com/share/qrcode?w=246&h=246&url=/about/index.html">
+        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAACuCAAAAACKZ2kyAAABgUlEQVR42u3aQXIDIQwEwP3/p5MXgEeAoyXVnFxb2LR9mJKEn5+r1oOLi4uLi4v7Au4Tr2T/aM/aWbi4uL3cD1EyOLIcScWzcHFx38CdB9Dw4waI+c7kLFxc3Fu4hQAKvjYuLu7/4K6xcHFx7+VWQ6raDjX0ari4uBvc6sB053XDfBcXF7fI3br+DEYka6NVXFzcXu68mckvU/PWKG+EcHFxe7lrQ9J8OLK2ExcXt5dbDpeNUKvScXFxu7hz3NnwyscuuLi4XdykRTkbZEl04uLi9nKTschayTKPxTw6cXFxu7jVVid5b7V42roTxsXF/QJ3DReNO+MfYhh5uLi4rdwqcV6+JAORY1cpuLi4R7nVdYpSaJNwcXH/nPvEa/HPE9PxaFQG4eLiNnGr4bVzfH4Zg4uL+wZuUqbkxDwcP4xpcHFxL+HmZc3OZQwuLu4t3OTJ2SEsLi5uLzcPpurzZLCCi4v7Nu7awDQvWeb7y80PLi7ul7nvX7i4uLi4uLhN6xctVwjeXeoqUgAAAABJRU5ErkJggg==">
     
 </ul>
 
@@ -376,6 +380,16 @@
 </button>
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-fuctions-share-button">
     
+    <!-- Leancloud Views -->
+        <a class="post_share-link" href="#">
+            <li class="mdl-menu__item">
+                <span id="/about/index.html" class="leancloud-views_num" data-flag-title="个人简介">
+     &nbsp;浏览量
+</span>
+
+            </li>
+        </a>
+    
 
     
 
@@ -445,7 +459,7 @@
                 <!-- Post Content -->
                 <div id="post-content" class="mdl-color-text--grey-700 mdl-card__supporting-text fade out">
     
-        <script src="/assets/js/APlayer.min.js"> </script><p>姓名：江志雄<br>性别：你猜<br>专业：软件工程</p>
+        <p>姓名：江志雄<br>性别：你猜<br>专业：软件工程</p>
 <h3 id="工作经历"><a href="#工作经历" class="headerlink" title="工作经历"></a>工作经历</h3><ul>
 <li><p>南昌·午逅科技</p>
 <p>  任务职责：完成移动端 H5 页面开发</p>
@@ -500,22 +514,28 @@
 <ul>
 <li>tag <blockquote>
 <p>行动派: 认准一件事就会全力以赴,不达目的不罢休<br>艺术派：前端工程师能将艺术与编程完美结合的一种职业, so, 热爱它吧</p>
-<h3 id="联系方式"><a href="#联系方式" class="headerlink" title="联系方式"></a>联系方式</h3><p>qq: 710328466<br>tel: 15216030330(中午和晚上一般都关机，我要睡觉…)<br><a href="http://blog.jzxer.cn/" target="_blank" rel="noopener">blog</a></p>
+</blockquote>
+<h3 id="联系方式"><a href="#联系方式" class="headerlink" title="联系方式"></a>联系方式</h3><blockquote>
+<p>qq: 710328466<br>tel: 15216030330(中午和晚上一般都关机，我要睡觉…)<br><a href="http://blog.jzxer.cn/" target="_blank" rel="noopener">blog</a></p>
 </blockquote>
 </li>
 </ul>
-<div id="aplayer0" class="aplayer" style="margin-bottom: 20px;"></div>
+
+        <div id="aplayer-JmHBzUsY" class="aplayer aplayer-tag-marker" style="margin-bottom: 20px;">
+            <pre class="aplayer-lrc-content"></pre>
+        </div>
         <script>
           var ap = new APlayer({
-				element: document.getElementById("aplayer0"),
+            element: document.getElementById("aplayer-JmHBzUsY"),
             narrow: false,
             autoplay: true,
-				showlrc: 0,
+            showlrc: false,
             music: {
               title: "初学者",
               author: "薛之谦",
               url: "http://orjedzer5.bkt.clouddn.com/%E5%88%9D%E5%AD%A6%E8%80%85.mp3",
               pic: "",
+              lrc: ""
             }
           });
           window.aplayers || (window.aplayers = []);
@@ -526,7 +546,7 @@
                 <blockquote style="margin: 2em 0 0;padding: 0.5em 1em;border-left: 3px solid #F44336;background-color: #F5F5F5;list-style: none;">
                     <p><strong>
                          
-                            <a href="#" target="_blank">转载请注明出处</a>
+                            <a href="#" target="_blank">出自 Feax</a>
                         </strong>
                         <br>
                         <strong>本文链接：</strong><a href="/about/index.html">/about/index.html</a>
@@ -544,6 +564,29 @@
                 <!-- Post Comments -->
                 
                     
+    <div id="comment" style='padding:10px;' class="vcomment"></div>
+<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
+<script>
+    var GUEST_INFO = ['nick','mail','link'];
+    var guest_info = 'nick,mail,link'.split(',').filter(function(item){
+        return GUEST_INFO.indexOf(item) > -1
+    });
+    var notify = 'false' == true;
+    var verify = 'false' == true;
+    new Valine({
+        el: '.vcomment',
+        notify: notify,
+        verify: verify,
+        appId: "ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz",
+        appKey: "hUSwCACEEbPBcGUh42RMzy6P",
+        placeholder: "Just go go",
+        pageSize:'10',
+        avatar:'identicon',
+        lang:'zh-cn'
+    });
+</script>
+
                 
             </div>
 
@@ -778,12 +821,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -884,11 +921,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -932,14 +969,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -950,6 +987,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/2016/08/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/2016/08/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -720,12 +722,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -834,11 +830,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -882,14 +878,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -900,6 +896,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/2016/11/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/2016/11/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -720,12 +722,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -834,11 +830,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -882,14 +878,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -900,6 +896,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/2016/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/2016/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -781,12 +783,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -895,11 +891,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -943,14 +939,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -961,6 +957,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/2017/01/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/2017/01/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -720,12 +722,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -834,11 +830,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -882,14 +878,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -900,6 +896,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/2017/02/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/2017/02/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -781,12 +783,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -895,11 +891,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -943,14 +939,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -961,6 +957,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/2017/03/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/2017/03/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -502,7 +504,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             小结，一个优秀的前端leader，我认为应该具备...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -547,7 +549,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -564,7 +566,6 @@
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
             
-没有一张纸可对折超过7次 ...
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -843,12 +844,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -957,11 +952,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1005,14 +1000,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1023,6 +1018,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/2017/04/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/2017/04/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -720,12 +722,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -834,11 +830,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -882,14 +878,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -900,6 +896,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/2017/06/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/2017/06/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -502,7 +504,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             对于一个对界要求很高的人来说，今天有必要研究下各...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -547,7 +549,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -564,7 +566,6 @@
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
             
-小记：前两天面试，展现...
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -609,7 +610,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -670,7 +671,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -686,7 +687,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             前段时间看到腾讯云服务器对学生有优惠，而且很大一...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -731,7 +732,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -791,10 +792,8 @@
     
         
             
-        
-            
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -856,6 +855,8 @@
     
 
     
+
+    
         <script type="text/ls-javascript" id="thumbnail-script">
     var randomNum;
 
@@ -1089,12 +1090,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1203,11 +1198,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1251,14 +1246,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1269,6 +1264,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/2017/07/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/2017/07/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -542,7 +544,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -603,7 +605,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -664,7 +666,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -725,7 +727,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -786,7 +788,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -802,7 +804,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             今天，我想讲讲关于stick-footer布局技...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -847,7 +849,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -1142,12 +1144,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1256,11 +1252,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1304,14 +1300,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1322,6 +1318,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/2017/08/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/2017/08/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -502,7 +504,6 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             整理一些面试题，以备用
             
         
         &nbsp;&nbsp;&nbsp;
@@ -548,7 +549,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -609,7 +610,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -670,7 +671,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -965,12 +966,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1079,11 +1074,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1127,14 +1122,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1145,6 +1140,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/2017/09/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/2017/09/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -547,7 +549,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -563,7 +565,6 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             app.use()
             
         
         &nbsp;&nbsp;&nbsp;
@@ -843,12 +844,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -957,11 +952,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1005,14 +1000,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1023,6 +1018,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/2017/10/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/2017/10/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -547,7 +549,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -608,7 +610,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -903,12 +905,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1017,11 +1013,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1065,14 +1061,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1083,6 +1079,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/2017/11/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/2017/11/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -441,7 +443,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             我一直在探索属于我自己独一无二的代码风格...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -720,12 +722,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -834,11 +830,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -882,14 +878,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -900,6 +896,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/2017/12/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/2017/12/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -547,7 +549,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -608,7 +610,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -903,12 +905,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1017,11 +1013,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1065,14 +1061,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1083,6 +1079,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/2017/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/2017/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -547,7 +549,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -608,7 +610,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -669,7 +671,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -685,7 +687,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             我一直在探索属于我自己独一无二的代码风格...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -730,7 +732,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -791,7 +793,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -852,7 +854,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -913,7 +915,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -974,7 +976,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -1274,12 +1276,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1388,11 +1384,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1436,14 +1432,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1454,6 +1450,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/2017/page/2/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/2017/page/2/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -502,7 +504,6 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             app.use()
             
         
         &nbsp;&nbsp;&nbsp;
@@ -548,7 +549,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -609,7 +610,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -625,7 +626,6 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             整理一些面试题，以备用
             
         
         &nbsp;&nbsp;&nbsp;
@@ -671,7 +671,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -732,7 +732,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -793,7 +793,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -854,7 +854,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -915,7 +915,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -971,7 +971,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -1271,12 +1271,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1385,11 +1379,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1433,14 +1427,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1451,6 +1445,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/2017/page/3/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/2017/page/3/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -547,7 +549,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -608,7 +610,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -624,7 +626,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             今天，我想讲讲关于stick-footer布局技...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -669,7 +671,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -730,7 +732,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -791,7 +793,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -807,7 +809,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             对于一个对界要求很高的人来说，今天有必要研究下各...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -852,7 +854,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -869,7 +871,6 @@
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
             
-小记：前两天面试，展现...
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -914,7 +915,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -975,7 +976,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -991,7 +992,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             前段时间看到腾讯云服务器对学生有优惠，而且很大一...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -1275,12 +1276,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1389,11 +1384,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1437,14 +1432,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1455,6 +1450,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/2017/page/4/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/2017/page/4/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -485,10 +487,8 @@
     
         
             
-        
-            
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -548,8 +548,10 @@
     
         
     
+        
+            
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -610,7 +612,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -671,7 +673,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -687,7 +689,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             小结，一个优秀的前端leader，我认为应该具备...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -732,7 +734,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -749,7 +751,6 @@
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
             
-没有一张纸可对折超过7次 ...
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -794,7 +795,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -855,7 +856,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -916,7 +917,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -1216,12 +1217,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1330,11 +1325,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1378,14 +1373,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1396,6 +1391,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/2017/page/5/index.html

@@ -1,929 +0,0 @@
-<!DOCTYPE html>
-<html style="display: none;" lang="zh">
-    <head>
-    <meta charset="utf-8">
-    <!--
-        © Material Theme
-        https://github.com/viosey/hexo-theme-material
-        Version: 1.5.2 -->
-    <script>
-        window.materialVersion = "1.5.2"
-        // Delete localstorage with these tags
-        window.oldVersion = [
-            'codestartv1',
-            '1.3.4',
-            '1.4.0',
-            '1.4.0b1',
-            '1.5.0'
-        ]
-    </script>
-
-    <!-- dns prefetch -->
-    <meta http-equiv="x-dns-prefetch-control" content="on">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    <!-- Meta & Info -->
-    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
-    <meta name="renderer" content="webkit">
-    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-
-    <!-- Title -->
-    
-    <title>
-        
-            归档: 2017 | 
-        
-        Jzxer&#39;s Blog
-    </title>
-
-    <!-- Favicons -->
-    <link rel="icon shortcut" type="image/ico" href="/img/favicon.ico">
-    <link rel="icon" href="/img/favicon.png">
-
-    <meta name="format-detection" content="telephone=no"/>
-    <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
-    <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
-
-    <!-- Disable Fucking Bloody Baidu Tranformation -->
-    <meta http-equiv="Cache-Control" content="no-transform" />
-    <meta http-equiv="Cache-Control" content="no-siteapp" />
-
-    <!--[if lte IE 9]>
-        <link rel="stylesheet" href="/css/ie-blocker.css">
-
-        
-            <script src="/js/ie-blocker.zhCN.js"></script>
-        
-    <![endif]-->
-
-    <!-- Import lsloader -->
-    <script>(function(){window.lsloader={jsRunSequence:[],jsnamemap:{},cssnamemap:{}};lsloader.removeLS=function(a){try{localStorage.removeItem(a)}catch(b){}};lsloader.setLS=function(a,c){try{localStorage.setItem(a,c)}catch(b){}};lsloader.getLS=function(a){var c="";try{c=localStorage.getItem(a)}catch(b){c=""}return c};versionString="/*"+(window.materialVersion||"unknownVersion")+"*/";lsloader.clean=function(){try{var b=[];for(var a=0;a<localStorage.length;a++){b.push(localStorage.key(a))}b.forEach(function(e){var f=lsloader.getLS(e);if(window.oldVersion){var d=window.oldVersion.reduce(function(g,h){return g||f.indexOf("/*"+h+"*/")!==-1},false);if(d){lsloader.removeLS(e)}}})}catch(c){}};lsloader.clean();lsloader.load=function(f,a,b,d){if(typeof b==="boolean"){d=b;b=undefined}d=d||false;b=b||function(){};var e;e=this.getLS(f);if(e&&e.indexOf(versionString)===-1){this.removeLS(f);this.requestResource(f,a,b,d);return}if(e){var c=e.split(versionString)[0];if(c!=a){console.log("reload:"+a);this.removeLS(f);this.requestResource(f,a,b,d);return}e=e.split(versionString)[1];if(d){this.jsRunSequence.push({name:f,code:e});this.runjs(a,f,e)}else{document.getElementById(f).appendChild(document.createTextNode(e));b()}}else{this.requestResource(f,a,b,d)}};lsloader.requestResource=function(b,e,a,c){var d=this;if(c){this.iojs(e,b,function(h,f,g){d.setLS(f,h+versionString+g);d.runjs(h,f,g)})}else{this.iocss(e,b,function(f){document.getElementById(b).appendChild(document.createTextNode(f));d.setLS(b,e+versionString+f)},a)}};lsloader.iojs=function(d,b,g){var a=this;a.jsRunSequence.push({name:b,code:""});try{var f=new XMLHttpRequest();f.open("get",d,true);f.onreadystatechange=function(){if(f.readyState==4){if((f.status>=200&&f.status<300)||f.status==304){if(f.response!=""){g(d,b,f.response);return}}a.jsfallback(d,b)}};f.send(null)}catch(c){a.jsfallback(d,b)}};lsloader.iocss=function(f,c,h,a){var b=this;try{var g=new XMLHttpRequest();g.open("get",f,true);g.onreadystatechange=function(){if(g.readyState==4){if((g.status>=200&&g.status<300)||g.status==304){if(g.response!=""){h(g.response);a();return}}b.cssfallback(f,c,a)}};g.send(null)}catch(d){b.cssfallback(f,c,a)}};lsloader.iofonts=function(f,c,h,a){var b=this;try{var g=new XMLHttpRequest();g.open("get",f,true);g.onreadystatechange=function(){if(g.readyState==4){if((g.status>=200&&g.status<300)||g.status==304){if(g.response!=""){h(g.response);a();return}}b.cssfallback(f,c,a)}};g.send(null)}catch(d){b.cssfallback(f,c,a)}};lsloader.runjs=function(f,c,e){if(!!c&&!!e){for(var b in this.jsRunSequence){if(this.jsRunSequence[b].name==c){this.jsRunSequence[b].code=e}}}if(!!this.jsRunSequence[0]&&!!this.jsRunSequence[0].code&&this.jsRunSequence[0].status!="failed"){var a=document.createElement("script");a.appendChild(document.createTextNode(this.jsRunSequence[0].code));a.type="text/javascript";document.getElementsByTagName("head")[0].appendChild(a);this.jsRunSequence.shift();if(this.jsRunSequence.length>0){this.runjs()}}else{if(!!this.jsRunSequence[0]&&this.jsRunSequence[0].status=="failed"){var d=this;var a=document.createElement("script");a.src=this.jsRunSequence[0].path;a.type="text/javascript";this.jsRunSequence[0].status="loading";a.onload=function(){d.jsRunSequence.shift();if(d.jsRunSequence.length>0){d.runjs()}};document.body.appendChild(a)}}};lsloader.tagLoad=function(b,a){this.jsRunSequence.push({name:a,code:"",path:b,status:"failed"});this.runjs()};lsloader.jsfallback=function(c,b){if(!!this.jsnamemap[b]){return}else{this.jsnamemap[b]=b}for(var a in this.jsRunSequence){if(this.jsRunSequence[a].name==b){this.jsRunSequence[a].code="";this.jsRunSequence[a].status="failed";this.jsRunSequence[a].path=c}}this.runjs()};lsloader.cssfallback=function(e,c,b){if(!!this.cssnamemap[c]){return}else{this.cssnamemap[c]=1}var d=document.createElement("link");d.type="text/css";d.href=e;d.rel="stylesheet";d.onload=d.onerror=b;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(d,a)};lsloader.runInlineScript=function(c,b){var a=document.getElementById(b).innerText;this.jsRunSequence.push({name:c,code:a});this.runjs()}})();</script>
-
-    <!-- Import queue -->
-    <script>function Queue(){this.dataStore=[];this.offer=b;this.poll=d;this.execNext=a;this.debug=false;this.startDebug=c;function b(e){if(this.debug){console.log("Offered a Queued Function.")}if(typeof e==="function"){this.dataStore.push(e)}else{console.log("You must offer a function.")}}function d(){if(this.debug){console.log("Polled a Queued Function.")}return this.dataStore.shift()}function a(){var e=this.poll();if(e!==undefined){if(this.debug){console.log("Run a Queued Function.")}e()}}function c(){this.debug=true}}var queue=new Queue();</script>
-
-    <!-- Import CSS -->
-    
-        <style id="material_css"></style><script>if(typeof window.lsLoadCSSMaxNums === "undefined")window.lsLoadCSSMaxNums = 0;window.lsLoadCSSMaxNums++;lsloader.load("material_css","/css/material.min.css?Z7a72R1E4SxzBKR/WGctOA==",function(){if(typeof window.lsLoadCSSNums === "undefined")window.lsLoadCSSNums = 0;window.lsLoadCSSNums++;if(window.lsLoadCSSNums == window.lsLoadCSSMaxNums)document.documentElement.style.display="";}, false)</script>
-        <style id="style_css"></style><script>if(typeof window.lsLoadCSSMaxNums === "undefined")window.lsLoadCSSMaxNums = 0;window.lsLoadCSSMaxNums++;lsloader.load("style_css","/css/style.min.css?MKetZV3cUTfDxvMffaOezg==",function(){if(typeof window.lsLoadCSSNums === "undefined")window.lsLoadCSSNums = 0;window.lsLoadCSSNums++;if(window.lsLoadCSSNums == window.lsLoadCSSMaxNums)document.documentElement.style.display="";}, false)</script>
-
-        
-            
-        
-
-    
-
-    
-
-    <!-- Config CSS -->
-
-<!-- Other Styles -->
-<style>
-  body, html {
-    font-family: Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
-    overflow-x: hidden !important;
-  }
-  
-  code {
-    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-  }
-
-  a {
-    color: #0098A6;
-  }
-
-  .mdl-card__media,
-  #search-label,
-  #search-form-label:after,
-  #scheme-Paradox .hot_tags-count,
-  #scheme-Paradox .sidebar_archives-count,
-  #scheme-Paradox .sidebar-colored .sidebar-header,
-  #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
-  }
-
-  /* Sidebar User Drop Down Menu Text Color */
-  #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
-  #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
-  }
-
-  #post_entry-right-info,
-  .sidebar-colored .sidebar-nav li:hover > a,
-  .sidebar-colored .sidebar-nav li:hover > a i,
-  .sidebar-colored .sidebar-nav li > a:hover,
-  .sidebar-colored .sidebar-nav li > a:hover i,
-  .sidebar-colored .sidebar-nav li > a:focus i,
-  .sidebar-colored .sidebar-nav > .open > a,
-  .sidebar-colored .sidebar-nav > .open > a:hover,
-  .sidebar-colored .sidebar-nav > .open > a:focus,
-  #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
-  }
-
-  .toTop {
-    background: #0b203a !important;
-  }
-
-  .material-layout .material-post>.material-nav,
-  .material-layout .material-index>.material-nav,
-  .material-nav a {
-    color: #0b203a;
-  }
-
-  #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
-  }
-
-  #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
-  }
-
-  .post-toc a:hover {
-    color: #0098A6;
-    text-decoration: underline;
-  }
-
-</style>
-
-
-<!-- Theme Background Related-->
-
-    <style>
-      body{
-        background-image: url(/img/bg.png);
-      }
-    </style>
-
-
-
-
-<!-- Fade Effect -->
-
-    <style>
-      .fade {
-        transition: all 800ms linear;
-        -webkit-transform: translate3d(0,0,0);
-        -moz-transform: translate3d(0,0,0);
-        -ms-transform: translate3d(0,0,0);
-        -o-transform: translate3d(0,0,0);
-        transform: translate3d(0,0,0);
-        opacity: 1;
-      }
-
-      .fade.out{
-        opacity: 0;
-      }
-    </style>
-
-
-<!-- Import Font -->
-<!-- Import Roboto -->
-
-    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
-
-
-<!-- Import Material Icons -->
-
-
-    <style id="material_icons"></style><script>if(typeof window.lsLoadCSSMaxNums === "undefined")window.lsLoadCSSMaxNums = 0;window.lsLoadCSSMaxNums++;lsloader.load("material_icons","/css/material-icons.css?pqhB/Rd/ab0H2+kZp0RDmw==",function(){if(typeof window.lsLoadCSSNums === "undefined")window.lsLoadCSSNums = 0;window.lsLoadCSSNums++;if(window.lsLoadCSSNums == window.lsLoadCSSMaxNums)document.documentElement.style.display="";}, false)</script>
-
-
-
-
-    <!-- Import jQuery -->
-    
-        <script>lsloader.load("jq_js","/js/jquery.min.js?qcusAULNeBksqffqUM2+Ig==", true)</script>
-    
-
-    <!-- WebAPP Icons -->
-    <meta name="mobile-web-app-capable" content="yes">
-    <meta name="application-name" content="Jzxer&#39;s Blog">
-    <meta name="msapplication-starturl" content="/archives/2017/page/5/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black">
-    <link rel="apple-touch-icon" href="/img/favicon.png">
-
-    <!-- Site Verification -->
-    
-    
-
-    <!-- RSS -->
-    
-
-    <!-- The Open Graph protocol -->
-    <meta property="og:url" content="/archives/2017/page/5/">
-    <meta property="og:type" content="blog">
-    <meta property="og:title" content="归档: 2017 | Jzxer&#39;s Blog">
-    <meta property="og:image" content="/img/favicon.png">
-    <meta property="og:description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
-    
-
-    
-
-    <!-- The Twitter Card protocol -->
-    <meta name="twitter:card" content="summary_large_image">
-
-    <!-- Add canonical link for SEO -->
-    
-        <link rel="canonical" href="/archives/2017/page/5/index.html" />
-    
-
-    <!-- Structured-data for SEO -->
-    
-        
-
-
-
-    
-
-    <!-- Analytics -->
-    
-    
-        <script>
-    var _hmt = _hmt || [];
-    (function() {var hm = document.createElement('script');
-    hm.src = 'https://hm.baidu.com/hm.js?fd3e8c663917a054564de87b31397113';
-    var s = document.getElementsByTagName('script')[0];
-    s.parentNode.insertBefore(hm, s);
-    })();
-</script>
-    
-    
-
-    <!-- Custom Head -->
-    
-
-</head>
-
-
-    
-        <body id="scheme-Paradox" class="lazy">
-            <div class="material-layout  mdl-js-layout has-drawer is-upgraded">
-                
-
-                <!-- Main Container -->
-                <main class="material-layout__content" id="main">
-
-                    <!-- Top Anchor -->
-                    <div id="top"></div>
-
-                    
-                        <!-- Hamburger Button -->
-                        <button class="MD-burger-icon sidebar-toggle">
-                            <span class="MD-burger-layer"></span>
-                        </button>
-                    
-
-                    <!-- Index Module -->
-<div class="material-index mdl-grid">
-    
-    <div class="locate-thumbnail-symbol"></div>
-
-    <!-- Pin on top -->
-    
-        
-            
-                
-                    <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
-    <!-- Post Thumbnail -->
-    
-        
-            <!-- Random Thumbnail -->
-            <div class="post_thumbnail-random mdl-card__media mdl-color-text--grey-50">
-        
-    
-
-        <!-- Post Title -->
-        <p class="article-headline-p"><a href="/vue高仿qq音乐官网.html"><span>[Top]</span>vue高仿qq音乐官网</a></p>
-    </div>
-
-    <!-- Post Excerpt -->
-    <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
-        
-             一直想做一个vue项目 然后呢 我就做了...
-        
-        &nbsp;&nbsp;&nbsp;
-        <span>
-            <a href="/vue高仿qq音乐官网.html" target="_self">阅读全文</a>
-        </span>
-    </div>
-    <!-- Post_entry Info-->
-    <div id="post_entry-info">
-        <div id="post_entry-left-info" class="mdl-card__supporting-text meta mdl-color-text--grey-600 ">
-            <!-- Author Avatar -->
-            <div id="author-avatar">
-                <img src="/img/avatar.png" width="44px" height="44px" alt="Jzxer's avatar">
-            </div>
-            <div>
-                <strong>Jzxer</strong>
-                <span>6月 15, 2017</span>
-            </div>
-        </div>
-        <div id="post_entry-right-info">
-          
-              <!-- Category -->
-              <span class="post_entry-category">
-                  <a class="post_category-link" href="/categories/web项目/">web项目</a>
-              </span>
-            
-
-            
-
-            
-
-            <!-- Post Views -->
-            <span class="post_entry-views">
-            </span>
-        </div>
-    </div>
-</div>
-
-                
-                
-            
-        
-    
-
-    <!-- Normal Post -->
-    
-        
-            
-                <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
-    <!-- Post Thumbnail -->
-    
-        
-            <!-- Random Thumbnail -->
-            <div class="post_thumbnail-random mdl-card__media mdl-color-text--grey-50">
-        
-    
-
-        <!-- Post Title -->
-        <p class="article-headline-p"><a href="/我是愤怒.html">我是愤怒</a></p>
-    </div>
-
-    <!-- Post Excerpt -->
-    <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
-        
-             
-        
-        &nbsp;&nbsp;&nbsp;
-        <span>
-            <a href="/我是愤怒.html" target="_self">阅读全文</a>
-        </span>
-    </div>
-    <!-- Post_entry Info-->
-    <div id="post_entry-info">
-        <div id="post_entry-left-info" class="mdl-card__supporting-text meta mdl-color-text--grey-600 ">
-            <!-- Author Avatar -->
-            <div id="author-avatar">
-                <img src="/img/avatar.png" width="44px" height="44px" alt="Jzxer's avatar">
-            </div>
-            <div>
-                <strong>Jzxer</strong>
-                <span>1月 07, 2017</span>
-            </div>
-        </div>
-        <div id="post_entry-right-info">
-          
-              <!-- Category -->
-              <span class="post_entry-category">
-                  <a class="post_category-link" href="/categories/音乐/">音乐</a>
-              </span>
-            
-
-            
-
-            
-
-            <!-- Post Views -->
-            <span class="post_entry-views">
-            </span>
-        </div>
-    </div>
-</div>
-
-            
-            
-        
-    
-
-    
-    <!-- Index nav -->
-        <nav class="material-nav mdl-cell mdl-cell--12-col">
-            <a class="extend prev" rel="prev" href="/archives/2017/page/4/"><button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon"><i class="material-icons" role="presentation">arrow_back</i></button></a><a class="page-number" href="/archives/2017/">1</a><a class="page-number" href="/archives/2017/page/3/">3</a><a class="page-number" href="/archives/2017/page/4/">4</a><span class="page-number current">5</span>
-        </nav>
-    
-
-    
-        <script type="text/ls-javascript" id="thumbnail-script">
-    var randomNum;
-
-    var locatePost = $('.locate-thumbnail-symbol').next();
-    for(var i = 0; i < 10; i++) {
-        randomNum = Math.floor(Math.random() * 19 + 1);
-
-        locatePost.children('.post_thumbnail-random').attr('id', 'random_thumbnail-'+randomNum);
-        locatePost.children('.post_thumbnail-random').attr('data-original', '/img/random/material-' + randomNum + '.png');
-    $('.post_thumbnail-random').addClass('lazy');
-
-        locatePost = locatePost.next();
-    }
-</script>
-
-    
-</div>
-
-
-                    
-                        <!-- Overlay For Active Sidebar -->
-<div class="sidebar-overlay"></div>
-
-<!-- Material sidebar -->
-<aside id="sidebar" class="sidebar sidebar-colored sidebar-fixed-left" role="navigation">
-    <div id="sidebar-main">
-        <!-- Sidebar Header -->
-        <div class="sidebar-header header-cover" style="background-image: url(/img/sidebar_header.png);">
-    <!-- Top bar -->
-    <div class="top-bar"></div>
-
-    <!-- Sidebar toggle button -->
-    <button type="button" class="sidebar-toggle mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon" style="display: initial;" data-upgraded=",MaterialButton,MaterialRipple">
-        <i class="material-icons">clear_all</i>
-        <span class="mdl-button__ripple-container">
-            <span class="mdl-ripple">
-            </span>
-        </span>
-    </button>
-
-    <!-- Sidebar Avatar -->
-    <div class="sidebar-image">
-        <img src="/img/avatar.png" alt="Jzxer's avatar">
-    </div>
-
-    <!-- Sidebar Email -->
-    <a data-toggle="dropdown" class="sidebar-brand" href="#settings-dropdown">
-        710328466@qq.com
-        <b class="caret"></b>
-    </a>
-</div>
-
-
-        <!-- Sidebar Navigation  -->
-        <ul class="nav sidebar-nav">
-    <!-- User dropdown  -->
-    <li class="dropdown">
-        <ul id="settings-dropdown" class="dropdown-menu">
-            
-                <li>
-                    <a href="710328466@qq.com" target="_blank" title="给我发邮件">
-                        
-                            <i class="material-icons sidebar-material-icons sidebar-indent-left1pc-element">email</i>
-                        
-                        给我发邮件
-                    </a>
-                </li>
-            
-        </ul>
-    </li>
-
-    <!-- Homepage -->
-    
-        <li id="sidebar-first-li">
-            <a href="/">
-                
-                    <i class="material-icons sidebar-material-icons">home</i>
-                
-                主页
-            </a>
-        </li>
-        
-            <li class="divider"></li>
-        
-    
-
-    <!-- Archives  -->
-    
-        <li class="dropdown">
-            <a href="#" class="ripple-effect dropdown-toggle" data-toggle="dropdown">
-                
-                    <i class="material-icons sidebar-material-icons">inbox</i>
-                
-                    归档
-                <b class="caret"></b>
-            </a>
-            <ul class="dropdown-menu">
-            <li>
-                <a class="sidebar_archives-link" href="/archives/2018/03/">三月 2018<span class="sidebar_archives-count">3</span></a></li><li><a class="sidebar_archives-link" href="/archives/2018/02/">二月 2018<span class="sidebar_archives-count">2</span></a></li><li><a class="sidebar_archives-link" href="/archives/2018/01/">一月 2018<span class="sidebar_archives-count">6</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/12/">十二月 2017<span class="sidebar_archives-count">4</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/11/">十一月 2017<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/10/">十月 2017<span class="sidebar_archives-count">4</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/09/">九月 2017<span class="sidebar_archives-count">3</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/08/">八月 2017<span class="sidebar_archives-count">5</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/07/">七月 2017<span class="sidebar_archives-count">8</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/06/">六月 2017<span class="sidebar_archives-count">9</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/04/">四月 2017<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/03/">三月 2017<span class="sidebar_archives-count">3</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/02/">二月 2017<span class="sidebar_archives-count">2</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/01/">一月 2017<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/archives/2016/11/">十一月 2016<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/archives/2016/08/">八月 2016<span class="sidebar_archives-count">1</span></a>
-            </ul>
-        </li>
-        
-            <li class="divider"></li>
-        
-    
-
-    <!-- Categories  -->
-    
-        <li class="dropdown">
-            <a href="#" class="ripple-effect dropdown-toggle" data-toggle="dropdown">
-                
-                    <i class="material-icons sidebar-material-icons">chrome_reader_mode</i>
-                
-                分类
-                <b class="caret"></b>
-            </a>
-            <ul class="dropdown-menu">
-                <li>
-                <a class="sidebar_archives-link" href="/categories/APP/">APP<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/categories/CSS/">CSS<span class="sidebar_archives-count">2</span></a></li><li><a class="sidebar_archives-link" href="/categories/HTML/">HTML<span class="sidebar_archives-count">2</span></a></li><li><a class="sidebar_archives-link" href="/categories/IDE/">IDE<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/categories/JS/">JS<span class="sidebar_archives-count">5</span></a></li><li><a class="sidebar_archives-link" href="/categories/nodeJS/">nodeJS<span class="sidebar_archives-count">2</span></a></li><li><a class="sidebar_archives-link" href="/categories/storage/">storage<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/categories/vue/">vue<span class="sidebar_archives-count">2</span></a></li><li><a class="sidebar_archives-link" href="/categories/web前端/">web前端<span class="sidebar_archives-count">10</span></a></li><li><a class="sidebar_archives-link" href="/categories/web项目/">web项目<span class="sidebar_archives-count">3</span></a></li><li><a class="sidebar_archives-link" href="/categories/博客搭建/">博客搭建<span class="sidebar_archives-count">2</span></a></li><li><a class="sidebar_archives-link" href="/categories/安全/">安全<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/categories/数据库/">数据库<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/categories/服务器/">服务器<span class="sidebar_archives-count">2</span></a></li><li><a class="sidebar_archives-link" href="/categories/版本管理/">版本管理<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/categories/生活/">生活<span class="sidebar_archives-count">9</span></a></li><li><a class="sidebar_archives-link" href="/categories/阅读/">阅读<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/categories/音乐/">音乐<span class="sidebar_archives-count">6</span></a>
-            </ul>
-        </li>
-        
-            <li class="divider"></li>
-        
-    
-
-    <!-- Pages  -->
-    
-        <li>
-            <a href="/gallery" title="图库">
-                
-                    <i class="material-icons sidebar-material-icons">dashboard</i>
-                
-                图库
-            </a>
-        </li>
-        
-            <li class="divider"></li>
-        
-    
-        <li>
-            <a href="/tags" title="标签">
-                
-                    <i class="material-icons sidebar-material-icons">label</i>
-                
-                标签
-            </a>
-        </li>
-        
-            <li class="divider"></li>
-        
-    
-        <li>
-            <a href="/footprint" title="我的足迹">
-                
-                    <i class="material-icons sidebar-material-icons">flight</i>
-                
-                我的足迹
-            </a>
-        </li>
-        
-            <li class="divider"></li>
-        
-    
-        <li>
-            <a href="/about" title="关于我">
-                
-                    <i class="material-icons sidebar-material-icons">face</i>
-                
-                关于我
-            </a>
-        </li>
-        
-    
-
-    <!-- Article Number  -->
-    
-        <li>
-            <a href="/archives">
-                文章总数
-                <span class="sidebar-badge">54</span>
-            </a>
-        </li>
-        
-    
-</ul>
-
-
-        <!-- Sidebar Footer -->
-        <!--
-I'm glad you use this theme, the development is no so easy, I hope you can keep the copyright, I will thank you so much.
-If you still want to delete the copyrights, could you still retain the first one? Which namely "Theme Material"
-It will not impact the appearance and can give developers a lot of support :)
-
-很高兴您使用并喜欢该主题，开发不易 十分谢谢与希望您可以保留一下版权声明。
-如果您仍然想删除的话 能否只保留第一项呢？即 "Theme Material"
-它不会影响美观并可以给开发者很大的支持和动力。 :)
--->
-
-<!-- Sidebar Divider -->
-
-
-<!-- Theme Material -->
-
-
-<!-- Help & Support -->
-<!--
-
-    <a href="mailto:hiviosey@gmail.com" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-        sidebar.help
-        <span class="mdl-button__ripple-container">
-          <span class="mdl-ripple"></span>
-        </span>
-      </div>
-    </a>
-
--->
-
-<!-- Feedback -->
-<!--
-
-    <a href="https://github.com/viosey/hexo-theme-material/issues" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-        sidebar.feedback
-        <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
--->
-
-<!-- About Theme -->
-<!--
-
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
--->
-
-    </div>
-
-    <!-- Sidebar Image -->
-    
-    <span id="footer-image">
-        <a href="#" target="_blank" title="upyun_logo">
-            <img src="/img/favicon.ico" alt="upyun_logo"><!--
-     --></a>
-    </span>
-
-
-</aside>
-
-                    
-
-                    
-                        <!-- Footer Top Button -->
-                        <div id="back-to-top" class="toTop-wrap">
-    <a href="#top" class="toTop">
-        <i class="material-icons footer_top-i">expand_less</i>
-    </a>
-</div>
-
-                    
-
-                    <!--Footer-->
-<footer class="mdl-mini-footer" id="bottom">
-    
-        <!-- Paradox Footer Left Section -->
-        <div class="mdl-mini-footer--left-section sns-list">
-    <!-- Twitter -->
-    
-        <a href="https://twitter.com/Rockhellbear" target="_blank">
-            <button class="mdl-mini-footer--social-btn social-btn footer-sns-twitter">
-                <span class="visuallyhidden">Twitter</span>
-            </button><!--
-     --></a>
-    
-
-    <!-- Facebook -->
-    
-
-    <!-- Google + -->
-    
-
-    <!-- Weibo -->
-    
-        <a href="http://weibo.com/5330486979/fans?topnav=1&amp;wvr=6&amp;mod=message&amp;need_filter=1" target="_blank">
-            <button class="mdl-mini-footer--social-btn social-btn footer-sns-weibo">
-                <span class="visuallyhidden">Weibo</span>
-            </button><!--
-     --></a>
-    
-
-    <!-- Instagram -->
-    
-        <a href="https://www.instagram.com/jzxer/?hl=zh-cn" target="_blank">
-            <button class="mdl-mini-footer--social-btn social-btn footer-sns-instagram">
-                <span class="visuallyhidden">Instagram</span>
-            </button><!--
-     --></a>
-    
-
-    <!-- Tumblr -->
-    
-
-    <!-- Github -->
-    
-        <a href="https://github.com/j710328466" target="_blank">
-            <button class="mdl-mini-footer--social-btn social-btn footer-sns-github">
-                <span class="visuallyhidden">Github</span>
-            </button><!--
-     --></a>
-    
-
-    <!-- LinkedIn -->
-    
-        <a href="http://www.linkedin.com/in/%E5%BF%97%E9%9B%84-%E6%B1%9F-338928105/" target="_blank">
-            <button class="mdl-mini-footer--social-btn social-btn footer-sns-linkedin">
-                <span class="visuallyhidden">LinkedIn</span>
-            </button><!--
-     --></a>
-    
-
-    <!-- Zhihu -->
-    
-
-    <!-- Bilibili -->
-    
-        <a href="https://space.bilibili.com/73148384/#/" target="_blank">
-            <button class="mdl-mini-footer--social-btn social-btn footer-sns-bilibili">
-                <span class="visuallyhidden">Bilibili</span>
-            </button><!--
-     --></a>
-    
-
-    <!-- Telegram -->
-    
-    
-    <!-- V2EX -->
-    
-</div>
-
-
-        <!--Copyright-->
-        <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
-            
-                <br>
-                
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
-                
-            
-        </div>
-
-        <!-- Paradox Footer Right Section -->
-
-        <!--
-        I am glad you use this theme, the development is no so easy, I hope you can keep the copyright.
-        It will not impact the appearance and can give developers a lot of support :)
-
-        很高兴您使用该主题，开发不易，希望您可以保留一下版权声明。
-        它不会影响美观并可以给开发者很大的支持。 :)
-        -->
-
-        <div class="mdl-mini-footer--right-section">
-            <div>
-                <div class="footer-develop-div">Powered by <a href="https://hexo.io" target="_blank" class="footer-develop-a">Hexo</a></div>
-                <div class="footer-develop-div">Theme - <a href="https://github.com/viosey/hexo-theme-material" target="_blank" class="footer-develop-a">Material</a></div>
-            </div>
-        </div>
-    
-</footer>
-
-
-                    <!-- Import JS File -->
-
-    <script>lsloader.load("lazyload_js","/js/lazyload.min.js?1BcfzuNXqV+ntF6gq+5X3Q==", true)</script>
-
-
-
-    <script>lsloader.load("js_js","/js/js.min.js?V/53wGualMuiPM3xoetD5Q==", true)</script>
-
-
-
-    <script>lsloader.load("np_js","/js/nprogress.js?pl3Qhb9lvqR1FlyLUna1Yw==", true)</script>
-
-
-<script type="text/ls-javascript" id="NProgress-script">
-    NProgress.configure({
-        showSpinner: true
-    });
-    NProgress.start();
-    $('#nprogress .bar').css({
-        'background': '#29d'
-    });
-    $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
-    });
-    $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
-        'border-left-color': '#29d'
-    });
-    setTimeout(function() {
-        NProgress.done();
-        $('.fade').removeClass('out');
-    }, 800);
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-<!-- UC Browser Compatible -->
-<script>
-	var agent = navigator.userAgent.toLowerCase();
-	if(agent.indexOf('ucbrowser')>0) {
-		document.write('<link rel="stylesheet" href="/css/uc.css">');
-	   alert('由于 UC 浏览器使用极旧的内核，而本网站使用了一些新的特性。\n为了您能更好的浏览，推荐使用 Chrome 或 Firefox 浏览器。');
-	}
-</script>
-
-<!-- Import prettify js  -->
-
-    
-
-
-
-<!-- Window Load -->
-<!-- add class for prettify -->
-<script type="text/ls-javascript" id="window-load">
-    $(window).on('load', function() {
-        // Post_Toc parent position fixed
-        $('.post-toc-wrap').parent('.mdl-menu__container').css('position', 'fixed');
-    });
-
-    
-        
-    
-    
-</script>
-
-<!-- MathJax Load-->
-
-
-<!-- Bing Background -->
-
-
-<script type="text/ls-javascript" id="lazy-load">
-    // Offer LazyLoad
-    queue.offer(function(){
-        $('.lazy').lazyload({
-            effect : 'show'
-        });
-    });
-
-    // Start Queue
-    $(document).ready(function(){
-        setInterval(function(){
-            queue.execNext();
-        },200);
-    });
-</script>
-
-<!-- Custom Footer -->
-
-
-
-<script>
-    (function(){
-        var scriptList = document.querySelectorAll('script[type="text/ls-javascript"]')
-
-        for (var i = 0; i < scriptList.length; ++i) {
-            var item = scriptList[i];
-            lsloader.runInlineScript(item.id,item.id);
-        }
-    })()
-console.log('\n %c © Material Theme | Version: 1.5.2 | https://github.com/viosey/hexo-theme-material %c \n', 'color:#455a64;background:#e0e0e0;padding:5px 0;border-top-left-radius:5px;border-bottom-left-radius:5px;', 'color:#455a64;background:#e0e0e0;padding:5px 0;border-top-right-radius:5px;border-bottom-right-radius:5px;');
-</script>
-
-                </main>
-            </div>
-        </body>
-    
-</html>

public/archives/2018/01/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/2018/01/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -481,7 +483,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -542,7 +544,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -603,7 +605,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -664,7 +666,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -725,7 +727,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -1020,12 +1022,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1134,11 +1130,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1182,14 +1178,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1200,6 +1196,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/2018/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/2018/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -547,7 +549,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -608,7 +610,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -669,7 +671,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -730,7 +732,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -791,7 +793,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -847,7 +849,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -910,7 +912,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -1210,12 +1212,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1324,11 +1320,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1372,14 +1368,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1390,6 +1386,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -547,7 +549,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -608,7 +610,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -669,7 +671,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -730,7 +732,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -791,7 +793,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -847,7 +849,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -910,7 +912,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -1210,12 +1212,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1324,11 +1320,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1372,14 +1368,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1390,6 +1386,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/page/2/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/page/2/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -547,7 +549,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -608,7 +610,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -664,7 +666,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -725,7 +727,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -786,7 +788,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -847,7 +849,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -908,7 +910,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -969,7 +971,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -1269,12 +1271,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1383,11 +1379,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1431,14 +1427,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1449,6 +1445,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/page/3/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/page/3/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -547,7 +549,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -608,7 +610,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -624,7 +626,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             我一直在探索属于我自己独一无二的代码风格...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -669,7 +671,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -730,7 +732,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -791,7 +793,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -852,7 +854,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -913,7 +915,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -974,7 +976,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -1274,12 +1276,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1388,11 +1384,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1436,14 +1432,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1454,6 +1450,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/page/4/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/page/4/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -441,7 +443,6 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             app.use()
             
         
         &nbsp;&nbsp;&nbsp;
@@ -487,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -548,7 +549,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -564,7 +565,6 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             整理一些面试题，以备用
             
         
         &nbsp;&nbsp;&nbsp;
@@ -610,7 +610,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -671,7 +671,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -732,7 +732,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -793,7 +793,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -854,7 +854,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -910,7 +910,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -971,7 +971,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -1271,12 +1271,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1385,11 +1379,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1433,14 +1427,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1451,6 +1445,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/archives/page/5/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/archives/page/5/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -547,7 +549,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -563,7 +565,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             今天，我想讲讲关于stick-footer布局技...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -608,7 +610,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -669,7 +671,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -730,7 +732,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -746,7 +748,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             对于一个对界要求很高的人来说，今天有必要研究下各...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -791,7 +793,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -808,7 +810,6 @@
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
             
-小记：前两天面试，展现...
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -853,7 +854,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -914,7 +915,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -930,7 +931,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             前段时间看到腾讯云服务器对学生有优惠，而且很大一...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -975,7 +976,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -1275,12 +1276,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1389,11 +1384,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1437,14 +1432,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1455,6 +1450,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/badboy.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2,badBoy">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -105,7 +107,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -115,13 +117,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -134,29 +136,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -216,7 +218,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/badboy.html">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -224,7 +226,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -270,7 +272,7 @@
             "@type": "ImageObject",
             "url": "/img/avatar.png"
         },
-        "description": "对的，坚持！错的，放弃！"
+        "description": "对的，坚持！,,错的，放弃！"
     },
     "publisher": {
         "@type": "Organization",
@@ -428,7 +430,7 @@
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-functions-qrcode-button">
     <li class="mdl-menu__item">在其它设备中阅读本文章</li>
     
-        <img src="https://pan.baidu.com/share/qrcode?w=246&h=246&url=/badboy.html">
+        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAAAAAAZai4+AAABJ0lEQVR42u3aSxaDIAwFUPe/6XYBVvoCKn4uo56W4p2YQMLyueRYsLCwsLCwprKWeKznJ98ka2JhYa1//vHqrh7ZXqG6JhYWVvvFbj9ma07fmlhYWPkSfZ+xsLCOCBBbG18sLKxxVmGD2/zXhL08FtYjWNVCUjU9n1TfwsK6LavcAgmOtRN6PlhYN2dV2yRJSm7PLDdXsLBew8rLuO3A0ZfmsbCw+ja+1bQ9dOEAC+uVrKRcWy37RtcUsLCwutLwCAgLC2uvQlJyiG2HGywsrPHmSlLwLVzpw8J6PauvoRIVauMwgYWFNXI0zRszfw7GWFhYMStvbVavKWBhYY2wCgfU41I1FtaDWPsWj6oBBQsLq1pISjbHeZLGwsK6zsDCwsLCwjp9fAE9bC7ltXE6NAAAAABJRU5ErkJggg==">
     
 </ul>
 
@@ -454,6 +456,16 @@
 </button>
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-fuctions-share-button">
     
+    <!-- Leancloud Views -->
+        <a class="post_share-link" href="#">
+            <li class="mdl-menu__item">
+                <span id="/badboy.html" class="leancloud-views_num" data-flag-title="badboy">
+     &nbsp;浏览量
+</span>
+
+            </li>
+        </a>
+    
 
     
 
@@ -523,7 +535,7 @@
                 <!-- Post Content -->
                 <div id="post-content" class="mdl-color-text--grey-700 mdl-card__supporting-text fade out">
     
-        <script src="/assets/js/APlayer.min.js"> </script><h2 id="关于坏男人的定义"><a href="#关于坏男人的定义" class="headerlink" title="关于坏男人的定义"></a>关于坏男人的定义</h2><p>很多人容易把坏男人很狼联系起来，事实上确实很有道理。健康的狼与健康的人有着许多共同点。比如敏锐的直觉，好玩的天性，都充满好奇心，并且坚韧，善于适应不断变化的环境，一样的勇敢。以及根植在骨子里的忠诚</p>
+        <h2 id="关于坏男人的定义"><a href="#关于坏男人的定义" class="headerlink" title="关于坏男人的定义"></a>关于坏男人的定义</h2><p>很多人容易把坏男人很狼联系起来，事实上确实很有道理。健康的狼与健康的人有着许多共同点。比如敏锐的直觉，好玩的天性，都充满好奇心，并且坚韧，善于适应不断变化的环境，一样的勇敢。以及根植在骨子里的忠诚</p>
 <blockquote>
 <p>但是往往会被冠以“狡猾” 和“危险”的名号</p>
 </blockquote>
@@ -541,7 +553,7 @@
                 <blockquote style="margin: 2em 0 0;padding: 0.5em 1em;border-left: 3px solid #F44336;background-color: #F5F5F5;list-style: none;">
                     <p><strong>
                          
-                            <a href="#" target="_blank">转载请注明出处</a>
+                            <a href="#" target="_blank">出自 Feax</a>
                         </strong>
                         <br>
                         <strong>本文链接：</strong><a href="/badboy.html">/badboy.html</a>
@@ -559,6 +571,29 @@
                 <!-- Post Comments -->
                 
                     
+    <div id="comment" style='padding:10px;' class="vcomment"></div>
+<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
+<script>
+    var GUEST_INFO = ['nick','mail','link'];
+    var guest_info = 'nick,mail,link'.split(',').filter(function(item){
+        return GUEST_INFO.indexOf(item) > -1
+    });
+    var notify = 'false' == true;
+    var verify = 'false' == true;
+    new Valine({
+        el: '.vcomment',
+        notify: notify,
+        verify: verify,
+        appId: "ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz",
+        appKey: "hUSwCACEEbPBcGUh42RMzy6P",
+        placeholder: "Just go go",
+        pageSize:'10',
+        avatar:'identicon',
+        lang:'zh-cn'
+    });
+</script>
+
                 
             </div>
 
@@ -809,12 +844,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -923,11 +952,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -971,14 +1000,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -989,6 +1018,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/categories/APP/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/categories/APP/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -720,12 +722,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -834,11 +830,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -882,14 +878,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -900,6 +896,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/categories/CSS/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/categories/CSS/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -502,7 +504,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             今天，我想讲讲关于stick-footer布局技...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -781,12 +783,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -895,11 +891,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -943,14 +939,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -961,6 +957,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/categories/HTML/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/categories/HTML/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -502,7 +504,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             对于一个对界要求很高的人来说，今天有必要研究下各...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -781,12 +783,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -895,11 +891,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -943,14 +939,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -961,6 +957,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/categories/IDE/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/categories/IDE/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -720,12 +722,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -834,11 +830,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -882,14 +878,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -900,6 +896,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/categories/JS/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/categories/JS/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -547,7 +549,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -608,7 +610,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -669,7 +671,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -686,7 +688,6 @@
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
             
-小记：前两天面试，展现...
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -965,12 +966,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1079,11 +1074,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1127,14 +1122,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1145,6 +1140,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/categories/nodeJS/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/categories/nodeJS/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -547,7 +549,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -608,7 +610,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -624,7 +626,6 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             app.use()
             
         
         &nbsp;&nbsp;&nbsp;
@@ -904,12 +905,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1018,11 +1013,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1066,14 +1061,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1084,6 +1079,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/categories/storage/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/categories/storage/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -720,12 +722,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -834,11 +830,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -882,14 +878,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -900,6 +896,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/categories/vue/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/categories/vue/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -781,12 +783,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -895,11 +891,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -943,14 +939,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -961,6 +957,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/categories/web前端/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/categories/web前端/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -547,7 +549,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -608,7 +610,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -669,7 +671,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -685,7 +687,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             我一直在探索属于我自己独一无二的代码风格...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -730,7 +732,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -791,7 +793,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -852,7 +854,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -913,7 +915,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -929,7 +931,6 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             整理一些面试题，以备用
             
         
         &nbsp;&nbsp;&nbsp;
@@ -975,7 +976,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -991,7 +992,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             小结，一个优秀的前端leader，我认为应该具备...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -1270,12 +1271,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1384,11 +1379,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1432,14 +1427,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1450,6 +1445,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/categories/web项目/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/categories/web项目/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -783,12 +785,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -897,11 +893,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -945,14 +941,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -963,6 +959,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/categories/博客搭建/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/categories/博客搭建/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -781,12 +783,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -895,11 +891,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -943,14 +939,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -961,6 +957,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/categories/服务器/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/categories/服务器/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -502,7 +504,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             前段时间看到腾讯云服务器对学生有优惠，而且很大一...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -781,12 +783,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -895,11 +891,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -943,14 +939,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -961,6 +957,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/categories/版本管理/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/categories/版本管理/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -720,12 +722,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -834,11 +830,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -882,14 +878,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -900,6 +896,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/categories/生活/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/categories/生活/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -488,7 +490,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -549,7 +551,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -610,7 +612,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -671,7 +673,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -732,7 +734,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -793,7 +795,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -854,7 +856,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -915,7 +917,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -932,7 +934,6 @@
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
             
-没有一张纸可对折超过7次 ...
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -1211,12 +1212,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1325,11 +1320,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1373,14 +1368,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1391,6 +1386,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/categories/音乐/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/categories/音乐/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -547,7 +549,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -608,7 +610,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -669,7 +671,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -730,7 +732,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -1025,12 +1027,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1139,11 +1135,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1187,14 +1183,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1205,6 +1201,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/commonJS和AMD-CMD.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2,commonjs">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -105,7 +107,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -115,13 +117,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -134,29 +136,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -216,7 +218,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/commonJS和AMD-CMD.html">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -224,7 +226,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -270,7 +272,7 @@
             "@type": "ImageObject",
             "url": "/img/avatar.png"
         },
-        "description": "对的，坚持！错的，放弃！"
+        "description": "对的，坚持！,,错的，放弃！"
     },
     "publisher": {
         "@type": "Organization",
@@ -428,7 +430,7 @@
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-functions-qrcode-button">
     <li class="mdl-menu__item">在其它设备中阅读本文章</li>
     
-        <img src="https://pan.baidu.com/share/qrcode?w=246&h=246&url=/commonJS和AMD-CMD.html">
+        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAACuCAAAAACKZ2kyAAABjElEQVR42u3aS27DMAwFQN//0u22QNr4kbJNpRitAsSWRxtC/BxfH7UOXFxcXFxc3A24R7x+Pv/Lpi/PvD5Z/RYuLu4s9ySUBJS/dkuOerIDLi7uKDcJXgkoeTcPlLi4uPtz319ZkiCIi4v7/7j5NSXZBxcXd39uISFpJTkDuRouLu4Ct1cw7f0eq+/i4uLG3GbjMwDlwev2njAuLm5rnqEa2vKLS/LWUpMVFxf3Bu5KGTQ/6lLbFRcXd4jb+0B1hKt3AFxc3Oe5eXKSX0qqhdeTSxIuLu6W3CS96QXHaAQcFxd3iLsyZNl7Kw+FuLi4s9y8QVJtsazQcXFxp7h56lIdubigOIuLizvKTRKSPDzlLdtmWQQXF/c2bnVd1UbNR7hwcXGf5/aGufOQd0HBBRcXd4jba68mH+6NduHi4u7DzYunebt0Je3BxcX9LG61/JEnP7cEMlxc3Ju51VJpcvVpJj+4uLiPcJPkJ/m3d1RcXNzduNWC6QorPyouLu4Ud/+Fi4uLi4uLO7S+AfTKb4W+nQOTAAAAAElFTkSuQmCC">
     
 </ul>
 
@@ -454,6 +456,16 @@
 </button>
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-fuctions-share-button">
     
+    <!-- Leancloud Views -->
+        <a class="post_share-link" href="#">
+            <li class="mdl-menu__item">
+                <span id="/commonJS和AMD-CMD.html" class="leancloud-views_num" data-flag-title="commonJS和AMD/CMD">
+     &nbsp;浏览量
+</span>
+
+            </li>
+        </a>
+    
 
     
 
@@ -523,7 +535,7 @@
                 <!-- Post Content -->
                 <div id="post-content" class="mdl-color-text--grey-700 mdl-card__supporting-text fade out">
     
-        <script src="/assets/js/APlayer.min.js"> </script><h2 id="一-CommonJS"><a href="#一-CommonJS" class="headerlink" title="一. CommonJS"></a>一. CommonJS</h2><p> node.js的模块系统，就是参照CommonJS规范实现的。在CommonJS中，有一个全局性方法require()，用于加载模块。假定有一个数学模块math.js，就可以像下面这样加载。NodeJS是CommonJS规范的实现，webpack 也是以CommonJS的形式来书写。</p>
+        <h2 id="一-CommonJS"><a href="#一-CommonJS" class="headerlink" title="一. CommonJS"></a>一. CommonJS</h2><p> node.js的模块系统，就是参照CommonJS规范实现的。在CommonJS中，有一个全局性方法require()，用于加载模块。假定有一个数学模块math.js，就可以像下面这样加载。NodeJS是CommonJS规范的实现，webpack 也是以CommonJS的形式来书写。</p>
 <blockquote>
 <p>var math = require(‘math’)</p>
 </blockquote>
@@ -543,7 +555,7 @@
                 <blockquote style="margin: 2em 0 0;padding: 0.5em 1em;border-left: 3px solid #F44336;background-color: #F5F5F5;list-style: none;">
                     <p><strong>
                          
-                            <a href="#" target="_blank">转载请注明出处</a>
+                            <a href="#" target="_blank">出自 Feax</a>
                         </strong>
                         <br>
                         <strong>本文链接：</strong><a href="/commonJS和AMD-CMD.html">/commonJS和AMD-CMD.html</a>
@@ -561,6 +573,29 @@
                 <!-- Post Comments -->
                 
                     
+    <div id="comment" style='padding:10px;' class="vcomment"></div>
+<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
+<script>
+    var GUEST_INFO = ['nick','mail','link'];
+    var guest_info = 'nick,mail,link'.split(',').filter(function(item){
+        return GUEST_INFO.indexOf(item) > -1
+    });
+    var notify = 'false' == true;
+    var verify = 'false' == true;
+    new Valine({
+        el: '.vcomment',
+        notify: notify,
+        verify: verify,
+        appId: "ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz",
+        appKey: "hUSwCACEEbPBcGUh42RMzy6P",
+        placeholder: "Just go go",
+        pageSize:'10',
+        avatar:'identicon',
+        lang:'zh-cn'
+    });
+</script>
+
                 
             </div>
 
@@ -811,12 +846,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -925,11 +954,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -973,14 +1002,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -991,6 +1020,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/css/prism.css

@@ -1,137 +0,0 @@
-/**
- * prism.js default theme for JavaScript, CSS and HTML
- * Based on dabblet (http://dabblet.com)
- * @author Lea Verou
- */
-
-code[class*="language-"],
-pre[class*="language-"] {
-	color: black;
-	background: none;
-	text-shadow: 0 1px white;
-	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-	text-align: left;
-	white-space: pre;
-	word-spacing: normal;
-	word-break: normal;
-	word-wrap: normal;
-	line-height: 1.5;
-
-	-moz-tab-size: 4;
-	-o-tab-size: 4;
-	tab-size: 4;
-
-	-webkit-hyphens: none;
-	-moz-hyphens: none;
-	-ms-hyphens: none;
-	hyphens: none;
-}
-
-pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
-code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
-	text-shadow: none;
-	background: #b3d4fc;
-}
-
-pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
-code[class*="language-"]::selection, code[class*="language-"] ::selection {
-	text-shadow: none;
-	background: #b3d4fc;
-}
-
-@media print {
-	code[class*="language-"],
-	pre[class*="language-"] {
-		text-shadow: none;
-	}
-}
-
-/* Code blocks */
-pre[class*="language-"] {
-	padding: 1em;
-	margin: .5em 0;
-	overflow: auto;
-}
-
-:not(pre) > code[class*="language-"],
-pre[class*="language-"] {
-	background: #f5f2f0;
-}
-
-/* Inline code */
-:not(pre) > code[class*="language-"] {
-	padding: .1em;
-	border-radius: .3em;
-	white-space: normal;
-}
-
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
-	color: slategray;
-}
-
-.token.punctuation {
-	color: #999;
-}
-
-.namespace {
-	opacity: .7;
-}
-
-.token.property,
-.token.tag,
-.token.boolean,
-.token.number,
-.token.constant,
-.token.symbol,
-.token.deleted {
-	color: #905;
-}
-
-.token.selector,
-.token.attr-name,
-.token.string,
-.token.char,
-.token.builtin,
-.token.inserted {
-	color: #690;
-}
-
-.token.operator,
-.token.entity,
-.token.url,
-.language-css .token.string,
-.style .token.string {
-	color: #a67f59;
-	background: hsla(0, 0%, 100%, .5);
-}
-
-.token.atrule,
-.token.attr-value,
-.token.keyword {
-	color: #07a;
-}
-
-.token.function {
-	color: #DD4A68;
-}
-
-.token.regex,
-.token.important,
-.token.variable {
-	color: #e90;
-}
-
-.token.important,
-.token.bold {
-	font-weight: bold;
-}
-.token.italic {
-	font-style: italic;
-}
-
-.token.entity {
-	cursor: help;
-}

public/css的命名规范.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2,css命名规范">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -105,7 +107,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -115,13 +117,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -134,29 +136,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -216,7 +218,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/css的命名规范.html">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -224,7 +226,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -270,7 +272,7 @@
             "@type": "ImageObject",
             "url": "/img/avatar.png"
         },
-        "description": "对的，坚持！错的，放弃！"
+        "description": "对的，坚持！,,错的，放弃！"
     },
     "publisher": {
         "@type": "Organization",
@@ -428,7 +430,7 @@
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-functions-qrcode-button">
     <li class="mdl-menu__item">在其它设备中阅读本文章</li>
     
-        <img src="https://pan.baidu.com/share/qrcode?w=246&h=246&url=/css的命名规范.html">
+        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAACuCAAAAACKZ2kyAAABhUlEQVR42u3aQY7DIBAEQP//09nrSomdHmYNeFWcIptA+dIChuP1qHbg4uLi4uLibsA94vZhoF/P33u+/2tsLlxc3FXcL1EScDvPr/vg4uKu5Z4FynVgXY/WmQsXF/dZ3LOFSx5SuLi4/5U7tkHCxcV9FjcPoOrSZ9leDRcXt8HNDzH7v6ee7+Li4g5xyyXPYPOTLH0m1YRxcXEb9xmSoKl+TLXIiouLuw83iaS8Z+eY9XQuXFzcRdyx4mj+thpwuLi4O3Cr5dL8GLSwlOnnLi4u7g3c6qalX6aN3uLi4k7ndgatFlnHQhMXF3ctNz/WHFsGnW5vqjVhXFzcidw8qvLDjiq3lbu4uLgTufmhRv6R+fi4uLjzudVWLcFe94lmxMXFnc5tRcxtF75xcXF34I6FV6t0mm+icHFxl3LHgik5LmldEMfFxX0Ud6xoWv0MXFzcp3D/KuwmLXFwcXFv3vxUQyq/6oGLi7sbtxo01ahKcIUlDi4u7s3c/RsuLi4uLi7uovYDkZP+9XDR+bwAAAAASUVORK5CYII=">
     
 </ul>
 
@@ -454,6 +456,16 @@
 </button>
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-fuctions-share-button">
     
+    <!-- Leancloud Views -->
+        <a class="post_share-link" href="#">
+            <li class="mdl-menu__item">
+                <span id="/css的命名规范.html" class="leancloud-views_num" data-flag-title="css的命名规范">
+     &nbsp;浏览量
+</span>
+
+            </li>
+        </a>
+    
 
     
 
@@ -523,7 +535,7 @@
                 <!-- Post Content -->
                 <div id="post-content" class="mdl-color-text--grey-700 mdl-card__supporting-text fade out">
     
-        <script src="/assets/js/APlayer.min.js"> </script><h2 id="关于-css-的一些命名规范"><a href="#关于-css-的一些命名规范" class="headerlink" title="关于 css 的一些命名规范"></a>关于 css 的一些命名规范</h2><ul>
+        <h2 id="关于-css-的一些命名规范"><a href="#关于-css-的一些命名规范" class="headerlink" title="关于 css 的一些命名规范"></a>关于 css 的一些命名规范</h2><ul>
 <li>css设计模式：SMACSS</li>
 <li>BEM 命名规范</li>
 <li>javascript Hook</li>
@@ -589,7 +601,7 @@ a:hover {}
                 <blockquote style="margin: 2em 0 0;padding: 0.5em 1em;border-left: 3px solid #F44336;background-color: #F5F5F5;list-style: none;">
                     <p><strong>
                          
-                            <a href="#" target="_blank">转载请注明出处</a>
+                            <a href="#" target="_blank">出自 Feax</a>
                         </strong>
                         <br>
                         <strong>本文链接：</strong><a href="/css的命名规范.html">/css的命名规范.html</a>
@@ -607,6 +619,29 @@ a:hover {}
                 <!-- Post Comments -->
                 
                     
+    <div id="comment" style='padding:10px;' class="vcomment"></div>
+<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
+<script>
+    var GUEST_INFO = ['nick','mail','link'];
+    var guest_info = 'nick,mail,link'.split(',').filter(function(item){
+        return GUEST_INFO.indexOf(item) > -1
+    });
+    var notify = 'false' == true;
+    var verify = 'false' == true;
+    new Valine({
+        el: '.vcomment',
+        notify: notify,
+        verify: verify,
+        appId: "ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz",
+        appKey: "hUSwCACEEbPBcGUh42RMzy6P",
+        placeholder: "Just go go",
+        pageSize:'10',
+        avatar:'identicon',
+        lang:'zh-cn'
+    });
+</script>
+
                 
             </div>
 
@@ -857,12 +892,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -971,11 +1000,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1019,14 +1048,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1037,6 +1066,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/div-section-article.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2,语义化">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -105,7 +107,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -115,13 +117,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -134,29 +136,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -216,7 +218,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/div-section-article.html">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -224,7 +226,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -270,7 +272,7 @@
             "@type": "ImageObject",
             "url": "/img/avatar.png"
         },
-        "description": "对的，坚持！错的，放弃！"
+        "description": "对的，坚持！,,错的，放弃！"
     },
     "publisher": {
         "@type": "Organization",
@@ -428,7 +430,7 @@
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-functions-qrcode-button">
     <li class="mdl-menu__item">在其它设备中阅读本文章</li>
     
-        <img src="https://pan.baidu.com/share/qrcode?w=246&h=246&url=/div-section-article.html">
+        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAACuCAAAAACKZ2kyAAABhElEQVR42u3aS46DMBAFQO5/6ckBIpzXbsBGU15FCOPKpuX+HH+vWgcuLi4uLi7uBtwjXt+7xk++n0+ehYuLu4j7I5QMcWeHnT0pn4WLi7uUOz44RyThLzkLFxf3jdwkeOHi4v437njX2V5cXNx3cZOEJH8/L53cmKvh4uI2uHkRs//70fouLi7uFLfc8iw2V5LgdWNPGBcXtzHPkASaMT0Pgvn3cXFx13LLn5gav0iKLLi4uLtxx38jP2zuclPO1XBxcW/jdhoqeVG1FSJxcXGXcvtjE9XyaNSmxcXFfZxbvb6UW6RTrVZcXNx9uHny02mdXtATxsXFfZCblzyqpdLWO7i4uFty83ZIf+Hi4u7Ara68fVIttUTJDy4u7iPcuRDTv+gUxjVwcXEXcfMyaLWQWh3YwsXF3Y1bHby4KtUpX3FwcXG35M5dgPKWDC4u7hu5nQZJUn7FxcXdh1tNYPLSauFCg4uLuw332rGqahOlPJiFi4t7M3f/hYuLi4uLi7tofQBU2VCWrHaVqgAAAABJRU5ErkJggg==">
     
 </ul>
 
@@ -454,6 +456,16 @@
 </button>
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-fuctions-share-button">
     
+    <!-- Leancloud Views -->
+        <a class="post_share-link" href="#">
+            <li class="mdl-menu__item">
+                <span id="/div-section-article.html" class="leancloud-views_num" data-flag-title="div,section,article">
+     &nbsp;浏览量
+</span>
+
+            </li>
+        </a>
+    
 
     
 
@@ -523,7 +535,7 @@
                 <!-- Post Content -->
                 <div id="post-content" class="mdl-color-text--grey-700 mdl-card__supporting-text fade out">
     
-        <script src="/assets/js/APlayer.min.js"> </script><h2 id="div"><a href="#div" class="headerlink" title="div"></a>div</h2><p>div在html早期版本就支持了，section和article是html5提出的两个语义化标签。如果只是针对一个块内容做样式化，三者并无区别。</p>
+        <h2 id="div"><a href="#div" class="headerlink" title="div"></a>div</h2><p>div在html早期版本就支持了，section和article是html5提出的两个语义化标签。如果只是针对一个块内容做样式化，三者并无区别。</p>
 <h2 id="section"><a href="#section" class="headerlink" title="section"></a>section</h2><p>作为语义化标签，section 应用的典型场景有文章的章节、标签对话框中的标签页、或者论文中有编号的部分。一般来说，当元素内容明确地出现在文档大纲中时，section 就是适用的。</p>
 <h2 id="article"><a href="#article" class="headerlink" title="article"></a>article</h2><p>对于article标签来说，无论从结构上还是内容上来说，article 本身就是独立的、完整的。有个最简单的判断方法是看这段内容脱离了所在的语境，是否还是完整的、独立的，如果是，则应该用article标签。</p>
 <h2 id="小结"><a href="#小结" class="headerlink" title="小结"></a>小结</h2><blockquote>
@@ -535,7 +547,7 @@
                 <blockquote style="margin: 2em 0 0;padding: 0.5em 1em;border-left: 3px solid #F44336;background-color: #F5F5F5;list-style: none;">
                     <p><strong>
                          
-                            <a href="#" target="_blank">转载请注明出处</a>
+                            <a href="#" target="_blank">出自 Feax</a>
                         </strong>
                         <br>
                         <strong>本文链接：</strong><a href="/div-section-article.html">/div-section-article.html</a>
@@ -553,6 +565,29 @@
                 <!-- Post Comments -->
                 
                     
+    <div id="comment" style='padding:10px;' class="vcomment"></div>
+<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
+<script>
+    var GUEST_INFO = ['nick','mail','link'];
+    var guest_info = 'nick,mail,link'.split(',').filter(function(item){
+        return GUEST_INFO.indexOf(item) > -1
+    });
+    var notify = 'false' == true;
+    var verify = 'false' == true;
+    new Valine({
+        el: '.vcomment',
+        notify: notify,
+        verify: verify,
+        appId: "ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz",
+        appKey: "hUSwCACEEbPBcGUh42RMzy6P",
+        placeholder: "Just go go",
+        pageSize:'10',
+        avatar:'identicon',
+        lang:'zh-cn'
+    });
+</script>
+
                 
             </div>
 
@@ -803,12 +838,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -917,11 +946,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -965,14 +994,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -983,6 +1012,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/gallery/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/gallery/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     

public/hexo搭建博客.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2,hexo">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -105,7 +107,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -115,13 +117,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -134,29 +136,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -216,7 +218,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/hexo搭建博客.html">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -224,7 +226,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -270,7 +272,7 @@
             "@type": "ImageObject",
             "url": "/img/avatar.png"
         },
-        "description": "对的，坚持！错的，放弃！"
+        "description": "对的，坚持！,,错的，放弃！"
     },
     "publisher": {
         "@type": "Organization",
@@ -428,7 +430,7 @@
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-functions-qrcode-button">
     <li class="mdl-menu__item">在其它设备中阅读本文章</li>
     
-        <img src="https://pan.baidu.com/share/qrcode?w=246&h=246&url=/hexo搭建博客.html">
+        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAACuCAAAAACKZ2kyAAABiUlEQVR42u3aQW7DMAwEQP//0+0DCqtcqg7lYnQyAiUa50BQJK+vV60LFxcXFxcX9wDuVV4/968/uXuun4WLizvL/SWU3Bxf/4XeWbi4uCdw18Grsmf9MulZuLi4b+HepUeVMIeLi/tfufXLTCVVwsXFPZ/bu7Ssk5tKQHzwroaLi7vBTQumO88D9V1cXNyQu9X+XBZH1unOQE8YFxc3nGdIQ1sveKUXIVxc3Cnu/lBFJczVS66luIuLi/sRbiWo1fekf0RQFsHFxf0INw0x6fFpQwUXF/cEbvpDaUhKhzmaKQ4uLu6fcuMvb7RMmk1cXFzcIW693JmOYtT3xz1hXFzch7n79Hq5pN5EwcXFPY3be41ey7aZkeHi4j7GTVclMO20WHBxcU/g7gxzpy2WZkqEi4s7xE3boj1ipdHSrO/i4uI+xu0NbdfDU69li4uL+0ZuynqklYKLizvKTUsbuLi4b+c2B6cKrZTe6AYuLu4st1cwTUuraQqFi4s7xT1/4eLi4uLi4g6tb3tvUJaW7hdoAAAAAElFTkSuQmCC">
     
 </ul>
 
@@ -454,6 +456,16 @@
 </button>
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-fuctions-share-button">
     
+    <!-- Leancloud Views -->
+        <a class="post_share-link" href="#">
+            <li class="mdl-menu__item">
+                <span id="/hexo搭建博客.html" class="leancloud-views_num" data-flag-title="hexo 搭建博客初体验">
+     &nbsp;浏览量
+</span>
+
+            </li>
+        </a>
+    
 
     
 
@@ -523,7 +535,7 @@
                 <!-- Post Content -->
                 <div id="post-content" class="mdl-color-text--grey-700 mdl-card__supporting-text fade out">
     
-        <script src="/assets/js/APlayer.min.js"> </script><h1 id="hexo-搭建博客初体验"><a href="#hexo-搭建博客初体验" class="headerlink" title="hexo 搭建博客初体验"></a>hexo 搭建博客初体验</h1><h2 id="安装-hexo"><a href="#安装-hexo" class="headerlink" title="安装 hexo"></a>安装 hexo</h2><pre><code>&gt; cnpm i hexo-cli -g
+        <h1 id="hexo-搭建博客初体验"><a href="#hexo-搭建博客初体验" class="headerlink" title="hexo 搭建博客初体验"></a>hexo 搭建博客初体验</h1><h2 id="安装-hexo"><a href="#安装-hexo" class="headerlink" title="安装 hexo"></a>安装 hexo</h2><pre><code>&gt; cnpm i hexo-cli -g
 报错的话就输入
 &gt; cnpm i hexo --save
 查看安装是否成功
@@ -570,7 +582,7 @@ $ hexo deploy
                 <blockquote style="margin: 2em 0 0;padding: 0.5em 1em;border-left: 3px solid #F44336;background-color: #F5F5F5;list-style: none;">
                     <p><strong>
                          
-                            <a href="#" target="_blank">转载请注明出处</a>
+                            <a href="#" target="_blank">出自 Feax</a>
                         </strong>
                         <br>
                         <strong>本文链接：</strong><a href="/hexo搭建博客.html">/hexo搭建博客.html</a>
@@ -588,6 +600,29 @@ $ hexo deploy
                 <!-- Post Comments -->
                 
                     
+    <div id="comment" style='padding:10px;' class="vcomment"></div>
+<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
+<script>
+    var GUEST_INFO = ['nick','mail','link'];
+    var guest_info = 'nick,mail,link'.split(',').filter(function(item){
+        return GUEST_INFO.indexOf(item) > -1
+    });
+    var notify = 'false' == true;
+    var verify = 'false' == true;
+    new Valine({
+        el: '.vcomment',
+        notify: notify,
+        verify: verify,
+        appId: "ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz",
+        appKey: "hUSwCACEEbPBcGUh42RMzy6P",
+        placeholder: "Just go go",
+        pageSize:'10',
+        avatar:'identicon',
+        lang:'zh-cn'
+    });
+</script>
+
                 
             </div>
 
@@ -609,7 +644,7 @@ $ hexo deploy
 
     <!-- Next Nav -->
     
-        <a href="/vue高仿qq音乐官网.html" id="post_nav-older" class="next-content">
+        <a href="/vuex-模块介绍.html" id="post_nav-older" class="next-content">
             旧篇
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
             <button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon mdl-color--white mdl-color-text--grey-900" role="presentation">
@@ -838,12 +873,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -952,11 +981,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1000,14 +1029,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1018,6 +1047,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/hybird.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2,hybird">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -105,7 +107,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -115,13 +117,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -134,29 +136,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -216,7 +218,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/hybird.html">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -224,7 +226,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -270,7 +272,7 @@
             "@type": "ImageObject",
             "url": "/img/avatar.png"
         },
-        "description": "对的，坚持！错的，放弃！"
+        "description": "对的，坚持！,,错的，放弃！"
     },
     "publisher": {
         "@type": "Organization",
@@ -428,7 +430,7 @@
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-functions-qrcode-button">
     <li class="mdl-menu__item">在其它设备中阅读本文章</li>
     
-        <img src="https://pan.baidu.com/share/qrcode?w=246&h=246&url=/hybird.html">
+        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAAAAAAZai4+AAABGUlEQVR42u3aQRKDIAwFUO9/6fYCYn9ItVoeK4dxwtsAIbC9btk2LCwsLCysn7K2uO0EOuyvxsTCwvowdQ//2RlgKiYWFtZoYuf/dGJiYWFhYWE9lzVKkbGwsPqsJMEdHj4Phzw9l8fC+gtWXvTJvy+tb2FhPZxVvgIpJtAX3flgYT2clU/sDjeJg4WFNdqSk545SjmDwMJagJV/H5eQ5vqxsLCSST73+KAcGQtreVa/fdiGk6IwFtbCrE4hqVNgwsLC6lyuJEtAnl5jYWF1HhwkA3+t0oyFtRir+hy2s0mf8jYQC2thVvXgetECgYW1AKuaEEcHYywsrKniUX97xsLCmisk5WWm6kUpFtbKrPs0LCwsLCysy9sbyelXruhyRd8AAAAASUVORK5CYII=">
     
 </ul>
 
@@ -454,6 +456,16 @@
 </button>
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-fuctions-share-button">
     
+    <!-- Leancloud Views -->
+        <a class="post_share-link" href="#">
+            <li class="mdl-menu__item">
+                <span id="/hybird.html" class="leancloud-views_num" data-flag-title="hybird">
+     &nbsp;浏览量
+</span>
+
+            </li>
+        </a>
+    
 
     
 
@@ -523,7 +535,7 @@
                 <!-- Post Content -->
                 <div id="post-content" class="mdl-color-text--grey-700 mdl-card__supporting-text fade out">
     
-        <script src="/assets/js/APlayer.min.js"> </script><h3 id="app分为几类？"><a href="#app分为几类？" class="headerlink" title="app分为几类？"></a>app分为几类？</h3><ul>
+        <h3 id="app分为几类？"><a href="#app分为几类？" class="headerlink" title="app分为几类？"></a>app分为几类？</h3><ul>
 <li>native：语言object-c，java，页面存放在本地</li>
 <li>hybird：语言object-c + html，受限于UIview</li>
 <li>web：语言html，页面放在服务器，受限于UIview</li>
@@ -568,7 +580,7 @@
                 <blockquote style="margin: 2em 0 0;padding: 0.5em 1em;border-left: 3px solid #F44336;background-color: #F5F5F5;list-style: none;">
                     <p><strong>
                          
-                            <a href="#" target="_blank">转载请注明出处</a>
+                            <a href="#" target="_blank">出自 Feax</a>
                         </strong>
                         <br>
                         <strong>本文链接：</strong><a href="/hybird.html">/hybird.html</a>
@@ -586,6 +598,29 @@
                 <!-- Post Comments -->
                 
                     
+    <div id="comment" style='padding:10px;' class="vcomment"></div>
+<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
+<script>
+    var GUEST_INFO = ['nick','mail','link'];
+    var guest_info = 'nick,mail,link'.split(',').filter(function(item){
+        return GUEST_INFO.indexOf(item) > -1
+    });
+    var notify = 'false' == true;
+    var verify = 'false' == true;
+    new Valine({
+        el: '.vcomment',
+        notify: notify,
+        verify: verify,
+        appId: "ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz",
+        appKey: "hUSwCACEEbPBcGUh42RMzy6P",
+        placeholder: "Just go go",
+        pageSize:'10',
+        avatar:'identicon',
+        lang:'zh-cn'
+    });
+</script>
+
                 
             </div>
 
@@ -836,12 +871,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -950,11 +979,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -998,14 +1027,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1016,6 +1045,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/img/upyun_logo.svg

@@ -1 +0,0 @@
-<svg class="icon" viewBox="0 0 1860 1024" xmlns="http://www.w3.org/2000/svg" width="90" height="45"><path d="M319.333 234c-35.2 7.6-93.2 36-121.6 59.2-78 64.8-117.6 172.4-99.2 269.6 11.6 62 36.8 110.4 79.2 152.8 30 29.6 66.8 54 76.8 50 3.6-1.2 26-28.4 49.6-60s45.6-58.4 49.2-60c3.2-1.2 18.8-4 34.4-5.6 34.8-3.6 59.2-14.8 81.2-36.8 22-22.4 33.6-47.6 35.6-77.6 1.6-22.4.8-24.4-8.8-31.2-14.4-9.2-20-24.4-14.4-39.6 5.2-15.6 14.8-22.4 31.2-22.8 27.2 0 40.8 28.8 26.4 56.4-3.2 6.4-5.2 15.2-4 18.8 3.6 11.2-4.4 52-14.8 74-22.4 48-71.6 83.2-124.4 88.8-14.4 1.6-28.8 4.8-31.6 7.6-13.2 10.4-75.6 98.8-73.6 104 4 9.6 42.4 16.4 92.8 16 55.6-.4 92.8-10 138-36.4 39.2-22.8 86.4-72.4 107.2-112 44.4-85.6 44.4-184.8.4-269.2-29.6-56.8-97.2-119.2-126.4-116.4-2.8 0-23.6 25.2-46.4 55.2-22.8 30.4-44.4 57.6-48 60.8-4 2.8-21.2 6.8-38.8 8.8-64.8 6.4-108.8 48.4-118 112.4-2.4 18-1.6 20 11.6 33.2 18 18 19.6 37.2 4.4 52-27.2 27.6-68.8-2.8-52.8-38.8 3.6-7.2 6.8-26 8-41.2 2.8-43.6 15.6-71.6 46.4-102.4 29.6-29.6 54-41.2 97.2-46.4l25.2-3.2 36.8-48c22.4-29.2 36.8-51.2 36-56-1.2-12-26-18.4-74.8-20.4-28-.8-51.6.4-70 4.4zm839.2 101.2c-2.8 1.6-5.2 15.2-6 32.8l-1.2 30-46 2.4V414c0 14 0 14 17.6 14 30.4 0 30.4 0 30.4 43.6 0 24.8-1.6 40.4-4.8 43.6-2.8 2.8-13.6 4.8-24 4.8h-19.2v27.6l46 2.4 1.2 39.6c.8 24.4-.8 44.4-3.6 51.2-4.8 11.6-21.6 23.2-33.2 23.2-8 0-15.2 13.6-11.6 22 3.2 9.2 34 6 48.8-4.8 24-18 28.4-30.4 28.4-79.2 0-31.6 1.6-46.4 5.2-49.2 2.8-2.4 13.2-4.8 22.8-5.6 17.2-1.2 18-2 19.2-14.4 1.2-12.8 1.2-12.8-16.8-12.8-26.4 0-30.4-6-30.4-45.6s3.6-45.6 28-47.2c17.2-1.2 18-2 18-13.2s-.8-12-18-13.2c-25.2-2-28-5.6-28-36.8 0-21.2-1.6-27.6-6.4-29.6-8-3.2-10.4-2.8-16.4.8zm131.6.4c-3.2 2-4.8 8.4-4 14.8l1.2 11.6h100l1.2-11.6c.8-6.4-.8-12.8-4-14.8-2.8-2-24-3.6-47.2-3.6-23.2 0-44.4 1.6-47.2 3.6zm-506 15.2c-1.6 1.2-2.8 7.6-2.8 14 0 8 2 11.2 7.2 11.2 3.6.4 47.2 0 96.8 0 109.2-.4 106.4-1.2 98 36-9.2 39.2-28 82.8-49.2 114-20.4 29.6-30 35.2-39.2 23.2-15.2-19.6-36.8-62.8-48.4-97.2-12-36-13.2-38-23.2-37.2-6 .4-12 2-13.2 3.2-8.4 8.4 27.2 97.6 55.2 138.4 8.8 12.8 16 26 16 28.8 0 6.4-47.2 42.4-72 55.2-10 4.8-30.4 12.8-46 17.6-24.8 7.6-28 10-29.2 19.2-.8 7.2.8 11.6 5.6 13.6 19.2 7.2 95.6-25.6 139.2-60.8l27.6-22 14.4 12.4c37.2 31.2 109.2 71.2 128.8 71.6 5.6 0 11.2-10.4 11.6-21.2 0-1.6-15.6-10-34.4-18.8-34-15.6-76.8-43.6-90.8-59.2-7.2-8-6.8-8.8 11.2-33.6 34.8-46.8 58.4-102 68.4-159.6 9.6-56.4 20.4-51.6-114-51.6-63.2 0-116.4 1.2-117.6 2.8zm742.8 6.8c-1.2 5.6-1.2 12 .4 14 1.6 2.8 35.6 4.4 100 4.4 86.4 0 97.6-.8 99.6-6.4 1.6-3.6 1.6-10 .4-14-2.4-7.2-8.4-7.6-100-7.6h-98l-2.4 9.6zm-279.6 43.2c-1.2 2.8-1.6 69.2-1.2 147.2l1.2 142 58 1.2c33.6.8 64.4-.4 72.8-3.2 19.2-5.6 37.6-21.2 47.6-40.4 7.2-14.4 7.6-22.8 6.8-132.4l-1.2-117.2-91.2-1.2c-70.8-.8-91.6 0-92.8 4zm153.999 71.2c0 26.4-1.6 44-4 44-36.8 1.2-112.8 0-116-2-4.4-2.8-5.6-79.2-1.2-83.2 1.2-1.6 29.2-2.8 62-2.8h59.2v44zm1.601 82.4c1.2 3.6 2.4 19.6 2.4 36 0 60-14.8 72.4-85.2 70.4l-42.8-1.2v-53.2c0-29.2 1.2-54.4 2.8-55.6 1.2-1.6 29.2-2.8 61.6-2.8 50 0 59.2.8 61.2 6.4zm81.199-79.6c-5.6 1.6-6.8 5.2-6 14.4l1.2 12.8 50 2c40.8 1.6 50 3.2 51.2 8.4.4 3.2-13.2 32.4-31.2 64.4-17.6 32-32 63.2-32 68.8 0 15.6 10.4 33.6 24 40.4 9.2 4.8 29.2 6 103.2 6 94.4 0 100.8-1.2 100.8-16.8 0-7.2-38.4-87.2-42-87.2-6.4 0-22 10.4-22 14.4 0 3.2 4.8 15.2 10.8 27.2 16.8 34.8 16.8 34.8-65.2 33.6-95.2-1.6-92.8 2.8-45.2-81.2 20-35.2 39.2-67.2 42.4-70.8 5.6-6 16-7.2 78.8-8l72.4-1.2 1.2-11.6c.8-6.4-.8-12.8-4-14.8-5.2-3.6-275.2-4-288.4-.8z" fill="#01A0FF"/></svg>

public/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -53,7 +55,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -100,7 +102,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -110,13 +112,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -129,29 +131,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -211,7 +213,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -219,7 +221,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -315,14 +317,14 @@
     
         <!-- Paradox Header -->
         <!-- Daily pic -->
-<div class="mdl-card mdl-shadow--3dp daily-pic mdl-cell mdl-cell--8-col index-top-block">
+<div class="mdl-card mdl-shadow--4dp daily-pic mdl-cell mdl-cell--8-col index-top-block">
 
     <!-- Pic & Slogan -->
     <div class="mdl-card__media mdl-color-text--grey-50" style="background-image:url(/img/daily_pic.jpg)">
         <p class="index-top-block-slogan"><a href="#">
         
             
-                对的，坚持！错的，放弃！
+                对的，坚持！<br><br>错的，放弃！
             
         
         </a></p>
@@ -341,7 +343,7 @@
 </div>
 
         <!-- Blog info -->
-<div class="mdl-card mdl-shadow--3dp something-else mdl-cell mdl-cell--8-col mdl-cell--4-col-desktop index-top-block">
+<div class="mdl-card mdl-shadow--4dp something-else mdl-cell mdl-cell--8-col mdl-cell--4-col-desktop index-top-block">
 
     <!-- Search -->
     
@@ -484,7 +486,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -500,7 +502,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -543,7 +545,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -559,7 +561,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -608,7 +610,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -669,7 +671,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -730,7 +732,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -791,7 +793,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -852,7 +854,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -913,7 +915,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -974,7 +976,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -1030,7 +1032,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -1093,7 +1095,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -1393,12 +1395,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1507,11 +1503,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1555,14 +1551,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1573,6 +1569,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/js中的一些方法和函数.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2,js,methods">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -105,7 +107,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -115,13 +117,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -134,29 +136,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -216,7 +218,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/js中的一些方法和函数.html">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -224,7 +226,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -270,7 +272,7 @@
             "@type": "ImageObject",
             "url": "/img/avatar.png"
         },
-        "description": "对的，坚持！错的，放弃！"
+        "description": "对的，坚持！,,错的，放弃！"
     },
     "publisher": {
         "@type": "Organization",
@@ -428,7 +430,7 @@
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-functions-qrcode-button">
     <li class="mdl-menu__item">在其它设备中阅读本文章</li>
     
-        <img src="https://pan.baidu.com/share/qrcode?w=246&h=246&url=/js中的一些方法和函数.html">
+        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMYAAADGCAAAAACs8KCBAAAB4klEQVR42u3aQXLDMAgF0Nz/0u0J4vmA0tTmaZVJHcmvCwYBr59HrBcGBgYGBgYGxr9hvOL1drs3zyS/nbwDBgbGNkZyTJWRvOjkHTAwMHYykmOSgNjbM38eAwMDIz+ylwJef4+BgYFxNuBWdzgVoDEwMDYzkkBZvawml94v3MUxMDBuyMiL8p/7/Kf9DQwMjFsxyiMOQfJ3qhnwwZkRDAyMWzGqRf8kZXxXkjt1LgYGxjZGtTF5PQRWvQD3CnwYGBg7GfNNk7JaskP+PQYGxk5GL0RWn8mTyEILEwMD49GM3mF5oOwNdkRXaAwMjGWMKBU7FF6PXYAxMDBWMnpDD5PwPWltYmBg7GFUw1yvMNdM/iZjYRgYGA9iJOladbSrMIQ6+SsGBsYyxqToX21k9lJMDAwMjF4iWC3Y5eW56B+EgYGxkpFslBfx8yJakkqW+xsYGBgPZSTp4DW+N2bRHCDDwMBYw6iuT7QKepdeDAyMPYzJgEVejMsTx8LpGBgYyxi98Ys8Zay2P0cZLgYGxqMZvfTu1BBGeTcMDAyMOPDlgftw6xQDAwNjkA72mp3lZioGBsZKRrUZkKR9eXjNW6oYGBg7GZMrZRIurxuTSRsAAwNjM+O+CwMDAwMDAwPjq+sXD0XKJ4AoqoAAAAAASUVORK5CYII=">
     
 </ul>
 
@@ -454,6 +456,16 @@
 </button>
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-fuctions-share-button">
     
+    <!-- Leancloud Views -->
+        <a class="post_share-link" href="#">
+            <li class="mdl-menu__item">
+                <span id="/js中的一些方法和函数.html" class="leancloud-views_num" data-flag-title="js中的一些方法和函数">
+     &nbsp;浏览量
+</span>
+
+            </li>
+        </a>
+    
 
     
 
@@ -523,7 +535,7 @@
                 <!-- Post Content -->
                 <div id="post-content" class="mdl-color-text--grey-700 mdl-card__supporting-text fade out">
     
-        <script src="/assets/js/APlayer.min.js"> </script><h2 id="原生-JS-一些方法和函数"><a href="#原生-JS-一些方法和函数" class="headerlink" title="原生 JS 一些方法和函数"></a>原生 JS 一些方法和函数</h2><h3 id="方法"><a href="#方法" class="headerlink" title="方法"></a>方法</h3><h4 id="subStr-start-length"><a href="#subStr-start-length" class="headerlink" title="subStr(start, length)"></a>subStr(start, length)</h4><p>可以在字符串中抽取从 start下标开始的指定数目的字符</p>
+        <h2 id="原生-JS-一些方法和函数"><a href="#原生-JS-一些方法和函数" class="headerlink" title="原生 JS 一些方法和函数"></a>原生 JS 一些方法和函数</h2><h3 id="方法"><a href="#方法" class="headerlink" title="方法"></a>方法</h3><h4 id="subStr-start-length"><a href="#subStr-start-length" class="headerlink" title="subStr(start, length)"></a>subStr(start, length)</h4><p>可以在字符串中抽取从 start下标开始的指定数目的字符</p>
 <blockquote>
 <p>length可以不要，代表整个截取的长度</p>
 </blockquote>
@@ -646,7 +658,7 @@ if (isIE){
                 <blockquote style="margin: 2em 0 0;padding: 0.5em 1em;border-left: 3px solid #F44336;background-color: #F5F5F5;list-style: none;">
                     <p><strong>
                          
-                            <a href="#" target="_blank">转载请注明出处</a>
+                            <a href="#" target="_blank">出自 Feax</a>
                         </strong>
                         <br>
                         <strong>本文链接：</strong><a href="/js中的一些方法和函数.html">/js中的一些方法和函数.html</a>
@@ -664,6 +676,29 @@ if (isIE){
                 <!-- Post Comments -->
                 
                     
+    <div id="comment" style='padding:10px;' class="vcomment"></div>
+<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
+<script>
+    var GUEST_INFO = ['nick','mail','link'];
+    var guest_info = 'nick,mail,link'.split(',').filter(function(item){
+        return GUEST_INFO.indexOf(item) > -1
+    });
+    var notify = 'false' == true;
+    var verify = 'false' == true;
+    new Valine({
+        el: '.vcomment',
+        notify: notify,
+        verify: verify,
+        appId: "ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz",
+        appKey: "hUSwCACEEbPBcGUh42RMzy6P",
+        placeholder: "Just go go",
+        pageSize:'10',
+        avatar:'identicon',
+        lang:'zh-cn'
+    });
+</script>
+
                 
             </div>
 
@@ -914,12 +949,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1028,11 +1057,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1076,14 +1105,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1094,6 +1123,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/learn-express.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2,express">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -105,7 +107,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -115,13 +117,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -134,29 +136,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -216,7 +218,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/learn-express.html">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -224,7 +226,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -270,7 +272,7 @@
             "@type": "ImageObject",
             "url": "/img/avatar.png"
         },
-        "description": "对的，坚持！错的，放弃！"
+        "description": "对的，坚持！,,错的，放弃！"
     },
     "publisher": {
         "@type": "Organization",
@@ -428,7 +430,7 @@
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-functions-qrcode-button">
     <li class="mdl-menu__item">在其它设备中阅读本文章</li>
     
-        <img src="https://pan.baidu.com/share/qrcode?w=246&h=246&url=/learn-express.html">
+        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAACuCAAAAACKZ2kyAAABf0lEQVR42u3aS4rDQAwFQN//0pltIEzypLatNlSvDHHctRL6Ha9HnQMXFxcXFxd3A+4Rn/f38+eVu3BxcWe5P0LJByW/bOUuXFzcHbh58GqGpOJduLi4T+Em6F5AxMXFfS43L2ySAgkXF3d/bq9oSVKZsVoNFxd3gXtdw7RXOOHi4s5yTxiC/gPadCaMi4sb7zOsj0KTr1WLLlxc3FluLwAl6Uv1zSiQ4eLi3sittkW+Jzf5r822CC4u7i3c5IL14FUd0+Li4t7PTQYeSeMjL3LKgxxcXNzbudVVqhy9DsXFxZ3lVtetziU2MzJcXNyLudHf4jerwe7Hd3BxcUe51VHr98Sot+yFi4u7A7d6qq3P3hgGFxd3lrsSdKoD2uqoBhcXd5abBK/qc7U0Wip+cHFxL+P2Fi6rATFvvuDi4j6Lm7dUqssZuLi4T+QmCUo1FJ48ZMXFxT2VmxQ/vaZqb50LFxd3llttmPaaHVGpg4uLuwF3/4OLi4uLi4s7dP4AkE15X667C/QAAAAASUVORK5CYII=">
     
 </ul>
 
@@ -454,6 +456,16 @@
 </button>
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-fuctions-share-button">
     
+    <!-- Leancloud Views -->
+        <a class="post_share-link" href="#">
+            <li class="mdl-menu__item">
+                <span id="/learn-express.html" class="leancloud-views_num" data-flag-title="learn express">
+     &nbsp;浏览量
+</span>
+
+            </li>
+        </a>
+    
 
     
 
@@ -523,7 +535,7 @@
                 <!-- Post Content -->
                 <div id="post-content" class="mdl-color-text--grey-700 mdl-card__supporting-text fade out">
     
-        <script src="/assets/js/APlayer.min.js"> </script><h2 id="深入了解express"><a href="#深入了解express" class="headerlink" title="深入了解express"></a>深入了解express</h2><h3 id="构建一个-express-实例"><a href="#构建一个-express-实例" class="headerlink" title="构建一个 express 实例"></a>构建一个 express 实例</h3><blockquote>
+        <h2 id="深入了解express"><a href="#深入了解express" class="headerlink" title="深入了解express"></a>深入了解express</h2><h3 id="构建一个-express-实例"><a href="#构建一个-express-实例" class="headerlink" title="构建一个 express 实例"></a>构建一个 express 实例</h3><blockquote>
 <p>cnpm i express-generator -g</p>
 </blockquote>
 <h3 id="目录结构"><a href="#目录结构" class="headerlink" title="目录结构"></a>目录结构</h3><pre><code>.
@@ -565,7 +577,7 @@ app.get(&#39;/&#39;, function() {
     res.send(&#39;USER&#39;)
 })
 </code></pre><h4 id="路由级中间件"><a href="#路由级中间件" class="headerlink" title="路由级中间件"></a>路由级中间件</h4><blockquote>
-<p>var app = express()<br>var router = express.Router()<br>```<br>和上面类似，只是写法不同<br>router.use(‘/‘, function(req, res, next) {<br>    …</p>
+<p>var app = express()<br>var router = express.Router()<br><code>`</code><br>和上面类似，只是写法不同<br>router.use(‘/‘, function(req, res, next) {<br>    …</p>
 </blockquote>
 <pre><code>next()
 </code></pre><p>})</p>
@@ -645,13 +657,13 @@ img.onerror = function(err){
 img.src = base64Data;
 </code></pre><pre><code>#### fs模块 (node自带模块)
 对文件执行读取和写入
-</code></pre><p>function(req, res, next) {<br>  if (req.body.formFile) {<br>    // 对象转换为字符串<br>    <!-- 先取出base64码 --><br>    var base64Data = req.body.formFile.replace(/^data:image\/\w+;base64,/, “”);<br>    <!-- 将base64码进行转码 --><br>    var dataBuffer = new Buffer(base64Data, ‘base64’);<br>    <!-- 将文件导出为图片格式 --><br>    fs.writeFile(“out.png”, dataBuffer, function (err) {<br>      if (err) {<br>        res.send(err);<br>      } else {<br>        res.send(“保存成功！”);<br>      }<br>    });<br>  }<br>}<br>```</p>
+</code></pre><p>function(req, res, next) {<br>  if (req.body.formFile) {<br>    // 对象转换为字符串<br>    <!-- 先取出base64码 --><br>    var base64Data = req.body.formFile.replace(/^data:image\/\w+;base64,/, “”);<br>    <!-- 将base64码进行转码 --><br>    var dataBuffer = new Buffer(base64Data, ‘base64’);<br>    <!-- 将文件导出为图片格式 --><br>    fs.writeFile(“out.png”, dataBuffer, function (err) {<br>      if (err) {<br>        res.send(err);<br>      } else {<br>        res.send(“保存成功！”);<br>      }<br>    });<br>  }<br>}<br><code>`</code></p>
 
         
                 <blockquote style="margin: 2em 0 0;padding: 0.5em 1em;border-left: 3px solid #F44336;background-color: #F5F5F5;list-style: none;">
                     <p><strong>
                          
-                            <a href="#" target="_blank">转载请注明出处</a>
+                            <a href="#" target="_blank">出自 Feax</a>
                         </strong>
                         <br>
                         <strong>本文链接：</strong><a href="/learn-express.html">/learn-express.html</a>
@@ -669,6 +681,29 @@ img.src = base64Data;
                 <!-- Post Comments -->
                 
                     
+    <div id="comment" style='padding:10px;' class="vcomment"></div>
+<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
+<script>
+    var GUEST_INFO = ['nick','mail','link'];
+    var guest_info = 'nick,mail,link'.split(',').filter(function(item){
+        return GUEST_INFO.indexOf(item) > -1
+    });
+    var notify = 'false' == true;
+    var verify = 'false' == true;
+    new Valine({
+        el: '.vcomment',
+        notify: notify,
+        verify: verify,
+        appId: "ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz",
+        appKey: "hUSwCACEEbPBcGUh42RMzy6P",
+        placeholder: "Just go go",
+        pageSize:'10',
+        avatar:'identicon',
+        lang:'zh-cn'
+    });
+</script>
+
                 
             </div>
 
@@ -919,12 +954,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1033,11 +1062,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1081,14 +1110,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1099,6 +1128,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/learn-koa.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2,koa">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -105,7 +107,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -115,13 +117,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -134,29 +136,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -216,7 +218,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/learn-koa.html">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -224,7 +226,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -270,7 +272,7 @@
             "@type": "ImageObject",
             "url": "/img/avatar.png"
         },
-        "description": "对的，坚持！错的，放弃！"
+        "description": "对的，坚持！,,错的，放弃！"
     },
     "publisher": {
         "@type": "Organization",
@@ -419,7 +421,7 @@
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-functions-qrcode-button">
     <li class="mdl-menu__item">在其它设备中阅读本文章</li>
     
-        <img src="https://pan.baidu.com/share/qrcode?w=246&h=246&url=/learn-koa.html">
+        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAACuCAAAAACKZ2kyAAABf0lEQVR42u3aMW7DMAwFUN//0unapeonFZsy8DQFSWw+LYRI6vq8al24uLi4uLi4B3CveP3+fzNwMRYuLu4sNwmzDp8824uFi4s7y82T13oDf22mGQsXF/d4br4ZXFxc3PxXXFzcd3F7BUyhwfF8rYaLi7vB7TVMe5/H+ru4uLgxd2cckpdDYzNhXFzcjfsMeeszGZyst1Q9BuHi4s5y8wNNPmTNE2I5keHi4t7GzS9YrFNPtXzKj0S4uLhT3EL7cmP4mpdPuLi4s9w8hfXaJcmxBhcX90xuXsD88+rgSFRtquLi4j7PzXG9jeXtVFxc3JO51UsVeSHUfDMuLu7j3OplrLw50luFExkuLu5t3N5wNElAve9xcXFP4O5f5t65/B1tGBcXd4j73VFrNZGVix9cXNwHub3klQ9Qq8/i4uK+hZsPS/Ihyo2JDBcX9wBudUy7Vfzg4uI+ws2Ln14JtE5kuLi4p3GrDdNe+PyiJy4u7iz3/IWLi4uLi4s7tH4A0nHWLHY4uzcAAAAASUVORK5CYII=">
     
 </ul>
 
@@ -445,6 +447,16 @@
 </button>
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-fuctions-share-button">
     
+    <!-- Leancloud Views -->
+        <a class="post_share-link" href="#">
+            <li class="mdl-menu__item">
+                <span id="/learn-koa.html" class="leancloud-views_num" data-flag-title="learn-koa">
+     &nbsp;浏览量
+</span>
+
+            </li>
+        </a>
+    
 
     
 
@@ -514,13 +526,13 @@
                 <!-- Post Content -->
                 <div id="post-content" class="mdl-color-text--grey-700 mdl-card__supporting-text fade out">
     
-        <script src="/assets/js/APlayer.min.js"> </script><p>app.use()</p>
+        <p>app.use()</p>
 
         
                 <blockquote style="margin: 2em 0 0;padding: 0.5em 1em;border-left: 3px solid #F44336;background-color: #F5F5F5;list-style: none;">
                     <p><strong>
                          
-                            <a href="#" target="_blank">转载请注明出处</a>
+                            <a href="#" target="_blank">出自 Feax</a>
                         </strong>
                         <br>
                         <strong>本文链接：</strong><a href="/learn-koa.html">/learn-koa.html</a>
@@ -538,6 +550,29 @@
                 <!-- Post Comments -->
                 
                     
+    <div id="comment" style='padding:10px;' class="vcomment"></div>
+<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
+<script>
+    var GUEST_INFO = ['nick','mail','link'];
+    var guest_info = 'nick,mail,link'.split(',').filter(function(item){
+        return GUEST_INFO.indexOf(item) > -1
+    });
+    var notify = 'false' == true;
+    var verify = 'false' == true;
+    new Valine({
+        el: '.vcomment',
+        notify: notify,
+        verify: verify,
+        appId: "ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz",
+        appKey: "hUSwCACEEbPBcGUh42RMzy6P",
+        placeholder: "Just go go",
+        pageSize:'10',
+        avatar:'identicon',
+        lang:'zh-cn'
+    });
+</script>
+
                 
             </div>
 
@@ -788,12 +823,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -902,11 +931,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -950,14 +979,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -968,6 +997,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/links/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/links/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -628,12 +630,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -734,11 +730,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -782,14 +778,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -800,6 +796,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/material主题使用攻略.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2,hexo">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -105,7 +107,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -115,13 +117,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -134,29 +136,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -216,7 +218,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/material主题使用攻略.html">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -224,7 +226,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -270,7 +272,7 @@
             "@type": "ImageObject",
             "url": "/img/avatar.png"
         },
-        "description": "对的，坚持！错的，放弃！"
+        "description": "对的，坚持！,,错的，放弃！"
     },
     "publisher": {
         "@type": "Organization",
@@ -428,7 +430,7 @@
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-functions-qrcode-button">
     <li class="mdl-menu__item">在其它设备中阅读本文章</li>
     
-        <img src="https://pan.baidu.com/share/qrcode?w=246&h=246&url=/material主题使用攻略.html">
+        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMYAAADGCAAAAACs8KCBAAAB6klEQVR42u3aS1LDMBAFwNz/0nAAsHlPiivY015RqcRSazFoPq+vRzwvDAwMDAwMDIx/w3jFz8/vJ2+INlTuAQMDYyYjWSb5/i+LxUeT7wEDA2MyI18m+eQoQJ8fTbEHDAwMjGCZ5D3nv8LAwMC4OuCeU/ePAAMDA2Mngdy55LXvx8DAwFhrDFzx9wf6GxgYGDdh1CMOS43JtsFw+cwIBgbGrRjtIMV+uT9vfP6xFgYGxjBGUlBrr3F5kW6xaYqBgTGYkY9WtL9dS4wPwzQGBsYYxnlK2aas56ns2jBrUW7DwMB4NCNfOG9qtsE3B2BgYExjtCloG6bboditsTAMDIwxjLUQnLcZ2nbm4swIBgbGQxltmrqDaYN7XTXEwMB4KCMv0OcBOjmUtbUwMDDmMNq0s73q5dfN+h8ABgbGGEY++JVj1lLiOrnFwMAYw2iLXDk+T1lbKgYGxkxG3lBcK6XlYT1nY2BgTGPkTxtA683FF00MDIw5jDbkvavov5MGY2BgzGTkYxbn5bA2BCfp8eFaGBgYIxlJQEzGI65LkjEwMDDatuIar2VcEnAxMDDGMPLxi7YJevnVEAMD47aM5GKXh+CkwZmkuPXVEAMD46GM/cTy/PN3HRkGBsZMxn0fDAwMDAwMDIyPPt8eNF6TpONnjAAAAABJRU5ErkJggg==">
     
 </ul>
 
@@ -454,6 +456,16 @@
 </button>
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-fuctions-share-button">
     
+    <!-- Leancloud Views -->
+        <a class="post_share-link" href="#">
+            <li class="mdl-menu__item">
+                <span id="/material主题使用攻略.html" class="leancloud-views_num" data-flag-title="material主题使用攻略">
+     &nbsp;浏览量
+</span>
+
+            </li>
+        </a>
+    
 
     
 
@@ -523,11 +535,11 @@
                 <!-- Post Content -->
                 <div id="post-content" class="mdl-color-text--grey-700 mdl-card__supporting-text fade out">
     
-        <script src="/assets/js/APlayer.min.js"> </script><h2 id="安装-Material"><a href="#安装-Material" class="headerlink" title="安装[Material]"></a>安装[Material]</h2><pre class=" language-bash"><code class="language-bash"><span class="token function">npm</span> <span class="token function">install</span> hexo-meterial
+        <h2 id="安装-Material"><a href="#安装-Material" class="headerlink" title="安装[Material]"></a>安装[Material]</h2><pre><code class="bash">npm install hexo-meterial
 </code></pre>
 <p>该方法会将主题下载到node_modules文件夹下，找到该文件后，将文件名改为material</p>
 <h3 id="启用-Material"><a href="#启用-Material" class="headerlink" title="启用[Material]"></a>启用[Material]</h3><p>找到主题文件下的_config.template.yml 改成 _config.yml</p>
-<h2 id="更新-Material"><a href="#更新-Material" class="headerlink" title="更新[Material]"></a>更新[Material]</h2><pre class=" language-bash"><code class="language-bash"><span class="token function">npm</span> update hexo-material
+<h2 id="更新-Material"><a href="#更新-Material" class="headerlink" title="更新[Material]"></a>更新[Material]</h2><pre><code class="bash">npm update hexo-material
 </code></pre>
 <p>让后将文件复制到 Material 主题文件中</p>
 <h2 id="配置主题"><a href="#配置主题" class="headerlink" title="配置主题"></a>配置主题</h2><h3 id="head"><a href="#head" class="headerlink" title="head"></a>head</h3><ul>
@@ -638,7 +650,7 @@ layout: tags
                 <blockquote style="margin: 2em 0 0;padding: 0.5em 1em;border-left: 3px solid #F44336;background-color: #F5F5F5;list-style: none;">
                     <p><strong>
                          
-                            <a href="#" target="_blank">转载请注明出处</a>
+                            <a href="#" target="_blank">出自 Feax</a>
                         </strong>
                         <br>
                         <strong>本文链接：</strong><a href="/material主题使用攻略.html">/material主题使用攻略.html</a>
@@ -656,6 +668,29 @@ layout: tags
                 <!-- Post Comments -->
                 
                     
+    <div id="comment" style='padding:10px;' class="vcomment"></div>
+<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
+<script>
+    var GUEST_INFO = ['nick','mail','link'];
+    var guest_info = 'nick,mail,link'.split(',').filter(function(item){
+        return GUEST_INFO.indexOf(item) > -1
+    });
+    var notify = 'false' == true;
+    var verify = 'false' == true;
+    new Valine({
+        el: '.vcomment',
+        notify: notify,
+        verify: verify,
+        appId: "ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz",
+        appKey: "hUSwCACEEbPBcGUh42RMzy6P",
+        placeholder: "Just go go",
+        pageSize:'10',
+        avatar:'identicon',
+        lang:'zh-cn'
+    });
+</script>
+
                 
             </div>
 
@@ -906,12 +941,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1020,11 +1049,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1068,14 +1097,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1086,6 +1115,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/page/2/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -53,7 +55,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -100,7 +102,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -110,13 +112,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -129,29 +131,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -211,7 +213,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/page/2/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -219,7 +221,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -299,7 +301,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -315,7 +317,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -358,7 +360,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -374,7 +376,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -423,7 +425,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -484,7 +486,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -545,7 +547,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -606,7 +608,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -662,7 +664,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -723,7 +725,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -784,7 +786,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -845,7 +847,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -906,7 +908,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -967,7 +969,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -1267,12 +1269,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1381,11 +1377,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1429,14 +1425,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1447,6 +1443,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/page/3/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -53,7 +55,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -100,7 +102,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -110,13 +112,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -129,29 +131,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -211,7 +213,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/page/3/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -219,7 +221,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -299,7 +301,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -315,7 +317,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -358,7 +360,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -374,7 +376,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -423,7 +425,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -484,7 +486,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -545,7 +547,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -606,7 +608,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -622,7 +624,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             我一直在探索属于我自己独一无二的代码风格...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -667,7 +669,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -728,7 +730,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -789,7 +791,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -850,7 +852,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -911,7 +913,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -972,7 +974,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -1272,12 +1274,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1386,11 +1382,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1434,14 +1430,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1452,6 +1448,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/page/4/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -53,7 +55,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -100,7 +102,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -110,13 +112,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -129,29 +131,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -211,7 +213,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/page/4/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -219,7 +221,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -299,7 +301,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -315,7 +317,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -358,7 +360,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -374,7 +376,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -423,7 +425,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -439,7 +441,6 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             app.use()
             
         
         &nbsp;&nbsp;&nbsp;
@@ -485,7 +486,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -546,7 +547,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -562,7 +563,6 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             整理一些面试题，以备用
             
         
         &nbsp;&nbsp;&nbsp;
@@ -608,7 +608,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -669,7 +669,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -730,7 +730,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -791,7 +791,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -852,7 +852,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -908,7 +908,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -969,7 +969,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -1269,12 +1269,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1383,11 +1377,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1431,14 +1425,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1449,6 +1443,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/page/5/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -53,7 +55,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -100,7 +102,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -110,13 +112,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -129,29 +131,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -211,7 +213,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/page/5/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -219,7 +221,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -299,7 +301,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -315,7 +317,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -358,7 +360,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -374,7 +376,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -423,7 +425,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -484,7 +486,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -545,7 +547,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -561,7 +563,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             今天，我想讲讲关于stick-footer布局技...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -606,7 +608,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -667,7 +669,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -728,7 +730,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -744,7 +746,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             对于一个对界要求很高的人来说，今天有必要研究下各...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -789,7 +791,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -806,7 +808,6 @@
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
             
-小记：前两天面试，展现...
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -851,7 +852,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -912,7 +913,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -928,7 +929,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             前段时间看到腾讯云服务器对学生有优惠，而且很大一...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -973,7 +974,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -1273,12 +1274,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1387,11 +1382,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1435,14 +1430,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1453,6 +1448,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/sessionStorage-localStotage-AND-cookies.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2,sessionStorage,localStotage,cookies">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -105,7 +107,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -115,13 +117,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -134,29 +136,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -216,7 +218,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/sessionStorage-localStotage-AND-cookies.html">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -224,7 +226,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -270,7 +272,7 @@
             "@type": "ImageObject",
             "url": "/img/avatar.png"
         },
-        "description": "对的，坚持！错的，放弃！"
+        "description": "对的，坚持！,,错的，放弃！"
     },
     "publisher": {
         "@type": "Organization",
@@ -428,7 +430,7 @@
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-functions-qrcode-button">
     <li class="mdl-menu__item">在其它设备中阅读本文章</li>
     
-        <img src="https://pan.baidu.com/share/qrcode?w=246&h=246&url=/sessionStorage-localStotage-AND-cookies.html">
+        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN4AAADeCAAAAAB3DOFrAAACZElEQVR42u3ay46DMBAEQP7/p3evkaKQbhsbFJVPEZuHiwMz257j76fXgYeHh4eHh4eH9zDeEa/393+6cn799a/JlXxveHh4eDt5Xx61b5h8o+f4T4yxveHh4eHt5+U/k5eN/FPJbY32hoeHh/cwXvL6/CGelxk8PDy83+DlmPPvbNt3PDw8vGfy8n/42/Z6LMy9IWvBw8PDi3ntAdjO1zec7+Hh4eGd8trVhrDRhsq2+8sO8fDw8Bbz8oGqsWOqBHbxUAIeHh7eYt58cDAzBJBjipuCh4eHt5iXt7ntgz5/9CcFKS9XeHh4eHt459T5sYB2IGDqSAwPDw9vMS//+flhgrYk5KULDw8PbycvD1LzWzAfNLRDBnh4eHh38dojsbblbUcE8hAEDw8PbycvaVKvarvztngqSsbDw8Pbwkse921M0A4QtIdeUUuNh4eHt4w3Ux4GG998FKC9uXh4eHiLeUe5knJyvqGxMYX8U3h4eHh7eGOFYaxUjLGL/eDh4eHdxEvAbeCbfH8e7F5wvoeHh4e3gJe30e2gwLVHaHh4eHg7eTMBa8seO0hrx7zw8PDw9vDayCCPcfOS0wYfUUuNh4eHt4DXBgrtWEDbps8cv+Hh4eHt4bVrpjzMDBMUgQUeHh7eYt7YMX87otp+81QsgoeHh7eFNxbstmHrWIuc/woeHh7eft5YgJtvun1Pe2CGh4eH90zeikg3KU7FzcLDw8N7MC/fShtP5KHtwsKAh4eHd1EYkY8CjF2pG+hrsxY8PDy8jWfrY01w3qznxQkPDw9vNe/3Fh4eHh4eHh4e3gPWP/ZY7Tm0zzrZAAAAAElFTkSuQmCC">
     
 </ul>
 
@@ -454,6 +456,16 @@
 </button>
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-fuctions-share-button">
     
+    <!-- Leancloud Views -->
+        <a class="post_share-link" href="#">
+            <li class="mdl-menu__item">
+                <span id="/sessionStorage-localStotage-AND-cookies.html" class="leancloud-views_num" data-flag-title="sessionStorage localStotage AND cookies">
+     &nbsp;浏览量
+</span>
+
+            </li>
+        </a>
+    
 
     
 
@@ -523,22 +535,22 @@
                 <!-- Post Content -->
                 <div id="post-content" class="mdl-color-text--grey-700 mdl-card__supporting-text fade out">
     
-        <script src="/assets/js/APlayer.min.js"> </script><h3 id="sessionStorage"><a href="#sessionStorage" class="headerlink" title="sessionStorage"></a>sessionStorage</h3><blockquote>
+        <h3 id="sessionStorage"><a href="#sessionStorage" class="headerlink" title="sessionStorage"></a>sessionStorage</h3><blockquote>
 <p>引入一个浏览器窗口的概念，开启在同源的同窗口，即使跳到其他页面，数据仍然存在，页面刷新也不会消除数据，</p>
+</blockquote>
 <h4 id="特点"><a href="#特点" class="headerlink" title="特点"></a>特点</h4><ul>
 <li>减少网络流量：一旦数据保存在本地后，就可以避免再向服务器请求数据，因此减少不必要的数据请求，减少数据在浏览器和服务器间不必要地来回传递</li>
 <li>快速显示数据：性能好，从本地读数据比通过网络从服务器获得数据快得多，本地数据可以即时获得。再加上网页本身也可以有缓存，因此整个页面和数据都在本地的话，可以立即显示</li>
 <li>临时储存：很多时候数据只需要在用户浏览一组页面期间使用，关闭窗口后数据就可以丢弃了，这种情况使用sessionStorage非常方便</li>
 </ul>
-</blockquote>
 <h3 id="cookie"><a href="#cookie" class="headerlink" title="cookie"></a>cookie</h3><blockquote>
 <p>数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递，数据还有路径（path）的概念，可以限制cookie只属于某个路径下。</p>
+</blockquote>
 <h4 id="特点-1"><a href="#特点-1" class="headerlink" title="特点"></a>特点</h4><ul>
 <li>cookie数据不能超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识</li>
 <li>只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭,即有一个过期值</li>
 <li>cookie也是在所有同源窗口中都是共享的。</li>
 </ul>
-</blockquote>
 <h3 id="localStorage"><a href="#localStorage" class="headerlink" title="localStorage"></a>localStorage</h3><h4 id="特点-2"><a href="#特点-2" class="headerlink" title="特点"></a>特点</h4><ul>
 <li>生命周期是永久性的。假若使用localStorage存储数据，即使关闭浏览器，也不会让数据消失，除非主动的去删除数据，使用的方法如上所示。localStorage有length属性，可以查看其有多少条记录的数据。</li>
 </ul>
@@ -557,7 +569,7 @@
                 <blockquote style="margin: 2em 0 0;padding: 0.5em 1em;border-left: 3px solid #F44336;background-color: #F5F5F5;list-style: none;">
                     <p><strong>
                          
-                            <a href="#" target="_blank">转载请注明出处</a>
+                            <a href="#" target="_blank">出自 Feax</a>
                         </strong>
                         <br>
                         <strong>本文链接：</strong><a href="/sessionStorage-localStotage-AND-cookies.html">/sessionStorage-localStotage-AND-cookies.html</a>
@@ -575,6 +587,29 @@
                 <!-- Post Comments -->
                 
                     
+    <div id="comment" style='padding:10px;' class="vcomment"></div>
+<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
+<script>
+    var GUEST_INFO = ['nick','mail','link'];
+    var guest_info = 'nick,mail,link'.split(',').filter(function(item){
+        return GUEST_INFO.indexOf(item) > -1
+    });
+    var notify = 'false' == true;
+    var verify = 'false' == true;
+    new Valine({
+        el: '.vcomment',
+        notify: notify,
+        verify: verify,
+        appId: "ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz",
+        appKey: "hUSwCACEEbPBcGUh42RMzy6P",
+        placeholder: "Just go go",
+        pageSize:'10',
+        avatar:'identicon',
+        lang:'zh-cn'
+    });
+</script>
+
                 
             </div>
 
@@ -825,12 +860,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -939,11 +968,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -987,14 +1016,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1005,6 +1034,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/simpleCountry.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2,SC">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -105,7 +107,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -115,13 +117,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -134,29 +136,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -216,7 +218,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/simpleCountry.html">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -224,7 +226,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -270,7 +272,7 @@
             "@type": "ImageObject",
             "url": "/img/avatar.png"
         },
-        "description": "对的，坚持！错的，放弃！"
+        "description": "对的，坚持！,,错的，放弃！"
     },
     "publisher": {
         "@type": "Organization",
@@ -428,7 +430,7 @@
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-functions-qrcode-button">
     <li class="mdl-menu__item">在其它设备中阅读本文章</li>
     
-        <img src="https://pan.baidu.com/share/qrcode?w=246&h=246&url=/simpleCountry.html">
+        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAACuCAAAAACKZ2kyAAABgElEQVR42u3aQY7DIAwF0Nz/0tMDZNp8AymO+lhVTQQvG8vGPv4etQ5cXFxcXFzcBtwjXv9sdHp6fvP8tHoWLi7uLu5FKIkR7/6ZOgsXF3cr911AqeKq+1yEQlxc3Idwq0kSLi7u73CTJAYXF/fp3KQgyYucFrUaLi7uBHcmTan+/ur9Li4u7hC33PJcGrZu7wnj4uJOzDMkgSYvcj5/at7ExcXF3cW9o+Gaj2jg4uJ25g6WJcX2anU3XFzcXdz8EmQsWZlJm3BxcXdxc9ZYEjMW8nBxcfdy5wew7rtyxcXF7cOtBqY8uUlaL4vnyHBxcRdxq2GuGpiq17W4uLh7uWPN0YtGSDzshYuL24c7X7pU06NqsMPFxf0+d6y9OjNskZRAuLi4Hbh58KoGpuqnLsvIcHFxF3GTNCU5/hhag01WXFzcNtyZy5S8cMLFxX0uN0luqm0YXFzcPtz8krTamq22XnBxcTtwx4qT6phFMtKNi4vbgdt/4eLi4uLi4m5aL2npJ81ORbqQAAAAAElFTkSuQmCC">
     
 </ul>
 
@@ -454,6 +456,16 @@
 </button>
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-fuctions-share-button">
     
+    <!-- Leancloud Views -->
+        <a class="post_share-link" href="#">
+            <li class="mdl-menu__item">
+                <span id="/simpleCountry.html" class="leancloud-views_num" data-flag-title="simpleCountry">
+     &nbsp;浏览量
+</span>
+
+            </li>
+        </a>
+    
 
     
 
@@ -523,7 +535,7 @@
                 <!-- Post Content -->
                 <div id="post-content" class="mdl-color-text--grey-700 mdl-card__supporting-text fade out">
     
-        <script src="/assets/js/APlayer.min.js"> </script><h3 id="简介"><a href="#简介" class="headerlink" title="简介"></a>简介</h3><ul>
+        <h3 id="简介"><a href="#简介" class="headerlink" title="简介"></a>简介</h3><ul>
 <li>昨天晚上想到这个名字，觉得很酷炫，如果可以我想现在就用这个成立一个品牌。打造一个只有简单元素的社区，因为我本人就是一个极简主义者，不喜欢复杂花俏。从生活作为一个切入点。不管是衣食住行，都做到简单，完美。</li>
 </ul>
 <h3 id="构思"><a href="#构思" class="headerlink" title="构思"></a>构思</h3><ul>
@@ -540,7 +552,7 @@
                 <blockquote style="margin: 2em 0 0;padding: 0.5em 1em;border-left: 3px solid #F44336;background-color: #F5F5F5;list-style: none;">
                     <p><strong>
                          
-                            <a href="#" target="_blank">转载请注明出处</a>
+                            <a href="#" target="_blank">出自 Feax</a>
                         </strong>
                         <br>
                         <strong>本文链接：</strong><a href="/simpleCountry.html">/simpleCountry.html</a>
@@ -558,6 +570,29 @@
                 <!-- Post Comments -->
                 
                     
+    <div id="comment" style='padding:10px;' class="vcomment"></div>
+<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
+<script>
+    var GUEST_INFO = ['nick','mail','link'];
+    var guest_info = 'nick,mail,link'.split(',').filter(function(item){
+        return GUEST_INFO.indexOf(item) > -1
+    });
+    var notify = 'false' == true;
+    var verify = 'false' == true;
+    new Valine({
+        el: '.vcomment',
+        notify: notify,
+        verify: verify,
+        appId: "ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz",
+        appKey: "hUSwCACEEbPBcGUh42RMzy6P",
+        placeholder: "Just go go",
+        pageSize:'10',
+        avatar:'identicon',
+        lang:'zh-cn'
+    });
+</script>
+
                 
             </div>
 
@@ -808,12 +843,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -922,11 +951,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -970,14 +999,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -988,6 +1017,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/sticky-footer.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2,sticky布局">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -105,7 +107,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -115,13 +117,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -134,29 +136,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -216,7 +218,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/sticky-footer.html">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -224,7 +226,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -270,7 +272,7 @@
             "@type": "ImageObject",
             "url": "/img/avatar.png"
         },
-        "description": "对的，坚持！错的，放弃！"
+        "description": "对的，坚持！,,错的，放弃！"
     },
     "publisher": {
         "@type": "Organization",
@@ -428,7 +430,7 @@
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-functions-qrcode-button">
     <li class="mdl-menu__item">在其它设备中阅读本文章</li>
     
-        <img src="https://pan.baidu.com/share/qrcode?w=246&h=246&url=/sticky-footer.html">
+        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAACuCAAAAACKZ2kyAAABiUlEQVR42u3aQZKEIAwFUO9/6ZkD9Ig/ZBSsfqysahseLlIk4fh51ThwcXFxcXFxN+Ae8fj81x9TD9+cXAsXF3cR9yKUDHFnxHyTFxvGxcVdyj0LKOPns/eTecbv4OLivoubhDBcXNxv5uZpEi4u7hu5SUIyxm2Xq+Hi4ja4eXjqPz9a38XFxZ3illuewQJ52Lq9J4yLi9u4z5AEmvEhJj++5BvGxcXdhzsG9Rur1cCHi4v7PLcabqqtlDF6/IFwcXFXcecOMdVAlhyGCnEXFxf3Zm4eXOYKqdUDUyHu4uLi3satljX7ZdByyxYXF3cbbl4MnbuSVZgHFxd3KTe/rNkpklavbeHi4q7l5seaamCaK7/i4uKu4s6lLp0myngeXFzcHbitENNowBSKrbi4uIu4/RJnOaV5JvnBxcX917LIXLmzn/ZMFkxxcXG34eYN1+rFDlxc3LdzkwJH/isuLu5u3OpiefG0szFcXNxV3Gpyki+fBKzyEQcXF/dm7v4DFxcXFxcXd9H4Bcq5b4X9mlhDAAAAAElFTkSuQmCC">
     
 </ul>
 
@@ -454,6 +456,16 @@
 </button>
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-fuctions-share-button">
     
+    <!-- Leancloud Views -->
+        <a class="post_share-link" href="#">
+            <li class="mdl-menu__item">
+                <span id="/sticky-footer.html" class="leancloud-views_num" data-flag-title="sticky-footer">
+     &nbsp;浏览量
+</span>
+
+            </li>
+        </a>
+    
 
     
 
@@ -523,7 +535,7 @@
                 <!-- Post Content -->
                 <div id="post-content" class="mdl-color-text--grey-700 mdl-card__supporting-text fade out">
     
-        <script src="/assets/js/APlayer.min.js"> </script><p>今天，我想讲讲关于stick-footer布局技巧，它的内容大概就是当你页面大小为100%时，希望底部定位一个 X 按钮啥的，不管文本内容不够，或者是文本内容超过屏幕时，这个按钮位置总在文本的下方</p>
+        <p>今天，我想讲讲关于stick-footer布局技巧，它的内容大概就是当你页面大小为100%时，希望底部定位一个 X 按钮啥的，不管文本内容不够，或者是文本内容超过屏幕时，这个按钮位置总在文本的下方</p>
 <ul>
 <li>like this<br><img src="http://img0.tuicool.com/fuANjiq.png!web" alt=""></li>
 </ul>
@@ -644,7 +656,7 @@ body {
                 <blockquote style="margin: 2em 0 0;padding: 0.5em 1em;border-left: 3px solid #F44336;background-color: #F5F5F5;list-style: none;">
                     <p><strong>
                          
-                            <a href="#" target="_blank">转载请注明出处</a>
+                            <a href="#" target="_blank">出自 Feax</a>
                         </strong>
                         <br>
                         <strong>本文链接：</strong><a href="/sticky-footer.html">/sticky-footer.html</a>
@@ -662,6 +674,29 @@ body {
                 <!-- Post Comments -->
                 
                     
+    <div id="comment" style='padding:10px;' class="vcomment"></div>
+<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
+<script>
+    var GUEST_INFO = ['nick','mail','link'];
+    var guest_info = 'nick,mail,link'.split(',').filter(function(item){
+        return GUEST_INFO.indexOf(item) > -1
+    });
+    var notify = 'false' == true;
+    var verify = 'false' == true;
+    new Valine({
+        el: '.vcomment',
+        notify: notify,
+        verify: verify,
+        appId: "ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz",
+        appKey: "hUSwCACEEbPBcGUh42RMzy6P",
+        placeholder: "Just go go",
+        pageSize:'10',
+        avatar:'identicon',
+        lang:'zh-cn'
+    });
+</script>
+
                 
             </div>
 
@@ -912,12 +947,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -1026,11 +1055,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -1074,14 +1103,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -1092,6 +1121,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/sync-和async.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2,同步,异步,es6">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -105,7 +107,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -115,13 +117,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -134,29 +136,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -216,7 +218,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/sync-和async.html">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -224,7 +226,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -270,7 +272,7 @@
             "@type": "ImageObject",
             "url": "/img/avatar.png"
         },
-        "description": "对的，坚持！错的，放弃！"
+        "description": "对的，坚持！,,错的，放弃！"
     },
     "publisher": {
         "@type": "Organization",
@@ -428,7 +430,7 @@
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-functions-qrcode-button">
     <li class="mdl-menu__item">在其它设备中阅读本文章</li>
     
-        <img src="https://pan.baidu.com/share/qrcode?w=246&h=246&url=/sync-和async.html">
+        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAACuCAAAAACKZ2kyAAABfUlEQVR42u3aQY6EMAwEQP7/6Z0HjGDaDiJmVTlxCKG4WHE6x9+rxoGLi4uLi4s7gHvE4/uts3XOZja/hYuLu4n7o5Rczvn+TP6TybdwcXH3cs8Kytlz8gPX61zPwcXFfTs32bLg4uL+b+5K84OLi/subtKQJK3OoF4NFxd3gZsfYq4/P3q+i4uL2+KWI8+FuGVDJoyLi7twn6FK6YGq6+Pi4u7i9sKSQutSvJCBi4s7h9sLTe/d9NzW/ODi4i5ze5HJNfTen8HFxZ3ATQLU6hWN6sq4uLjTuD3iSlNUaH5wcXEHcKuhaV6kljJhXFzcrdy8makem+bBDC4u7hxugksi2OrAxcWdwL0rVuld3YgKHC4u7uPcpRLTanjyZ1xc3L3cvC2pFqZ8fnlHhouL+wj3evuyMicvlM1MGBcXdwA3KYLVK1nNKAUXF3cMt3dsmm99cHFx53Cr8WcewOQRLC4u7hxutTmpXtysBjC4uLh7ufMHLi4uLi4u7qbxAdf44AYsoYmnAAAAAElFTkSuQmCC">
     
 </ul>
 
@@ -454,6 +456,16 @@
 </button>
 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-fuctions-share-button">
     
+    <!-- Leancloud Views -->
+        <a class="post_share-link" href="#">
+            <li class="mdl-menu__item">
+                <span id="/sync-和async.html" class="leancloud-views_num" data-flag-title="sync 和async">
+     &nbsp;浏览量
+</span>
+
+            </li>
+        </a>
+    
 
     
 
@@ -523,7 +535,7 @@
                 <!-- Post Content -->
                 <div id="post-content" class="mdl-color-text--grey-700 mdl-card__supporting-text fade out">
     
-        <script src="/assets/js/APlayer.min.js"> </script><h3 id="async-和-sync"><a href="#async-和-sync" class="headerlink" title="async 和 sync"></a>async 和 sync</h3><h3 id="总结"><a href="#总结" class="headerlink" title="总结"></a>总结</h3><ul>
+        <h3 id="async-和-sync"><a href="#async-和-sync" class="headerlink" title="async 和 sync"></a>async 和 sync</h3><h3 id="总结"><a href="#总结" class="headerlink" title="总结"></a>总结</h3><ul>
 <li>一句话：可以改变程序正常执行顺序的就称为异步</li>
 </ul>
 
@@ -531,7 +543,7 @@
                 <blockquote style="margin: 2em 0 0;padding: 0.5em 1em;border-left: 3px solid #F44336;background-color: #F5F5F5;list-style: none;">
                     <p><strong>
                          
-                            <a href="#" target="_blank">转载请注明出处</a>
+                            <a href="#" target="_blank">出自 Feax</a>
                         </strong>
                         <br>
                         <strong>本文链接：</strong><a href="/sync-和async.html">/sync-和async.html</a>
@@ -549,6 +561,29 @@
                 <!-- Post Comments -->
                 
                     
+    <div id="comment" style='padding:10px;' class="vcomment"></div>
+<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
+<script>
+    var GUEST_INFO = ['nick','mail','link'];
+    var guest_info = 'nick,mail,link'.split(',').filter(function(item){
+        return GUEST_INFO.indexOf(item) > -1
+    });
+    var notify = 'false' == true;
+    var verify = 'false' == true;
+    new Valine({
+        el: '.vcomment',
+        notify: notify,
+        verify: verify,
+        appId: "ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz",
+        appKey: "hUSwCACEEbPBcGUh42RMzy6P",
+        placeholder: "Just go go",
+        pageSize:'10',
+        avatar:'identicon',
+        lang:'zh-cn'
+    });
+</script>
+
                 
             </div>
 
@@ -799,12 +834,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -913,11 +942,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -961,14 +990,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -979,6 +1008,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/tags/CStyle/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/tags/CStyle/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -441,7 +443,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             我一直在探索属于我自己独一无二的代码风格...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -720,12 +722,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -826,11 +822,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -874,14 +870,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -892,6 +888,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/tags/PWA/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/tags/PWA/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -720,12 +722,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -826,11 +822,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -874,14 +870,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -892,6 +888,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/tags/SC/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/tags/SC/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -720,12 +722,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -826,11 +822,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -874,14 +870,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -892,6 +888,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/tags/badBoy/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/tags/badBoy/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -715,12 +717,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -821,11 +817,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -869,14 +865,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -887,6 +883,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/tags/beyond/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/tags/beyond/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -486,7 +488,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -781,12 +783,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -887,11 +883,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -935,14 +931,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -953,6 +949,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/tags/commonjs/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/tags/commonjs/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -720,12 +722,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -826,11 +822,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -874,14 +870,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -892,6 +888,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/tags/cookies/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/tags/cookies/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -720,12 +722,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -826,11 +822,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -874,14 +870,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -892,6 +888,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/tags/css命名规范/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/tags/css命名规范/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -720,12 +722,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -826,11 +822,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -874,14 +870,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -892,6 +888,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/tags/es6/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/tags/es6/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -720,12 +722,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -826,11 +822,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -874,14 +870,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -892,6 +888,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+
 
 
 

public/tags/express/index.html

@@ -22,6 +22,8 @@
     <meta http-equiv="x-dns-prefetch-control" content="on">
 
 
+    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
+
 
 
 
@@ -55,7 +57,7 @@
     <meta name="format-detection" content="telephone=no"/>
     <meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
     <meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
-    <meta name="theme-color" content="#6C6CE5">
+    <meta name="theme-color" content="#70c2cd">
 
     <!-- Disable Fucking Bloody Baidu Tranformation -->
     <meta http-equiv="Cache-Control" content="no-transform" />
@@ -102,7 +104,7 @@
   }
 
   a {
-    color: #0098A6;
+    color: #679cc5;
   }
 
   .mdl-card__media,
@@ -112,13 +114,13 @@
   #scheme-Paradox .sidebar_archives-count,
   #scheme-Paradox .sidebar-colored .sidebar-header,
   #scheme-Paradox .sidebar-colored .sidebar-badge{
-    background-color: #0b203a !important;
+    background-color: #785470 !important;
   }
 
   /* Sidebar User Drop Down Menu Text Color */
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
   #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   #post_entry-right-info,
@@ -131,29 +133,29 @@
   .sidebar-colored .sidebar-nav > .open > a:hover,
   .sidebar-colored .sidebar-nav > .open > a:focus,
   #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
-    color: #0b203a !important;
+    color: #785470 !important;
   }
 
   .toTop {
-    background: #0b203a !important;
+    background: #1a1d3a !important;
   }
 
   .material-layout .material-post>.material-nav,
   .material-layout .material-index>.material-nav,
   .material-nav a {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   #scheme-Paradox .MD-burger-layer {
-    background-color: #0b203a;
+    background-color: #1a1d3a;
   }
 
   #scheme-Paradox #post-toc-trigger-btn {
-    color: #0b203a;
+    color: #1a1d3a;
   }
 
   .post-toc a:hover {
-    color: #0098A6;
+    color: #679cc5;
     text-decoration: underline;
   }
 
@@ -213,7 +215,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="application-name" content="Jzxer&#39;s Blog">
     <meta name="msapplication-starturl" content="/tags/express/">
-    <meta name="msapplication-navbutton-color" content="#6C6CE5">
+    <meta name="msapplication-navbutton-color" content="#70c2cd">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
@@ -221,7 +223,7 @@
 
     <!-- Site Verification -->
     
-    
+    <meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
 
     <!-- RSS -->
     
@@ -301,7 +303,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -317,7 +319,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             人人都在说工作-生活平衡，但好像都不敢真正拥有它...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -360,7 +362,7 @@
             
                 
                     <!-- Paradox Thumbnail -->
-                    <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                    <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -376,7 +378,7 @@
     <!-- Post Excerpt -->
     <div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
         
-             一直想做一个vue项目 然后呢 我就做了...
+            
         
         &nbsp;&nbsp;&nbsp;
         <span>
@@ -425,7 +427,7 @@
         
             
                 <!-- Paradox Thumbnail -->
-                <div class="post_entry-module mdl-card mdl-shadow--3dp mdl-cell mdl-cell--12-col fade out">
+                <div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
     <!-- Post Thumbnail -->
     
         
@@ -720,12 +722,6 @@ It will not impact the appearance and can give developers a lot of support :)
 <!-- About Theme -->
 <!--
 
-    <a href="https://blog.viosey.com/index.php/Material.html" target="_blank" class="sidebar-footer-text-a">
-        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
-             sidebar.about_theme
-            <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
-    </a>
-
 -->
 
     </div>
@@ -826,11 +822,11 @@ It will not impact the appearance and can give developers a lot of support :)
 
         <!--Copyright-->
         <div id="copyright">
-            Copyright&nbsp;©<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
+            Copyright&nbsp;©&nbsp;2017&nbsp;-<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>Jzxer's Blog
             
                 <br>
                 
-                    <a href="#" rel="nofollow">每天进步一点点~</a>
+                    <a href="#" rel="nofollow">热爱生活，热爱生命！</a>
                 
             
         </div>
@@ -874,14 +870,14 @@ It will not impact the appearance and can give developers a lot of support :)
     });
     NProgress.start();
     $('#nprogress .bar').css({
-        'background': '#29d'
+        'background': '#efe8d8'
     });
     $('#nprogress .peg').css({
-        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
+        'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
     });
     $('#nprogress .spinner-icon').css({
-        'border-top-color': '#29d',
+        'border-top-color': '#efe8d8',
-        'border-left-color': '#29d'
+        'border-left-color': '#efe8d8'
     });
     setTimeout(function() {
         NProgress.done();
@@ -892,6 +888,97 @@ It will not impact the appearance and can give developers a lot of support :)
 
 
     
+        <script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
+    
+
+
+
+    <!-- Leancloud -->
+    <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
+    <script>
+        AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
+    </script>
+    <script type="text/ls-javascript" id="leancloud-views-script">
+    function showTime(Counter) {
+        var query = new AV.Query(Counter);
+        $('.leancloud-views_num').each(function() {
+            var url = $(this).attr('id').trim();
+            query.equalTo('url', url);
+            query.find({
+                success: function(results) {
+                    if (results.length === 0) {
+                        var content = '0 ' + $(document.getElementById(url)).text();
+                        $(document.getElementById(url)).text(content);
+                        return;
+                    }
+                    for (var i = 0; i < results.length; i++) {
+                        var object = results[i];
+                        var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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-views_num').attr('id').trim();
+      title = $('.leancloud-views_num').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 =  counter.get('time') + ' ' + $(document.getElementById(url)).text();
+                        $(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) {
+                      console.log('newcounter.get(\'time\')='+newcounter.get('time'));
+                      var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
+                      $(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-views_num').length === 1) {
+            addCount(Counter);
+        } else if ($('.post-title-link').length > 1) {
+            showTime(Counter);
+        }
+    });
+</script>
+
+
+