update

layout/includes/third-party/comments/valine.pug

@@ -7,32 +7,54 @@ if site.data.valine
 
 script.
   (() => {
-    const initValine = () => {
-      const valine = new Valine(Object.assign({
+    const isShuoshuo = GLOBAL_CONFIG_SITE.isShuoshuo
+    const option = !{JSON.stringify(option)}
+
+    const initValine = (el, path) => {
+      if (isShuoshuo) {
+        window.shuoshuoComment.destroyValine = () => {
+          if (el.children.length) {
+            el.innerHTML = ''
+            el.classList.add('no-comment')
+          }
+        }
+      }
+
+      const valineConfig = {
         el: '#vcomment',
         appId: '#{appId}',
         appKey: '#{appKey}',
         avatar: '#{avatar}',
         serverURLs: '#{serverURLs}',
         emojiMaps: !{emojiMaps},
-        path: window.location.pathname,
-        visitor: #{visitor}
-      }, !{JSON.stringify(option)}))
+        visitor: #{visitor},
+        ...option,
+        path: isShuoshuo ? path : (option && option.path) || window.location.pathname
+      }
+
+      new Valine(valineConfig)
     }
 
-    const loadValine = async () => {
-      if (typeof Valine === 'function') initValine()
-      else {
+    const loadValine = async (el, path) => {
+      if (typeof Valine === 'function') {
+        initValine(el, path)
+      } else {
         await btf.getScript('!{url_for(theme.asset.valine)}')
-        initValine()
+        initValine(el, path)
       }
     }
 
+    if (isShuoshuo) {
+      '!{use[0]}' === 'Valine'
+        ? window.shuoshuoComment = { loadComment: loadValine }
+        : window.loadOtherComment = loadValine
+      return
+    }
+
     if ('!{use[0]}' === 'Valine' || !!{lazyload}) {
       if (!{lazyload}) btf.loadComment(document.getElementById('vcomment'),loadValine)
       else setTimeout(loadValine, 0)
     } else {
       window.loadOtherComment = loadValine
     }
-  })()
-
+  })()