评论插件微调

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={{

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