feat: added comment giscus support

danieltomasz · Aug 5, 2023 · 3307d52 · 3307d52
1 parent 599a9fc
commit 3307d52
Show file tree

Hide file tree

Showing 10 changed files with 98 additions and 29 deletions.
diff --git a/.vscode/ltex.dictionary.en-GB.txt b/.vscode/ltex.dictionary.en-GB.txt
@@ -1,3 +1,4 @@
 MISMaP
 metascience
 Borek
+giscus
diff --git a/.vscode/ltex.disabledRules.en-GB.txt b/.vscode/ltex.disabledRules.en-GB.txt
@@ -1 +1,2 @@
 OXFORD_SPELLING_Z_NOT_S
+MORFOLOGIK_RULE_EN_GB
diff --git a/config.toml b/config.toml
@@ -13,6 +13,24 @@ theme = 'lines'
   logo = ""
   orgName = "Daniel Borek"
   orgLocal = ""
+  disableComments = false
+
+[params.giscus]
+ repo="danieltomasz/danieltomasz.github.io"
+ repo-id="MDEwOlJlcG9zaXRvcnkzMzM0MDUzMzY="
+ category="Comments"
+ category-id="DIC_kwDOE99cmM4CVDXo"
+ mapping="title"
+ strict="0"
+ reactions-enabled="1"
+ emit-metadata="1"
+ input-position="bottom"
+ theme="light"
+ lang="en"
+ loading="lazy"
+ crossorigin="anonymous"
+ reactionsEnabled = "1"
+
 
 [frontmatter]
   date  = [":filename", ":default", "lastmod"]
@@ -124,17 +142,3 @@ ignoreFiles = [ "\\.qmd$", "\\.ipynb$", "\\.py$" ]
   name = "twitter"
   link = "https://www.twitter.com/danieltomasz"
 
-[params.giscus]
- data-repo="danieltomasz/danieltomasz.github.io"
- data-repo-id="MDEwOlJlcG9zaXRvcnkzMzM0MDUzMzY="
- data-category="Comments"
- data-category-id="DIC_kwDOE99cmM4CVDXo"
- data-mapping="title"
- data-strict="0"
- data-reactions-enabled="1"
- data-emit-metadata="1"
- data-input-position="top"
- data-theme="light"
- data-lang="en"
- data-loading="lazy"
- crossorigin="anonymous"
diff --git a/content/pages/about.md b/content/pages/about.md
@@ -1,6 +1,8 @@
 ---
 title: About
+noComment: true
 ---
+## Daniel Borek
 
 I studied physics within a MISMaP interdisciplinary programme and philosophy at University of Warsaw.
 

diff --git a/content/posts/back to hugo.md b/content/posts/back to hugo.md
@@ -119,4 +119,25 @@ I try this setting within the markup section,
 
 ### Rendering mermaid diagrams
 
-Paul Johnson describe his setup in [ this blogpost](https://www.paulrjohnson.net/2022/09/rendering-mermaid-diagrams-on-a-hugo-website-using-quarto/).
+Paul Johnson describe his setup in [ this blogpost](https://www.paulrjohnson.net/2022/09/rendering-mermaid-diagrams-on-a-hugo-website-using-quarto/).
+
+
+### Adding comments with `giscus`
+
+I followed various blogpost with the configuration advices.
+By default, `giscus` is adding comments to every page, but I wanted to have comments only on my posts. 
+I followed advice[^1] and  I wrapped my addition of `giscus` partial into `footer.html` with `if` statement:
+
+```hugo
+{{ if not .Params.noComment }}
+    {{ partial "giscus" . }}
+{{ end }}
+```
+
+When I don't want to include a comments block, I am adding this in the frontmatter of the post (yaml):
+
+```yaml
+noComment: true
+```
+
+[^1]: [How to disable comments in specific pages? - support - HUGO](https://discourse.gohugo.io/t/how-to-disable-comments-in-specific-pages/22177/2)
diff --git a/content/posts/learning-hugo.md b/content/posts/learning-hugo.md
@@ -0,0 +1,11 @@
+---
+title: "Learning Hugo"
+date: "2023-08-03"
+draft: true
+tags:
+- Quatro
+- Hugo
+---
+
+Customization of the site
+[Context And Variables In The Hugo Static Site Generator — Smashing Magazine](https://www.smashingmagazine.com/2021/02/context-variables-hugo-static-site-generator/)
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+  {{ partial "head.html" . }}
+<body>
+  <main>
+    {{ partial "header.html" . }}
+    <section>
+
+      <ul class="posts">
+        {{ range (.Paginate ( where .Site.RegularPages "Section" "posts" ).ByDate.Reverse).Pages }}
+          {{ if ne .Kind "section" }}
+          <li itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
+            <a href="{{ .Permalink }}" title="{{ .Title }}" itemprop="name url">{{ .Title }}</a>
+            <hr>
+           <time datetime="{{ dateFormat "2006-01-02" .Date }}">{{ dateFormat "2006-01-02" .Date }}</time>
+          </li>
+          {{ end }}
+        {{ end }}
+      </ul>
+    </section>
+
+    {{ partial "footer.html" . }}
+  </main>
+</body>
+</html>
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -26,7 +26,7 @@ <h2 itemprop="name headline">{{ .Title }}</h2>
 
 
     </section>
-    {{ partial "footer.html" . }}
+    {{ partial "footer_giscus.html" . }}
   </main>
 </body>
 
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
diff --git a/layouts/partials/footer_giscus.html b/layouts/partials/footer_giscus.html
@@ -0,0 +1,17 @@
+<hr>
+
+<footer>
+
+    {{ if not .Params.noComment }}
+    {{ partial "giscus" . }}
+    {{ end }}
+
+    <nav>
+    <ul>
+        <li>
+        © {{ dateFormat "2006" now }}
+        </li>
+    </ul>
+    </nav>
+
+</footer>