✨ #18

src/main/resources/common-template/label.ftl

@@ -17,7 +17,7 @@
     along with this program.  If not, see <https://www.gnu.org/licenses/>.
 
 -->
-<script src="https://cdn.jsdelivr.net/npm/uvstat@v1.0.5/dist/index.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/uvstat@v1.0.6/dist/index.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/vcmt@v1.0.4/dist/index.min.js"></script>
 <script>
     var Label = {

src/main/resources/js/common.min.js

-var Util={uvstat:void 0,initViewCnt:function(){Util.uvstat=new Uvstat,Util.uvstat.addStat(),Util.uvstat.renderStat()},isArticlePage:function(e){var t=!0;return e.indexOf(Label.servePath+"/tags/")>-1&&(t=!1),e.indexOf(Label.servePath+"/tags.html")>-1&&(t=!1),e.indexOf(Label.servePath+"/category/")>-1&&(t=!1),e.indexOf(Label.servePath+"/archives.html")>-1&&(t=!1),e.indexOf(Label.servePath+"/archives/")>-1&&(t=!1),e.indexOf(Label.servePath+"/links.html")>-1&&(t=!1),e===Label.servePath&&(t=!1),/^[0-9]*$/.test(e.replace(Label.servePath+"/",""))&&(t=!1),t},initPjax:function(e){1===$("#pjax").length&&($.pjax({selector:"a",container:"#pjax",show:"",cache:!1,storage:!0,titleSuffix:"",filter:function(e,t){return!e||("_blank"===t.getAttribute("target")||(e===Label.servePath+"/rss.xml"||e.indexOf(Label.servePath+"/admin-index.do")>-1||(0===e.indexOf("#")||!(t.href.indexOf(Label.servePath)>-1))))},callback:function(){Util.parseMarkdown(),Util.parseLanguage(),Util.uvstat.addStat(),Util.uvstat.renderStat(),e&&e()}}),NProgress.configure({showSpinner:!1}),$("#pjax").bind("pjax.start",(function(){NProgress.start()})),$("#pjax").bind("pjax.end",(function(){window.scroll(window.scrollX,0),NProgress.done()})))},previewImg:function(){$("body").on("click",".vditor-reset img",(function(){$(this).hasClass("prevent")||window.open(this.src)}))},addStyle:function(e,t){if(!document.getElementById(t)){var i=document.createElement("link");i.id=t,i.setAttribute("rel","stylesheet"),i.setAttribute("type","text/css"),i.setAttribute("href",e),document.getElementsByTagName("head")[0].appendChild(i)}},addScript:function(e,t){if(!document.getElementById(t)){var i=new XMLHttpRequest;i.open("GET",e,!1),i.setRequestHeader("Accept","text/javascript, application/javascript, application/ecmascript, application/x-ecmascript, */*; q=0.01"),i.send("");var a=document.createElement("script");a.id=t,a.type="text/javascript",a.text=i.responseText,document.getElementsByTagName("head")[0].appendChild(a)}},parseLanguage:function(){Vditor.highlightRender({style:Label.hljsStyle,enable:!Label.luteAvailable},document)},parseMarkdown:function(){"undefined"==typeof Vditor&&Util.addScript("https://cdn.jsdelivr.net/npm/vditor@2.1.1/dist/method.min.js","vditorPreviewScript"),Vditor.codeRender(document.body,Label.langLabel),Label.luteAvailable?Vditor.mathRenderByLute(document.body):Vditor.mathRender(document.body),Vditor.abcRender(),Vditor.chartRender(),Vditor.mediaRender(document.body),Vditor.mermaidRender(document.body),document.querySelectorAll(".vditor-reset").forEach(e=>{Vditor.speechRender(e,Label.langLabel)})},killIE:function(e){var t=navigator.userAgent.split("MSIE")[1];t&&(e||(e=7),parseFloat(t.split(";"))<=e&&function(){try{var e='<div class="killIEIframe" style=\'display: block; height: 100%; width: 100%; position: fixed; background-color: rgb(0, 0, 0); opacity: 0.6;filter: alpha(opacity=60); top: 0px;z-index:110\'></div><iframe class="killIEIframe" style=\'left:'+($(window).width()-781)/2+"px;z-index:120;top: "+($(window).height()-680)/2+"px; position: fixed; border: 0px none; width: 781px; height: 680px;' src='"+Label.servePath+"/kill-browser'></iframe>";$("body").append(e)}catch(t){e='<div class="killIEIframe" style=\'display: block; height: 100%; width: 100%; position: fixed; background-color: rgb(0, 0, 0); opacity: 0.6;filter: alpha(opacity=60); top: 0px;z-index:110\'></div><iframe class="killIEIframe" style=\'left:'+10+"px;z-index:120;top: "+0+"px; position: fixed; border: 0px none; width: 781px; height: 680px;' src='"+Label.servePath+"/kill-browser'></iframe>";document.body.innerHTML=document.body.innerHTML+e}}())},setTopBar:function(){var e=$("#top");if(1===e.length){var t=$("#showTop");t.click((function(){e.slideDown(),t.hide()})),$("#hideTop").click((function(){e.slideUp(),t.show()}))}},goTop:function(){$("html, body").animate({scrollTop:0},800)},goBottom:function(e){e||(e=0),$("html, body").animate({scrollTop:$(document).height()-$(window).height()-e},800)},init:function(){Util.killIE(),Util.parseMarkdown(),Util.parseLanguage(),Util.initSW(),Util.previewImg(),Util.initDebugInfo(),Util.initViewCnt()},initDebugInfo:function(){console.log("%cSolo%c\n  \ud83c\udfb8\u4e00\u6b3e\u5c0f\u800c\u7f8e\u7684\u535a\u5ba2\u7cfb\u7edf\uff0c\u4e13\u4e3a\u7a0b\u5e8f\u5458\u8bbe\u8ba1\u3002\n\n  solo.b3log.org v"+Label.version+"\n  Copyright \xa9 2010-present","font-size:96px;color:#3b3e43","font-size:12px;color:#4285f4;")},initSW:function(){navigator.serviceWorker&&navigator.serviceWorker.register("/sw.js",{scope:"/"})},buildTags:function(e){e=e||"tags";for(var t=["tags1","tags2","tags3","tags4","tags5"],i=$("#"+e+" b").get(),a=parseInt($("#"+e+" b").last().text()),n=Math.ceil(a/t.length),r=0;r<i.length;r++)for(var o=parseInt(i[r].innerHTML),l=0;l<t.length;l++)if(o>l*n&&o<=(l+1)*n){i[r].parentNode.className=t[l];break}$("#"+e).html($("#"+e+" li").get().sort((function(e,t){var i=$(e).find("span").text().toLowerCase(),a=$(t).find("span").text().toLowerCase();return i.localeCompare(a)})))}};
+var Util={uvstat:void 0,initViewCnt:function(){Util.uvstat=new Uvstat,Util.uvstat.addStat(),Util.uvstat.renderStat(),Util.uvstat.renderCmtStat()},isArticlePage:function(e){var t=!0;return e.indexOf(Label.servePath+"/tags/")>-1&&(t=!1),e.indexOf(Label.servePath+"/tags.html")>-1&&(t=!1),e.indexOf(Label.servePath+"/category/")>-1&&(t=!1),e.indexOf(Label.servePath+"/archives.html")>-1&&(t=!1),e.indexOf(Label.servePath+"/archives/")>-1&&(t=!1),e.indexOf(Label.servePath+"/links.html")>-1&&(t=!1),e===Label.servePath&&(t=!1),/^[0-9]*$/.test(e.replace(Label.servePath+"/",""))&&(t=!1),t},initPjax:function(e){1===$("#pjax").length&&($.pjax({selector:"a",container:"#pjax",show:"",cache:!1,storage:!0,titleSuffix:"",filter:function(e,t){return!e||("_blank"===t.getAttribute("target")||(e===Label.servePath+"/rss.xml"||e.indexOf(Label.servePath+"/admin-index.do")>-1||(0===e.indexOf("#")||!(t.href.indexOf(Label.servePath)>-1))))},callback:function(){Util.parseMarkdown(),Util.parseLanguage(),Util.uvstat.addStat(),Util.uvstat.renderStat(),Util.uvstat.renderCmtStat(),e&&e()}}),NProgress.configure({showSpinner:!1}),$("#pjax").bind("pjax.start",(function(){NProgress.start()})),$("#pjax").bind("pjax.end",(function(){window.scroll(window.scrollX,0),NProgress.done()})))},previewImg:function(){$("body").on("click",".vditor-reset img",(function(){$(this).hasClass("prevent")||window.open(this.src)}))},addStyle:function(e,t){if(!document.getElementById(t)){var i=document.createElement("link");i.id=t,i.setAttribute("rel","stylesheet"),i.setAttribute("type","text/css"),i.setAttribute("href",e),document.getElementsByTagName("head")[0].appendChild(i)}},addScript:function(e,t){if(!document.getElementById(t)){var i=new XMLHttpRequest;i.open("GET",e,!1),i.setRequestHeader("Accept","text/javascript, application/javascript, application/ecmascript, application/x-ecmascript, */*; q=0.01"),i.send("");var a=document.createElement("script");a.id=t,a.type="text/javascript",a.text=i.responseText,document.getElementsByTagName("head")[0].appendChild(a)}},parseLanguage:function(){Vditor.highlightRender({style:Label.hljsStyle,enable:!Label.luteAvailable},document)},parseMarkdown:function(){"undefined"==typeof Vditor&&Util.addScript("https://cdn.jsdelivr.net/npm/vditor@2.1.1/dist/method.min.js","vditorPreviewScript"),Vditor.codeRender(document.body,Label.langLabel),Label.luteAvailable?Vditor.mathRenderByLute(document.body):Vditor.mathRender(document.body),Vditor.abcRender(),Vditor.chartRender(),Vditor.mediaRender(document.body),Vditor.mermaidRender(document.body),document.querySelectorAll(".vditor-reset").forEach(e=>{Vditor.speechRender(e,Label.langLabel)})},killIE:function(e){var t=navigator.userAgent.split("MSIE")[1];t&&(e||(e=7),parseFloat(t.split(";"))<=e&&function(){try{var e='<div class="killIEIframe" style=\'display: block; height: 100%; width: 100%; position: fixed; background-color: rgb(0, 0, 0); opacity: 0.6;filter: alpha(opacity=60); top: 0px;z-index:110\'></div><iframe class="killIEIframe" style=\'left:'+($(window).width()-781)/2+"px;z-index:120;top: "+($(window).height()-680)/2+"px; position: fixed; border: 0px none; width: 781px; height: 680px;' src='"+Label.servePath+"/kill-browser'></iframe>";$("body").append(e)}catch(t){e='<div class="killIEIframe" style=\'display: block; height: 100%; width: 100%; position: fixed; background-color: rgb(0, 0, 0); opacity: 0.6;filter: alpha(opacity=60); top: 0px;z-index:110\'></div><iframe class="killIEIframe" style=\'left:'+10+"px;z-index:120;top: "+0+"px; position: fixed; border: 0px none; width: 781px; height: 680px;' src='"+Label.servePath+"/kill-browser'></iframe>";document.body.innerHTML=document.body.innerHTML+e}}())},setTopBar:function(){var e=$("#top");if(1===e.length){var t=$("#showTop");t.click((function(){e.slideDown(),t.hide()})),$("#hideTop").click((function(){e.slideUp(),t.show()}))}},goTop:function(){$("html, body").animate({scrollTop:0},800)},goBottom:function(e){e||(e=0),$("html, body").animate({scrollTop:$(document).height()-$(window).height()-e},800)},init:function(){Util.killIE(),Util.parseMarkdown(),Util.parseLanguage(),Util.initSW(),Util.previewImg(),Util.initDebugInfo(),Util.initViewCnt()},initDebugInfo:function(){console.log("%cSolo%c\n  \ud83c\udfb8\u4e00\u6b3e\u5c0f\u800c\u7f8e\u7684\u535a\u5ba2\u7cfb\u7edf\uff0c\u4e13\u4e3a\u7a0b\u5e8f\u5458\u8bbe\u8ba1\u3002\n\n  solo.b3log.org v"+Label.version+"\n  Copyright \xa9 2010-present","font-size:96px;color:#3b3e43","font-size:12px;color:#4285f4;")},initSW:function(){navigator.serviceWorker&&navigator.serviceWorker.register("/sw.js",{scope:"/"})},buildTags:function(e){e=e||"tags";for(var t=["tags1","tags2","tags3","tags4","tags5"],i=$("#"+e+" b").get(),a=parseInt($("#"+e+" b").last().text()),n=Math.ceil(a/t.length),r=0;r<i.length;r++)for(var o=parseInt(i[r].innerHTML),l=0;l<t.length;l++)if(o>l*n&&o<=(l+1)*n){i[r].parentNode.className=t[l];break}$("#"+e).html($("#"+e+" li").get().sort((function(e,t){var i=$(e).find("span").text().toLowerCase(),a=$(t).find("span").text().toLowerCase();return i.localeCompare(a)})))}};
\ No newline at end of file

src/main/resources/skins/9IPHP/article-list.ftl

@@ -52,7 +52,7 @@
                 <span class="vditor-tooltipped vditor-tooltipped__n" aria-label="${commentCountLabel}">
                     <i class="icon-comments"></i>
                     <a href="${servePath}${article.articlePermalink}#comments">
-                        ${article.articleCommentCount} ${commentLabel}</a>
+                        <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span> ${commentLabel}</a>
                 </span>
                 </#if>
                 &nbsp; | &nbsp;

src/main/resources/skins/9IPHP/article.ftl

@@ -64,7 +64,7 @@
                         <span class="vditor-tooltipped vditor-tooltipped__n" aria-label="${commentCountLabel}">
                                     <i class="icon-comments"></i>
                                     <a href="${servePath}${article.articlePermalink}#comments">
-                                        ${article.articleCommentCount} ${commentLabel}</a>
+                                        <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span> ${commentLabel}</a>
                                 </span>
                         </#if>
                         &nbsp; | &nbsp;

src/main/resources/skins/9IPHP/side.ftl

@@ -88,9 +88,7 @@
                 <ul>
                     <#list mostCommentArticles as article>
                         <li>
-                            <a rel="nofollow" aria-label="${article.articleCommentCount} ${commentLabel}"
-                               class="vditor-tooltipped vditor-tooltipped__e"
-                               href="${servePath}${article.articlePermalink}">
+                            <a rel="nofollow" href="${servePath}${article.articlePermalink}">
                                 ${article.articleTitle}
                             </a>
                         </li>
@@ -107,9 +105,7 @@
                 <ul>
                     <#list mostViewCountArticles as article>
                         <li>
-                            <a rel="nofollow" aria-label="${article.articleCommentCount} ${commentLabel}"
-                               class="vditor-tooltipped vditor-tooltipped__e"
-                               href="${servePath}${article.articlePermalink}">
+                            <a rel="nofollow" href="${servePath}${article.articlePermalink}">
                                 ${article.articleTitle}
                             </a>
                         </li>

src/main/resources/skins/Andrea/article-list.ftl

@@ -50,7 +50,7 @@
                 <#if commentable>
                 |
                 <a rel="nofollow" class="underline" href="${servePath}${article.articlePermalink}#comments">
-                    ${article.articleCommentCount} ${commentLabel}
+                    <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span> ${commentLabel}
                 </a>
                 </#if>
             </div>

src/main/resources/skins/Andrea/article.ftl

@@ -64,7 +64,7 @@
                                     <#if commentable>
                                     |
                                     <a rel="nofollow" href="${servePath}${article.articlePermalink}#comments">
-                                        ${article.articleCommentCount} ${commentLabel}
+                                        <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span> ${commentLabel}
                                     </a>
                                     </#if>
                                 </div>

src/main/resources/skins/Andrea/side.ftl

@@ -79,7 +79,7 @@
                         <li>
                             <a rel="nofollow" title="${article.articleTitle}"
                                href="${servePath}${article.articlePermalink}">
-                                <sup>[${article.articleCommentCount}]</sup>
+                                <sup>[<span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>]</sup>
                                 ${article.articleTitle}
                             </a>
                         </li>

src/main/resources/skins/Bubble/article-list.ftl

@@ -54,10 +54,10 @@
                         ${articleTag}
                     </a> &nbsp;
                 </#list>
-                <#if article.articleCommentCount != 0 && commentable>
+                <#if commentable>
                     &nbsp;·&nbsp;
                     <a class="item__tag" href="${servePath}${article.articlePermalink}#comments">
-                        ${article.articleCommentCount} ${commentLabel}
+                        <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span> ${commentLabel}
                     </a>
                 </#if>
                 &nbsp;·&nbsp;

src/main/resources/skins/Casper/article-list.ftl

@@ -68,9 +68,9 @@
                    class="vditor-tooltipped vditor-tooltipped__n item__avatar">
                     <img src="${article.authorThumbnailURL}" />
                 </a>
-                <#if article.articleCommentCount != 0 && commentable>
+                <#if commentable>
                 <a class="item__meta" href="${servePath}${article.articlePermalink}#comments">
-                    <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span> ${commentLabel}
+                    <span data-uvstatcmt="${article.oId}"><span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span></span> ${commentLabel}
                 </a>
                 <#else>
                     <a class="item__meta" href="${servePath}${article.articlePermalink}">

src/main/resources/skins/Community/article-list.ftl

@@ -44,7 +44,7 @@
                 <#if commentable>
                 <li>
                     <a rel="nofollow" title="${commentLabel}" href="${servePath}${article.articlePermalink}#comments">
-                        ${commentLabel} (${article.articleCommentCount})
+                        ${commentLabel} (<span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>)
                     </a>
                 </li>
                 </#if>

src/main/resources/skins/Community/article.ftl

@@ -65,7 +65,7 @@
                         <#if commentable>
                         <li>
                             <a rel="nofollow" title="${commentLabel}" href="${servePath}${article.articlePermalink}#comments">
-                                ${commentLabel} (${article.articleCommentCount})
+                                ${commentLabel} (<span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>)
                             </a>
                         </li>
                         </#if>

src/main/resources/skins/Community/side.ftl

@@ -66,7 +66,7 @@
                 <#list mostCommentArticles as article>
                     <li>
                         <a rel="nofollow" title="${article.articleTitle}" href="${servePath}${article.articlePermalink}">
-                            <sup>[${article.articleCommentCount}]</sup>${article.articleTitle}
+                            <sup>[<span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>]</sup>${article.articleTitle}
                         </a>
                     </li>
                 </#list>

src/main/resources/skins/Finding/css/base.scss

@@ -698,7 +698,7 @@ pre code, pre tt {
 }
 
 .nav li a {
-  display: block;
+  display: flex;
   padding: 0.6rem 4%;
   overflow: hidden;
   white-space: nowrap;

src/main/resources/skins/Finding/dynamic.ftl

@@ -76,7 +76,7 @@
                                 <a href="${servePath}${article.articlePermalink}" title="${article.articleTitle}" rel="nofollow">
                                     ${article.articleTitle}
                                 </a>
-                                <span data-ico="&#xe14e;">
+                                <span data-ico="&#xe14e;" data-uvstatcmt="${article.oId}">
                                     ${article.articleCommentCount}
                                 </span>
                             </li>

src/main/resources/skins/Jane/article-list.ftl

@@ -49,7 +49,7 @@
             </span>
             <div class="fn__right">
             <#if commentable>
-                <a class="ft__red" href="${servePath}${article.articlePermalink}#comments"><#if article.articleCommentCount gt 0>${article.articleCommentCount} </#if>${commentLabel}</a>
+                <a class="ft__red" href="${servePath}${article.articlePermalink}#comments"><span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span> ${commentLabel}</a>
                 •
             </#if>
                 <a class="ft__red" href="${servePath}${article.articlePermalink}"><span data-uvstaturl="${servePath}${article.articlePermalink}">${article.articleViewCount}</span> ${viewLabel}</a>

src/main/resources/skins/Jane/article.ftl

@@ -63,7 +63,7 @@
             </span>
             <div class="fn__right">
                 <#if commentable>
-                <a class="ft__red" href="${servePath}${article.articlePermalink}#comments"><#if article.articleCommentCount gt 0>${article.articleCommentCount} </#if>${commentLabel}</a>
+                <a class="ft__red" href="${servePath}${article.articlePermalink}#comments"><span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span> ${commentLabel}</a>
                 •
                 </#if>
                 <span data-uvstaturl="${servePath}${article.articlePermalink}">${article.articleViewCount}</span> ${viewLabel}

src/main/resources/skins/Medium/article-list.ftl

@@ -57,7 +57,7 @@
                 </time> &nbsp;•&nbsp;
                 <#if commentable>
                 <a href="${servePath}${article.articlePermalink}#comments" class="ft-gray">
-                    ${article.articleCommentCount} ${commentLabel}
+                    <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span> ${commentLabel}
                 </a> &nbsp;•&nbsp;
                 </#if>
                 <a href="${servePath}${article.articlePermalink}" class="ft-gray">

src/main/resources/skins/Medium/article.ftl

@@ -85,7 +85,7 @@
                         <svg>
                             <use xlink:href="#icon-comment"></use>
                         </svg>
-                    ${article.articleCommentCount}  &nbsp; &nbsp;
+                    <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>  &nbsp; &nbsp;
                     </span>
 
                         <span id="articleShare">
@@ -139,7 +139,7 @@
                     <svg>
                         <use xlink:href="#icon-comment"></use>
                     </svg>
-                ${article.articleCommentCount}  &nbsp; &nbsp;
+                <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>  &nbsp; &nbsp;
                 </span>
                     <span id="articleBottomShare">
                     <span class="post__share-icon" data-type="wechat">
@@ -175,7 +175,7 @@
         <span class="vditor-tooltipped vditor-tooltipped__e post__share-icon ft-green"
               onclick="$('#comment').focus()"
               aria-label="${commentLabel}">
-            <span class="ft-gray">${article.articleCommentCount}</span>
+            <span class="ft-gray" data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>
             <svg>
                 <use xlink:href="#icon-comment"></use>
             </svg>

src/main/resources/skins/NeoEase/article-list.ftl

@@ -55,7 +55,7 @@
     <div class="right article-element">
         <#if commentable>
         <a rel="nofollow" href="${servePath}${article.articlePermalink}#comments">
-            ${article.articleCommentCount}&nbsp;&nbsp;${commentLabel}
+            <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>&nbsp;&nbsp;${commentLabel}
         </a>&nbsp;&nbsp;
         </#if>
         <a rel="nofollow" href="${servePath}${article.articlePermalink}">

src/main/resources/skins/NeoEase/article.ftl

@@ -62,7 +62,7 @@
                         <div class="right article-element">
                             <#if commentable>
                             <a rel="nofollow" href="${servePath}${article.articlePermalink}#comments">
-                                ${article.articleCommentCount}&nbsp;&nbsp;${commentLabel}
+                                <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>&nbsp;&nbsp;${commentLabel}
                             </a>&nbsp;&nbsp;
                             </#if>
                             <a rel="nofollow" href="${servePath}${article.articlePermalink}">

src/main/resources/skins/NeoEase/side.ftl

@@ -73,7 +73,7 @@
         <ul class="side-li">
             <#list mostCommentArticles as article>
                 <li>
-                    <sup>[${article.articleCommentCount}]</sup>
+                    <sup>[<span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>]</sup>
                     <a title="${article.articleTitle}" href="${servePath}${article.articlePermalink}">
                         ${article.articleTitle}
                     </a>

src/main/resources/skins/Pinghsu/article.ftl

@@ -64,9 +64,7 @@
             </#if>
             with <span data-uvstaturl="${servePath}${article.articlePermalink}">${article.articleViewCount}</span> views
             <#if commentable>
-            <#if article.articleCommentCount != 0>
-                and <a href="#comments">${article.articleCommentCount} comments</a>
-            </#if>
+                and <a href="#comments"><span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span> comments</a>
             </#if>
         </div>
         <div class="item__tags">

src/main/resources/skins/favourite/article-list.ftl

@@ -70,7 +70,7 @@
         <#if commentable>
         <a rel="nofollow" href="${servePath}${article.articlePermalink}#comments" class="left">
             <span class="left articles-commentIcon" title="${commentLabel}"></span>
-            <span class="count">${article.articleCommentCount}</span>
+            <span class="count" data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>
         </a>
         </#if>
         <div class="right more">

src/main/resources/skins/favourite/article.ftl

@@ -91,7 +91,7 @@
                                 </div>
                                 <a rel="nofollow" href="${servePath}${article.articlePermalink}#comments" class="left">
                                     <span class="left articles-commentIcon" title="${commentLabel}"></span>
-                                    <span class="count">${article.articleCommentCount}</span>
+                                    <span class="count" data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>
                                 </a>
                                 <div class="right">
                                     <a rel="nofollow" href="#comments" class="right">

src/main/resources/skins/favourite/side.ftl

@@ -84,7 +84,7 @@
                 <li>
                     <a rel="nofollow" title="${article.articleTitle}" href="${servePath}${article.articlePermalink}">
                         ${article.articleTitle}
-                    </a>(${article.articleCommentCount})
+                    </a>(<span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>)
                 </li>
                 </#list>
             </ul>

src/main/resources/skins/i-nove/article-list.ftl

@@ -51,7 +51,7 @@
         <div class="right">
             <a rel="nofollow" href="${servePath}${article.articlePermalink}#comments" class="left">
                 <span class="left articles-commentIcon" title="${commentLabel}"></span>
-                ${article.articleCommentCount}
+                <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>
             </a>
         </div>
         </#if>

src/main/resources/skins/i-nove/article.ftl

@@ -64,7 +64,7 @@
                                     <div class="right">
                                         <a rel="nofollow" href="${servePath}${article.articlePermalink}#comments" class="left">
                                             <span class="left articles-commentIcon" title="${commentLabel}"></span>
-                                            ${article.articleCommentCount}
+                                            <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>
                                         </a>
                                     </div>
                                     </#if>

src/main/resources/skins/i-nove/side.ftl

@@ -73,7 +73,7 @@
                 <li>
                     <a rel="nofollow" title="${article.articleTitle}"
                        href="${servePath}${article.articlePermalink}">
-                        <sup>[${article.articleCommentCount}]</sup>
+                        <sup>[<span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>]</sup>
                         ${article.articleTitle}
                     </a>
                 </li>

src/main/resources/skins/metro-hot/article-list.ftl

@@ -28,7 +28,7 @@
                 </div>
                 <div class="fn-right">
                     <#if commentable>
-                    <a rel="nofollow" data-ico="&#xe14e;" href="${servePath}${article.articlePermalink}#comments">
+                    <a rel="nofollow" data-ico="&#xe14e;" data-uvstatcmt="${article.oId}" href="${servePath}${article.articlePermalink}#comments">
                         ${article.articleCommentCount}
                     </a>
                     </#if>

src/main/resources/skins/metro-hot/article.ftl

@@ -61,7 +61,7 @@
                     <div class="article-info">
                         <#if commentable>
                         <a rel="nofollow" data-ico="&#xe14e;" href="${servePath}${article.articlePermalink}#comments">
-                            ${article.articleCommentCount}
+                            <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>
                         </a>
                         </#if>
                         <a rel="nofollow" data-ico="&#xe185;" href="${servePath}${article.articlePermalink}">

src/main/resources/skins/metro-hot/dynamic.ftl

@@ -126,7 +126,7 @@
                                 <a href="${servePath}${article.articlePermalink}" title="${article.articleTitle}" rel="nofollow">
                                     ${article.articleTitle}
                                 </a>
-                                <span data-ico="&#xe14e;">
+                                <span data-ico="&#xe14e;" data-uvstatcmt="${article.oId}">
                                     ${article.articleCommentCount}
                                 </span>
                             </li>

src/main/resources/skins/next/article-list.ftl

@@ -54,7 +54,7 @@
                 <span>
                     &nbsp; | &nbsp;
                     <a href="${servePath}${article.articlePermalink}#comments">
-                        ${article.articleCommentCount} ${cmtLabel}</a>
+                       <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span> ${cmtLabel}</a>
                 </span>
                 </#if>
                     &nbsp; | &nbsp;${viewsLabel} <span data-uvstaturl="${servePath}${article.articlePermalink}">${article.articleViewCount}</span>°C

src/main/resources/skins/next/article.ftl

@@ -64,7 +64,7 @@
                         <span class="post-comments-count">
                                 &nbsp; | &nbsp;
                                 <a href="${servePath}${article.articlePermalink}#comments">
-                                    ${article.articleCommentCount} ${cmtLabel}</a>
+                                    <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span> ${cmtLabel}</a>
                         </span>
                         </#if>
                         &nbsp; | &nbsp; ${viewsLabel}

src/main/resources/skins/nijigen/article-list.ftl

@@ -58,7 +58,7 @@
             </span>
             <#if commentable>
             <a class="tag" href="${servePath}${article.articlePermalink}#comments">
-                <i class="icon__comments"></i> ${article.articleCommentCount} ${commentLabel}
+                <i class="icon__comments"></i> <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span> ${commentLabel}
             </a>
             </#if>
             <span class="tag">

src/main/resources/skins/nijigen/article.ftl

@@ -74,7 +74,7 @@
                         </span>
                         <#if commentable>
                             <a class="tag" href="${servePath}${article.articlePermalink}#comments">
-                                <i class="icon__comments"></i> ${article.articleCommentCount} ${commentLabel}
+                                <i class="icon__comments"></i> <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span> ${commentLabel}
                             </a>
                         </#if>
                         <span class="tag">

src/main/resources/skins/owmx-3.0/article-list.ftl

@@ -50,7 +50,7 @@
         </a><#if commentable> | ${commentCount1Label}
         <a rel="nofollow" href="${servePath}${article.articlePermalink}#comments">
             <span class="left articles-commentIcon" title="${commentLabel}"></span>
-	        ${article.articleCommentCount}
+            <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>
         </a>
         </#if>
     </p>

src/main/resources/skins/owmx-3.0/article.ftl

@@ -64,7 +64,7 @@ ${topBarReplacement}
                     <#if commentable> | ${commentCount1Label}
                         <a rel="nofollow" href="${servePath}${article.articlePermalink}#comments">
                             <span class="left articles-commentIcon" title="${commentLabel}"></span>
-                            ${article.articleCommentCount}
+                            <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>
                         </a>
                     </#if>
                 </p>

src/main/resources/skins/owmx-3.0/side.ftl

@@ -99,7 +99,7 @@
                     <li>
                         <a rel="nofollow" title="${article.articleTitle}"
                            href="${servePath}${article.articlePermalink}">
-                            <sup>[${article.articleCommentCount}]</sup>
+                            <sup>[<span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>]</sup>
                             ${article.articleTitle}
                         </a>
                     </li>

src/main/resources/skins/timeline/article-list.ftl

@@ -58,11 +58,7 @@
                 </span>
                 <span class="ico-comment ico" title="${commentLabel}">
                     <a rel="nofollow" href="${servePath}${article.articlePermalink}#comments">
-                        <#if article.articleCommentCount == 0>
-                        ${noCommentLabel}
-                        <#else>
-                        ${article.articleCommentCount}
-                        </#if>
+                        <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>
                     </a>
                 </span>
                 <span class="ico-view ico" title="${viewLabel}">

src/main/resources/skins/timeline/article.ftl

@@ -80,11 +80,7 @@ ${topBarReplacement}
                         <#if commentable>
                         <span class="ico-comment ico" title="${commentLabel}">
                             <a rel="nofollow" href="${servePath}${article.articlePermalink}#comments">
-                                <#if article.articleCommentCount == 0>
-                                    ${noCommentLabel}
-                                <#else>
-                                    ${article.articleCommentCount}
-                                </#if>
+                                <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>
                             </a>
                         </span>
                         </#if>

src/main/resources/skins/timeline/dynamic.ftl

@@ -82,12 +82,8 @@
                                         ${article.articleTitle}
                                     </a>
                                     <span class="ico ico-comment right" title="${commentLabel}">
-                                        <a rel="nofollow" href="${servePath}${article.articlePermalink}#comments">
-                                            <#if article.articleCommentCount == 0>
-                                            ${noCommentLabel}
-                                            <#else>
+                                        <a rel="nofollow" href="${servePath}${article.articlePermalink}#comments" data-uvstatcmt="${article.oId}">
                                             ${article.articleCommentCount}
-                                            </#if>
                                         </a>
                                     </span>
                                 </li>

src/main/resources/skins/timeline/index.ftl

@@ -93,12 +93,8 @@
                         </span>
                         <#if commentable>
                         <span class="ico-comment ico" title="${commentLabel}">
-                            <a rel="nofollow" href="${servePath}${article.articlePermalink}#comments">
-                                <#if article.articleCommentCount == 0>
-                                ${noCommentLabel}
-                                <#else>
+                            <a rel="nofollow" data-uvstatcmt="${article.oId} href="${servePath}${article.articlePermalink}#comments">
                                 ${article.articleCommentCount}
-                                </#if>
                             </a>
                         </span>
                         </#if>

src/main/resources/skins/timeline/js/timeline.js

@@ -307,7 +307,7 @@ var timeline = {
                             + '<a rel="author" href="' + Label.servePath + '/authors/' + article.authorId + '">'
                             + article.authorName + '</a></span>&nbsp;<span class="ico-comment ico" title="'
                             + Label.commentLabel + '"><a rel="nofollow" href="' + Label.servePath + article.articlePermalink
-                            + '#comments">' + (article.articleCommentCount === 0 ? Label.noCommentLabel : article.articleCommentCount)
+                            + '#comments" data-uvstatcmt="' + article.oId + '">' + article.articleCommentCount
                             + '</a></span>&nbsp;<span class="ico-view ico" title="' + Label.viewLabel + '">'
                             + '<a rel="nofollow" href="${servePath}${article.articlePermalink}">'
                             + '<span data-uvstaturl="' + Label.servePath + article.articlePermalink + '">' +  article.articleViewCount + '</span>'

src/main/resources/skins/tree-house/article-list.ftl

@@ -43,7 +43,7 @@
         <#if commentable>
         <div class="article-comment">
             <a rel="nofollow" href="${servePath}${article.articlePermalink}#comments">
-                ${commentLabel}(${article.articleCommentCount})
+                ${commentLabel}(<span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>)
             </a>
         </div>
         </#if>

src/main/resources/skins/tree-house/article.ftl

@@ -88,7 +88,7 @@
                                     <div class="right">
                                         <#if commentable>
                                         <a rel="nofollow" href="${servePath}${article.articlePermalink}#comments" class="left">
-                                            &nbsp;${article.articleCommentCount} ${commentLabel}&nbsp;&nbsp;
+                                            &nbsp;<span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span> ${commentLabel}&nbsp;&nbsp;
                                         </a>
                                         </#if>
                                         <a rel="nofollow" href="${servePath}${article.articlePermalink}" class="left">

src/main/resources/skins/tree-house/side.ftl

@@ -80,7 +80,7 @@
             <#list mostCommentArticles as article>
             <li>
                 <a rel="nofollow" title="${article.articleTitle}" href="${servePath}${article.articlePermalink}">
-                    <sup>[${article.articleCommentCount}]</sup>${article.articleTitle}
+                    <sup>[<span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>]</sup>${article.articleTitle}
                 </a>
             </li>
             </#list>

src/main/resources/skins/yilia/article-list.ftl

@@ -59,15 +59,13 @@
             </div>
             <span>&nbsp;&nbsp;&nbsp;</span>
             <#if commentable>
-            <#if article.articleCommentCount != 0>
                 <a href="${servePath}${article.articlePermalink}#comments"
                    class="vditor-tooltipped__n vditor-tooltipped link fn__flex-center"
                    aria-label="${commentLabel}">
-                    ${article.articleCommentCount}
+                    <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>
                     <span class="icon-chat"></span>
                 </a>
             </#if>
-            </#if>
             <a class="vditor-tooltipped__n vditor-tooltipped link fn__flex-center"
                href="${servePath}${article.articlePermalink}"
                aria-label="${viewLabel}">

src/main/resources/skins/yilia/article.ftl

@@ -62,15 +62,13 @@
             </div>
             <span>&nbsp;&nbsp;&nbsp;</span>
             <#if commentable>
-            <#if article.articleCommentCount != 0>
                 <a href="${servePath}${article.articlePermalink}#comments"
                    class="vditor-tooltipped__n vditor-tooltipped link fn__flex-center"
                    aria-label="${commentLabel}">
-                    ${article.articleCommentCount}
+                    <span data-uvstatcmt="${article.oId}">${article.articleCommentCount}</span>
                     <span class="icon-chat"></span>
                 </a>
             </#if>
-            </#if>
             <a class="vditor-tooltipped__n vditor-tooltipped link fn__flex-center"
                href="${servePath}${article.articlePermalink}"
                aria-label="${viewLabel}">

src/main/resources/skins/yilia/dynamic.ftl

@@ -73,7 +73,7 @@
                         <a href="${servePath}${article.articlePermalink}" title="${article.articleTitle}" rel="nofollow">
                             ${article.articleTitle}
                         </a>
-                        <span data-ico="&#xe14e;">
+                        <span data-ico="&#xe14e;" data-uvstatcmt="${article.oId}">
                             ${article.articleCommentCount}
                         </span>
                     </li>