Add comments

master
Will Faught 3 years ago
parent ef9795ca6c
commit a8804dd25c

@ -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.

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

@ -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 }}

Loading…
Cancel
Save