diff options
| author | Athanasia Monika Mowinckel <Athanasiamo@users.noreply.github.com> | 2021-12-19 04:43:37 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-12-19 04:43:37 +0300 |
| commit | 8c3c9cedd0724cc5909260a8914d19ec2cc65b0e (patch) | |
| tree | 43761ecce20098811c5d0151c61ed15e4951202e | |
| parent | 067768c63d3663ec752ab5185dc35a3f01b308cb (diff) | |
Add option for giscus comment section (#309)
* add giscus option
* add giscus options to config.toml
* rm quotes around hugo code
| -rw-r--r-- | exampleSite/config.toml | 15 | ||||
| -rw-r--r-- | layouts/partials/comments.html | 18 |
2 files changed, 33 insertions, 0 deletions
diff --git a/exampleSite/config.toml b/exampleSite/config.toml index dff6c62..47bf28d 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -35,6 +35,21 @@ DefaultContentLanguage = "en" # Default language fo facebook = true pinterest = true + # To enable giscus, the github discussions based comment section, + # Follow the steps described to enable giscus and get the values + # needed to populate the below information. + # https://www.joelnitta.com/posts/2021-11-24_using-giscus/ + [params.giscus] + # repo = "github-user/github-repo" # Entering repo will enable giscus + repo-id = "enter-repo-id" + category = "Comments" + category-id = "enter-category-id" + mapping = "pathname" + reactions-enabled = "1" + emit-metadata = "0" + theme = "light" + lang = "en" + # Social icons appear in introduction and contact section. Add as many more as you like. # Icon pack "fab" includes social network icons, see: https://fontawesome.com/icons?d=gallery&s=brands&m=free # Icon pack "fas" includes solid style icons, see: https://fontawesome.com/icons?d=gallery&s=solid&m=free diff --git a/layouts/partials/comments.html b/layouts/partials/comments.html index 26cb4b6..c5e2a50 100644 --- a/layouts/partials/comments.html +++ b/layouts/partials/comments.html @@ -3,3 +3,21 @@ {{ template "_internal/disqus.html" . }} </div> {{- end }} + +{{- if .Site.Params.giscus.repo }} +<div class="container giscus my-4"> + <script src="https://giscus.app/client.js" + data-repo={{ .Site.Params.giscus.repo }} + data-repo-id={{ .Site.Params.giscus.repo_id }} + data-category={{ .Site.Params.giscus.category }} + data-category-id={{ .Site.Params.giscus.category_id }} + data-mapping={{ .Site.Params.giscus.mapping }} + data-reactions-enabled={{ .Site.Params.giscus.reactions_enabled | default 0}} + data-emit-metadata={{ .Site.Params.giscus.emit_metadata | default 0 }} + data-theme={{ .Site.Params.giscus.theme }} + data-lang={{ .Site.Params.giscus.lang }} + crossorigin="anonymous" + async> + </script> +</div> +{{- end }} |