⬆️ https://github.com/b3log/solo/issues/12711

2019-03-16 18:28:32 +08:00 · 2019-03-16 18:28:32 +08:00 · 7368e5b747
parent 32d9065772
commit 7368e5b747
167 changed files with 592 additions and 560 deletions
--- a/9IPHP/article-list.ftl
+++ b/9IPHP/article-list.ftl
@ -57,7 +57,7 @@
                </span>
            </div>
        </header>
-        <div class="content-reset">
+        <div class="vditor-reset">
            ${article.articleAbstract}
        </div>
        <footer class="fn-clear tags">
--- a/9IPHP/article.ftl
+++ b/9IPHP/article.ftl
@ -93,7 +93,7 @@
                            </div>
                        </header>

-                        <div class="content-reset">
+                        <div class="vditor-reset">
                            ${article.articleContent}
                            <#if "" != article.articleSign.signHTML?trim>
                                <div>
--- a/9IPHP/common-comment.ftl
+++ b/9IPHP/common-comment.ftl
@ -40,7 +40,7 @@
                    <a class="reply-btn" href="javascript:page.toggleEditor('${comment.oId}', '${comment.commentName}')">${replyLabel}</a>
                </#if>
            </div>
-            <div class="content-reset">
+            <div class="vditor-reset">
                ${comment.commentContent}
            </div>
        </main>
--- a/9IPHP/css/base.css
+++ b/9IPHP/css/base.css
--- a/9IPHP/css/base.scss
+++ b/9IPHP/css/base.scss
@ -19,11 +19,10 @@
 * skin style
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 1.0.0.0, Feb 21, 2019
+ * @version 1.0.0.1, Mar 16, 2019
 */
 /* start common */
