Add disqus commenting integration

ryo-wijaya · Sep 7, 2024 · e6b7b3f · e6b7b3f
1 parent dd65e09
commit e6b7b3f
Show file tree

Hide file tree

Showing 8 changed files with 109 additions and 102 deletions.
diff --git a/README.md b/README.md
@@ -1,26 +1,8 @@
 ### Info
 
-This space runs on Jekyll, Liquid templates, Ruby, Github Pages and Actions, Markdown pages and uses the Chirpy Jekyll Theme.
+This blog runs on Jekyll, Liquid templates for layouts, and GitHub Actions and Pages for deployment and hosting. It utilizes the open-source Chirpy Jekyll Theme.
 
-### Development
-
-- Start a local server
-
-  ```shell
-  bundle exec jekyll s
-  ```
-
-- Clean and build
-
-  ```shell
-  bundle exec jekyll clean
-  bundle exec jekyll build
-  ```
-
-- View all available jekyll commands
-  ```shell
-  bundle exec jekyll help
-  ```
+[![Visit Blog](https://img.shields.io/badge/Visit-%20Blog-brightgreen?style=for-the-badge)](https://blog.ryo-wijaya.me)
 
 ### Posts
 
@@ -44,20 +26,39 @@ This space runs on Jekyll, Liquid templates, Ruby, Github Pages and Actions, Mar
   ```
 
 - Template Front Matter
+  ```yml
+    ---
+    layout: post
+    title: <title>
+    description: >-
+      <description>
+    author: ryo
+    date: <auto-generated>
+    categories: [<Category1>, <Category2>]
+    image: <link/to/img>
+    toc: true
+    comments: false
+    pin: false
+    published: false
+    ---
+  ```
 
-```yml
-  ---
-  layout: post
-  title: <title>
-  description: >-
-    <description>
-  author: ryo
-  date: <auto-generated>
-  categories: [<cat1>, <cat2>]
-  image: <link/to/img>
-  toc: true
-  comments: true
-  pin: false
-  published: false
-  ---
-```
+### Development
+
+- Start a local server
+
+  ```shell
+  bundle exec jekyll s
+  ```
+
+- Clean and build
+
+  ```shell
+  bundle exec jekyll clean
+  bundle exec jekyll build
+  ```
+
+- View all available jekyll commands
+  ```shell
+  bundle exec jekyll help
+  ```
diff --git a/_config.yml b/_config.yml
@@ -112,7 +112,7 @@ comments:
   provider: # [disqus | utterances | giscus]
   # The provider options are as follows:
   disqus:
-    shortname: # fill with the Disqus shortname. › https://help.disqus.com/en/articles/1717111-what-s-a-shortname
+    shortname: blog-ryo-wijaya
   # utterances settings › https://utteranc.es/
   utterances:
     repo: # <gh-username>/<repo>

diff --git a/_includes/comments/disqus.html → _includes/disqus.html b/_includes/comments/disqus.html → _includes/disqus.html
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -2,11 +2,11 @@
 layout: default
 refactor: true
 panel_includes:
-  - toc
+- toc
 tail_includes:
-  - related-posts
-  - post-nav
-  - comments
+- related-posts
+- post-nav
+- comments
 ---
 
 {% include lang.html %}
@@ -15,7 +15,7 @@
   <header>
     <h1 data-toc-skip>{{ page.title }}</h1>
     {% if page.description %}
-      <p class="post-desc fw-light mb-4">{{ page.description }}</p>
+    <p class="post-desc fw-light mb-4">{{ page.description }}</p>
     {% endif %}
 
     <div class="post-meta text-muted">
@@ -27,65 +27,65 @@ <h1 data-toc-skip>{{ page.title }}</h1>
 
       <!-- lastmod date -->
       {% if page.last_modified_at and page.last_modified_at != page.date %}
-        <span>
-          {{ site.data.locales[lang].post.updated }}
-          {% include datetime.html date=page.last_modified_at tooltip=true lang=lang %}
-        </span>
+      <span>
+        {{ site.data.locales[lang].post.updated }}
+        {% include datetime.html date=page.last_modified_at tooltip=true lang=lang %}
+      </span>
       {% endif %}
 
       {% if page.image %}
-        {% capture src %}src="{{ page.image.path | default: page.image }}"{% endcapture %}
-        {% capture class %}class="preview-img{% if page.image.no_bg %}{{ ' no-bg' }}{% endif %}"{% endcapture %}
-        {% capture alt %}alt="{{ page.image.alt | xml_escape | default: "Preview Image" }}"{% endcapture %}
+      {% capture src %}src="{{ page.image.path | default: page.image }}"{% endcapture %}
+      {% capture class %}class="preview-img{% if page.image.no_bg %}{{ ' no-bg' }}{% endif %}"{% endcapture %}
+      {% capture alt %}alt="{{ page.image.alt | xml_escape | default: "Preview Image" }}"{% endcapture %}
 
-        {% if page.image.lqip %}
-          {%- capture lqip -%}lqip="{{ page.image.lqip }}"{%- endcapture -%}
-        {% endif %}
+      {% if page.image.lqip %}
+      {%- capture lqip -%}lqip="{{ page.image.lqip }}"{%- endcapture -%}
+      {% endif %}
 
-        <div class="mt-3 mb-3">
-          <img {{ src }} {{ class }} {{ alt }} w="1200" h="630" {{ lqip }}>
-          {%- if page.image.alt -%}
-            <figcaption class="text-center pt-2 pb-2">{{ page.image.alt }}</figcaption>
-          {%- endif -%}
-        </div>
+      <div class="mt-3 mb-3">
+        <img {{ src }} {{ class }} {{ alt }} w="1200" h="630" {{ lqip }}>
+        {%- if page.image.alt -%}
+        <figcaption class="text-center pt-2 pb-2">{{ page.image.alt }}</figcaption>
+        {%- endif -%}
+      </div>
       {% endif %}
 
       <div class="d-flex justify-content-between">
         <!-- author(s) -->
         <span>
           {% if page.author %}
-            {% assign authors = page.author %}
+          {% assign authors = page.author %}
           {% elsif page.authors %}
-            {% assign authors = page.authors %}
+          {% assign authors = page.authors %}
           {% endif %}
 
           {{ site.data.locales[lang].post.written_by }}
 
           <em>
             {% if authors %}
-              {% for author in authors %}
-                {% if site.data.authors[author].url -%}
-                  <a href="{{ site.data.authors[author].url }}">{{ site.data.authors[author].name }}</a>
-                {%- else -%}
-                  {{ site.data.authors[author].name }}
-                {%- endif %}
-                {% unless forloop.last %}{{ '</em>, <em>' }}{% endunless %}
-              {% endfor %}
+            {% for author in authors %}
+            {% if site.data.authors[author].url -%}
+            <a href="{{ site.data.authors[author].url }}">{{ site.data.authors[author].name }}</a>
+            {%- else -%}
+            {{ site.data.authors[author].name }}
+            {%- endif %}
+            {% unless forloop.last %}{{ '</em>, <em>' }}{% endunless %}
+            {% endfor %}
             {% else %}
-              <a href="{{ site.social.links[0] }}">{{ site.social.name }}</a>
+            <a href="{{ site.social.links[0] }}">{{ site.social.name }}</a>
             {% endif %}
           </em>
         </span>
 
         <div>
           <!-- pageviews -->
           {% if site.pageviews.provider and site.analytics[site.pageviews.provider].id %}
-            <span>
-              <em id="pageviews">
-                <i class="fas fa-spinner fa-spin small"></i>
-              </em>
-              {{ site.data.locales[lang].post.pageview_measure }}
-            </span>
+          <span>
+            <em id="pageviews">
+              <i class="fas fa-spinner fa-spin small"></i>
+            </em>
+            {{ site.data.locales[lang].post.pageview_measure }}
+          </span>
           {% endif %}
 
           <!-- read time -->
@@ -102,51 +102,54 @@ <h1 data-toc-skip>{{ page.title }}</h1>
   <div class="post-tail-wrapper text-muted">
     <!-- categories -->
     {% if page.categories.size > 0 %}
-      <div class="post-meta mb-3">
-        <i class="far fa-folder-open fa-fw me-1"></i>
-        {% for category in page.categories %}
-          <a href="{{ site.baseurl }}/content/{{ category | slugify | url_encode }}/">{{ category }}</a>
-          {%- unless forloop.last -%},{%- endunless -%}
-        {% endfor %}
-      </div>
+    <div class="post-meta mb-3">
+      <i class="far fa-folder-open fa-fw me-1"></i>
+      {% for category in page.categories %}
+      <a href="{{ site.baseurl }}/content/{{ category | slugify | url_encode }}/">{{ category }}</a>
+      {%- unless forloop.last -%},{%- endunless -%}
+      {% endfor %}
+    </div>
     {% endif %}
 
     <!-- tags -->
     {% if page.tags.size > 0 %}
-      <div class="post-tags">
-        <i class="fa fa-tags fa-fw me-1"></i>
-        {% for tag in page.tags %}
-          <a
-            href="{{ site.baseurl }}/tags/{{ tag | slugify | url_encode }}/"
-            class="post-tag no-text-decoration"
-          >
-            {{- tag -}}
-          </a>
-        {% endfor %}
-      </div>
+    <div class="post-tags">
+      <i class="fa fa-tags fa-fw me-1"></i>
+      {% for tag in page.tags %}
+      <a href="{{ site.baseurl }}/tags/{{ tag | slugify | url_encode }}/" class="post-tag no-text-decoration">
+        {{- tag -}}
+      </a>
+      {% endfor %}
+    </div>
     {% endif %}
 
-    <div
-      class="
+    <div class="
         post-tail-bottom
         d-flex justify-content-between align-items-center mt-5 pb-2
-      "
-    >
+      ">
       <div class="license-wrapper">
         {% if site.data.locales[lang].copyright.license.template %}
-          {% capture _replacement %}
+        {% capture _replacement %}
         <a href="{{ site.data.locales[lang].copyright.license.link }}">
           {{ site.data.locales[lang].copyright.license.name }}
         </a>
         {% endcapture %}
 
-          {{ site.data.locales[lang].copyright.license.template | replace: ':LICENSE_NAME', _replacement }}
+        {{ site.data.locales[lang].copyright.license.template | replace: ':LICENSE_NAME', _replacement }}
         {% endif %}
       </div>
 
       {% include post-sharing.html lang=lang %}
+
+
     </div>
     <!-- .post-tail-bottom -->
   </div>
   <!-- div.post-tail-wrapper -->
-</article>
+  {% if page.comments %}
+  <div class="mt-4">
+    {% include disqus.html %}
+  </div>
+  {% endif %}
+
+</article>
diff --git a/_posts/2024-09-07-my-forth-post.md b/_posts/2024-09-07-my-forth-post.md
@@ -6,4 +6,5 @@ description: >-
   Sub-Category Test
 author: ryo
 categories: [Another-Category, Sub-Category-2]
+comments: false
 ---
diff --git a/_posts/2024-09-07-my-second-post.md b/_posts/2024-09-07-my-second-post.md
@@ -6,6 +6,7 @@ description: >-
 author: ryo
 date: 2024-09-07 15:55:00 +0800
 categories: [Admin, Sub-Category-Test]
+comments: false
 ---
 
 This is a post to test my sub categorying.
diff --git a/_posts/2024-09-07-my-third-post.md b/_posts/2024-09-07-my-third-post.md
@@ -6,6 +6,7 @@ description: >-
   Sub-Category Test
 author: ryo
 categories: [Admin, Sub-Category-Test]
+comments: false
 ---
 
 This is a post to test my sub categorying.
diff --git a/_tabs/about.md b/_tabs/about.md
@@ -4,11 +4,11 @@ icon: fas fa-info-circle
 order: 1
 ---
 
-Welcome to my engineering space! I’m Ryo, a software engineer passionate about building efficient solutions and exploring new technologies. I believe that the best developers aren’t the ones who know everything, but those who know what to search for, how to ask the right questions, and where to find the correct solutions. Outside of work, I'm an amateur electric guitar, piano, and drums player, as well as a hobbyist composer. I'm also a big dog person.
+Welcome to my engineering space! I’m Ryo, a software engineer passionate about building efficient solutions and exploring new technologies. I believe that being a good developer doesn't necessarily mean knowing everything, but rather knowing what to search for, how to ask the right questions, and how to derive the best solutions. Outside of work, I'm an amateur electric guitar, piano, and drums player, as well as a hobbyist composer. I also have a cute doggo.
 
 ## Current Journey
 
-I recently graduated from the <a href="https://www.linkedin.com/school/national-university-of-singapore/" target="_blank">National University of Singapore (NUS)</a> with a **Bachelor of Computing in Information Systems (Honours with Distinction)**, specializing in Financial Technology. I'm currently working in my first full-time Software Engineering role at <a href="https://www.linkedin.com/company/credit-agricole-cib/mycompany/" target="_blank">Crédit Agricole Corporate Investment Bank</a>, focusing on finance and risk. Before this, I gained experience through internships at <a href="https://www.linkedin.com/company/singapore-power-ltd/" target="_blank">SP Group</a> and <a href="https://www.linkedin.com/company/reluvate/" target="_blank">Reluvate Technologies</a>, primarily in full-stack web development.
+I recently graduated from the <a href="https://www.linkedin.com/school/national-university-of-singapore/" target="_blank">National University of Singapore (NUS)</a> with a **Bachelor of Computing in Information Systems (Honours with Distinction)**, specializing in Financial Technology. I'm currently working in my first full-time Software Engineering role at <a href="https://www.linkedin.com/company/credit-agricole-cib/mycompany/" target="_blank">Crédit Agricole Corporate & Investment Bank</a>, focusing on finance and risk. Before this, I gained experience through internships at <a href="https://www.linkedin.com/company/singapore-power-ltd/" target="_blank">SP Group</a> and <a href="https://www.linkedin.com/company/reluvate/" target="_blank">Reluvate Technologies</a>, primarily in full-stack web development.
 
 <div style="text-align: center; margin: 45px 0;">
   <a href="/assets/resume-ryo-wijaya.pdf" class="btn" style="background-color: #333; color: #fff; padding: 15px 30px; font-size: 18px; text-decoration: none; border-radius: 5px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);" target="_blank">