💥 支持雙評論系統配置/評論配置整理

✨ 增加mac light 代碼框
✨ 增加文章過期提醒配置
✨ 文章copyright 可單獨配置
✨ card-category 中category名稱和數字限制一行顯示
✨ 簡繁轉換優化，placeholder文字也會被轉換
🐛 修復配置PWA參數時，如果網站是子目錄時，會出現加載不到文件的bugs
調整當card-category有收縮按鈕時的顯示佈局

layout/includes/comments/disqus.pug

@@ -1,18 +1,28 @@
 #disqus_thread
 script.
-  var disqus_config = function () {
-    this.page.url = '!{ page.permalink }';
-    this.page.identifier = '!{ page.path }';
-    this.page.title = '!{ page.title }';
-  };
-  (function() { 
+  function loadDisqus () {
+    var disqus_config = function () {
+      this.page.url = '!{ page.permalink }';
+      this.page.identifier = '!{ page.path }';
+      this.page.title = '!{ page.title }';
+    };
+
     var d = document, s = d.createElement('script');
     s.src = 'https://!{theme.disqus.shortname}.disqus.com/embed.js';
     s.setAttribute('data-timestamp', +new Date());
     (d.head || d.body).appendChild(s);
-  })();
+  }
 
-if is_post() && theme.disqus.count
+  if ('!{defaultComment}' === 'Disqus' || !{theme.comments.load_begin}) {
+    window.addEventListener('load', loadDisqus)
+  }
+  else {
+    function loadOtherComment () {
+      loadDisqus()
+    }
+  }
+
+if is_post() && theme.comments.count && defaultComment === 'Disqus'
   script.
     function getDisqusCount() {
       var d = document, s = d.createElement('script');

layout/includes/comments/disqusjs.pug

@@ -1,20 +1,38 @@
 #disqus_thread
-script(src=url_for(theme.CDN.disqusjs))
 script.
-  var dsqjs = new DisqusJS({
-    shortname: '!{theme.disqusjs.shortname}',
-    siteName: '!{theme.disqusjs.siteName}',
-    identifier: '!{ page.path }',
-    url: '!{ page.permalink }',
-    title: '!{ page.title }',
-    api: '!{theme.disqusjs.api}',
-    apikey: '!{theme.disqusjs.apikey}',
-    nocomment: '!{theme.disqusjs.nocomment}',
-    admin: '!{theme.disqusjs.admin}',
-    adminLabel: '!{theme.disqusjs.adminLabel}'
-  });
+  function loadDisqusjs () {
+    const ele = document.createElement('link')
+    ele.rel = 'stylesheet'
+    ele.href= '!{url_for(theme.CDN.disqusjs_css)}'
+    document.getElementsByTagName('head')[0].appendChild(ele)
 
-if is_post() && theme.disqusjs.count
+    loadScript('!{url_for(theme.CDN.disqusjs)}', function() {
+      var dsqjs = new DisqusJS({
+        shortname: '!{theme.disqusjs.shortname}',
+        siteName: '!{theme.disqusjs.siteName}',
+        identifier: '!{ page.path }',
+        url: '!{ page.permalink }',
+        title: '!{ page.title }',
+        api: '!{theme.disqusjs.api}',
+        apikey: '!{theme.disqusjs.apikey}',
+        nocomment: '!{theme.disqusjs.nocomment}',
+        admin: '!{theme.disqusjs.admin}',
+        adminLabel: '!{theme.disqusjs.adminLabel}'
+      });
+    })
+  }
+
+  if ('!{defaultComment}' === 'Disqusjs' || !{theme.comments.load_begin}) {
+    window.addEventListener('load', loadDisqusjs)
+  }
+  else {
+    function loadOtherComment () {
+      loadDisqusjs()
+    }
+  }
+
+
+if is_post() && theme.comments.count && defaultComment === 'Disqusjs'
   script.
     function getDisqusCount() {
       var d = document, s = d.createElement('script');

layout/includes/comments/facebook_comments.pug

@@ -1,11 +1,29 @@
 #fb-root
-script(async defer crossorigin="anonymous" src=`https://connect.facebook.net/${theme.facebook_comments.lang}/sdk.js#xfbml=1&version=v6.0`)
 .fb-comments(data-colorscheme = theme.display_mode === 'dark' ? 'dark' : 'light'
             data-href=urlNoIndex() 
             data-numposts= theme.facebook_comments.pageSize || 10
             data-order-by= theme.facebook_comments.order_by || 'social'
             data-width="100%")
 
+script.
+  function loadFBComent () {
+    let ele = document.createElement('script')
+    ele.setAttribute('src','https://connect.facebook.net/!{theme.facebook_comments.lang}/sdk.js#xfbml=1&version=v7.0')
+    ele.setAttribute('async', 'true')
+    ele.setAttribute('defer', 'true')
+    ele.setAttribute('crossorigin', 'anonymous')
+    document.getElementById('fb-root').insertAdjacentElement('afterbegin',ele)
+  }
+
+  if ('!{defaultComment}' === 'Facebook Comments' || !{theme.comments.load_begin}) {
+    window.addEventListener('load', loadFBComent)
+  }
+  else {
+    function loadOtherComment () {
+      loadFBComent()
+    }
+  }
+
 if theme.darkmode.enable
   script.
     var themeNow = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light'