From 4fd74c02233a0281b4882ccb5bb8406c361a045d Mon Sep 17 00:00:00 2001
From: Liang Ding <d@b3log.org>
Date: Tue, 14 Jan 2020 17:23:26 +0800
Subject: [PATCH] =?UTF-8?q?:sparkles:=20#18=20=E9=9B=86=E6=88=90=E7=A4=BE?=
 =?UTF-8?q?=E5=8C=BA=E8=AF=84=E8=AE=BA=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/resources/skins/Jane/article.ftl      | 5 ++++-
 src/main/resources/skins/Medium/article.ftl    | 5 ++++-
 src/main/resources/skins/NeoEase/article.ftl   | 5 ++++-
 src/main/resources/skins/metro-hot/article.ftl | 5 ++++-
 4 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/main/resources/skins/Jane/article.ftl b/src/main/resources/skins/Jane/article.ftl
index c2585fcaf..80697a008 100644
--- a/src/main/resources/skins/Jane/article.ftl
+++ b/src/main/resources/skins/Jane/article.ftl
@@ -102,7 +102,10 @@
         </#if>
     </div>
 
-    <@comments commentList=articleComments article=article></@comments>
+    <div id="vcomment" data-name="${article.authorName}" data-postId="${article.oId}"></div>
+    <div id="soloComments" style="display: none;">
+        <@comments commentList=articleComments article=article></@comments>
+    </div>
     <#if 0 != relevantArticlesDisplayCount>
         <div id="relevantArticles" class="article__near"></div>
     </#if>
diff --git a/src/main/resources/skins/Medium/article.ftl b/src/main/resources/skins/Medium/article.ftl
index 0b0a1f643..7223b7d90 100644
--- a/src/main/resources/skins/Medium/article.ftl
+++ b/src/main/resources/skins/Medium/article.ftl
@@ -118,7 +118,10 @@
                     <div class="fn-flex-1" id="relevantArticles"></div>
                     <div class="fn-flex-1" id="randomArticles"></div>
                 </div>
-            <@comments commentList=articleComments article=article></@comments>
+                <div id="vcomment" data-name="${article.authorName}" data-postId="${article.oId}"></div>
+                <div id="soloComments" style="display: none;">
+                    <@comments commentList=articleComments article=article></@comments>
+                </div>
             </div>
         </div>
 
diff --git a/src/main/resources/skins/NeoEase/article.ftl b/src/main/resources/skins/NeoEase/article.ftl
index d933d672c..3541ba284 100644
--- a/src/main/resources/skins/NeoEase/article.ftl
+++ b/src/main/resources/skins/NeoEase/article.ftl
@@ -106,7 +106,10 @@
                             <div id="externalRelevantArticles"></div>
                         </div>
                     </div>
-                    <@comments commentList=articleComments article=article></@comments>
+                    <div id="vcomment" style="padding: 10px 0;" data-name="${article.authorName}" data-postId="${article.oId}"></div>
+                    <div id="soloComments" style="display: none;">
+                        <@comments commentList=articleComments article=article></@comments>
+                    </div>
                 </div>
                 <#include "side.ftl">
                 <div class="clear"></div>
diff --git a/src/main/resources/skins/metro-hot/article.ftl b/src/main/resources/skins/metro-hot/article.ftl
index 2f56d313c..5570c3488 100644
--- a/src/main/resources/skins/metro-hot/article.ftl
+++ b/src/main/resources/skins/metro-hot/article.ftl
@@ -81,7 +81,10 @@
                         ${article.articleSign.signHTML}
                         </#if>
                     </div>
-                    <@comments commentList=articleComments article=article></@comments>
+                    <div id="vcomment" data-name="${article.authorName}" data-postId="${article.oId}"></div>
+                    <div id="soloComments" style="display: none;">
+                        <@comments commentList=articleComments article=article></@comments>
+                    </div>
                     <#include "copyright.ftl"/>
                 </div>
                 <@side isArticle=true />