Add comments

README.md

@@ -180,10 +180,33 @@ paige_date_format: "2006 January 2" # Hugo date format for page dates
 paige_fathom_id: "123456" # usefathom.com account ID
 paige_hide_theme_comment: true # Don't put a link to this project in a code comment
 paige_hide_theme_link: true # Don't put a link to this project in the footer
+
+# Analytics
 paige_matomo_id: "123456" # matomo.org account ID
 paige_matomo_url: "https://example.com/123456" # matomo.org account URL
 paige_plausible_id: "123456" # plausible.io account ID
 paige_yandex_id: "123456" # metrica.yandex.com account ID
+
+# Comments
+paige:
+  comments:
+    cactus: # cactus.chat
+      account_id: "123456"
+    commento: # commento.io
+      script_url: "https://example.com/script.js"
+    hyvor: # hyvor.com
+      account_id: "123456"
+    intensedebate: # intensedebate.com
+      account_id: "123456"
+    isso: # isso-comments.de
+      script_url: "https://example.com/script.js"
+    remark42: # remark42.com
+      host_url: "https://example.com"
+      site_id: "123456"
+    replybox: # getreplybox.com
+      account_id: "123456"
+    utterances: # utteranc.es
+      github_repo: "example/foo"
 ```
 
 If you set either `paige_hide_theme_comment` or `paige_hide_theme_link`, please credit this project in a post to help others find it.

i18n/en.yaml

@@ -1,3 +1,6 @@
+paige_comments_noscript:
+  other: JavaScript is required for comments.
+
 paige_search_button:
   other: Search
 

layouts/_default/single.html

@@ -1,3 +1,123 @@
 {{ define "main" }}
 {{ partial "paige-article.html" . }}
+{{ template "_internal/disqus.html" . }}
+{{ if .Site.Params.paige.comments.cactus }}
+<section class="mb-3">
+    <script type="text/javascript" src="https://latest.cactus.chat/cactus.js"></script>
+    <link rel="stylesheet" href="https://latest.cactus.chat/style.css" type="text/css">
+    <div id="comment-section"></div>
+    <script>
+    initComments({
+        node: document.getElementById("comment-section"),
+        defaultHomeserverUrl: "https://matrix.cactus.chat:8448",
+        serverName: "cactus.chat",
+        siteName: {{ .Site.Params.paige.comments.cactus.account_id }},
+        commentSectionId: {{ .RelPermalink }}
+    })
+    </script>
+    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
+</section>
+{{ end }}
+{{ with .Site.Params.paige.comments.commento }}
+<section class="mb-3">
+    <div id="commento"></div>
+    <script defer src="{{ .script_url }}"></script>
+    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
+</section>
+{{ end }}
+{{ if .Site.Params.paige.comments.graphcomment }}
+<section class="mb-3">
+    <div id="graphcomment"></div>
+    <script type="text/javascript">
+    var __semio__params = {
+        graphcommentId: {{ .Site.Params.paige.comments.graphcomment.account_id }},
+        behaviour: {
+            uid: {{ .RelPermalink }}
+        }
+    };
+    function __semio__onload() {
+        __semio__gc_graphlogin(__semio__params)
+    }
+    (function() {
+        var gc = document.createElement('script'); gc.type = 'text/javascript'; gc.async = true;
+        gc.onload = __semio__onload; gc.defer = true; gc.src = 'https://integration.graphcomment.com/gc_graphlogin.js?' + Date.now();
+        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(gc);
+    })();
+    </script>
+    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
+</section>
+{{ end }}
+{{ if .Site.Params.paige.comments.hyvor }}
+<section class="mb-3">
+    <div id="hyvor-talk-view"></div>
+    <script type="text/javascript">
+    var HYVOR_TALK_WEBSITE = {{ .Site.Params.paige.comments.hyvor.account_id }};
+    var HYVOR_TALK_CONFIG = {
+        url: false,
+        id: {{ .RelPermalink }}
+    };
+    </script>
+    <script async type="text/javascript" src="//talk.hyvor.com/web-api/embed"></script>
+    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
+</section>
+{{ end }}
+{{ if .Site.Params.paige.comments.intensedebate }}
+<section class="mb-3">
+    <script>
+    var idcomments_acct = {{ .Site.Params.paige.comments.intensedebate.account_id }};
+    var idcomments_post_id = {{ .RelPermalink }};
+    var idcomments_post_url = {{ .Permalink }};
+    </script>
+    <span id="IDCommentsPostTitle" style="display:none"></span>
+    <script type="text/javascript" src="http://www.intensedebate.com/js/genericCommentWrapperV2.js"></script>
+    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
+</section>
+{{ end }}
+{{ with .Site.Params.paige.comments.isso }}
+<section class="mb-3">
+    <script src="{{ .script_url }}"></script>
+    <section id="isso-thread">
+        <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
+    </section>
+</section>
+{{ end }}
+{{ with .Site.Params.paige.comments.muut }}
+<section class="mb-3">
+    <a href="https://muut.com/i/{{ .account_id }}/comments" class="muut" type="dynamic">Comments</a>
+    <script src="https://cdn.muut.com/1/moot.min.js"></script>
+    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
+</section>
+{{ end }}
+{{ if .Site.Params.paige.comments.remark42 }}
+<section class="mb-3">
+    <div id="remark42"></div>
+    <script>
+    var remark_config = {
+        host: {{ .Site.Params.paige.comments.remark42.host_url }},
+        site_id: {{ .Site.Params.paige.comments.remark42.site_id | default "remark" }}
+    }
+    </script>
+    <script>!function(e,n){for(var o=0;o<e.length;o++){var r=n.createElement("script"),c=".js",d=n.head||n.body;"noModule"in r?(r.type="module",c=".mjs"):r.async=!0,r.defer=!0,r.src=remark_config.host+"/web/"+e[o]+c,d.appendChild(r)}}(remark_config.components||["embed"],document);</script>
+    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
+</section>
+{{ end }}
+{{ if .Site.Params.paige.comments.replybox }}
+<section class="mb-3">
+    <div id="replybox"></div>
+    <script>
+    window.replybox = {
+        site: {{ .Site.Params.paige.comments.replybox.account_id }},
+        identifier: {{ .RelPermalink }}
+    };
+    </script>
+    <script src="https://cdn.getreplybox.com/js/embed.js"></script>
+    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
+</section>
+{{ end }}
+{{ with .Site.Params.paige.comments.utterances }}
+<section class="mb-3">
+    <script src="https://utteranc.es/client.js" repo="{{ .github_repo }}" issue-term="pathname" theme="preferred-color-scheme" crossorigin="anonymous" async></script>
+    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
+</section>
+{{ end }}
 {{ end }}