@import "../../../scss/reset";
-@import "../../../scss/reset-content";
@import "../../../scss/tooltipped";
@import "vditor/src/assets/scss/classic";
 a {
@ -35,7 +34,7 @@ a:hover {
    color: #ff4d3a;
    text-decoration: underline;
 }
-.content-reset a {
+.vditor-reset a {
    color: #ff4d3a;
 }
 .fn-pointer {
@ -633,7 +632,7 @@ aside.has-toc > section:last-child {
    min-width: 1px;
 }

-.comments .content-reset {
+.comments .vditor-reset {
    margin-top: 10px;
 }

--- a/9IPHP/dynamic.ftl
+++ b/9IPHP/dynamic.ftl
@ -48,7 +48,7 @@
                                                <time class="ft-gray">${comment.commentDate?string("yyyy-MM-dd HH:mm")}</time>
                                                <a class="reply-btn" href="${servePath}${comment.commentSharpURL}">${viewLabel}»</a>
                                            </div>
-                                            <div class="content-reset">
+                                            <div class="vditor-reset">
                                                ${comment.commentContent}
                                            </div>
                                        </main>
@ -57,7 +57,7 @@
                            </#list>
                        </ul>
                    <#else>
-                    <div class="content-reset ft-center">
+                    <div class="vditor-reset ft-center">
                        ${noDynamicLabel}
                    </div>
                    </#if>
@ -68,7 +68,7 @@
        <#include "footer.ftl">

        <script>
-            var $commentContents = $(".comments .content-reset");
+            var $commentContents = $(".comments .vditor-reset");
            for (var i = 0; i < $commentContents.length; i++) {
                var str = $commentContents[i].innerHTML;
                $commentContents[i].innerHTML = Util.replaceEmString(str);
--- a/9IPHP/footer.ftl
+++ b/9IPHP/footer.ftl
@ -42,11 +42,10 @@

    var Label = {
        "markedAvailable": ${markedAvailable?c},
+        "hljsStyle": "atom-one-light",
+        "langLabel": "${langLabel}",
        "skinDirName": "${skinDirName}"
    };
-    Util.initSW();
-    Util.parseMarkdown();
-    Util.killIE(10)
-    Util.previewImg()
+    Util.init()
 </script>
 ${plugins}
--- a/9IPHP/page.ftl
+++ b/9IPHP/page.ftl
@ -34,7 +34,7 @@
            <div class="main-wrap">
                <main>
                    <article class="post">
-                        <div class="content-reset">
+                        <div class="vditor-reset">
                        ${page.pageContent}
                        </div>
                        <@comments commentList=pageComments article=page></@comments>
--- a/9IPHP/side.ftl
+++ b/9IPHP/side.ftl
@ -20,7 +20,7 @@
 <aside>
    <section>
        <#if noticeBoard??>
-            <div class="ad content-reset">
+            <div class="ad vditor-reset">
                ${noticeBoard}
            </div>
        </#if>
--- a/Andrea/article-list.ftl
+++ b/Andrea/article-list.ftl
@ -55,7 +55,7 @@
            </div>
        </div>
        <div class="clear"></div>
-        <div class="article-abstract content-reset">
+        <div class="article-abstract vditor-reset">
            ${article.articleAbstract}
            <div class="clear"></div>
            <a class="right underline" href="${servePath}${article.articlePermalink}">
--- a/Andrea/article.ftl
+++ b/Andrea/article.ftl
@ -92,7 +92,7 @@
                                </div>
                            </div>
                            <div class="clear"></div>
-                            <div class="content-reset">
+                            <div class="vditor-reset">
                                ${article.articleContent}
                                <#if "" != article.articleSign.signHTML?trim>
                                <div class="marginTop12">
--- a/Andrea/common-comment.ftl
+++ b/Andrea/common-comment.ftl
@ -36,7 +36,7 @@
               onmouseout="page.hideComment('${comment.commentOriginalCommentId}')">${comment.commentOriginalCommentName}</a>
        </#if>
            &nbsp;${comment.commentDate2?string("yyyy-MM-dd HH:mm:ss")}
-            <div class="comment-content content-reset">
+            <div class="comment-content vditor-reset">
            ${comment.commentContent}
            </div>
        <#if article.commentable>
--- a/Andrea/css/base.css
+++ b/Andrea/css/base.css
--- a/Andrea/css/base.scss
+++ b/Andrea/css/base.scss
@ -19,9 +19,8 @@
 * skin andrea style
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 2.1.0.0, Mar 1, 2019
+ * @version 2.1.0.1, Mar 16, 2019
 */
-@import "../../../scss/reset-content";
@import "vditor/src/assets/scss/classic";
 .left {
    float: left;
@ -520,7 +519,7 @@ img {
 }

 /* article */
-.content-reset {
+.vditor-reset {
    border-top: 2px dashed #F1EEE9;
    margin-top: 15px;
    overflow: hidden;
@ -528,7 +527,7 @@ img {
    line-height: 145%;
 }

-.content-reset p:first-child:first-letter, .content-reset:first-letter{
+.vditor-reset p:first-child:first-letter, .vditor-reset:first-letter{
    font-size: 48px;
    float: left;
    font-weight: bold;
--- a/Andrea/footer.ftl
+++ b/Andrea/footer.ftl
@ -32,6 +32,8 @@
    
    var Label = {
        "markedAvailable": ${markedAvailable?c},
+        "hljsStyle": "atom-one-light",
+        "langLabel": "${langLabel}",
        "adminLabel": "${adminLabel}",
        "logoutLabel": "${logoutLabel}",
        "skinDirName": "${skinDirName}"
@ -46,6 +48,7 @@
    // init
    $(document).ready(function () {
        Util.init();
+        Util.setTopBar()
        Util.replaceSideEm($("#naviComments li .side-comment"));
    
        // brush
--- a/Andrea/page.ftl
+++ b/Andrea/page.ftl
@ -37,7 +37,7 @@
                <div class="main">
                    <div class="main-content">
                        <div class="article">
-                            <div class="content-reset" style="margin-top: 0px;">
+                            <div class="vditor-reset" style="margin-top: 0px;">
                                ${page.pageContent}
                            </div>
                        </div>
--- a/Bruce/article.ftl
+++ b/Bruce/article.ftl
@ -79,7 +79,7 @@
                            </div>

                            <div class="row article-content code-highlight">
-                                <div class="col-sm-12 content-reset" id="abstract${article.oId}">
+                                <div class="col-sm-12 vditor-reset" id="abstract${article.oId}">
                                    ${article.articleContent}
                                    <#if "" != article.articleSign.signHTML?trim>
                                    <p>
--- a/Bruce/common-comment.ftl
+++ b/Bruce/common-comment.ftl
@ -38,6 +38,6 @@
            </#if></span>

        </div>
-        <div class="row code-highlight article-content content-reset">${comment.commentContent}</div>
+        <div class="row code-highlight article-content vditor-reset">${comment.commentContent}</div>
    </div>
 </div>
--- a/Bruce/css/base.css
+++ b/Bruce/css/base.css
--- a/Bruce/css/base.scss
+++ b/Bruce/css/base.scss
@ -21,10 +21,9 @@
 *
 * @author <a href="http://88250.b3log.org">Liang Ding</a>
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 2.0.0.0, Feb 21, 2019
+ * @version 2.0.0.1, Mar 16, 2019
 */

-@import "../../../scss/reset-content";
@import "vditor/src/assets/scss/classic";

 body, button, input, select, textarea { 
--- a/Bruce/footer.ftl
+++ b/Bruce/footer.ftl
@ -36,6 +36,8 @@

    var Label = {
        "markedAvailable": ${markedAvailable?c},
+        "hljsStyle": "atom-one-light",
+        "langLabel": "${langLabel}",
        "tag1Label": "${tag1Label}",
        "viewLabel": "${viewLabel}",
        "commentLabel": "${commentLabel}",
@ -53,5 +55,6 @@
 <script type="text/javascript" src="${staticServePath}/skins/${skinDirName}/js/bootstrap${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
 <script>
    Util.init()
+    Util.setTopBar()
 </script>
 ${plugins}
--- a/Bruce/page.ftl
+++ b/Bruce/page.ftl
@ -36,7 +36,7 @@
                <div class="col-sm-2"></div>

                <div class="col-sm-8 site">
-                    <div class="article content-reset">
+                    <div class="article vditor-reset">
                    ${page.pageContent}
                    </div>
                    
--- a/Community/article-list.ftl
+++ b/Community/article-list.ftl
@ -67,7 +67,7 @@
            </sup>
            </#if>
        </h2>
-        <div class="content-reset">
+        <div class="vditor-reset">
            ${article.articleAbstract}
        </div>
        <div class="read-more">
--- a/Community/article.ftl
+++ b/Community/article.ftl
@ -103,7 +103,7 @@
                        </sup>
                        </#if>
                    </h2>
-                    <div class="content-reset">
+                    <div class="vditor-reset">
                        ${article.articleContent}
                        <#if "" != article.articleSign.signHTML?trim>
                        <div class="marginTop12">
--- a/Community/common-comment.ftl
+++ b/Community/common-comment.ftl
@ -35,7 +35,7 @@
        </#if>
        ${comment.commentDate2?string("yyyy-MM-dd HH:mm:ss")}
        </div>
-        <div class="comment-content content-reset">
+        <div class="comment-content vditor-reset">
        ${comment.commentContent}
        </div>
        <div class="clear"></div>
--- a/Community/css/base.css
+++ b/Community/css/base.css
--- a/Community/css/base.scss
+++ b/Community/css/base.scss
@ -20,9 +20,8 @@
 * skin community style
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 2.1.0.0, Mar 1, 2019
+ * @version 2.1.0.1, Mar 16, 2019
 */
-@import "../../../scss/reset-content";
@import "../../../scss/reset";
@import "vditor/src/assets/scss/classic";

@ -254,15 +253,15 @@ a.header-title {
  overflow: hidden;
 }

-.content-reset {
+.vditor-reset {
  line-height: 145%;
 }

-.content-reset a {
+.vditor-reset a {
  color: #075181;
 }

-.content-reset a:hover {
+.vditor-reset a:hover {
  color: #68ADD5;
 }

--- a/Community/footer.ftl
+++ b/Community/footer.ftl
@ -59,6 +59,8 @@
    
    var Label = {
        "markedAvailable": ${markedAvailable?c},
+        "hljsStyle": "atom-one-light",
+        "langLabel": "${langLabel}",
        "adminLabel": "${adminLabel}",
        "logoutLabel": "${logoutLabel}",
        "skinDirName": "${skinDirName}"
@ -80,6 +82,7 @@
        }

        Util.init();
+        Util.setTopBar()
        
        $(".footer-block").each(function (num) {
            var $lis = $(this).find("li");
--- a/Community/page.ftl
+++ b/Community/page.ftl
@ -34,7 +34,7 @@
            <#include "header.ftl">
        </div>
        <div class="content">
-            <div class="content-reset marginBottom40">
+            <div class="vditor-reset marginBottom40">
                ${page.pageContent}
            </div>
            <@comments commentList=pageComments article=page></@comments>
--- a/Finding/article.ftl
+++ b/Finding/article.ftl
@ -84,7 +84,7 @@
                            <time>${article.articleCreateDate?string("yyyy-MM-dd")}</time>
                        </section>
                    </header>
-                    <section class="post-content content-reset">
+                    <section class="post-content vditor-reset">
                        ${article.articleContent}
                        <#if "" != article.articleSign.signHTML?trim>
                        <div class="marginTop12">
--- a/Finding/common-comment.ftl
+++ b/Finding/common-comment.ftl
@ -42,7 +42,7 @@
            <a class="fn-right" href="javascript:page.toggleEditor('${comment.oId}', '${comment.commentName}')">${replyLabel}</a>
        </#if>
        </div>
-        <div class="comment-content post-content content-reset">
+        <div class="comment-content post-content vditor-reset">
        ${comment.commentContent}
        </div>
    </div>
--- a/Finding/css/base.css
+++ b/Finding/css/base.css
--- a/Finding/css/base.scss
+++ b/Finding/css/base.scss
@ -21,9 +21,8 @@
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
 * @author <a href="http://88250.b3log.org">Liang Ding</a>
- * @version 2.2.0.0, Mar 4, 2019
+ * @version 2.2.0.1, Mar 16, 2019
 */
-@import "../../../scss/reset-content";
@import "vditor/src/assets/scss/classic";
 /* start reset */
 html {
--- a/Finding/dynamic.ftl
+++ b/Finding/dynamic.ftl
@ -54,7 +54,7 @@
                                </span>
                                <a class="fn-right" href="${servePath}${comment.commentSharpURL}">${viewLabel}»</a>
                            </div>
-                            <div class="comment-content post-content content-reset">
+                            <div class="comment-content post-content vditor-reset">
                                ${comment.commentContent}
                            </div>
                        </div>
--- a/Finding/footer.ftl
+++ b/Finding/footer.ftl
@ -40,11 +40,10 @@

    var Label = {
        "markedAvailable": ${markedAvailable?c},
+        "hljsStyle": "atom-one-light",
+        "langLabel": "${langLabel}",
        "skinDirName": "${skinDirName}"
    };
-    Util.initSW();
-    Util.parseMarkdown();
-    Util.killIE(8)
-    Util.previewImg()
+    Util.init()
 </script>
 ${plugins}
--- a/Finding/js/Finding.js
+++ b/Finding/js/Finding.js
@ -81,7 +81,7 @@ var Finding = {
    $('.nav .icon-list').show();
    Finding.tabNav('toc')

-    var $articleTocs = $('.content-reset [id^=b3_solo_h]'),
+    var $articleTocs = $('.vditor-reset [id^=b3_solo_h]'),
      $articleToc = $('.b3-solo-list');

    $(window).scroll(function (event) {
--- a/Finding/js/Finding.min.js
+++ b/Finding/js/Finding.min.js
@ -1 +1 @@
-var Finding={init:function(){Util.killIE(),this._initToc(),this.share(),$(".scroll-down").click(function(t){t.preventDefault();var n=$(this),o=$("html, body"),i=!!n.attr("data-offset")&&n.attr("data-offset"),a=parseInt(i);o.stop(!0,!1).animate({scrollTop:$(this.hash).offset().top+a},500)}),$("body").append('<a class="icon-gotop fn-none" href="javascript:Util.goTop()"></a><span class="menu-button icon-menu"><span class="word">Menu</span></span>'),$(".menu-button").click(function(t){t.stopPropagation(),$("body").toggleClass("nav-opened nav-closed")}),$(window).scroll(function(){$(window).scrollTop()>$(".main-header").height()?$(".icon-gotop").show():$(".icon-gotop").hide()})},_initToc:function(){if(0===$(".b3-solo-list li").length)return $(".nav .icon-list").hide(),void $(".nav .icon-sitemap").click();$(".nav ul:first").after($(".b3-solo-list")),500<$(window).width()&&$("body").toggleClass("nav-opened nav-closed"),$(".nav .icon-list").show(),Finding.tabNav("toc");var s=$(".content-reset [id^=b3_solo_h]"),l=$(".b3-solo-list");$(window).scroll(function(t){if(0===$(".b3-solo-list li").length)return!1;var n=[];s.each(function(t){n.push({id:this.id,offsetTop:this.offsetTop})});for(var o=$(window).scrollTop(),i=0,a=n.length;i<a;i++)if(o<n[i].offsetTop+280){l.find("li").removeClass("current");var e=0<i?i-1:0;l.find('a[href="#'+n[e].id+'"]').parent().addClass("current");break}o>=n[n.length-1].offsetTop+280&&(l.find("li").removeClass("current"),l.find("li:last").addClass("current"))}),$(window).scroll()},tabNav:function(t){$(".nav .current").removeClass("current"),"toc"===t?($(".nav ul:first, .nav .count").hide(),$(".nav ul:last").show(),$(".icon-list").addClass("current")):($(".nav ul:first, .nav .count").show(),$(".nav ul:last").hide(),$(".icon-sitemap").addClass("current"))},share:function(){var t=$(".share"),n=t.find(".icon-wechat"),o=n.data("url"),i=n.data("avatar"),a=encodeURIComponent(n.data("title")+" - "+n.data("blogtitle")),e=encodeURIComponent(o),s={};s.weibo="http://v.t.sina.com.cn/share/share.php?title="+a+"&url="+e+"&pic="+i,s.qqz="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url="+e+"&sharesource=qzone&title="+a+"&pics="+i,s.twitter="https://twitter.com/intent/tweet?status="+a+" "+e,t.find("span").click(function(){var t=$(this).data("type");if(t)return"wechat"===t?(0===n.find("canvas").length?$.ajax({method:"GET",url:latkeConfig.staticServePath+"/js/lib/jquery.qrcode.min.js",dataType:"script",cache:!0,success:function(){n.qrcode({width:128,height:128,text:o})}}):n.find("canvas").slideToggle(),!1):void window.open(s[t],"_blank","top=100,left=200,width=648,height=618")})}};Finding.init();
+var Finding={init:function(){Util.killIE(),this._initToc(),this.share(),$(".scroll-down").click(function(t){t.preventDefault();var n=$(this),i=$("html, body"),o=!!n.attr("data-offset")&&n.attr("data-offset"),a=parseInt(o);i.stop(!0,!1).animate({scrollTop:$(this.hash).offset().top+a},500)}),$("body").append('<a class="icon-gotop fn-none" href="javascript:Util.goTop()"></a><span class="menu-button icon-menu"><span class="word">Menu</span></span>'),$(".menu-button").click(function(t){t.stopPropagation(),$("body").toggleClass("nav-opened nav-closed")}),$(window).scroll(function(){$(window).scrollTop()>$(".main-header").height()?$(".icon-gotop").show():$(".icon-gotop").hide()})},_initToc:function(){if(0===$(".b3-solo-list li").length)return $(".nav .icon-list").hide(),void $(".nav .icon-sitemap").click();$(".nav ul:first").after($(".b3-solo-list")),500<$(window).width()&&$("body").toggleClass("nav-opened nav-closed"),$(".nav .icon-list").show(),Finding.tabNav("toc");var s=$(".vditor-reset [id^=b3_solo_h]"),l=$(".b3-solo-list");$(window).scroll(function(t){if(0===$(".b3-solo-list li").length)return!1;var n=[];s.each(function(t){n.push({id:this.id,offsetTop:this.offsetTop})});for(var i=$(window).scrollTop(),o=0,a=n.length;o<a;o++)if(i<n[o].offsetTop+280){l.find("li").removeClass("current");var e=0<o?o-1:0;l.find('a[href="#'+n[e].id+'"]').parent().addClass("current");break}i>=n[n.length-1].offsetTop+280&&(l.find("li").removeClass("current"),l.find("li:last").addClass("current"))}),$(window).scroll()},tabNav:function(t){$(".nav .current").removeClass("current"),"toc"===t?($(".nav ul:first, .nav .count").hide(),$(".nav ul:last").show(),$(".icon-list").addClass("current")):($(".nav ul:first, .nav .count").show(),$(".nav ul:last").hide(),$(".icon-sitemap").addClass("current"))},share:function(){var t=$(".share"),n=t.find(".icon-wechat"),i=n.data("url"),o=n.data("avatar"),a=encodeURIComponent(n.data("title")+" - "+n.data("blogtitle")),e=encodeURIComponent(i),s={};s.weibo="http://v.t.sina.com.cn/share/share.php?title="+a+"&url="+e+"&pic="+o,s.qqz="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url="+e+"&sharesource=qzone&title="+a+"&pics="+o,s.twitter="https://twitter.com/intent/tweet?status="+a+" "+e,t.find("span").click(function(){var t=$(this).data("type");if(t)return"wechat"===t?(0===n.find("canvas").length?$.ajax({method:"GET",url:latkeConfig.staticServePath+"/js/lib/jquery.qrcode.min.js",dataType:"script",cache:!0,success:function(){n.qrcode({width:128,height:128,text:i})}}):n.find("canvas").slideToggle(),!1):void window.open(s[t],"_blank","top=100,left=200,width=648,height=618")})}};Finding.init();
--- a/Finding/page.ftl
+++ b/Finding/page.ftl
@ -36,7 +36,7 @@
            <#include "header.ftl">
            <main>
                <article class="post">
-                    <section class="post-content content-reset">
+                    <section class="post-content vditor-reset">
                        ${page.pageContent}
                    </section>
                    <footer>
--- a/Jane/article-list.ftl
+++ b/Jane/article-list.ftl
@ -51,7 +51,7 @@
                <a class="ft__red" href="${servePath}${article.articlePermalink}">${article.articleViewCount} ${viewLabel}</a>
            </div>
        </div>
-        <div class="content-reset article__content">
+        <div class="vditor-reset article__content">
            ${article.articleAbstract}
        </div>
        <a class="article__more" href="${servePath}${article.articlePermalink}">More...</a>
--- a/Jane/article.ftl
+++ b/Jane/article.ftl
@ -89,7 +89,7 @@
            </div>
        </div>

-        <div class="content-reset article__content">
+        <div class="vditor-reset article__content">
            ${article.articleContent}
            <#if "" != article.articleSign.signHTML?trim>
            <div>
--- a/Jane/common-comment.ftl
+++ b/Jane/common-comment.ftl
@ -44,7 +44,7 @@
            </#if>
            </div>

-            <div class="content-reset comment__content">
+            <div class="vditor-reset comment__content">
            ${comment.commentContent}
            </div>
        </main>
--- a/Jane/css/base.css
+++ b/Jane/css/base.css
--- a/Jane/css/base.scss
+++ b/Jane/css/base.scss
@ -19,10 +19,9 @@
 * skin style
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 0.2.0.0, Jan 30, 2019
+ * @version 0.2.0.1, Mar 16, 2019
 */
@import "../../../scss/reset";
-@import "../../../scss/reset-content";
@import "../../../scss/function";
@import "../../../scss/tooltipped";
@import "../../../scss/comment";
@ -52,7 +51,7 @@ a {
  color: $gray;
 }

-.content-reset {
+.vditor-reset {
  overflow: hidden;
  color: #555;
  font-size: 14px;
--- a/Jane/footer.ftl
+++ b/Jane/footer.ftl
@ -48,12 +48,11 @@

    var Label = {
        "markedAvailable": ${markedAvailable?c},
+        "hljsStyle": "atom-one-light",
+        "langLabel": "${langLabel}",
        "skinDirName": "${skinDirName}",
    };

-    Util.initSW();
-    Util.parseMarkdown();
-    Util.killIE(8)
-    Util.previewImg()
+    Util.init()
 </script>
 ${plugins}
--- a/Jane/page.ftl
+++ b/Jane/page.ftl
@ -39,7 +39,7 @@
        <div class="fn__clear">
            <a class="ft__red fn__right" href="#comments"><#if page.pageCommentCount gt 0>${page.pageCommentCount} </#if>${commentLabel}</a>
        </div>
-        <div class="content-reset article__content">
+        <div class="vditor-reset article__content">
        ${page.pageContent}
        </div>
    </article>
--- a/Medium/article.ftl
+++ b/Medium/article.ftl
@ -77,7 +77,7 @@
                </#if>
                    </h1>
                </header>
-                <section class="content-reset">
+                <section class="vditor-reset">
                ${article.articleContent}
            <#if "" != article.articleSign.signHTML?trim>
                <div>
--- a/Medium/common-comment.ftl
+++ b/Medium/common-comment.ftl
@ -47,7 +47,7 @@
                </a>
            </#if>
        </div>
-        <div class="content-reset">
+        <div class="vditor-reset">
            ${comment.commentContent}
        </div>
    </main>
--- a/Medium/css/base.css
+++ b/Medium/css/base.css
--- a/Medium/css/base.scss
+++ b/Medium/css/base.scss
@ -19,9 +19,8 @@
 * skin style
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 2.0.0.1, Mar 1, 2019
+ * @version 2.0.0.2, Mar 16, 2019
 */
-@import "../../../scss/reset-content";
@import "../../../scss/reset";
@import "../../../scss/nprogress";
@import "vditor/src/assets/scss/classic";
@ -746,7 +745,7 @@
  margin-left: 5px;
 }

-.article__comment .comment__body .content-reset {
+.article__comment .comment__body .vditor-reset {
  min-height: 40px;
 }

--- a/Medium/footer.ftl
+++ b/Medium/footer.ftl
@ -55,11 +55,10 @@

    var Label = {
        "markedAvailable": ${markedAvailable?c},
+        "hljsStyle": "atom-one-light",
+        "langLabel": "${langLabel}",
        "skinDirName": "${skinDirName}"
    };
-    Util.initSW();
-    Util.killIE(8)
-    Util.parseMarkdown();
-    Util.previewImg()
+    Util.init()
 </script>
 ${plugins}
--- a/Medium/page.ftl
+++ b/Medium/page.ftl
@ -41,7 +41,7 @@
 </#if>
    <div class="wrapper content">
        <article class="post">
-            <section class="content-reset">
+            <section class="vditor-reset">
            ${page.pageContent}
            </section>
        </article>
--- a/NeoEase/article-list.ftl
+++ b/NeoEase/article-list.ftl
@ -59,7 +59,7 @@
        </a>
    </div>
    <div class="clear"></div>
-    <div class="content-reset">
+    <div class="vditor-reset">
        <div id="abstract${article.oId}">
            ${article.articleAbstract}
        </div>
--- a/NeoEase/article.ftl
+++ b/NeoEase/article.ftl
@ -93,7 +93,7 @@
                            </a>
                        </div>
                        <div class="clear"></div>
-                        <div class="content-reset">
+                        <div class="vditor-reset">
                            ${article.articleContent}
                            <#if "" != article.articleSign.signHTML?trim>
                            <div>
--- a/NeoEase/common-comment.ftl
+++ b/NeoEase/common-comment.ftl
@ -41,7 +41,7 @@
        </div>
    </#if>
        <span class="clear"></span>
-        <div class="content-reset">${comment.commentContent}</div>
+        <div class="vditor-reset">${comment.commentContent}</div>
    </div>
    <span class="clear"></span>
 </div>
--- a/NeoEase/css/base.css
+++ b/NeoEase/css/base.css
--- a/NeoEase/css/base.scss
+++ b/NeoEase/css/base.scss
@ -19,10 +19,9 @@
 * skin neoease style
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 2.0.0.0, Feb 21, 2019
+ * @version 2.0.0.1, Mar 16, 2019
 */

-@import "../../../scss/reset-content";
@import "vditor/src/assets/scss/classic";
 /* start base */
 html, body, div, ul, li, h1, h2, h3, h4, h5, h6 {
@ -626,7 +625,7 @@ textarea, input {
    line-height: 16px;
 }

-.comment-panel .content-reset {
+.comment-panel .vditor-reset {
    margin-top: 5px;
 }

--- a/NeoEase/footer.ftl
+++ b/NeoEase/footer.ftl
@ -38,6 +38,8 @@
    
    var Label = {
        "markedAvailable": ${markedAvailable?c},
+        "hljsStyle": "atom-one-light",
+        "langLabel": "${langLabel}",
        "adminLabel": "${adminLabel}",
        "logoutLabel": "${logoutLabel}",
        "skinDirName": "${skinDirName}"
--- a/NeoEase/js/NeoEase.js
+++ b/NeoEase/js/NeoEase.js
@ -161,6 +161,7 @@ var goTranslate = function () {
    });
    
    Util.init();
+    Util.setTopBar()
    Util.replaceSideEm($(".recent-comments-content"));
    Util.buildTags("tagsSide");
    
--- a/NeoEase/js/NeoEase.min.js
+++ b/NeoEase/js/NeoEase.min.js
@ -1 +1 @@
-var goTop=function(e){e=e||.1;var a=$(window).scrollTop(),t=1+e;if(window.scrollTo(0,Math.floor(a/t)),0<a){var n="goTop("+e+")";window.setTimeout(n,16)}},collapseArchive=function(e,a){var t=!0;"collapse-ico"===e.className?(e.className="expand-ico",t=!1):e.className="collapse-ico",$("#archiveSide li").each(function(){$(this).data("year")===a&&(t?$(this).show():$(this).hide())})},getArticle=function(t,e){var n=$("#abstract"+e),i=$("#content"+e);return""===i.html()?$.ajax({url:"/get-article-content?id="+e,type:"GET",dataType:"html",beforeSend:function(){n.css("background","url(/skins/neoease/images/ajax-loader.gif) no-repeat scroll center center transparent")},success:function(e,a){t.className="collapse-ico",i.html(e),n.hide().css("background","none"),i.fadeIn("slow")}}):"expand-ico"===t.className?(n.hide(),i.fadeIn(),t.className="collapse-ico"):(i.hide(),n.fadeIn(),t.className="expand-ico"),!1},goTranslate=function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)};!function(){$(window).scroll(function(){var e=$(window).scrollTop();if(182<e){var a=$(window).height(),t=e+a-21;$("body").height()-58<=e+a&&(t=$(".footer").offset().top-21),$("#goTop").fadeIn("slow").css("top",t)}else $("#goTop").hide()});var t=(new Date).getFullYear(),n=t;$("#archiveSide li").each(function(e){var a=$(this);a.data("year")!==t&&$(this).hide(),n!==a.data("year")&&(n=a.data("year"),a.before("<li class='archive-year'><div onclick='collapseArchive(this, "+n+")' class='expand-ico'>"+n+"&nbsp;年</div></li>"))}),$(".recent-comments .expand-ico").click(function(){"expand-ico"===this.className?($(this).parent().next().css({height:"auto","white-space":"normal"}),this.className="collapse-ico"):($(this).parent().next().animate({height:"18px"},function(){$(this).css("white-space","nowrap")}),this.className="expand-ico")}),$(".nav ul li").each(function(){$(this).find("a").attr("href")===latkeConfig.servePath+location.pathname?$(this).addClass("current"):/\/[0-9]+$/.test(location.pathname)&&($(".nav ul li")[0].className="current")}),Util.init(),Util.replaceSideEm($(".recent-comments-content")),Util.buildTags("tagsSide"),$(".recent-comments .recent-comments-main").each(function(){$(this).find(".recent-comments-content>a").height()<30?$(this).find(".expand-ico").remove():$(this).find(".expand-ico").parent().next().css({"white-space":"nowrap"})})}();
+var goTop=function(e){e=e||.1;var a=$(window).scrollTop(),t=1+e;if(window.scrollTo(0,Math.floor(a/t)),0<a){var n="goTop("+e+")";window.setTimeout(n,16)}},collapseArchive=function(e,a){var t=!0;"collapse-ico"===e.className?(e.className="expand-ico",t=!1):e.className="collapse-ico",$("#archiveSide li").each(function(){$(this).data("year")===a&&(t?$(this).show():$(this).hide())})},getArticle=function(t,e){var n=$("#abstract"+e),i=$("#content"+e);return""===i.html()?$.ajax({url:"/get-article-content?id="+e,type:"GET",dataType:"html",beforeSend:function(){n.css("background","url(/skins/neoease/images/ajax-loader.gif) no-repeat scroll center center transparent")},success:function(e,a){t.className="collapse-ico",i.html(e),n.hide().css("background","none"),i.fadeIn("slow")}}):"expand-ico"===t.className?(n.hide(),i.fadeIn(),t.className="collapse-ico"):(i.hide(),n.fadeIn(),t.className="expand-ico"),!1},goTranslate=function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)};!function(){$(window).scroll(function(){var e=$(window).scrollTop();if(182<e){var a=$(window).height(),t=e+a-21;$("body").height()-58<=e+a&&(t=$(".footer").offset().top-21),$("#goTop").fadeIn("slow").css("top",t)}else $("#goTop").hide()});var t=(new Date).getFullYear(),n=t;$("#archiveSide li").each(function(e){var a=$(this);a.data("year")!==t&&$(this).hide(),n!==a.data("year")&&(n=a.data("year"),a.before("<li class='archive-year'><div onclick='collapseArchive(this, "+n+")' class='expand-ico'>"+n+"&nbsp;年</div></li>"))}),$(".recent-comments .expand-ico").click(function(){"expand-ico"===this.className?($(this).parent().next().css({height:"auto","white-space":"normal"}),this.className="collapse-ico"):($(this).parent().next().animate({height:"18px"},function(){$(this).css("white-space","nowrap")}),this.className="expand-ico")}),$(".nav ul li").each(function(){$(this).find("a").attr("href")===latkeConfig.servePath+location.pathname?$(this).addClass("current"):/\/[0-9]+$/.test(location.pathname)&&($(".nav ul li")[0].className="current")}),Util.init(),Util.setTopBar(),Util.replaceSideEm($(".recent-comments-content")),Util.buildTags("tagsSide"),$(".recent-comments .recent-comments-main").each(function(){$(this).find(".recent-comments-content>a").height()<30?$(this).find(".expand-ico").remove():$(this).find(".expand-ico").parent().next().css({"white-space":"nowrap"})})}();
--- a/NeoEase/page.ftl
+++ b/NeoEase/page.ftl
@ -34,7 +34,7 @@
        <div class="body">
            <div class="wrapper">
                <div class="main">
-                    <div class="page content-reset" style="border-bottom: 0px;">
+                    <div class="page vditor-reset" style="border-bottom: 0px;">
                        ${page.pageContent}
                    </div>
                    <@comments commentList=pageComments article=page></@comments>
--- a/Pinghsu/article.ftl
+++ b/Pinghsu/article.ftl
@ -89,7 +89,7 @@
                 </a>
             </#list>
        </div>
-        <div class="content-reset">
+        <div class="vditor-reset">
        ${article.articleContent}
        <#if "" != article.articleSign.signHTML?trim>
            <div>
--- a/Pinghsu/common-comment.ftl
+++ b/Pinghsu/common-comment.ftl
@ -36,7 +36,7 @@
            </#if>
        </div>
    </div>
-    <div class="content-reset">
+    <div class="vditor-reset">
    ${comment.commentContent}
    </div>
    <div class="item__meta fn__clear">
--- a/Pinghsu/css/base.css
+++ b/Pinghsu/css/base.css
--- a/Pinghsu/css/base.scss
+++ b/Pinghsu/css/base.scss
@ -19,10 +19,9 @@
 * skin style
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 0.1.0.2, Mar 1, 2019
+ * @version 0.1.0.3, Mar 16, 2019
 */
@import "../../../scss/reset";
-@import "../../../scss/reset-content";
@import "../../../scss/function";
@import "../../../scss/tooltipped";
@import "../../../scss/comment";
@ -65,7 +64,7 @@ a:active, a:focus, a:hover {
  background-color: $red;
 }

-.content-reset {
+.vditor-reset {
  font-size: 14px;
  .b3-solo-list {
    display: none;
@ -517,9 +516,16 @@ a:active, a:focus, a:hover {
    position: fixed;
    top: 100px;
    max-width: 200px;
-    border-left: 1px solid $gray-lighter;
+    overflow: auto;
+    height: 70vh;
+    padding-left: 3px;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }

    .b3-solo-list {
+      border-left: 1px solid $gray-lighter;
      margin: 0;
      font-size: 14px;
      line-height: 24px;
--- a/Pinghsu/footer.ftl
+++ b/Pinghsu/footer.ftl
@ -92,12 +92,11 @@

    var Label = {
        'markedAvailable': ${markedAvailable?c},
+        "hljsStyle": "atom-one-light",
+        "langLabel": "${langLabel}",
        'skinDirName': "${skinDirName}",
    }

-    Util.initSW()
-    Util.parseMarkdown()
-    Util.killIE()
-    Util.previewImg()
+    Util.init()
 </script>
 ${plugins}
--- a/Pinghsu/js/common.js
+++ b/Pinghsu/js/common.js
@ -69,7 +69,7 @@ var Skin = {
    })
  },
  _initToc: function () {
-    if ($('.content-reset .b3-solo-list li').length === 0 || $(window).width() < 746) {
+    if ($('.vditor-reset .b3-solo-list li').length === 0 || $(window).width() < 746) {
      $('.post__toc .b3-solo-list').remove()
      return
    }
@ -83,6 +83,8 @@ var Skin = {
        $('.post__toc').hide()
      }
    })
+
+    $(window).scroll()
  },
  _initShare: function () {
    var $this = $('.post__share')
--- a/Pinghsu/js/common.min.js
+++ b/Pinghsu/js/common.min.js
@ -1 +1 @@
-var Skin={init:function(){new Headroom($("header")[0],{tolerance:0,offset:70,classes:{initial:"header",pinned:"header--down",unpinned:"header--up",top:"header",notTop:"header",bottom:"header",notBottom:"header"}}).init(),Util.initPjax(function(){0===$(".post__fix").length?$("body").addClass("body--gray"):$("body").removeClass("body--gray"),$(".header__nav a").each(function(){$(".header__nav a").removeClass("current"),this.href===location.href&&(this.className="current")})}),$(".header__nav a").each(function(){this.href===location.href&&(this.className="current")}).click(function(){$(".header__nav a").removeClass("current"),this.href===location.href&&(this.className="current")})},_initToc:function(){0===$(".content-reset .b3-solo-list li").length||$(window).width()<746?$(".post__toc .b3-solo-list").remove():($(".post__toc").html($(".b3-solo-list")).css("left",$(".post").offset().left+$(".post").outerWidth()),$(window).scroll(function(){72<$(window).scrollTop()?$(".post__toc").show():$(".post__toc").hide()}))},_initShare:function(){var t=$(".post__share"),e=t.find(".post__code"),o=e.data("url"),i=e.data("avatar"),n=encodeURIComponent(e.data("title")+" - "+e.data("blogtitle")),a=encodeURIComponent(o),s={};s.weibo="http://v.t.sina.com.cn/share/share.php?title="+n+"&url="+a+"&pic="+i,s.qqz="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url="+a+"&sharesource=qzone&title="+n+"&pics="+i,s.twitter="https://twitter.com/intent/tweet?status="+n+" "+a,t.find("span").click(function(){var t=$(this).data("type");if(t)return"wechat"===t?(0===e.find("canvas").length?$.ajax({method:"GET",url:latkeConfig.staticServePath+"/js/lib/jquery.qrcode.min.js",dataType:"script",cache:!0,success:function(){e.qrcode({width:128,height:128,text:o})}}):e.find("canvas").slideToggle(),!1):void window.open(s[t],"_blank","top=100,left=200,width=648,height=618")})},initArticle:function(){new Headroom($(".post__fix")[0],{tolerance:0,offset:48,classes:{initial:"post__fix",pinned:"post__fix--pinned",unpinned:"post__fix--unpinned",top:"post__fix",notTop:"post__fix",bottom:"post__fix",notBottom:"post__fix"}}).init(),Skin._initShare(),Skin._initToc()}};Skin.init();
+var Skin={init:function(){new Headroom($("header")[0],{tolerance:0,offset:70,classes:{initial:"header",pinned:"header--down",unpinned:"header--up",top:"header",notTop:"header",bottom:"header",notBottom:"header"}}).init(),Util.initPjax(function(){0===$(".post__fix").length?$("body").addClass("body--gray"):$("body").removeClass("body--gray"),$(".header__nav a").each(function(){$(".header__nav a").removeClass("current"),this.href===location.href&&(this.className="current")})}),$(".header__nav a").each(function(){this.href===location.href&&(this.className="current")}).click(function(){$(".header__nav a").removeClass("current"),this.href===location.href&&(this.className="current")})},_initToc:function(){0===$(".vditor-reset .b3-solo-list li").length||$(window).width()<746?$(".post__toc .b3-solo-list").remove():($(".post__toc").html($(".b3-solo-list")).css("left",$(".post").offset().left+$(".post").outerWidth()),$(window).scroll(function(){72<$(window).scrollTop()?$(".post__toc").show():$(".post__toc").hide()}),$(window).scroll())},_initShare:function(){var t=$(".post__share"),e=t.find(".post__code"),o=e.data("url"),i=e.data("avatar"),n=encodeURIComponent(e.data("title")+" - "+e.data("blogtitle")),a=encodeURIComponent(o),s={};s.weibo="http://v.t.sina.com.cn/share/share.php?title="+n+"&url="+a+"&pic="+i,s.qqz="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url="+a+"&sharesource=qzone&title="+n+"&pics="+i,s.twitter="https://twitter.com/intent/tweet?status="+n+" "+a,t.find("span").click(function(){var t=$(this).data("type");if(t)return"wechat"===t?(0===e.find("canvas").length?$.ajax({method:"GET",url:latkeConfig.staticServePath+"/js/lib/jquery.qrcode.min.js",dataType:"script",cache:!0,success:function(){e.qrcode({width:128,height:128,text:o})}}):e.find("canvas").slideToggle(),!1):void window.open(s[t],"_blank","top=100,left=200,width=648,height=618")})},initArticle:function(){new Headroom($(".post__fix")[0],{tolerance:0,offset:48,classes:{initial:"post__fix",pinned:"post__fix--pinned",unpinned:"post__fix--unpinned",top:"post__fix",notTop:"post__fix",bottom:"post__fix",notBottom:"post__fix"}}).init(),Skin._initShare(),Skin._initToc()}};Skin.init();
--- a/Pinghsu/page.ftl
+++ b/Pinghsu/page.ftl
@ -33,7 +33,7 @@
 <main id="pjax" class="fn__flex-1">
    <#if pjax><!---- pjax {#pjax} start ----></#if>
    <div class="post wrapper wrapper--miner">
-            <div class="content-reset">
+            <div class="vditor-reset">
            ${page.pageContent}
            </div>
    </div>
--- a/classic/article-list.ftl
+++ b/classic/article-list.ftl
@ -59,7 +59,7 @@
            </div>
            <div class="clear"></div>
        </div>
-        <div class="content-reset">
+        <div class="vditor-reset">
            <div class="article-abstract">
                ${article.articleAbstract}
            </div>
--- a/classic/article.ftl
+++ b/classic/article.ftl
@ -97,7 +97,7 @@
                                </div>
                                <div class="clear"></div>
                            </div>
-                            <div class="content-reset">
+                            <div class="vditor-reset">
                                ${article.articleContent}
                                <#if "" != article.articleSign.signHTML?trim>
                                <div class="marginTop12">
--- a/classic/common-comment.ftl
+++ b/classic/common-comment.ftl
@ -45,7 +45,7 @@
            <div class="left comment-picture">
                <img alt="${comment.commentName}" src="${comment.commentThumbnailURL}"/>
            </div>
-            <div class="comment-content content-reset">
+            <div class="comment-content vditor-reset">
            ${comment.commentContent}
            </div>
            <div class="clear"></div>
--- a/classic/css/base.css
+++ b/classic/css/base.css
--- a/classic/css/base.scss
+++ b/classic/css/base.scss
@ -21,10 +21,9 @@
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
 * @author <a href="http://88250.b3log.org">Liang Ding</a>
- * @version 2.0.0.1, Mar 1, 2019
+ * @version 2.0.0.2, Mar 16, 2019
 */
@import "../../../scss/reset";
-@import "../../../scss/reset-content";
@import "vditor/src/assets/scss/classic";

 .left {
@ -145,7 +144,7 @@ h5 {
  word-wrap: break-word;
 }

-.content-reset {
+.vditor-reset {
  margin-left: 12px;
  line-height: 145%;
 }
--- a/classic/footer.ftl
+++ b/classic/footer.ftl
@ -35,6 +35,8 @@ by <a rel="friend" href="http://vanessa.b3log.org" target="_blank">Vanessa</a>.

    var Label = {
        "markedAvailable": ${markedAvailable?c},
+        "hljsStyle": "atom-one-light",
+        "langLabel": "${langLabel}",
        "skinDirName": "${skinDirName}"
    };
    
@ -81,6 +83,7 @@ by <a rel="friend" href="http://vanessa.b3log.org" target="_blank">Vanessa</a>.
        });
        
        Util.init();
+        Util.setTopBar()
        Util.replaceSideEm($("#recentComments li .side-comment"));
    });
 </script>
--- a/classic/page.ftl
+++ b/classic/page.ftl
@ -38,7 +38,7 @@
                <div class="left main">
                    <div>
                        <div class="article">
-                            <div class="content-reset">
+                            <div class="vditor-reset">
                                ${page.pageContent}
                            </div>
                        </div>
--- a/classic/side.ftl
+++ b/classic/side.ftl
@ -40,7 +40,7 @@
                    ${comment.commentName}<#else>
                    <a target="_blank" href="${comment.commentURL}">
                        ${comment.commentName}</a></#if>:
-                    <a rel="nofollow" class='side-comment content-reset' href="${servePath}${comment.commentSharpURL}">
+                    <a rel="nofollow" class='side-comment vditor-reset' href="${servePath}${comment.commentSharpURL}">
                        ${comment.commentContent}
                    </a>
                </li>
--- a/ease/article-list.ftl
+++ b/ease/article-list.ftl
@ -46,7 +46,7 @@
            </div>
            <div class="clear"></div>
        </div>
-        <div class="content-reset">
+        <div class="vditor-reset">
            <div id="abstract${article.oId}">
                ${article.articleAbstract}
            </div>
--- a/ease/article.ftl
+++ b/ease/article.ftl
@ -82,7 +82,7 @@
                        </div>
                        <div class="clear"></div>
                    </div>
-                    <div class="content-reset">
+                    <div class="vditor-reset">
                        ${article.articleContent}
                        <#if "" != article.articleSign.signHTML?trim>
                        <p>
--- a/ease/common-comment.ftl
+++ b/ease/common-comment.ftl
@ -40,7 +40,7 @@
        </div>
    </#if>
        <span class="clear"></span>
-        <div class="content-reset">${comment.commentContent}</div>
+        <div class="vditor-reset">${comment.commentContent}</div>
    </div>
    <span class="clear"></span>
 </div>
--- a/ease/css/base.css
+++ b/ease/css/base.css
--- a/ease/css/base.scss
+++ b/ease/css/base.scss
@ -19,659 +19,674 @@
 * Skin ease style.
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 2.1.0.0, Mar 1, 2019
+ * @version 2.1.0.1, Mar 16, 2019
 */
-
-@import "../../../scss/reset-content";
@import "vditor/src/assets/scss/classic";
 /* start base */
 html, body, div, ul, li {
-    margin: 0;
-    padding: 0;
+  margin: 0;
+  padding: 0;
 }

 body {
-    font-family: Verdana,arial,'\5fae\8f6f\96c5\9ed1';
-    font-size: 12px;
-    background-color: #FCFCFC;
+  font-family: Verdana, arial, '\5fae\8f6f\96c5\9ed1';
+  font-size: 12px;
+  background-color: #FCFCFC;
 }

 ::selection {
-    background-color: #D5D5D5;
-    color: #FCFCFC;
+  background-color: #D5D5D5;
+  color: #FCFCFC;
 }

 ::-moz-selection {
-    background-color: #D5D5D5;
-    color: #FCFCFC;
+  background-color: #D5D5D5;
+  color: #FCFCFC;
 }

 a {
-    outline: none;
-    color: #009EB8;
-    text-decoration: none;
+  outline: none;
+  color: #009EB8;
+  text-decoration: none;
 }

 a:visited {
-    color: #00b4d2;
+  color: #00b4d2;
 }

 a:hover {
-    text-decoration: underline;
+  text-decoration: underline;
 }

 a:active {
-    color: #00889f;
+  color: #00889f;
 }

 img {
-    vertical-align: middle;
-    border: 0;
-    max-width: 100%;
-    height: auto;
-    -ms-interpolation-mode: bicubic;
-    overflow: hidden;
-    font-size: 12px;
+  vertical-align: middle;
+  border: 0;
+  max-width: 100%;
+  height: auto;
+  -ms-interpolation-mode: bicubic;
+  overflow: hidden;
+  font-size: 12px;
 }

 textarea, input {
-    outline: none;
+  outline: none;
 }

 sup {
-    font-size: 10px;
-    font-weight: normal;
-    -webkit-text-size-adjust: none;
+  font-size: 10px;
+  font-weight: normal;
+  -webkit-text-size-adjust: none;
 }

 .left {
-    float: left;
+  float: left;
 }

 .right {
-    float: right;
+  float: right;
 }

 .clear {
-    background-color: transparent;
-    border: 0;
-    clear: both;
-    display: block;
-    font-size: 0;
-    height: 0;
-    line-height: 0;
-    overflow: hidden;
+  background-color: transparent;
+  border: 0;
+  clear: both;
+  display: block;
+  font-size: 0;
+  height: 0;
+  line-height: 0;
+  overflow: hidden;
 }

 .none {
-    display: none;
+  display: none;
 }

 .ft-gray {
-    color: #808080;
+  color: #808080;
 }

 .ft-gray:visited {
-    color: #9a9a9a
+  color: #9a9a9a
 }

 .ft-gray:hover {
-    color: #676767;
-    text-decoration: none;
+  color: #676767;
+  text-decoration: none;
 }

 .fn-mgtb10 {
-    margin: 10px 0;
+  margin: 10px 0;
 }

 .logo {
-    padding: 0 5px;
-    text-shadow: 0 0 1px #D5D5D5;
+  padding: 0 5px;
+  text-shadow: 0 0 1px #D5D5D5;
 }
+
 /* end base */

 /* start ico */
 #search,
 .translate-ico {
-    background-image: url("/skins/ease/images/icons.png");
+  background-image: url("/skins/ease/images/icons.png");
 }

 .translate-ico {
-    background-position: 1px -125px;
-    background-repeat: no-repeat;
-    border: 1px solid #D5D5D5;
-    border-radius: 3px;
-    cursor: pointer;
-    float: right;
-    height: 16px;
-    margin: -3px 0 0 15px;
-    padding: 1px;
-    width: 16px;
+  background-position: 1px -125px;
+  background-repeat: no-repeat;
+  border: 1px solid #D5D5D5;
+  border-radius: 3px;
+  cursor: pointer;
+  float: right;
+  height: 16px;
+  margin: -3px 0 0 15px;
+  padding: 1px;
+  width: 16px;
 }

 .translate-ico:hover {
-    border-color: #9a9a9a;
-    box-shadow: 0 0 1px #808080;
-    background-color: #FCFCFC;
+  border-color: #9a9a9a;
+  box-shadow: 0 0 1px #808080;
+  background-color: #FCFCFC;
 }
+
 /* end ico */

 /* start frame */
 .wrapper {
-    margin: 0 auto;
-    width: 990px;
+  margin: 0 auto;
+  width: 990px;
 }

 .main {
-    background-color: #FFF;
-    padding-bottom: 50px;
+  background-color: #FFF;
+  padding-bottom: 50px;
 }
+
 /* end frame */

 /* start header */
 .header {
-    width: 100%;
-    z-index: 1;
+  width: 100%;
+  z-index: 1;
 }

 .header .title {
-    border-bottom: 1px solid #808080;
-    font-size: 26px;
-    font-weight: normal;
+  border-bottom: 1px solid #808080;
+  font-size: 26px;
+  font-weight: normal;
 }

 .header .sub-title {
-    font-size: 11px;
+  font-size: 11px;
 }

 #search {
-    background-position: 7px -99px;
-    background-repeat: no-repeat;
-    background-color: #FFF;
-    border: 1px solid #D5D5D5;
-    border-radius: 2px 2px 2px 2px;
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
-    color: #808080;
-    float: right;
-    font-size: 14px;
-    height: 19px;
-    line-height: 145%;
-    padding: 4px 10px 4px 28px;
-    width: 24px;
-    -moz-transition: width 0.4s ease, background 0.4s ease;
-    -webkit-transition: width 0.4s ease, background 0.4s ease;
-    transition: width 0.4s ease, background 0.4s ease;
+  background-position: 7px -99px;
+  background-repeat: no-repeat;
+  background-color: #FFF;
+  border: 1px solid #D5D5D5;
+  border-radius: 2px 2px 2px 2px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
+  color: #808080;
+  float: right;
+  font-size: 14px;
+  height: 19px;
+  line-height: 145%;
+  padding: 4px 10px 4px 28px;
+  width: 24px;
+  -moz-transition: width 0.4s ease, background 0.4s ease;
+  -webkit-transition: width 0.4s ease, background 0.4s ease;
+  transition: width 0.4s ease, background 0.4s ease;
 }

 #search:focus {
-    width: 150px;
+  width: 150px;
 }

 .banner {
-    margin-bottom: 20px;
+  margin-bottom: 20px;
 }

 .banner .notice {
-    float: left;
-    margin: 20px 0 0 50px;
+  float: left;
+  margin: 20px 0 0 50px;
 }

 .nav {
-    background-color: #2C2C2C;
-    box-shadow: 0 2px 2px #D5D5D5, 0 3px 3px -3px #D5D5D5 inset;
-    border-top: 1px solid #e2e2e2;
-    border-bottom: 1px solid #e2e2e2;
-    height: 29px;
-    top: 0;
-    width: 100%;
-    z-index: 1;
+  background-color: #2C2C2C;
+  box-shadow: 0 2px 2px #D5D5D5, 0 3px 3px -3px #D5D5D5 inset;
+  border-top: 1px solid #e2e2e2;
+  border-bottom: 1px solid #e2e2e2;
+  height: 29px;
+  top: 0;
+  width: 100%;
+  z-index: 1;
 }

 .nav ul {
-    list-style: none;
-    float: left;
+  list-style: none;
+  float: left;
 }

 .nav li {
-    float: left;
+  float: left;
 }

 .nav a {
-    color: #C9C9C9;
-    display: block;
-    float: left;
-    font-size: 14px;
-    font-weight: 700;
-    line-height: 29px;
-    margin-right: 20px;
-    padding: 0 10px;
-    text-decoration: none;
-    transition: color .4s ease, background-color .8s ease;
-    -webkit-transition: color .4s ease, background-color .8s ease;
-    -moz-transition: color .4s ease, background-color .8s ease;
-}
-.nav a:hover {
-    color: #FFF;
-    background-color: #535353;
+  color: #C9C9C9;
+  display: block;
+  float: left;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 29px;
+  margin-right: 20px;
+  padding: 0 10px;
+  text-decoration: none;
+  transition: color .4s ease, background-color .8s ease;
+  -webkit-transition: color .4s ease, background-color .8s ease;
+  -moz-transition: color .4s ease, background-color .8s ease;
 }

-.nav a.current {    
-    background-color: #FFF;
-    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.1) inset;
-    color: #808080;
+.nav a:hover {
+  color: #FFF;
+  background-color: #535353;
+}
+
+.nav a.current {
+  background-color: #FFF;
+  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.1) inset;
+  color: #808080;
 }

 .nav img {
-    margin-left: 3px;
+  margin-left: 3px;
 }

 .nav .page-icon {
-    float: left;
-    height: 14px;
-    width: 14px;
-    margin: 8px 5px 0 0;
+  float: left;
+  height: 14px;
+  width: 14px;
+  margin: 8px 5px 0 0;
 }
+
 /* end header */

 /* start footer */
 .footer {
-    border-top: 1px solid #D5D5D5;
-    box-shadow: 0 -1px 1px #D5D5D5;
-    font-size: 11px;
-    padding: 12px 0;
-    -webkit-text-size-adjust: none;
+  border-top: 1px solid #D5D5D5;
+  box-shadow: 0 -1px 1px #D5D5D5;
+  font-size: 11px;
+  padding: 12px 0;
+  -webkit-text-size-adjust: none;
 }

 #goTop {
-    background: url("/skins/ease/images/icons.png") no-repeat scroll 5px -51px #D5D5D5;
-    border-radius: 2px 2px 0 0;
-    box-shadow: 0 0 3px #D5D5D5;
-    cursor: pointer;
-    font-size: 11px;
-    height: 21px;
-    line-height: 21px;
-    padding: 0 10px 0 23px;
-    position: absolute;
-    right: 50px;
-    display: none;
+  background: url("/skins/ease/images/icons.png") no-repeat scroll 5px -51px #D5D5D5;
+  border-radius: 2px 2px 0 0;
+  box-shadow: 0 0 3px #D5D5D5;
+  cursor: pointer;
+  font-size: 11px;
+  height: 21px;
+  line-height: 21px;
+  padding: 0 10px 0 23px;
+  position: absolute;
+  right: 50px;
+  display: none;
 }

 #goTop:hover {
-    background-color: #c8c8c8;
-    box-shadow: 0 0 3px #c8c8c8;
+  background-color: #c8c8c8;
+  box-shadow: 0 0 3px #c8c8c8;
 }
+
 /* end footer*/

 /* start article list */
 .wrapper > ul {
-    list-style: none;
+  list-style: none;
 }

 .main > .wrapper > h2 {
-    margin: 0;
-    padding: 14px 0;
+  margin: 0;
+  padding: 14px 0;
 }

 .article {
-    border-bottom: 1px solid #f6f6f6;
-    padding: 30px 50px;
+  border-bottom: 1px solid #f6f6f6;
+  padding: 30px 50px;
 }

 .article:hover {
-    border-bottom-color: #ddd;
-    box-shadow: 0 0 1px #f6f6f6 inset;
-    background-color: #FCFCFC;
+  border-bottom-color: #ddd;
+  box-shadow: 0 0 1px #f6f6f6 inset;
+  background-color: #FCFCFC;
 }

-.content-reset a {
+.vditor-reset {
+  a {
    color: #808080;
    text-decoration: underline;
-}
+    &:visited {
+      color: #9a9a9a
+    }

-.content-reset a:vidited {
-    color: #9a9a9a
-}
+    &:hover {
+      color: #676767;
+    }
+  }

-.content-reset a:hover {
-    color: #676767;
-}
-
-.content-reset>div {
+  & > div {
    min-height: 32px;
+  }
+
 }

 .article-title h2 {
-    display: inline;
+  display: inline;
 }

 .article-title span {
-    cursor: pointer;
+  cursor: pointer;
 }

 .article-last:hover {
-    border-bottom: 1px solid #f6f6f6;
+  border-bottom: 1px solid #f6f6f6;
 }

 .article-next {
-    border: 1px solid #eee;
-    background-color: #F9F9F9;
-    cursor: pointer;
-    font-size: 14px;
-    line-height: 36px;
-    text-align: center;
+  border: 1px solid #eee;
+  background-color: #F9F9F9;
+  cursor: pointer;
+  font-size: 14px;
+  line-height: 36px;
+  text-align: center;
 }

 .article-next:hover {
-    background-color: #FCFCFC;
+  background-color: #FCFCFC;
 }
+
 /* end article list */

 /* start article */
 .article-relative {
-    background-color: #FCFCFC;
-    box-shadow: 0 0 2px #D5D5D5;
-    float: left;
-    margin: 10px 0;
-    padding: 0 20px 10px;
-    width: 382px;
-    min-height: 134px;
+  background-color: #FCFCFC;
+  box-shadow: 0 0 2px #D5D5D5;
+  float: left;
+  margin: 10px 0;
+  padding: 0 20px 10px;
+  width: 382px;
+  min-height: 134px;
 }

 .article-relative:hover {
-    background-color: #fff;
-    box-shadow: 0 0 4px #D5D5D5;
+  background-color: #fff;
+  box-shadow: 0 0 4px #D5D5D5;
 }

 .article-relative ul {
-    list-style: none;
+  list-style: none;
 }

 #relevantArticles {
-    margin-right: 40px;
+  margin-right: 40px;
 }

 #externalRelevantArticles {
-    margin-top: 0;
+  margin-top: 0;
 }
+
 /* end article*/

 /* start comment */
 #comments {
-    padding: 20px 50px;
-    position: relative;
+  padding: 20px 50px;
+  position: relative;
 }

 .comment-header {
-    float: left;
-    background-color: #FFF;
-    border: 1px solid #DEDEDE;
-    padding: 2px;
-    height: 60px;
-    width: 60px;
+  float: left;
+  background-color: #FFF;
+  border: 1px solid #DEDEDE;
+  padding: 2px;
+  height: 60px;
+  width: 60px;
 }

 .comment-panel {
-    float: left;
-    line-height: 16px;
-    margin: 0 0 20px 10px;
-    min-height: 64px;
-    overflow: hidden;
-    width: 814px;
+  float: left;
+  line-height: 16px;
+  margin: 0 0 20px 10px;
+  min-height: 64px;
+  overflow: hidden;
+  width: 814px;
 }

 .comment-body-ref {
-    background-color: #FCFCFC;
-    box-shadow: 0 0 2px #D5D5D5;
-    display: block;
-    left: 127px;
-    padding: 10px;
-    opacity: 0.9;
-    filter: alpha(opacity=90);
-    position: absolute;
-    border: 1px solid #e2e2e2;
+  background-color: #FCFCFC;
+  box-shadow: 0 0 2px #D5D5D5;
+  display: block;
+  left: 127px;
+  padding: 10px;
+  opacity: 0.9;
+  filter: alpha(opacity=90);
+  position: absolute;
+  border: 1px solid #e2e2e2;
 }

 .comment-body-ref > .comment-header {
-    border: 0 none;
-    float: right;
-    height: 48px;
-    width: 48px;
-    padding: 0;
+  border: 0 none;
+  float: right;
+  height: 48px;
+  width: 48px;
+  padding: 0;
 }

-.comment-body-ref > .comment-panel { 
-    margin: 0 20px 0 0;
-    min-height: 48px;
-    width: 725px;
+.comment-body-ref > .comment-panel {
+  margin: 0 20px 0 0;
+  min-height: 48px;
+  width: 725px;
 }

 .comment-body-ref > .comment-panel > .right {
-    display: none;
+  display: none;
 }
+
 .form {
-    padding: 0 50px 20px;
+  padding: 0 50px 20px;
 }

 .wrapper > .form {
-    float: left;
+  float: left;
 }

 .form th {
-    text-align: right;
-    white-space: nowrap;
+  text-align: right;
+  white-space: nowrap;
 }

-.form input[type="text"], 
-.form input[type="password"], 
+.form input[type="text"],
+.form input[type="password"],
 .form textarea {
-    background-color: #FCFCFC;
-    border-width: 0;
-    box-shadow: 0 0 2px #BCBCBC;
-    font-family: Verdana,arial,\5fae\8f6f\96c5\9ed1;
-    font-size: 12px;
-    margin: 0 5px 10px 0;
-    outline: medium none;
-    padding: 0 3px;
-    height: 28px;
-    line-height: 28px;
-    width: 260px;
+  background-color: #FCFCFC;
+  border-width: 0;
+  box-shadow: 0 0 2px #BCBCBC;
+  font-family: Verdana, arial, \5fae\8f6f\96c5\9ed1;
+  font-size: 12px;
+  margin: 0 5px 10px 0;
+  outline: medium none;
+  padding: 0 3px;
+  height: 28px;
+  line-height: 28px;
+  width: 260px;
 }

-.form input:focus, 
+.form input:focus,
 .form textarea:focus {
-    box-shadow: 0 0 4px #D5D5D5;
+  box-shadow: 0 0 4px #D5D5D5;
 }

 .form textarea {
-    height: 146px;
-    overflow: auto;
-    width: 426px;
-    line-height: 16px;
+  height: 146px;
+  overflow: auto;
+  width: 426px;
+  line-height: 16px;
 }

 .form button {
-    background-color: #F6F6F6;
-    border: 0 none;
-    box-shadow: 0 0 2px #D5D5D5;
-    height: 28px;
-    line-height: 28px;
-    padding: 0 12px;
-    color: #808080;
+  background-color: #F6F6F6;
+  border: 0 none;
+  box-shadow: 0 0 2px #D5D5D5;
+  height: 28px;
+  line-height: 28px;
+  padding: 0 12px;
+  color: #808080;
 }

 .form button:hover {
-    box-shadow: 0 0 4px #D5D5D5;
-    text-shadow: 0 0 2px;
+  box-shadow: 0 0 4px #D5D5D5;
+  text-shadow: 0 0 2px;
 }

 .form img {
-    background-color: #FCFCFC;
-    box-shadow: 0 0 2px #D5D5D5;
-    cursor: pointer;
-    height: 24px;
-    padding: 1px;
+  background-color: #FCFCFC;
+  box-shadow: 0 0 2px #D5D5D5;
+  cursor: pointer;
+  height: 24px;
+  padding: 1px;
 }
+
 /* end comment */

 /* start tags */
 #tags.other-main {
-    margin: 47px 44px 0;
-    width: 902px;
+  margin: 47px 44px 0;
+  width: 902px;
 }

 #tags li {
-    float: left;
-    height: 38px;
+  float: left;
+  height: 38px;
 }

 #tags a {
-    margin: 3px 6px;
-    padding: 3px 12px;
-    background-color: #FCFCFC;
-    box-shadow: 0 0 2px #D5D5D5;
-    float: left;
+  margin: 3px 6px;
+  padding: 3px 12px;
+  background-color: #FCFCFC;
+  box-shadow: 0 0 2px #D5D5D5;
+  float: left;
 }

 #tags a:hover {
-    text-shadow: 0 0 2px;
-    text-decoration: none;
-    box-shadow: 0 0 4px #D5D5D5;
+  text-shadow: 0 0 2px;
+  text-decoration: none;
+  box-shadow: 0 0 4px #D5D5D5;
 }

 .tags1, .tags1:visited {
-    font-size: 12px;
-    color: #a7a7a7;
+  font-size: 12px;
+  color: #a7a7a7;
 }

 .tags2, .tags2:visited {
-    font-size: 14px;
-    color: #808080;
+  font-size: 14px;
+  color: #808080;
 }

 .tags3, .tags3:visited {
-    font-size: 16px;
-    color: #595959;
+  font-size: 16px;
+  color: #595959;
 }

 .tags4, .tags4:visited {
-    font-size: 18px;
-    color: #323232;
+  font-size: 18px;
+  color: #323232;
 }

 .tags5, .tags5:visited {
-    font-size: 20px;
-    color: #0a0a0a;
+  font-size: 20px;
+  color: #0a0a0a;
 }
+
 /* end tags */

 /* start archives */
 .archives {
-    position: relative;
+  position: relative;
 }

 .archives > div {
-    background-color: #FCFCFC;
-    box-shadow: 0 0 2px #D5D5D5;
-    padding-bottom: 20px;
-    line-height: 20px;
-    margin: 20px;
-    width: 270px;
-    position: absolute;
-    top: 0;
+  background-color: #FCFCFC;
+  box-shadow: 0 0 2px #D5D5D5;
+  padding-bottom: 20px;
+  line-height: 20px;
+  margin: 20px;
+  width: 270px;
+  position: absolute;
+  top: 0;
 }

 .archives h3 {
-    text-align: center;
+  text-align: center;
 }

 .archives > div:hover {
-    box-shadow: 0 0 4px #D5D5D5;
+  box-shadow: 0 0 4px #D5D5D5;
 }

 .archives a {
-    display: block;
-    margin-left: 77px;
+  display: block;
+  margin-left: 77px;
 }
+
 /* end archives */

 /* start dynamic */
 .dynamic ul {
-    list-style: none;
+  list-style: none;
 }

 .dynamic h3 {
-    text-align: center;
+  text-align: center;
 }

 .dynamic .module {
-    background-color: #FCFCFC;
-    box-shadow: 0 0 2px #D5D5D5;
-    float: left;
-    line-height: 20px;
-    margin: 20px;
-    padding: 10px 20px 20px;
-    width: 380px;
+  background-color: #FCFCFC;
+  box-shadow: 0 0 2px #D5D5D5;
+  float: left;
+  line-height: 20px;
+  margin: 20px;
+  padding: 10px 20px 20px;
+  width: 380px;
 }

 .dynamic .module:hover {
-    box-shadow: 0 0 4px #D5D5D5;
+  box-shadow: 0 0 4px #D5D5D5;
 }

 .dynamic .side-comments {
-    width: 840px;
+  width: 840px;
 }

 .dynamic .side-comments .comment-panel {
-    width: 760px;
+  width: 760px;
 }

 .dynamic .side-tags li {
-    float: left;
-    margin: 0 5px;
+  float: left;
+  margin: 0 5px;
 }

-.dynamic .side-most-comment, 
+.dynamic .side-most-comment,
 .dynamic .side-most-view {
-    margin-bottom: 0;
+  margin-bottom: 0;
 }
+
 /* end dynamic */

 /* start links */
 .other-main.links {
-    margin-top: 45px;
+  margin-top: 45px;
 }

 .links li {
-    float: left;
-    line-height: 22px;
-    margin: 0 20px;
-    width: 270px;
+  float: left;
+  line-height: 22px;
+  margin: 0 20px;
+  width: 270px;
 }
+
 /* end links */

 /* start not list */
 .other-main {
-    display: inline-block;
-    margin: 30px 30px 0;
-    width: 930px;
+  display: inline-block;
+  margin: 30px 30px 0;
+  width: 930px;
 }

 #tags a,
 .archives > div,
 .dynamic .module,
-.form input[type="text"], 
-.form input[type="password"], 
+.form input[type="text"],
+.form input[type="password"],
 .form textarea,
 .article-relative {
-    border: 1px solid #f2f2f2;
+  border: 1px solid #f2f2f2;
 }

 #tags a:hover,
-.archives>div:hover,
+.archives > div:hover,
 .dynamic .module:hover,
-.form input:focus, 
+.form input:focus,
 .form textarea:focus,
 .article-relative:hover {
-    border: 1px solid #e2e2e2;
+  border: 1px solid #e2e2e2;
 }
+
 /* end not list */
--- a/ease/dynamic.ftl
+++ b/ease/dynamic.ftl
@ -54,7 +54,7 @@
                                        <a rel="nofollow" href="${servePath}${comment.commentSharpURL}">${viewLabel}</a>
                                    </div>
                                    <span class="clear"></span>
-                                    <div class="content-reset">
+                                    <div class="vditor-reset">
                                        ${comment.commentContent}
                                    </div>
                                </div>
--- a/ease/footer.ftl
+++ b/ease/footer.ftl
@ -58,6 +58,8 @@
    
    var Label = {
        "markedAvailable": ${markedAvailable?c},
+        "hljsStyle": "atom-one-light",
+        "langLabel": "${langLabel}",
        "tag1Label": "${tag1Label}",
        "viewLabel": "${viewLabel}",
        "commentLabel": "${commentLabel}",
--- a/ease/js/ease.js
+++ b/ease/js/ease.js
@ -88,7 +88,7 @@ var getNextPage = function () {
                '</div>' +
                '<div class="clear"></div>' +
                '</div>' +
-                '<div class="content-reset">' +
+                '<div class="vditor-reset">' +
                '<div id="abstract' + article.oId + '">' +
                article.articleAbstract + 
                '</div>' +
@ -159,6 +159,7 @@ var ease = {
    
    initCommon: function () {
        Util.init();
+        Util.setTopBar()
        Util.replaceSideEm($(".recent-comments-content"));
        Util.buildTags("tagsSide");
    },
@ -279,7 +280,7 @@ var ease = {
        }
        
        // emotions
-        $(".content-reset").each(function () {
+        $(".vditor-reset").each(function () {
            this.innerHTML = Util.replaceEmString($(this).html());
        });
    }
--- a/ease/js/ease.min.js
+++ b/ease/js/ease.min.js
@ -1 +1 @@
-var goTranslate=function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)},getNextPage=function(){var c=$(".article-next");currentPage+=1;var e="/articles";if(1===$("#tag").length)e="/articles/tags/"+(t=location.pathname.split("/"))[t.length-1]+"/";else if(1===$("#archive").length){e="/articles/archives/"+(t=location.pathname.split("/"))[t.length-2]+"/"+t[t.length-1]+"/"}else if(1===$("#author").length){var t;e="/articles/authors/"+(t=location.pathname.split("/"))[t.length-1]+"/"}$.ajax({url:latkeConfig.servePath+e+"?p="+currentPage,type:"GET",beforeSend:function(){c.css("background","url("+latkeConfig.staticServePath+"/skins/ease/images/ajax-loader.gif) no-repeat scroll center center #fefefe")},success:function(e,t){if(e.sc){for(var a="",i=e.rslts.pagination,r=0;r<e.rslts.articles.length;r++){var n=e.rslts.articles[r],l="";e.rslts.articles.length-1===r&&(l=" article-last"),a+='<li class="article'+l+'"><div class="article-title"><h2><a rel="bookmark" class="ft-gray" href="'+latkeConfig.servePath+n.articlePermalink+'">'+n.articleTitle+"</a>",n.hasUpdated&&(a+="<sup>"+Label.updatedLabel+"</sup>"),n.articlePutTop&&(a+="<sup>"+Label.topArticleLabel+"</sup>"),a+='</h2><div class="right"><a rel="nofollow" class="ft-gray" href="'+latkeConfig.servePath+n.articlePermalink+'#comments">'+ +n.articleCommentCount+"&nbsp;&nbsp;"+Label.commentLabel+'</a>&nbsp;&nbsp;<a rel="nofollow" class="ft-gray" href="'+latkeConfig.servePath+n.articlePermalink+'">'+n.articleViewCount+"&nbsp;&nbsp;"+Label.viewLabel+'</a></div><div class="clear"></div></div><div class="content-reset"><div id="abstract'+n.oId+'">'+n.articleAbstract+'</div><div id="content'+n.oId+'" class="none"></div></div><div class="right ft-gray">',n.hasUpdated?a+=Util.toDate(n.articleUpdateTime,"yy-MM-dd HH:mm"):a+=Util.toDate(n.articleCreateTime,"yy-MM-dd HH:mm"),a+=' <a href="'+latkeConfig.servePath+"/authors/"+n.authorId+'">'+n.authorName+'</a></div><div class="left ft-gray">'+Label.tag1Label+" ";for(var s=n.articleTags.split(","),o=0;o<s.length;o++)a+='<a rel="tag" href="'+latkeConfig.servePath+"/tags/"+encodeURIComponent(s[o])+'">'+s[o]+"</a>",o<s.length-1&&(a+=", ");a+='</div><div class="clear"></div></li>'}$(".article-last").removeClass("article-last"),$(".main>.wrapper>ul").append(a),i.paginationPageCount===currentPage?c.remove():c.css("background","none")}}})},ease={$header:$(".header"),headerH:103,$body:$(".main > .wrapper"),$nav:$(".nav"),getCurrentPage:function(){var e=$(".article-next");0<e.length&&(window.currentPage=e.data("page"))},setNavCurrent:function(){$(".nav ul a").each(function(){var e=$(this);e.attr("href")===location.href?e.addClass("current"):/\/[0-9]+$/.test(location.pathname)&&($(".nav ul li")[0].className="current")})},initCommon:function(){Util.init(),Util.replaceSideEm($(".recent-comments-content")),Util.buildTags("tagsSide")},initArchives:function(){var e=$(".archives");if(!(e.length<1)){$(".footer").css("marginTop","30px");for(var i=[],t=e.find("span").each(function(){for(var e=$(this).data("year"),t=!0,a=0;a<i.length;a++)if(e===i[a]){t=!1;break}t&&i.push(e)}),a="",r=0;r<i.length;r++){for(var n="",l=0;l<t.length;l++){var s=$(t[l]);s.data("year")===i[r]&&(n+=s.html())}a+="<div><h3 class='ft-gray'>"+i[r]+"</h3>"+n+"</div>"}e.html(a);for(var o=$(".archives>div"),c=0,h=0,g=[],d=0;d<o.length;d++){for(var f=0;f<3&&!(d>=o.length);f++)o[d].style.left=310*f+"px",g[f]=0<c?(""!==o[d-3].style.top&&(h=parseInt(o[d-3].style.top)),o[d].style.top=$(o[d-3]).height()+60+h+"px",parseInt(o[d].style.top)+$(o[d]).height()+60):$(o[d]).height()+60,f<2&&(d+=1);c+=1}e.height(g.sort()[g.length-1])}},scrollEvent:function(){var i=this;$(window).scroll(function(){var e=$(window).scrollTop();if(e>i.headerH){var t=$(window).height(),a=e+t-21;$("body").height()-58<=e+t&&(a=$(".footer").offset().top-21),$("#goTop").fadeIn("slow").css("top",a)}else $("#goTop").hide()})},setDynamic:function(){var e=$(".dynamic");if(!($(".dynamic").length<1)){var t=e.find(".side-categories"),a=e.find(".side-tags"),i=e.find(".side-most-comment"),r=e.find(".side-most-view");t.height()>a.height()?a.height(t.height()):t.height(a.height()),i.height()>r.height()?r.height(i.height()):i.height(r.height()),$(".content-reset").each(function(){this.innerHTML=Util.replaceEmString($(this).html())})}}};ease.getCurrentPage(),ease.initCommon(),ease.scrollEvent(),ease.setNavCurrent(),ease.initArchives(),ease.setDynamic();
+var goTranslate=function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)},getNextPage=function(){var c=$(".article-next");currentPage+=1;var e="/articles";if(1===$("#tag").length)e="/articles/tags/"+(t=location.pathname.split("/"))[t.length-1]+"/";else if(1===$("#archive").length){e="/articles/archives/"+(t=location.pathname.split("/"))[t.length-2]+"/"+t[t.length-1]+"/"}else if(1===$("#author").length){var t;e="/articles/authors/"+(t=location.pathname.split("/"))[t.length-1]+"/"}$.ajax({url:latkeConfig.servePath+e+"?p="+currentPage,type:"GET",beforeSend:function(){c.css("background","url("+latkeConfig.staticServePath+"/skins/ease/images/ajax-loader.gif) no-repeat scroll center center #fefefe")},success:function(e,t){if(e.sc){for(var a="",i=e.rslts.pagination,r=0;r<e.rslts.articles.length;r++){var n=e.rslts.articles[r],l="";e.rslts.articles.length-1===r&&(l=" article-last"),a+='<li class="article'+l+'"><div class="article-title"><h2><a rel="bookmark" class="ft-gray" href="'+latkeConfig.servePath+n.articlePermalink+'">'+n.articleTitle+"</a>",n.hasUpdated&&(a+="<sup>"+Label.updatedLabel+"</sup>"),n.articlePutTop&&(a+="<sup>"+Label.topArticleLabel+"</sup>"),a+='</h2><div class="right"><a rel="nofollow" class="ft-gray" href="'+latkeConfig.servePath+n.articlePermalink+'#comments">'+ +n.articleCommentCount+"&nbsp;&nbsp;"+Label.commentLabel+'</a>&nbsp;&nbsp;<a rel="nofollow" class="ft-gray" href="'+latkeConfig.servePath+n.articlePermalink+'">'+n.articleViewCount+"&nbsp;&nbsp;"+Label.viewLabel+'</a></div><div class="clear"></div></div><div class="vditor-reset"><div id="abstract'+n.oId+'">'+n.articleAbstract+'</div><div id="content'+n.oId+'" class="none"></div></div><div class="right ft-gray">',n.hasUpdated?a+=Util.toDate(n.articleUpdateTime,"yy-MM-dd HH:mm"):a+=Util.toDate(n.articleCreateTime,"yy-MM-dd HH:mm"),a+=' <a href="'+latkeConfig.servePath+"/authors/"+n.authorId+'">'+n.authorName+'</a></div><div class="left ft-gray">'+Label.tag1Label+" ";for(var s=n.articleTags.split(","),o=0;o<s.length;o++)a+='<a rel="tag" href="'+latkeConfig.servePath+"/tags/"+encodeURIComponent(s[o])+'">'+s[o]+"</a>",o<s.length-1&&(a+=", ");a+='</div><div class="clear"></div></li>'}$(".article-last").removeClass("article-last"),$(".main>.wrapper>ul").append(a),i.paginationPageCount===currentPage?c.remove():c.css("background","none")}}})},ease={$header:$(".header"),headerH:103,$body:$(".main > .wrapper"),$nav:$(".nav"),getCurrentPage:function(){var e=$(".article-next");0<e.length&&(window.currentPage=e.data("page"))},setNavCurrent:function(){$(".nav ul a").each(function(){var e=$(this);e.attr("href")===location.href?e.addClass("current"):/\/[0-9]+$/.test(location.pathname)&&($(".nav ul li")[0].className="current")})},initCommon:function(){Util.init(),Util.setTopBar(),Util.replaceSideEm($(".recent-comments-content")),Util.buildTags("tagsSide")},initArchives:function(){var e=$(".archives");if(!(e.length<1)){$(".footer").css("marginTop","30px");for(var i=[],t=e.find("span").each(function(){for(var e=$(this).data("year"),t=!0,a=0;a<i.length;a++)if(e===i[a]){t=!1;break}t&&i.push(e)}),a="",r=0;r<i.length;r++){for(var n="",l=0;l<t.length;l++){var s=$(t[l]);s.data("year")===i[r]&&(n+=s.html())}a+="<div><h3 class='ft-gray'>"+i[r]+"</h3>"+n+"</div>"}e.html(a);for(var o=$(".archives>div"),c=0,h=0,g=[],d=0;d<o.length;d++){for(var f=0;f<3&&!(d>=o.length);f++)o[d].style.left=310*f+"px",g[f]=0<c?(""!==o[d-3].style.top&&(h=parseInt(o[d-3].style.top)),o[d].style.top=$(o[d-3]).height()+60+h+"px",parseInt(o[d].style.top)+$(o[d]).height()+60):$(o[d]).height()+60,f<2&&(d+=1);c+=1}e.height(g.sort()[g.length-1])}},scrollEvent:function(){var i=this;$(window).scroll(function(){var e=$(window).scrollTop();if(e>i.headerH){var t=$(window).height(),a=e+t-21;$("body").height()-58<=e+t&&(a=$(".footer").offset().top-21),$("#goTop").fadeIn("slow").css("top",a)}else $("#goTop").hide()})},setDynamic:function(){var e=$(".dynamic");if(!($(".dynamic").length<1)){var t=e.find(".side-categories"),a=e.find(".side-tags"),i=e.find(".side-most-comment"),r=e.find(".side-most-view");t.height()>a.height()?a.height(t.height()):t.height(a.height()),i.height()>r.height()?r.height(i.height()):i.height(r.height()),$(".vditor-reset").each(function(){this.innerHTML=Util.replaceEmString($(this).html())})}}};ease.getCurrentPage(),ease.initCommon(),ease.scrollEvent(),ease.setNavCurrent(),ease.initArchives(),ease.setDynamic();
--- a/ease/page.ftl
+++ b/ease/page.ftl
@ -33,7 +33,7 @@
        <#include "header.ftl">
        <div class="main">
            <div class="wrapper">
-                <div class="content-reset article">
+                <div class="vditor-reset article">
                    ${page.pageContent}
                </div>
                <@comments commentList=pageComments article=page></@comments>
--- a/favourite/article-list.ftl
+++ b/favourite/article-list.ftl
@ -53,7 +53,7 @@
    <div class="article-abstract">
        <div class="note">
            <div class="corner"></div>
-            <div class="substance content-reset">
+            <div class="substance vditor-reset">
                ${article.articleAbstract}
                <div class="clear"></div>
            </div>
--- a/favourite/article.ftl
+++ b/favourite/article.ftl
@ -94,7 +94,7 @@
                            <div class="article-abstract">
                                <div class="note">
                                    <div class="corner"></div>
-                                    <div class="substance content-reset">
+                                    <div class="substance vditor-reset">
                                        ${article.articleContent}
                                        <#if "" != article.articleSign.signHTML?trim>
                                        <div class="marginTop12">
--- a/favourite/common-comment.ftl
+++ b/favourite/common-comment.ftl
@ -47,7 +47,7 @@
        </#if>
            <div class="clear">
            </div>
-            <div class="comment-content content-reset">
+            <div class="comment-content vditor-reset">
            ${comment.commentContent}
            </div>
        </div>
--- a/favourite/css/base.css
+++ b/favourite/css/base.css
--- a/favourite/css/base.scss
+++ b/favourite/css/base.scss
@ -20,11 +20,10 @@
 * skin favoutite style
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 2.1.0.1, Mar 1, 2019
+ * @version 2.1.0.2, Mar 16, 2019
 */

@import "../../../scss/reset";
-@import "../../../scss/reset-content";
@import "vditor/src/assets/scss/classic";

 .left {
@ -300,7 +299,7 @@ img {
    background: url("../images/category.jpg");
 }

-.content-reset {
+.vditor-reset {
    line-height: 145%;
    padding: 5px 0 0 5px;
 }
--- a/favourite/footer.ftl
+++ b/favourite/footer.ftl
@ -39,6 +39,8 @@
    
    var Label = {
        "markedAvailable": ${markedAvailable?c},
+        "hljsStyle": "atom-one-light",
+        "langLabel": "${langLabel}",
        "adminLabel": "${adminLabel}",
        "logoutLabel": "${logoutLabel}",
        "skinDirName": "${skinDirName}"
@ -46,6 +48,7 @@
    
    $(document).ready(function () {
        Util.init();
+        Util.setTopBar()
        Util.replaceSideEm($(".side-navi .navi-comments .side-comment"));
    });    
 </script>
--- a/favourite/page.ftl
+++ b/favourite/page.ftl
@ -41,7 +41,7 @@
                            <div class="article-abstract">
                                <div class="note">
                                    <div class="corner"></div>
-                                    <div class="substance content-reset">
+                                    <div class="substance vditor-reset">
                                        ${page.pageContent}
                                    </div>
                                </div>
--- a/i-nove/article-list.ftl
+++ b/i-nove/article-list.ftl
@ -57,7 +57,7 @@
        </div>
        <div class="clear"></div>
    </div>
-    <div class="article-abstract content-reset">
+    <div class="article-abstract vditor-reset">
        ${article.articleAbstract}
        <div class="clear"></div>
    </div>
--- a/i-nove/article.ftl
+++ b/i-nove/article.ftl
@ -93,7 +93,7 @@
                                    </div>
                                    <div class="clear"></div>
                                </div>
-                                <div class="content-reset">
+                                <div class="vditor-reset">
                                    ${article.articleContent}
                                    <#if "" != article.articleSign.signHTML?trim>
                                    <div class="marginTop12">
--- a/i-nove/common-comment.ftl
+++ b/i-nove/common-comment.ftl
@ -45,7 +45,7 @@
            </#if>
            </div>
            <div class="clear"></div>
-            <div class="comment-content content-reset">
+            <div class="comment-content vditor-reset">
            ${comment.commentContent}
            </div>
        </div>
--- a/i-nove/css/base.css
+++ b/i-nove/css/base.css
--- a/i-nove/css/base.scss
+++ b/i-nove/css/base.scss
@ -20,9 +20,8 @@
 * skin i-nove style
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 2.0.0.1, Mar 1, 2019
+ * @version 2.0.0.2, Mar 16, 2019
 */
-@import "../../../scss/reset-content";
@import "../../../scss/reset";
@import "vditor/src/assets/scss/classic";

@ -309,7 +308,7 @@ h5 {
  background-position: 0 -480px;
 }

-.content-reset {
+.vditor-reset {
  line-height: 145%;
  padding: 5px 0 0 5px;
 }
--- a/i-nove/footer.ftl
+++ b/i-nove/footer.ftl
@ -37,6 +37,8 @@
    
    var Label = {
        "markedAvailable": ${markedAvailable?c},
+        "hljsStyle": "atom-one-light",
+        "langLabel": "${langLabel}",
        "adminLabel": "${adminLabel}",
        "logoutLabel": "${logoutLabel}",
        "skinDirName": "${skinDirName}"
@ -44,6 +46,7 @@
    
    $(document).ready(function () {
        Util.init();
+        Util.setTopBar()
        Util.replaceSideEm($(".side-navi .navi-comments li .side-comment"));
    
        // set selected navi
--- a/i-nove/page.ftl
+++ b/i-nove/page.ftl
@ -37,7 +37,7 @@
                    <div class="body">
                        <div class="left main">
                            <div class="article">
-                                <div class="content-reset">
+                                <div class="vditor-reset">
                                    ${page.pageContent}
                                </div>
                            </div>
--- a/Show More
+++ b/Show More