From 8132a96b9263b5965ba041bde980e3ba133b6e5a Mon Sep 17 00:00:00 2001
From: tlyong1992 <tlyong1992@hotmail.com>
Date: Wed, 25 May 2022 13:55:27 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=84=E8=AE=BA=E6=8F=92=E4=BB=B6=E5=BE=AE?=
 =?UTF-8?q?=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Comment.js         | 16 ++++++++--------
 components/ValineComponent.js |  4 +---
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/components/Comment.js b/components/Comment.js
index 890a92d1..60f32537 100644
--- a/components/Comment.js
+++ b/components/Comment.js
@@ -40,20 +40,16 @@ const Comment = ({ frontMatter }) => {
     <div id='comment' className='comment mt-5 text-gray-800 dark:text-gray-300'>
       <Tabs>
 
+        {BLOG.COMMENT_VALINE_APP_ID && (<div key='Valine' name='reply'>
+            <ValineComponent path={frontMatter.id}/>
+        </div>)}
+
         {BLOG.COMMENT_GISCUS_REPO && (
           <div key="Giscus">
             <GiscusComponent isDarkMode={isDarkMode} className="px-2" />
           </div>
         )}
 
-        {BLOG.COMMENT_VALINE_APP_ID && (<div key='Valine' name='reply'>
-            <ValineComponent path={frontMatter.id}/>
-        </div>)}
-
-        {BLOG.COMMENT_UTTERRANCES_REPO && (<div key='Utterance'>
-          <UtterancesComponent issueTerm={frontMatter.id} className='px-2' />
-        </div>)}
-
         {BLOG.COMMENT_CUSDIS_APP_ID && (<div key='Cusdis'>
           <ReactCusdis
             lang={locale.LOCALE.toLowerCase()}
@@ -67,6 +63,10 @@ const Comment = ({ frontMatter }) => {
           />
         </div>)}
 
+        {BLOG.COMMENT_UTTERRANCES_REPO && (<div key='Utterance'>
+          <UtterancesComponent issueTerm={frontMatter.id} className='px-2' />
+        </div>)}
+
         {BLOG.COMMENT_GITALK_CLIENT_ID && (<div key='GitTalk'>
           <GitalkComponent
             options={{
diff --git a/components/ValineComponent.js b/components/ValineComponent.js
index 2829ace7..503c14f4 100644
--- a/components/ValineComponent.js
+++ b/components/ValineComponent.js
@@ -3,15 +3,13 @@ import React from 'react'
 import Valine from 'valine'
 
 const ValineComponent = (props) => {
-  const { path } = props
   React.useEffect(() => {
     const valine = Valine({
       el: '#vcomments',
       appId: BLOG.COMMENT_VALINE_APP_ID,
       appKey: BLOG.COMMENT_VALINE_APP_KEY,
       avatar: '',
-      path: path,
-      recordIP: false,
+      recordIP: true,
       placeholder: BLOG.COMMENT_VALINE_PLACEHOLDER,
       serverURLs: BLOG.COMMENT_VALINE_SERVER_URLS,
       visitor: true