fix: check before loading comments

layouts/partials/third-party/disqus.html

@@ -1,6 +1,9 @@
 {{- $rawTitle := (partial "utils/title.html" (dict "$" . "title" .Title)).rawTitle -}}
 <script>
     function loadComments() {
+        if (!document.getElementById('disqus_thread')) {
+            return;
+        }
         if (typeof DISQUS === 'undefined') {
             var disqus_config = function() {
                 {{ with .Params.disqus_url | default .Permalink }}this.page.url = '{{ . }}';{{ end }}

layouts/partials/third-party/gitalk.html

@@ -1,6 +1,9 @@
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
 <script>
     function loadComments() {
+        if (!document.getElementById('gitalk-container')) {
+            return;
+        }
         if (typeof Gitalk === 'undefined') {
             var getScript = (options) => {
                 var script = document.createElement('script');
@@ -41,4 +44,4 @@
 
         gitalk.render('gitalk-container')
     }
-</script>
+</script>

layouts/partials/third-party/utterances.html

@@ -2,6 +2,9 @@
     function loadComments() {
         (function() {
             var utterances = document.getElementById("utterances");
+            if (!utterances) {
+                return;
+            }
             var script = document.createElement('script');
             script.src = 'https://utteranc.es/client.js';
             script.async = true;

layouts/partials/third-party/valine.html

@@ -1,5 +1,8 @@
 <script>
     function loadComments() {
+        if (!document.getElementById('vcomments')) {
+            return;
+        }
         if (typeof Valine === 'undefined') {
             var getScript = (options) => {
                 var script = document.createElement('script');