Merge branch 'master' into production

chore(release): 5.3.2
chore: optimize the heading levels in change-log
2025-12-22 23:53:12 +00:00 · 2022-11-22 21:08:49 +08:00 · 2022-11-22 21:08:47 +08:00 · 2022-11-22 21:08:37 +08:00 · 2022-11-22 20:49:19 +08:00 · 2022-11-22 19:05:19 +08:00
102 changed files with 1675 additions and 1624 deletions
--- a/.commitlintrc.json
+++ b/.commitlintrc.json
@@ -1,5 +1,8 @@
 {
  "rules": {
-    "body-max-line-length": [0, "always"]
+    "body-max-line-length": [
+      0,
+      "always"
+    ]
  }
 }
--- a/.editorconfig
+++ b/.editorconfig
@@ -2,10 +2,13 @@ root = true

 [*]
 charset = utf-8
-# 2 space indentation
 indent_style = space
 indent_size = 2
 trim_trailing_whitespace = true
 # Unix-style newlines with a newline ending every file
 end_of_line = lf
 insert_final_newline = true
+
+
+[*.js]
+indent_size = 4
--- a/.github/FUNDING.yml
+++ b/.github/FUNDING.yml
@@ -1,2 +1,2 @@
 ko_fi: coteschung
-custom: https://cotes.gitee.io/alipay-wechat-donation
+custom: https://sponsor.cotes.page
--- a/.github/workflows/pages-deploy.yml.hook
+++ b/.github/workflows/pages-deploy.yml.hook
@@ -1,4 +1,4 @@
-name: "Build and deploy"
+name: "Build and Deploy"
 on:
  push:
    branches:
@@ -60,7 +60,6 @@ jobs:
          path: "_site${{ steps.pages.outputs.base_path }}"

  deploy:
-    name: "Deploy site"
    environment:
      name: github-pages
      url: ${{ steps.deployment.outputs.page_url }}
--- a/.github/workflows/style-lint.yml
+++ b/.github/workflows/style-lint.yml
@@ -0,0 +1,22 @@
+name: 'Style Lint'
+
+on:
+  push:
+    paths:
+      - '_sass/**.scss'
+  pull_request:
+    paths:
+      - '_sass/**.scss'
+
+jobs:
+  stylelint:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Setup Node
+        uses: actions/setup-node@v3
+      - run: npm i
+      - run: npm test
--- a/.gitignore
+++ b/.gitignore
@@ -7,6 +7,7 @@
 !.husky
 !.commitlintrc.json
 !.versionrc.json
+!.stylelintrc.json

 # bundler cache
 _site
--- a/.nojekyll
+++ b/.nojekyll
@@ -1 +0,0 @@
-
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@@ -0,0 +1,22 @@
+{
+  "extends": "stylelint-config-standard-scss",
+  "rules": {
+    "no-descending-specificity": null,
+    "shorthand-property-no-redundant-values": null,
+    "at-rule-no-vendor-prefix": null,
+    "property-no-vendor-prefix": null,
+    "selector-no-vendor-prefix": null,
+    "value-no-vendor-prefix": null,
+    "color-function-notation": "legacy",
+    "alpha-value-notation": "number",
+    "selector-not-notation": "simple",
+    "color-hex-length": "long",
+    "declaration-block-single-line-max-declarations": 3,
+    "font-family-no-missing-generic-family-keyword": [
+      true,
+      {
+        "ignoreFontFamilies": ["Font Awesome 5 Free"]
+      }
+    ]
+  }
+}
--- a/.travis.yml
+++ b/.travis.yml
@@ -16,13 +16,16 @@ before_script: git -C "$HOME" clone "$BUILDER_REPO" --depth=1 -q
 jobs:
  include:
    - stage: Upgrade
+      cache: bundler
      git:
        depth: false  # for posts' lastmod
      script: eval "$BUILD_CMD"
+
    - stage: Starter
      language: minimal
      install: true   # skip install step
      script: eval "$FLUSH_STARTER"
+
    - stage: Docs
      cache: bundler
      git:
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,41 @@

 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.

+## [5.3.2](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v5.3.1...v5.3.2) (2022-11-22)
+
+
+### Bug Fixes
+
+* `mermaid` occasionally fails to initialize ([#536](https://github.com/cotes2020/jekyll-theme-chirpy/issues/536)) ([48f14e3](https://github.com/cotes2020/jekyll-theme-chirpy/commit/48f14e39ac81bbfb3b9913ea3ee789d775b2d1ae))
+* **comment:** disqus doesn't follow theme mode switching ([b0d5956](https://github.com/cotes2020/jekyll-theme-chirpy/commit/b0d5956f5a0ed894984d6b1754efeba04d8bc966))
+* restore full-text search ([#741](https://github.com/cotes2020/jekyll-theme-chirpy/issues/741)) ([6774e0e](https://github.com/cotes2020/jekyll-theme-chirpy/commit/6774e0e1fb37cf467b14be481347412713763f05))
+* the image URL in the SEO-related tags is incomplete ([#754](https://github.com/cotes2020/jekyll-theme-chirpy/issues/754)) ([f6e9a3f](https://github.com/cotes2020/jekyll-theme-chirpy/commit/f6e9a3fccf7ab34db71f8aefaf86fdcc05861076))
+
+## [5.3.1](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v5.3.0...v5.3.1) (2022-10-25)
+
+
+### Bug Fixes
+
+* 404 page missing title in tablet/desktop view ([5511b28](https://github.com/cotes2020/jekyll-theme-chirpy/commit/5511b2883fd5a395fddfb642588d00c122f18da7))
+* prompt content overflows horizontally ([#705](https://github.com/cotes2020/jekyll-theme-chirpy/issues/705)) ([fb13e32](https://github.com/cotes2020/jekyll-theme-chirpy/commit/fb13e3219b5eca0d2e4f86a1ecabfab75240369f))
+* **tools:** multiple configuration files will fail the test ([80cb0b3](https://github.com/cotes2020/jekyll-theme-chirpy/commit/80cb0b371754e96772a7907877a8ce196398ba3d))
+
+
+### Improvements
+
+* **layout:** improve the min-height of main content ([#674](https://github.com/cotes2020/jekyll-theme-chirpy/issues/674)) ([49bb93c](https://github.com/cotes2020/jekyll-theme-chirpy/commit/49bb93cc0c89ad9cfaad5edcf9cb28c3d5134575))
+* modify checkbox icon with `Liquid` ([1fd665b](https://github.com/cotes2020/jekyll-theme-chirpy/commit/1fd665bf4990c26ae23635c511c5abc9640184d1))
+* optimize the extra padding in lists ([#703](https://github.com/cotes2020/jekyll-theme-chirpy/issues/703)) ([39da11e](https://github.com/cotes2020/jekyll-theme-chirpy/commit/39da11e3f3685f49321757576d2b87a48bf25db5)), closes [#702](https://github.com/cotes2020/jekyll-theme-chirpy/issues/702)
+* **posts:** improve core block bottom padding ([d2fb98b](https://github.com/cotes2020/jekyll-theme-chirpy/commit/d2fb98b3e57f2f6c3fc3816551cd0721731adf40))
+* truncate post content for search results ([647eea8](https://github.com/cotes2020/jekyll-theme-chirpy/commit/647eea8dbd716f9d3cb8330c3139fa753903f51d))
+* **typography:** optimize the line height of post content ([eac3f9b](https://github.com/cotes2020/jekyll-theme-chirpy/commit/eac3f9b434ca77e3dc64eea9cedea7b93e7b306b))
+
+### Others
+
+* **giscus:** add `reactions-enabled` option ([#712](https://github.com/cotes2020/jekyll-theme-chirpy/issues/712)) ([70662a0](https://github.com/cotes2020/jekyll-theme-chirpy/commit/70662a0365e6b9378602dc0a57462ddad5aebcf5))
+* **locale:** restore options for changing date format ([#716](https://github.com/cotes2020/jekyll-theme-chirpy/issues/716)) ([f904e8c](https://github.com/cotes2020/jekyll-theme-chirpy/commit/f904e8cd48c343cc31e25859d9d50bfe2c056f41))
+* remove site config option `prefer_datetime_locale` ([6852ceb](https://github.com/cotes2020/jekyll-theme-chirpy/commit/6852ceb280927ff4e753a3e1131f2b396d9807d0))
+
 ## [5.3.0](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v5.2.1...v5.3.0) (2022-09-23)


@@ -20,7 +55,7 @@ All notable changes to this project will be documented in this file. See [standa
 * code contains spaces in headings ([#644](https://github.com/cotes2020/jekyll-theme-chirpy/issues/644)) ([3fa1bf3](https://github.com/cotes2020/jekyll-theme-chirpy/commit/3fa1bf305451f645a7f3aa93863b076463c8f165))
 * correct spelling of `panel` ([#686](https://github.com/cotes2020/jekyll-theme-chirpy/issues/686)) ([b288587](https://github.com/cotes2020/jekyll-theme-chirpy/commit/b288587c1c3d113a1c52c2d25fb46cddda348961))
 * correct the i18n for tab titles ([0c5b697](https://github.com/cotes2020/jekyll-theme-chirpy/commit/0c5b697fd3b283b6a5c926742b61ed49d8688c18))
-* the `code` doesn’t wrap inside the prompt ([#626](https://github.com/cotes2020/jekyll-theme-chirpy/issues/626)) ([378b65a](https://github.com/cotes2020/jekyll-theme-chirpy/commit/378b65a0617787813519dde74d6f741f255eff3d))
+* the `code` doesn't wrap inside the prompt ([#626](https://github.com/cotes2020/jekyll-theme-chirpy/issues/626)) ([378b65a](https://github.com/cotes2020/jekyll-theme-chirpy/commit/378b65a0617787813519dde74d6f741f255eff3d))

 ## [5.2.1](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v5.2.0...v5.2.1) (2022-06-17)

--- a/README.md
+++ b/README.md
@@ -5,7 +5,7 @@
  A minimal, responsive, and powerful Jekyll theme for presenting professional writing.

  [![Gem Version](https://img.shields.io/gem/v/jekyll-theme-chirpy?color=brightgreen)](https://rubygems.org/gems/jekyll-theme-chirpy)
-  [![Build Status](https://github.com/cotes2020/jekyll-theme-chirpy/workflows/build/badge.svg?branch=master&event=push)](https://github.com/cotes2020/jekyll-theme-chirpy/actions?query=branch%3Amaster+event%3Apush)
+  [![CI](https://github.com/cotes2020/jekyll-theme-chirpy/actions/workflows/ci.yml/badge.svg)](https://github.com/cotes2020/jekyll-theme-chirpy/actions/workflows/ci.yml)
  [![Codacy Badge](https://app.codacy.com/project/badge/Grade/4e556876a3c54d5e8f2d2857c4f43894)](https://www.codacy.com/gh/cotes2020/jekyll-theme-chirpy/dashboard?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=cotes2020/jekyll-theme-chirpy&amp;utm_campaign=Badge_Grade)
  [![GitHub license](https://img.shields.io/github/license/cotes2020/jekyll-theme-chirpy.svg)](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/LICENSE)
  [![996.icu](https://img.shields.io/badge/link-996.icu-%23FF4D5B.svg)](https://996.icu)
@@ -102,4 +102,4 @@ This work is published under [MIT](https://github.com/cotes2020/jekyll-theme-chi
 <!-- ReadMe links -->

 [jb]: https://www.jetbrains.com/?from=jekyll-theme-chirpy
-[cn-donation]: https://cotes.gitee.io/alipay-wechat-donation/
+[cn-donation]: https://sponsor.cotes.page/
--- a/_config.yml
+++ b/_config.yml
@@ -12,8 +12,6 @@ baseurl: ''
 # otherwise, the layout language will use the default value of 'en'.
 lang: en

-# Additional parameters for datetime localization, optional. › https://github.com/iamkun/dayjs/tree/dev/src/locale
-prefer_datetime_locale:

 # Change to your timezone › http://www.timezoneconverter.com/cgi-bin/findzone/findzone
 timezone: Asia/Shanghai
@@ -41,7 +39,7 @@ social:
  # Change to your full name.
  # It will be displayed as the default author of the posts and the copyright owner in the Footer
  name: your_full_name
-  email: example@doamin.com             # change to your email address
+  email: example@domain.com             # change to your email address
  links:
    # The first element serves as the copyright owner's link
    - https://twitter.com/username      # change to your twitter homepage
@@ -80,7 +78,7 @@ theme_mode:   # [light|dark]
 # will be added to all image (site avatar & posts' images) paths starting with '/'
 #
 # e.g. 'https://cdn.com'
-img_cdn: 'https://raw.githubusercontent.com/cotes2020/chirpy-images/main'
+img_cdn: 'https://demo-img.cotes.page'

 # the avatar on sidebar, support local or CORS resources
 avatar: '/commons/avatar.jpg'
@@ -106,6 +104,7 @@ comments:
    mapping:           # optional, default to 'pathname'
    input_position:    # optional, default to 'bottom'
    lang:              # optional, default to the value of `site.lang`
+    reactions_enabled: # optional, default to the value of `1`

 # Self-hosted static assets, optional › https://github.com/cotes2020/chirpy-static-assets
 assets:
--- a/_data/assets/cross_origin.yml
+++ b/_data/assets/cross_origin.yml
@@ -27,13 +27,13 @@ bootstrap-toc:
  js: https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@1.0.1/dist/bootstrap-toc.min.js

 fontawesome:
-  css: https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/css/all.min.css
+  css: https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6/css/all.min.css

 search:
  js: https://cdn.jsdelivr.net/npm/simple-jekyll-search@1.10.0/dest/simple-jekyll-search.min.js

 mermaid:
-  js: https://cdn.jsdelivr.net/npm/mermaid@8/dist/mermaid.min.js
+  js: https://cdn.jsdelivr.net/npm/mermaid@9/dist/mermaid.min.js

 dayjs:
  js:
--- a/_data/assets/self_host.yml
+++ b/_data/assets/self_host.yml
@@ -16,13 +16,13 @@ bootstrap-toc:
  js: /assets/lib/bootstrap-toc-1.0.1/bootstrap-toc.min.js

 fontawesome:
-  css: /assets/lib/fontawesome-free-5.15.4/css/all.min.css
+  css: /assets/lib/fontawesome-free-6.2.1/css/all.min.css

 search:
  js: /assets/lib/simple-jekyll-search-1.10.0/simple-jekyll-search.min.js

 mermaid:
-  js: /assets/lib/mermaid-8.13.10/mermaid.min.js
+  js: /assets/lib/mermaid-9.1.7/mermaid.min.js

 dayjs:
  js:
--- a/_data/locales/en.yml
+++ b/_data/locales/en.yml
@@ -73,6 +73,16 @@ post:
  # pinned prompt of posts list on homepage
  pin_prompt: Pinned

+# Date time format.
+# See: <http://strftime.net/>, <https://day.js.org/docs/en/display/format>
+df:
+  post:
+    strftime: '%b %e, %Y'
+    dayjs: 'll'
+  archives:
+    strftime: '%b'
+    dayjs: 'MMM'
+
 # categories page
 categories:
  category_measure:
--- a/_data/locales/ko-KR.yml
+++ b/_data/locales/ko-KR.yml
@@ -73,6 +73,13 @@ post:
  # pinned prompt of posts list on homepage
  pin_prompt: 핀

+# Date time format.
+# See: <http://strftime.net/>, <https://day.js.org/docs/en/display/format>
+df:
+  post:
+    strftime: '%Y/%m/%d'
+    dayjs: 'YYYY/MM/DD'
+
 # categories page
 categories:
  category_measure: 카테고리
--- a/_data/locales/zh-CN.yml
+++ b/_data/locales/zh-CN.yml
@@ -72,6 +72,13 @@ post:
  # pinned prompt of posts list on homepage
  pin_prompt: 顶置

+# Date time format.
+# See: <http://strftime.net/>, <https://day.js.org/docs/en/display/format>
+df:
+  post:
+    strftime: '%Y/%m/%d'
+    dayjs: 'YYYY/MM/DD'
+
 # categories page
 categories:
  category_measure: 个分类
--- a/_includes/comments/disqus.html
+++ b/_includes/comments/disqus.html
@@ -15,7 +15,6 @@
  };

  /* Lazy loading */
-
  var disqus_observer = new IntersectionObserver(function (entries) {
    if(entries[0].isIntersecting) {
        (function () {
@@ -32,8 +31,9 @@
  disqus_observer.observe(document.querySelector('#disqus_thread'));

  /* Auto switch theme */
-
  function reloadDisqus() {
+    if (event.source === window && event.data &&
+      event.data.direction === ModeToggle.ID) {
      /* Disqus hasn't been loaded */
      if (typeof DISQUS === "undefined") {
        return;
@@ -43,12 +43,12 @@
        DISQUS.reset({ reload: true, config: disqus_config });
      }
    }
+  }

  const modeToggle = document.querySelector(".mode-toggle");

  if (typeof modeToggle !== "undefined") {
-    /*  modeToggle.addEventListener('click', reloadDisqus); // not pretty for 'color-scheme'  */
-    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', reloadDisqus);
+    window.addEventListener("message", reloadDisqus);
  }

 </script>
--- a/_includes/comments/giscus.html
+++ b/_includes/comments/giscus.html
@@ -20,7 +20,7 @@
      "data-category": "{{ site.comments.giscus.category }}",
      "data-category-id": "{{ site.comments.giscus.category_id }}",
      "data-mapping": "{{ site.comments.giscus.mapping | default: 'pathname' }}",
-      "data-reactions-enabled": "1",
+      "data-reactions-enabled": "{{ site.comments.giscus.reactions_enabled | default: '1' }}",
      "data-emit-metadata": "0",
      "data-theme": initTheme,
      "data-input-position": "{{ site.comments.giscus.input_position | default: 'bottom' }}",
--- a/_includes/datetime.html
+++ b/_includes/datetime.html
@@ -4,14 +4,8 @@
 -->

 {% assign wrap_elem = include.wrap | default: 'em' %}
-
-{% if site.prefer_datetime_locale == 'en' or lang == 'en' %}
-  {% assign df_strftime = '%b %e, %Y' %}
-  {% assign df_dayjs = 'll' %}
-{% else %}
-  {% assign df_strftime = '%F' %}
-  {% assign df_dayjs = 'YYYY-MM-DD' %}
-{% endif %}
+{% assign df_strftime = site.data.locales[site.lang].df.post.strftime | default: '%d/%m/%Y' %}
+{% assign df_dayjs = site.data.locales[site.lang].df.post.dayjs | default: 'DD/MM/YYYY' %}

 <{{ wrap_elem }} class="{% if include.class %}{{ include.class }}{% endif %}"
    data-ts="{{ include.date | date: '%s' }}"
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,20 +1,22 @@
 <!-- The Footer -->

-<footer class="row pl-3 pr-3">
-  <div class="col-12 d-flex justify-content-between align-items-center text-muted pl-0 pr-0">
+<footer>
+  <div class="container pl-lg-4 pr-lg-4">
+    <div class="d-flex justify-content-between align-items-center text-muted ml-md-3 mr-md-3">
      <div class="footer-left">
        <p class="mb-0">
          © {{ 'now' | date: "%Y" }}
          <a href="{{ site.social.links[0] }}">{{ site.social.name }}</a>.
-        {% if site.data.locales[lang].copyright.brief %}
+          {% if site.data.locales[site.lang].copyright.brief %}
          <span data-toggle="tooltip" data-placement="top"
-          title="{{ site.data.locales[lang].copyright.verbose }}">{{ site.data.locales[lang].copyright.brief }}</span>
+            title="{{ site.data.locales[site.lang].copyright.verbose }}">{{ site.data.locales[site.lang].copyright.brief }}</span>
          {% endif %}
        </p>
      </div>

      <div class="footer-right">
        <p class="mb-0">
+
          {% capture _platform %}
          <a href="https://jekyllrb.com" target="_blank" rel="noopener">Jekyll</a>
          {% endcapture %}
@@ -23,14 +25,12 @@
          <a href="https://github.com/cotes2020/jekyll-theme-chirpy" target="_blank" rel="noopener">Chirpy</a>
          {% endcapture %}

-        {{ site.data.locales[lang].meta
+          {{ site.data.locales[site.lang].meta
            | default: 'Powered by :PLATFORM with :THEME theme.'
            | replace: ':PLATFORM', _platform | replace: ':THEME', _theme
          }}
-
        </p>
      </div>
-
    </div>
-
+  </div>
 </footer>
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -6,11 +6,6 @@
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

-  <!-- Allow having a localized datetime different from the appearance language -->
-  {% if site.prefer_datetime_locale %}
-    <meta name="prefer-datetime-locale" content="{{ site.prefer_datetime_locale }}">
-  {% endif %}
-
  {% if page.layout == 'home' or page.layout == 'post' %}

    {% if site.google_analytics.pv.proxy_endpoint %}
@@ -27,23 +22,22 @@
    {% seo title=false %}
  {% endcapture %}

-  {% if site.img_cdn and seo_tags contains 'og:image' %}
-    {% assign properties = 'og:image,twitter:image' | split: ',' %}
+  {% if page.image %}
+    {% assign img = page.image.path | default: page.image %}
+    {% assign img_path = page.img_path | append: '/' | append: img | replace: '//', '/' %}
+    {% capture target %}"{{ img | absolute_url }}"{% endcapture %}

-    {% for prop in properties %}
    {% if site.img_cdn contains '//' %}
-        <!-- `site.img_cdn` is a cross-origin URL -->
-        {% capture target %}<meta property="{{ prop }}" content="{{ site.url }}{% endcapture %}
-        {% capture replacement %}<meta property="{{ prop }}" content="{{ site.img_cdn }}{% endcapture %}
+      <!-- it's a cross-origin URL -->
+      {% capture replacement %}"{{ site.img_cdn }}{{ img_path }}"{% endcapture %}
    {% else %}
-        <!-- `site.img_cdn` is a local file path -->
-        {% capture target %}<meta property="{{ prop }}" content="{{ site.url }}{{ site.baseurl }}{% endcapture %}
-        {% assign replacement = target | append: site.img_cdn %}
+      <!-- it's a local file path -->
+      {%- capture replacement -%}
+        "{{ site.img_cdn | append: '/' | append: img_path | replace: '//', '/' | absolute_url }}"
+      {%- endcapture -%}
    {% endif %}

    {% assign seo_tags = seo_tags | replace: target, replacement %}
-
-    {% endfor %}
  {% endif %}

  {{ seo_tags }}
--- a/_includes/js-selector.html
+++ b/_includes/js-selector.html
@@ -29,11 +29,7 @@
    or page.layout == 'category'
    or page.layout == 'tag' %}

-  {% if site.prefer_datetime_locale %}
-    {% assign locale = site.prefer_datetime_locale | downcase %}
-  {% else %}
  {% assign locale = site.lang | split: '-' | first %}
-  {% endif %}

  {% assign _urls = site.data.assets[origin].dayjs.js.common
      | append: ',' | append: site.data.assets[origin].dayjs.js.locale
--- a/_includes/lang.html
+++ b/_includes/lang.html
@@ -1,8 +0,0 @@
-{% comment %}
-Detect appearance language and return it through variable "lang"
-{% endcomment %}
-{% if site.data.locales[site.lang] %}
-  {% assign lang = site.lang %}
-{% else %}
-  {% assign lang = 'en' %}
-{% endif %}
--- a/_includes/mermaid.html
+++ b/_includes/mermaid.html
@@ -5,7 +5,8 @@
 <script src="{{ site.data.assets[origin].mermaid.js | relative_url }}"></script>

 <script>
-  $(function() {
+  (function () {
+
    function updateMermaid(event) {
      if (event.source === window && event.data &&
        event.data.direction === ModeToggle.ID) {
@@ -43,15 +44,16 @@
      theme: initTheme  /* <default|dark|forest|neutral> */
    };

-    /* Markdown converts to HTML */
+    /* Create mermaid tag */
    $("pre").has("code.language-mermaid").each(function () {
      let svgCode = $(this).children().html();
      $(this).addClass("unloaded");
-      $(this).after(`<div class=\"mermaid\">${svgCode}</div>`);
+      $(this).after(`<pre class=\"mermaid\">${svgCode}</pre>`);
    });

    mermaid.initialize(mermaidConf);

    window.addEventListener("message", updateMermaid);
-  });
+  })();
+
 </script>
--- a/_includes/post-nav.html
+++ b/_includes/post-nav.html
@@ -5,24 +5,24 @@
 <div class="post-navigation d-flex justify-content-between">
  {% if page.previous.url %}
  <a href="{{ site.baseurl }}{{ page.previous.url }}" class="btn btn-outline-primary"
-    prompt="{{ site.data.locales[lang].post.button.previous }}">
+    prompt="{{ site.data.locales[site.lang].post.button.previous }}">
    <p>{{ page.previous.title }}</p>
  </a>
  {% else %}
  <div class="btn btn-outline-primary disabled"
-    prompt="{{ site.data.locales[lang].post.button.previous }}">
+    prompt="{{ site.data.locales[site.lang].post.button.previous }}">
    <p>-</p>
  </div>
  {% endif %}

  {% if page.next.url %}
  <a href="{{ site.baseurl }}{{page.next.url}}" class="btn btn-outline-primary"
-    prompt="{{ site.data.locales[lang].post.button.next }}">
+    prompt="{{ site.data.locales[site.lang].post.button.next }}">
    <p>{{ page.next.title }}</p>
  </a>
  {% else %}
  <div class="btn btn-outline-primary disabled"
-    prompt="{{ site.data.locales[lang].post.button.next }}">
+    prompt="{{ site.data.locales[site.lang].post.button.next }}">
    <p>-</p>
  </div>
  {% endif %}
--- a/_includes/post-sharing.html
+++ b/_includes/post-sharing.html
@@ -3,7 +3,7 @@
 -->

 <div class="share-wrapper">
-  <span class="share-label text-muted mr-1">{{ site.data.locales[lang].post.share }}</span>
+  <span class="share-label text-muted mr-1">{{ site.data.locales[site.lang].post.share }}</span>
  <span class="share-icons">
    {% capture title %}{{ page.title }} - {{ site.title }}{% endcapture %}
    {% assign title = title | url_encode %}
@@ -19,8 +19,8 @@

    <i id="copy-link" class="fa-fw fas fa-link small"
        data-toggle="tooltip" data-placement="top"
-        title="{{ site.data.locales[lang].post.button.share_link.title }}"
-        data-title-succeed="{{ site.data.locales[lang].post.button.share_link.succeed }}">
+        title="{{ site.data.locales[site.lang].post.button.share_link.title }}"
+        data-title-succeed="{{ site.data.locales[site.lang].post.button.share_link.succeed }}">
    </i>

  </span>
--- a/_includes/read-time.html
+++ b/_includes/read-time.html
@@ -16,13 +16,13 @@
 {% endunless %}

 {% capture read_prompt %}
-  {{- site.data.locales[lang].post.read_time.prompt -}}
+  {{- site.data.locales[site.lang].post.read_time.prompt -}}
 {% endcapture %}

 <!-- return element -->
 <span class="readtime" data-toggle="tooltip" data-placement="bottom"
-  title="{{ words }} {{ site.data.locales[lang].post.words }}">
-  <em>{{- read_time -}}{{" "}}{{- site.data.locales[lang].post.read_time.unit -}}</em>
+  title="{{ words }} {{ site.data.locales[site.lang].post.words }}">
+  <em>{{- read_time -}}{{" "}}{{- site.data.locales[site.lang].post.read_time.unit -}}</em>
  {%- if include.prompt -%}
    {%- assign _prompt_words = read_prompt | number_of_words: 'auto' -%}
    {%- unless _prompt_words > 1 -%}{{ " " }}{%- endunless -%}{{ read_prompt }}
--- a/_includes/refactor-content.html
+++ b/_includes/refactor-content.html
@@ -31,11 +31,15 @@
  %}
 {% endif %}

-<!-- Add attribute 'hide-bullet' to the checkbox list -->
-
-{% if _content contains '<li class="task-list-item"><' %}
+<!-- Change the icon of checkbox -->
+{% if _content contains '<input type="checkbox"' %}
  {% assign _content = _content
-    | replace: '"task-list-item"><', '"task-list-item" hide-bullet><'
+    | replace:
+        '<input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />',
+        '<i class="fas fa-check-circle fa-fw checked"></i>'
+    | replace:
+        '<input type="checkbox" class="task-list-item-checkbox" disabled="disabled" />',
+        '<i class="far fa-circle fa-fw"></i>'
  %}
 {% endif %}

@@ -103,13 +107,7 @@

        <!-- Add image path -->
        {% if page.img_path %}
-          {% assign _path = page.img_path %}
-          {% assign last_char = _path | slice: -1 %}
-
-          {% unless last_char == '/' %}
-            {% assign _path = _path | append: '/' %}
-          {% endunless %}
-
+          {% assign _path = page.img_path | append: '/' | replace: '//', '/' %}
          {% assign _src_prefix = _src_prefix | append: _path %}
        {% endif %}

@@ -177,7 +175,7 @@
          | append: '<div class="code-header">'
          | append: _label
          | append: '<button aria-label="copy" data-title-succeed="'
-          | append: site.data.locales[lang].post.button.copy_code.succeed
+          | append: site.data.locales[site.lang].post.button.copy_code.succeed
          | append: '"><i class="far fa-clipboard"></i></button></div>'
          | append: '<div class="highlight"><code>'
      %}
--- a/_includes/related-posts.html
+++ b/_includes/related-posts.html
@@ -78,7 +78,7 @@
 {% if index_list.size > 0 %}
  <div id="related-posts" class="mb-2 mb-sm-4">
    <h3 class="pt-2 mb-4 ml-1"
-      data-toc-skip>{{ site.data.locales[lang].post.relate_posts }}</h3>
+      data-toc-skip>{{ site.data.locales[site.lang].post.relate_posts }}</h3>
    <div class="card-deck mb-4">
    {% for entry in index_list %}
      {% assign index = entry | plus: 0 %}
--- a/_includes/search-loader.html
+++ b/_includes/search-loader.html
@@ -14,7 +14,7 @@
 </div>
 {% endcapture %}

-{% capture not_found %}<p class="mt-5">{{ site.data.locales[lang].search.no_results }}</p>{% endcapture %}
+{% capture not_found %}<p class="mt-5">{{ site.data.locales[site.lang].search.no_results }}</p>{% endcapture %}

 <script src="{{ site.data.assets[origin].search.js | relative_url }}"></script>

--- a/_includes/sidebar.html
+++ b/_includes/sidebar.html
@@ -21,7 +21,7 @@
      </a>
    </div>

-    <div class="site-title mt-3">
+    <div class="site-title">
      <a href="{{ '/' | relative_url }}">{{ site.title }}</a>
    </div>
    <div class="site-subtitle font-italic">{{ site.tagline }}</div>
@@ -34,7 +34,7 @@
    <li class="nav-item{% if page.layout == 'home' %}{{ " active" }}{% endif %}">
      <a href="{{ '/' | relative_url }}" class="nav-link">
        <i class="fa-fw fas fa-home ml-xl-3 mr-xl-3 unloaded"></i>
-        <span>{{ site.data.locales[lang].tabs.home | upcase }}</span>
+        <span>{{ site.data.locales[site.lang].tabs.home | upcase }}</span>
      </a>
    </li>
    <!-- the real tabs -->
@@ -44,7 +44,7 @@
        <i class="fa-fw {{ tab.icon }} ml-xl-3 mr-xl-3 unloaded"></i>
        {% capture tab_name %}{{ tab.url | split: '/' }}{% endcapture %}

-        <span>{{ site.data.locales[lang].tabs.[tab_name] | default: tab.title | upcase }}</span>
+        <span>{{ site.data.locales[site.lang].tabs.[tab_name] | default: tab.title | upcase }}</span>
      </a>
    </li> <!-- .nav-item -->
    {% endfor %}
--- a/_includes/toc.html
+++ b/_includes/toc.html
@@ -10,7 +10,7 @@
 <script src="{{ site.data.assets[origin].bootstrap-toc.js | relative_url }}"></script>

 <div id="toc-wrapper" class="pl-0 pr-4 mb-5">
-  <div class="panel-heading pl-3 pt-2 mb-2">{{- site.data.locales[lang].panel.toc -}}</div>
+  <div class="panel-heading pl-3 pt-2 mb-2">{{- site.data.locales[site.lang].panel.toc -}}</div>
  <nav id="toc" data-toggle="toc"></nav>
 </div>
 {% endif %}
--- a/_includes/topbar.html
+++ b/_includes/topbar.html
@@ -10,7 +10,7 @@

    {% if paths.size == 0 or page.layout == 'home' %}
      <!-- index page -->
-      <span>{{ site.data.locales[lang].tabs.home | capitalize }}</span>
+      <span>{{ site.data.locales[site.lang].tabs.home | capitalize }}</span>

    {% else %}

@@ -19,14 +19,14 @@
        {% if forloop.first %}
          <span>
            <a href="{{ '/' | relative_url }}">
-              {{ site.data.locales[lang].tabs.home | capitalize }}
+              {{ site.data.locales[site.lang].tabs.home | capitalize }}
            </a>
          </span>

        {% elsif forloop.last %}

          {% if page.collection == 'tabs' %}
-            <span>{{ site.data.locales[lang].tabs[item] | default: page.title }}</span>
+            <span>{{ site.data.locales[site.lang].tabs[item] | default: page.title }}</span>
          {% else %}
            <span>{{ page.title }}</span>
          {% endif %}
@@ -34,7 +34,7 @@
        {% elsif page.layout == 'category' or page.layout == 'tag' %}
          <span>
            <a href="{{ item | relative_url }}">
-              {{ site.data.locales[lang].tabs[item] | default: page.title }}
+              {{ site.data.locales[site.lang].tabs[item] | default: page.title }}
            </a>
          </span>
        {% endif %}
@@ -49,12 +49,12 @@

    <div id="topbar-title">
      {% if page.layout == 'home' %}
-        {{- site.data.locales[lang].title | default: site.title -}}
+        {{- site.data.locales[site.lang].title | default: site.title -}}
      {% elsif page.collection == 'tabs' or page.layout == 'page' %}
        {%- capture tab_key -%}{{ page.url | split: '/' }}{%- endcapture -%}
-        {{- site.data.locales[lang].tabs[tab_key] | default: page.title -}}
+        {{- site.data.locales[site.lang].tabs[tab_key] | default: page.title -}}
      {% else %}
-        {{- site.data.locales[lang].layout[page.layout] | default: page.layout | capitalize -}}
+        {{- site.data.locales[site.lang].layout[page.layout] | default: page.layout | capitalize -}}
      {% endif %}
    </div>

@@ -62,9 +62,9 @@
    <span id="search-wrapper" class="align-items-center">
      <i class="fas fa-search fa-fw"></i>
      <input class="form-control" id="search-input" type="search"
-        aria-label="search" autocomplete="off" placeholder="{{ site.data.locales[lang].search.hint | capitalize }}...">
+        aria-label="search" autocomplete="off" placeholder="{{ site.data.locales[site.lang].search.hint | capitalize }}...">
    </span>
-    <span id="search-cancel" >{{ site.data.locales[lang].search.cancel }}</span>
+    <span id="search-cancel" >{{ site.data.locales[site.lang].search.cancel }}</span>
  </div>

 </div>
--- a/_includes/trending-tags.html
+++ b/_includes/trending-tags.html
@@ -37,7 +37,7 @@

 {% if trending_tags.size > 0 %}
  <div id="access-tags">
-    <div class="panel-heading">{{- site.data.locales[lang].panel.trending_tags -}}</div>
+    <div class="panel-heading">{{- site.data.locales[site.lang].panel.trending_tags -}}</div>
    <div class="d-flex flex-wrap mt-3 mb-1 mr-3">

    {% for tag_name in trending_tags %}
--- a/_includes/update-list.html
+++ b/_includes/update-list.html
@@ -26,7 +26,7 @@
 {% if update_list.size > 0 %}

  <div id="access-lastmod" class="post">
-    <div class="panel-heading">{{- site.data.locales[lang].panel.lastmod -}}</div>
+    <div class="panel-heading">{{- site.data.locales[site.lang].panel.lastmod -}}</div>
    <ul class="post-content pl-0 pb-1 ml-1 mt-2">
      {% for item in update_list %}
        {% assign index = item | split: "::" | last | plus: 0 %}
--- a/_javascript/commons/back-to-top.js
+++ b/_javascript/commons/back-to-top.js
@@ -1,5 +1,5 @@
-/*
-Reference: https://bootsnipp.com/snippets/featured/link-to-top-page
+/**
+ * Reference: https://bootsnipp.com/snippets/featured/link-to-top-page
 */
 $(function() {
    $(window).scroll(() => {
--- a/_javascript/commons/mode-toggle.js
+++ b/_javascript/commons/mode-toggle.js
@@ -1,4 +1,4 @@
-/*
+/**
 * Listener for theme mode toggle
 */
 $(function () {
--- a/_javascript/commons/scroll-helper.js
+++ b/_javascript/commons/scroll-helper.js
@@ -18,7 +18,9 @@ const ScrollHelper = (function () {

        addScrollUpTask: () => {
            scrollUpCount += 1;
-      if (!topbarLocked) { topbarLocked = true; }
+            if (!topbarLocked) {
+                topbarLocked = true;
+            }
        },
        popScrollUpTask: () => scrollUpCount -= 1,
        hasScrollUpTask: () => scrollUpCount > 0,
--- a/_javascript/commons/search-display.js
+++ b/_javascript/commons/search-display.js
@@ -1,4 +1,4 @@
-/*
+/**
 * This script make #search-result-wrapper switch to unloaded or shown automatically.
 */

--- a/_javascript/commons/sidebar.js
+++ b/_javascript/commons/sidebar.js
@@ -3,7 +3,6 @@
 */

 $(function () {
-
    const sidebarUtil = (function () {
        const ATTR_DISPLAY = "sidebar-display";
        let isExpanded = false;
@@ -26,5 +25,4 @@ $(function() {
    $("#sidebar-trigger").click(sidebarUtil.toggle);

    $("#mask").click(sidebarUtil.toggle);
-
 });
--- a/_javascript/commons/topbar-switcher.js
+++ b/_javascript/commons/topbar-switcher.js
@@ -1,4 +1,4 @@
-/*
+/**
 * Hide Header on scroll down
 */

@@ -86,5 +86,4 @@ $(function() {
            didScroll = false;
        }
    }, 250);
-
 });
--- a/_javascript/commons/topbar-title.js
+++ b/_javascript/commons/topbar-title.js
@@ -1,4 +1,4 @@
-/*
+/**
 * Top bar title auto change while scrolling up/down in mobile screens.
 */

--- a/_javascript/copyright
+++ b/_javascript/copyright
@@ -1,5 +1,5 @@
 /*!
- * Chirpy v5.3.0 (https://github.com/cotes2020/jekyll-theme-chirpy/)
+ * Chirpy v5.3.2 (https://github.com/cotes2020/jekyll-theme-chirpy/)
 * © 2019 Cotes Chung
 * MIT Licensed
 */
--- a/_javascript/utils/category-collapse.js
+++ b/_javascript/utils/category-collapse.js
@@ -1,4 +1,4 @@
-/*
+/**
 * Tab 'Categories' expand/close effect.
 */

--- a/_javascript/utils/checkbox.js
+++ b/_javascript/utils/checkbox.js
@@ -1,12 +0,0 @@
-/*
- * Create a more beautiful checkbox
- */
-
-$(function() {
-  /* hide browser default checkbox */
-  $("input[type=checkbox]").addClass("unloaded");
-  /* create checked checkbox */
-  $("input[type=checkbox][checked]").before("<i class=\"fas fa-check-circle checked\"></i>");
-  /* create normal checkbox */
-  $("input[type=checkbox]:not([checked])").before("<i class=\"far fa-circle\"></i>");
-});
--- a/_javascript/utils/clipboard.js
+++ b/_javascript/utils/clipboard.js
@@ -1,4 +1,4 @@
-/*
+/**
 * Clipboard functions
 *
 * Dependencies:
--- a/_javascript/utils/img-extra.js
+++ b/_javascript/utils/img-extra.js
@@ -4,7 +4,6 @@
 */

 $(function () {
-
    const IMG_SCOPE = '#main > div.row:first-child > div:first-child';

    if ($(`${IMG_SCOPE} img`).length <= 0) {
--- a/_javascript/utils/locale-datetime.js
+++ b/_javascript/utils/locale-datetime.js
@@ -6,9 +6,7 @@

 /* A tool for locale datetime */
 const LocaleHelper = (function () {
-  const $preferLocale = $('meta[name="prefer-datetime-locale"]');
-  const locale = $preferLocale.length > 0 ?
-      $preferLocale.attr('content').toLowerCase() : $('html').attr('lang').substr(0, 2);
+    const locale = $('html').attr('lang').substr(0, 2);
    const attrTimestamp = 'data-ts';
    const attrDateFormat = 'data-df';

--- a/_javascript/utils/pageviews.js
+++ b/_javascript/utils/pageviews.js
@@ -1,4 +1,4 @@
-/*
+/**
 * Count page views form GA or local cache file.
 *
 * Dependencies:
--- a/_javascript/utils/smooth-scroll.js
+++ b/_javascript/utils/smooth-scroll.js
@@ -1,4 +1,4 @@
-/*
+/**
 Safari doesn't support CSS `scroll-behavior: smooth`,
 so here is a compatible solution for all browser to smooth scrolling

@@ -28,7 +28,7 @@ $(function() {
            const hash = decodeURI(this.hash);
            let toFootnoteRef = RegExp(/^#fnref:/).test(hash);
            let toFootnote = toFootnoteRef ? false : RegExp(/^#fn:/).test(hash);
-      let selector = hash.includes(":") ? hash.replace(/\:/g, "\\:") : hash;
+            let selector = hash.includes(":") ? hash.replace(/:/g, "\\:") : hash;
            let $target = $(selector);

            let isMobileViews = $topbarTitle.is(":visible");
--- a/_layouts/archives.html
+++ b/_layouts/archives.html
@@ -3,15 +3,8 @@ layout: page
 # The Archives of posts.
 ---

-{% include lang.html %}
-
-{% if site.prefer_datetime_locale == 'en' or lang == 'en' %}
-  {% assign df_strftime_m = '%b' %}
-  {% assign df_dayjs_m = 'MMM' %}
-{% else %}
-  {% assign df_strftime_m = '/ %m' %}
-  {% assign df_dayjs_m = '/ MM' %}
-{% endif %}
+{% assign df_strftime_m = site.data.locales[site.lang].df.archives.strftime | default: '/ %m' %}
+{% assign df_dayjs_m = site.data.locales[site.lang].df.archives.dayjs | default: '/ MM' %}

 <div id="archives" class="pl-xl-3">

--- a/_layouts/categories.html
+++ b/_layouts/categories.html
@@ -3,8 +3,6 @@ layout: page
 # All the Categories of posts
 ---

-{% include lang.html %}
-
 {% assign HEAD_PREFIX = "h_" %}
 {% assign LIST_PREFIX = "l_" %}

@@ -48,22 +46,22 @@ layout: page
          {% if sub_categories_size > 0 %}
            {{ sub_categories_size }}
            {% if sub_categories_size > 1 %}
-              {{ site.data.locales[lang].categories.category_measure.plural
-                | default: site.data.locales[lang].categories.category_measure }}
+              {{ site.data.locales[site.lang].categories.category_measure.plural
+                | default: site.data.locales[site.lang].categories.category_measure }}
            {% else %}
-              {{ site.data.locales[lang].categories.category_measure.singular
-                | default: site.data.locales[lang].categories.category_measure }}
+              {{ site.data.locales[site.lang].categories.category_measure.singular
+                | default: site.data.locales[site.lang].categories.category_measure }}
            {% endif %},
          {% endif %}

          {{ top_posts_size }}

          {% if top_posts_size > 1 %}
-            {{ site.data.locales[lang].categories.post_measure.plural
-              | default: site.data.locales[lang].categories.post_measure }}
+            {{ site.data.locales[site.lang].categories.post_measure.plural
+              | default: site.data.locales[site.lang].categories.post_measure }}
          {% else %}
-            {{ site.data.locales[lang].categories.post_measure.singular
-              | default: site.data.locales[lang].categories.post_measure }}
+            {{ site.data.locales[site.lang].categories.post_measure.singular
+              | default: site.data.locales[site.lang].categories.post_measure }}
          {% endif %}
        </span>
      </span>
@@ -99,11 +97,11 @@ layout: page
            {{ posts_size }}

            {% if posts_size > 1 %}
-              {{ site.data.locales[lang].categories.post_measure.plural
-                | default: site.data.locales[lang].categories.post_measure }}
+              {{ site.data.locales[site.lang].categories.post_measure.plural
+                | default: site.data.locales[site.lang].categories.post_measure }}
            {% else %}
-              {{ site.data.locales[lang].categories.post_measure.singular
-                | default: site.data.locales[lang].categories.post_measure }}
+              {{ site.data.locales[site.lang].categories.post_measure.singular
+                | default: site.data.locales[site.lang].categories.post_measure }}
            {% endif %}
          </span>
        </li>
--- a/_layouts/category.html
+++ b/_layouts/category.html
@@ -3,8 +3,6 @@ layout: page
 # The Category layout
 ---

-{% include lang.html %}
-
 <div id="page-category">
  <h1 class="pl-lg-2">
    <i class="far fa-folder-open fa-fw text-muted"></i>
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -5,8 +5,6 @@ layout: compress

 <!DOCTYPE html>

-{% include lang.html %}
-
 {% include assets-origin.html %}

 {% capture prefer_mode %}
@@ -15,7 +13,8 @@ layout: compress
  {% endif %}
 {% endcapture %}

-<html lang="{{ site.lang }}"{{ prefer_mode }}>
+<!-- `site.alt_lang` can specify a language different from the UI -->
+<html lang="{{ site.alt_lang | default: site.lang }}"{{ prefer_mode }}>

  {% include head.html %}

@@ -27,17 +26,15 @@ layout: compress

    <div id="main-wrapper" class="d-flex justify-content-center">
      <div id="main" class="container pl-xl-4 pr-xl-4">
-
        {{ content }}
-
-        {% include footer.html %}
-
      </div>

      {% include search-results.html %}

    </div> <!-- #main-wrapper -->

+    {% include footer.html %}
+
    {% if page.mermaid %}
      {% include mermaid.html %}
    {% endif %}
@@ -57,9 +54,9 @@ layout: compress
          </button>
        </div>
        <div class="toast-body text-center pt-0">
-          <p class="pl-2 pr-2 mb-3">{{ site.data.locales[lang].notification.update_found }}</p>
+          <p class="pl-2 pr-2 mb-3">{{ site.data.locales[site.lang].notification.update_found }}</p>
          <button type="button" class="btn btn-primary" aria-label="Update">
-            {{ site.data.locales[lang].notification.update }}
+            {{ site.data.locales[site.lang].notification.update }}
          </button>
        </div>
      </div>
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -3,8 +3,6 @@ layout: page
 # The Home page layout
 ---

-{% include lang.html %}
-
 {% assign pinned = site.posts | where: "pin", "true" %}
 {% assign default = site.posts | where_exp: "item", "item.pin != true and item.hidden != true" %}

@@ -79,7 +77,7 @@ layout: page
      {% if post.pin %}
      <div class="pin">
        <i class="fas fa-thumbtack fa-fw"></i>
-        <span>{{ site.data.locales[lang].post.pin_prompt }}</span>
+        <span>{{ site.data.locales[site.lang].post.pin_prompt }}</span>
      </div>
      {% endif %}

--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -2,14 +2,12 @@
 layout: default
 ---

-{% include lang.html %}
-
 {% include assets-origin.html %}

 <div class="row">

  <!-- core -->
-  <div id="core-wrapper" class="col-12 col-lg-11 col-xl-9 pr-xl-4 pb-5">
+  <div id="core-wrapper" class="col-12 col-lg-11 col-xl-9 pr-xl-4">
    <div class="post pl-1 pr-1 pl-md-2 pr-md-2">

    {% capture _content %}
@@ -20,9 +18,9 @@ layout: default
      {% endif %}
    {% endcapture %}

-    {% if page.collection == 'tabs' %}
+    {% if page.layout == 'page' or page.collection == 'tabs' %}
      {% assign tab_key = page.title | downcase %}
-      {% assign title = site.data.locales[lang].tabs[tab_key] | default: page.title %}
+      {% assign title = site.data.locales[site.lang].tabs[tab_key] | default: page.title %}
      <h1 class="dynamic-title">
        {{ title }}
      </h1>
@@ -55,7 +53,7 @@ layout: default
 <!-- tail -->
 {% if layout.tail_includes %}
 <div class="row">
-  <div id="tail-wrapper" class="col-12 col-lg-11 col-xl-9 pl-3 pr-3 pr-xl-4">
+  <div id="tail-wrapper" class="col-12 col-lg-11 col-xl-9 pl-3 pr-3 pr-xl-4 mt-5">
    {% for _include in layout.tail_includes %}
      {% assign _include_path = _include | append: '.html' %}
      {% include {{ _include_path }} %}
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -9,32 +9,30 @@ tail_includes:
  - comments
 ---

-{% include lang.html %}
-
 <h1 data-toc-skip>{{ page.title }}</h1>

 <div class="post-meta text-muted">
    <!-- published date -->
    <span>
-      {{ site.data.locales[lang].post.posted }}
+      {{ site.data.locales[site.lang].post.posted }}
      {% include datetime.html date=page.date tooltip=true %}
    </span>

    <!-- lastmod date -->
    {% if page.last_modified_at %}
    <span>
-      {{ site.data.locales[lang].post.updated }}
+      {{ site.data.locales[site.lang].post.updated }}
      {% include datetime.html date=page.last_modified_at tooltip=true %}
    </span>
    {% endif %}

-  {% if page.image.path %}
+  {% if page.image %}
    {% capture bg %}
      {% unless page.image.no_bg %}{{ 'bg' }}{% endunless %}
    {% endcapture %}

    <div class="mt-3 mb-3">
-      <img src="{{ page.image.path }}" class="preview-img {{ bg | strip }}"
+      <img src="{{ page.image.path | default: page.image }}" class="preview-img {{ bg | strip }}"
        alt="{{ page.image.alt | default: "Preview Image" }}"

      {% if page.image.width %}
@@ -65,7 +63,7 @@ tail_includes:
        {% assign authors = page.authors %}
      {% endif %}

-      {{ site.data.locales[lang].post.written_by }}
+      {{ site.data.locales[site.lang].post.written_by }}

      <em>
      {% if authors %}
@@ -86,7 +84,7 @@ tail_includes:
        <em id="pv" class="pageviews">
          <i class="fas fa-spinner fa-spin fa-fw"></i>
        </em>
-        {{ site.data.locales[lang].post.pageview_measure }}
+        {{ site.data.locales[site.lang].post.pageview_measure }}
      </span>
      {% endif %}

@@ -132,15 +130,15 @@ tail_includes:
    d-flex justify-content-between align-items-center mt-3 pt-5 pb-2">
    <div class="license-wrapper">

-      {% if site.data.locales[lang].copyright.license.template %}
+      {% if site.data.locales[site.lang].copyright.license.template %}

        {% capture _replacement %}
-        <a href="{{ site.data.locales[lang].copyright.license.link }}">
-          {{ site.data.locales[lang].copyright.license.name }}
+        <a href="{{ site.data.locales[site.lang].copyright.license.link }}">
+          {{ site.data.locales[site.lang].copyright.license.name }}
        </a>
        {% endcapture %}

-        {{ site.data.locales[lang].copyright.license.template | replace: ':LICENSE_NAME', _replacement }}
+        {{ site.data.locales[site.lang].copyright.license.template | replace: ':LICENSE_NAME', _replacement }}

      {% endif %}
    </div>
--- a/_layouts/tag.html
+++ b/_layouts/tag.html
@@ -3,8 +3,6 @@ layout: page
 # The layout for Tag page
 ---

-{% include lang.html %}
-
 <div id="page-tag">
  <h1 class="pl-lg-2">
    <i class="fa fa-tag fa-fw text-muted"></i>
--- a/_posts/2019-08-08-text-and-typography.md
+++ b/_posts/2019-08-08-text-and-typography.md
@@ -30,17 +30,7 @@ This post is to show Markdown syntax rendering on [**Chirpy**](https://github.co

 ## Paragraph

-I wandered lonely as a cloud
-
-That floats on high o'er vales and hills,
-
-When all at once I saw a crowd,
-
-A host, of golden daffodils;
-
-Beside the lake, beneath the trees,
-
-Fluttering and dancing in the breeze.
+Quisque egestas convallis ipsum, ut sollicitudin risus tincidunt a. Maecenas interdum malesuada egestas. Duis consectetur porta risus, sit amet vulputate urna facilisis ac. Phasellus semper dui non purus ultrices sodales. Aliquam ante lorem, ornare a feugiat ac, finibus nec mauris. Vivamus ut tristique nisi. Sed vel leo vulputate, efficitur risus non, posuere mi. Nullam tincidunt bibendum rutrum. Proin commodo ornare sapien. Vivamus interdum diam sed sapien blandit, sit amet aliquam risus mattis. Nullam arcu turpis, mollis quis laoreet at, placerat id nibh. Suspendisse venenatis eros eros.

 ## Lists

@@ -53,17 +43,15 @@ Fluttering and dancing in the breeze.
 ### Unordered list

 - Chapter
-  - Section
-    - Paragraph
+  + Section
+    * Paragraph

-### Task list
+### ToDo list

- [ ] TODO
- [x] Completed
- [ ] Defeat COVID-19
-  - [x] Vaccine production
-  - [ ] Economic recovery
-  - [ ] People smile again
+- [ ] Job
+  + [x] Step 1
+  + [x] Step 2
+  + [ ] Step 3

 ### Description list

@@ -118,30 +106,24 @@ _Full screen width and center alignment_

 - Shadow

-![Window shadow](/posts/20190808/window.png){: .shadow width="1548" height="864" style="max-width: 90%" }
+![Window shadow](/posts/20190808/window.png){: .shadow width="1548" height="864" .w-75 }
 _shadow effect (visible in light mode)_

 <br>

 - Left aligned

-![Desktop View](/posts/20190808/mockup.png){: width="972" height="589" style="max-width: 70%" .normal}
-
-<br>
+![Desktop View](/posts/20190808/mockup.png){: width="972" height="589" .w-75 .normal}

 - Float to left

-  ![Desktop View](/posts/20190808/mockup.png){: width="972" height="589" style="max-width: 200px" .left}
-  "A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space."
-
-<br>
+  ![Desktop View](/posts/20190808/mockup.png){: width="972" height="589" .w-50 .left}
+  Praesent maximus aliquam sapien. Sed vel neque in dolor pulvinar auctor. Maecenas pharetra, sem sit amet interdum posuere, tellus lacus eleifend magna, ac lobortis felis ipsum id sapien. Proin ornare rutrum metus, ac convallis diam volutpat sit amet. Phasellus volutpat, elit sit amet tincidunt mollis, felis mi scelerisque mauris, ut facilisis leo magna accumsan sapien. In rutrum vehicula nisl eget tempor. Nullam maximus ullamcorper libero non maximus. Integer ultricies velit id convallis varius. Praesent eu nisl eu urna finibus ultrices id nec ex. Mauris ac mattis quam. Fusce aliquam est nec sapien bibendum, vitae malesuada ligula condimentum. Phasellus a tortor aliquam, tristique felis sit amet, elementum enim. Integer vestibulum vitae nulla nec pretium.

 - Float to right

-  ![Desktop View](/posts/20190808/mockup.png){: width="972" height="589" style="max-width: 200px" .right}
-  "A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space."
-
-<br>
+  ![Desktop View](/posts/20190808/mockup.png){: width="972" height="589" .w-50 .right}
+  Praesent maximus aliquam sapien. Sed vel neque in dolor pulvinar auctor. Maecenas pharetra, sem sit amet interdum posuere, tellus lacus eleifend magna, ac lobortis felis ipsum id sapien. Proin ornare rutrum metus, ac convallis diam volutpat sit amet. Phasellus volutpat, elit sit amet tincidunt mollis, felis mi scelerisque mauris, ut facilisis leo magna accumsan sapien. In rutrum vehicula nisl eget tempor. Nullam maximus ullamcorper libero non maximus. Integer ultricies velit id convallis varius. Praesent eu nisl eu urna finibus ultrices id nec ex. Mauris ac mattis quam. Fusce aliquam est nec sapien bibendum, vitae malesuada ligula condimentum. Phasellus a tortor aliquam, tristique felis sit amet, elementum enim. Integer vestibulum vitae nulla nec pretium.

 ## Mermaid SVG

--- a/_posts/2019-08-08-write-a-new-post.md
+++ b/_posts/2019-08-08-write-a-new-post.md
@@ -243,7 +243,7 @@ If you want to add an image to the top of the post contents, specify the attribu
 ```yaml
 ---
 image:
-  path: /path/to/image/file
+  path: /path/to/image
  width: 1000   # in pixels
  height: 400   # in pixels
  alt: image alternative text
@@ -254,7 +254,11 @@ Except for `alt`, all other options are necessary, especially the `width` and `h

 Starting from _Chirpy v5.0.0_, the attributes `height` and `width` can be abbreviated: `height` → `h`, `width` → `w`. In addition, the [`img_path`](#image-path) can also be passed to the preview image, that is, when it has been set, the  attribute `path` only needs the image file name.

-Starting from _Chirpy v5.2.0_, the property for the preview image is changed to `image.path`. If upgrading the theme from a prior version, you will have to update posts' metadata to use new image property.
+For simple use, you can also just use `image` to define the path.
+
+```yml
+image: /path/to/image
+```

 ## Pinned Posts

--- a/_posts/2019-08-09-getting-started.md
+++ b/_posts/2019-08-09-getting-started.md
@@ -109,11 +109,17 @@ Now you can choose ONE of the following methods to deploy your Jekyll site.

 Ensure your Jekyll site has the file `.github/workflows/pages-deploy.yml`{: .filepath}. Otherwise, create a new one and fill in the contents of the [sample file][workflow], and the value of the `on.push.branches` should be the same as your repo's default branch name. And then rename your repository to `<GH_USERNAME>.github.io` on GitHub.

+Furthermore, if you have committed `Gemfile.lock`{: .filepath} to the repository and your local machine is not Linux, go the the root directory of your site and update the platform list:
+
+```console
+$ bundle lock --add-platform x86_64-linux
+```
+
 Now publish your Jekyll site:

 1. Browse to your repository on GitHub. Select the tab _Settings_, then click _Pages_ in the left navigation bar. Then, in the **Source** section (under _Build and deployment_), select [**GitHub Actions**][pages-workflow-src] from the dropdown menu.

-2. Push any commit to remote to trigger the GitHub Actions workflow. In the _Actions_ tab of your repository, you should see the "Deploy Jekyll with GitHub Pages" workflow with at least one job running. Once the build is complete and successful, the site should be deployed automatically.
+2. Push any commit to remote to trigger the GitHub Actions workflow. In the _Actions_ tab of your repository, you should see the workflow _Build and Deploy_ running. Once the build is complete and successful, the site should be deployed automatically.

 3. Visit your website at the address indicated by GitHub.

--- a/_sass/addon/commons.scss
+++ b/_sass/addon/commons.scss
@@ -5,22 +5,22 @@
 html {
  @media (prefers-color-scheme: light) {
    &:not([data-mode]),
-    &[data-mode=light] {
+    &[data-mode="light"] {
      @include light-scheme;
    }

-    &[data-mode=dark] {
+    &[data-mode="dark"] {
      @include dark-scheme;
    }
  }

  @media (prefers-color-scheme: dark) {
    &:not([data-mode]),
-    &[data-mode=dark] {
+    &[data-mode="dark"] {
      @include dark-scheme;
    }

-    &[data-mode=light] {
+    &[data-mode="light"] {
      @include light-scheme;
    }
  }
@@ -29,11 +29,11 @@ html {
 }

 body {
-  line-height: 1.75rem;
  background: var(--body-bg);
  color: var(--text-color);
  -webkit-font-smoothing: antialiased;
-  font-family: 'Source Sans Pro', 'Microsoft Yahei', sans-serif;
+  font-family: "Source Sans Pro", "Microsoft Yahei", sans-serif;
+  line-height: 1.75;
 }

 /* --- Typography --- */
@@ -76,14 +76,6 @@ h5 {
  font-size: 1.1rem;
 }

-ol,
-ul {
-  ol,
-  ul {
-    margin-bottom: 1rem;
-  }
-}
-
 a {
  @extend %link-color;
 }
@@ -102,27 +94,28 @@ blockquote {
    display: flex;
    border-left: 0;
    border-radius: 6px;
-    padding: 0.75rem 1.2rem;
+    padding: 1rem;
    color: var(--prompt-text-color);

    &::before {
-      margin-right: 1rem;
      font-family: "Font Awesome 5 Free";
      text-align: center;
      width: 1.25rem;
+      margin-right: 0.75rem;
    }

-    p:last-child {
-      margin-bottom: 0rem;
+    > div {
+      max-width: calc(100% - 2rem);
+
+      > :last-child {
+        margin-bottom: 0;
+      }
    }
  }

  @include prompt("tip", "\f0eb", 400);
-
  @include prompt("info", "\f06a");
-
  @include prompt("warning", "\f06a");
-
  @include prompt("danger", "\f071");
 }

@@ -148,11 +141,10 @@ kbd {
 }

 footer {
-  @include pl-pr(1.5rem);
-
  font-size: 0.8rem;
+  background-color: var(--main-bg);

-  > div.d-flex {
+  div.d-flex {
    height: $footer-height;
    line-height: 1.2rem;
    padding-bottom: 1rem;
@@ -172,7 +164,6 @@ footer {

    &:hover {
      @extend %link-hover;
-
      @include no-text-decoration;
    }
  }
@@ -189,6 +180,11 @@ i { /* fontawesome icons */
  }
 }

+@-webkit-keyframes fade-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
@@ -197,7 +193,8 @@ i { /* fontawesome icons */
 img[data-src] {
  margin: 0.5rem 0;

-  &[data-loaded=true] {
+  &[data-loaded="true"] {
+    -webkit-animation: fade-in linear 0.5s;
    animation: fade-in linear 0.5s;
  }

@@ -212,6 +209,7 @@ img[data-src] {
  }

  &.shadow {
+    -webkit-filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.08));
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.08));
    box-shadow: none !important; /* cover the Bootstrap 4.6.1 styles */
  }
@@ -228,7 +226,7 @@ img[data-src] {
  margin-bottom: 4rem;

  &:only-child {
-    position: -webkit-sticky; /* Safari */
+    position: -webkit-sticky;
    position: sticky;
  }

@@ -244,7 +242,6 @@ img[data-src] {
  .post-content {
    font-size: 0.9rem;
  }
-
 }

 #panel-wrapper {
@@ -266,12 +263,12 @@ img[data-src] {
    &:hover {
      background-color: #2a408e;
      border-color: #2a408e;
-      color: #fff;
+      color: #ffffff;
      transition: none;
    }
  }

-  [data-topbar-visible=true] & > div {
+  [data-topbar-visible="true"] & > div {
    top: 6rem;
  }
 }
@@ -296,7 +293,6 @@ img[data-src] {

    color: inherit;
  }
-
 }

 .footnotes > ol {
@@ -316,10 +312,11 @@ img[data-src] {

    /* [scroll-focus] added by `smooth-scroll.js` */
    &:target:not([scroll-focus]),
-    &[scroll-focus=true] > p {
+    &[scroll-focus="true"] > p {
      background-color: var(--footnote-target-bg);
+      width: -moz-fit-content;
+      width: -webkit-fit-content;
      width: fit-content;
-      -webkit-transition: background-color 1.5s ease-in-out; /* Safari prior 6.1 */
      transition: background-color 1.5s ease-in-out;
    }
  }
@@ -331,7 +328,6 @@ img[data-src] {
    @include pl-pr(2px);

    border-bottom-style: none !important;
-    -webkit-transition: background-color 1.5s ease-in-out; /* Safari prior 6.1 */
    transition: background-color 1.5s ease-in-out;
  }

@@ -421,7 +417,6 @@ img[data-src] {
      }
    }
  } /* a */
-
 }

 .pageviews .fa-spinner {
@@ -449,10 +444,8 @@ img[data-src] {

 .post-content {
  font-size: 1.08rem;
-  line-height: 1.8;
  margin-top: 2rem;
  overflow-wrap: break-word;
-  word-wrap: break-word;

  a {
    &:not(.img-link) {
@@ -466,17 +459,40 @@ img[data-src] {
    &.img-link {
      @extend %img-caption;
    }
-
  }

+  ol,
  ul {
-    /* attribute 'hide-bullet' was added by liquid */
-    .task-list-item[hide-bullet] {
+    &:not([class]),
+    &.task-list {
+      -webkit-padding-start: 1.75rem;
+      padding-inline-start: 1.75rem;
+
+      li {
+        margin: 0.25rem 0;
+        padding-left: 0.25rem;
+      }
+
+      ol,
+      ul {
+        -webkit-padding-start: 1.25rem;
+        padding-inline-start: 1.25rem;
+        margin: 0.5rem 0;
+      }
+    }
+  }
+
+  ul.task-list {
+    -webkit-padding-start: 1.25rem;
+    padding-inline-start: 1.25rem;
+
+    li {
      list-style-type: none;
+      padding-left: 0;

      > i { /* checkbox icon */
-        margin: 0 0.4rem 0.2rem -1.4rem;
-        vertical-align: middle;
+        width: 2rem;
+        margin-left: -1.25rem;
        color: var(--checkbox-color);

        &.checked {
@@ -484,39 +500,21 @@ img[data-src] {
        }
      }

+      ul {
+        -webkit-padding-start: 1.75rem;
+        padding-inline-start: 1.75rem;
+      }
    }

-    input[type=checkbox] {
+    input[type="checkbox"] {
      margin: 0 0.5rem 0.2rem -1.3rem;
      vertical-align: middle;
    }
-
  } /* ul */

-  > ol,
-  > ul {
-    padding-left: 2rem;
-
-    li {
-      ol,
-      ul { /* sub list */
-        padding-left: 2rem;
-        margin-top: 0.3rem;
-      }
-    }
-
-  }
-
-  > ol {
-    li {
-      padding-left: 0.25em;
-    }
-  }
-
  dl > dd {
    margin-left: 1rem;
  }
-
 } /* .post-content */

 .tag:hover {
@@ -581,7 +579,6 @@ img[data-src] {
 }

 .flex-grow-1 {
-  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
 }

@@ -673,9 +670,8 @@ $sidebar-display: "sidebar-display";
      border-radius: 50%;
      border: 2px solid rgba(222, 222, 222, 0.7);
      overflow: hidden;
+      -webkit-transform: translateZ(0);
      transform: translateZ(0); /* fixed the zoom in Safari */
-      -webkit-transition: border-color 0.35s ease-in-out;
-      -moz-transition: border-color 0.35s ease-in-out;
      transition: border-color 0.35s ease-in-out;

      &:hover {
@@ -686,13 +682,11 @@ $sidebar-display: "sidebar-display";
    img {
      width: 100%;
      height: 100%;
-      -webkit-transition: transform 0.5s;
-      -moz-transition: transform 0.5s;
+      transition: -webkit-transform 0.5s;
      transition: transform 0.5s;
+      transition: transform 0.5s, -webkit-transform 0.5s;

      &:hover {
-        -ms-transform: scale(1.2);
-        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
      }
@@ -700,23 +694,27 @@ $sidebar-display: "sidebar-display";
  } /* #avatar */

  .site-title {
+    margin-top: 0.55rem;
+
    a {
      @extend %clickable-transition;

      font-weight: 900;
      font-size: 1.5rem;
      letter-spacing: 0.5px;
-      color: rgba(134, 133, 133, 99%);
+      color: rgba(134, 133, 133, 0.99);
    }
  }

  .site-subtitle {
    font-size: 95%;
    color: var(--sidebar-muted-color);
-    line-height: 1.2rem;
+    line-height: 1.25rem;
    word-spacing: 1px;
-    margin: 0.5rem 1.5rem 0.5rem 1.5rem;
+    margin: 0.2rem 1.5rem 0.5rem 1.5rem;
    min-height: 3rem; /* avoid vertical shifting in multi-line words */
+    -webkit-user-select: none;
+    -moz-user-select: none;
    user-select: none;
  }

@@ -797,9 +795,7 @@ $sidebar-display: "sidebar-display";
          @include fix-cursor($top);
        }
      }
-
    } /* @for */
-
  } /* ul */

  .sidebar-bottom {
@@ -850,16 +846,11 @@ $sidebar-display: "sidebar-display";
      height: 3px;
      border-radius: 50%;
    }
-
  } /* .sidebar-bottom */
-
 } /* #sidebar */

@media (hover: hover) {
  #sidebar ul > li:last-child::after {
-    -webkit-transition: top 0.5s ease;
-    -moz-transition: top 0.5s ease;
-    -o-transition: top 0.5s ease;
    transition: top 0.5s ease;
  }
 }
@@ -893,14 +884,14 @@ $sidebar-display: "sidebar-display";
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  background-color: var(--topbar-wrapper-bg);

-  [data-topbar-visible=false] & {
+  [data-topbar-visible="false"] & {
    top: -$topbar-height; /* same as topbar height. */
  }
 }

 #topbar {
  i { /* icons */
-    color: #999;
+    color: #999999;
  }

  #breadcrumb {
@@ -964,9 +955,8 @@ $sidebar-display: "sidebar-display";
    background: center;

    &.form-control {
-      &::-webkit-input-placeholder { @include input-placeholder; }
      &::-moz-placeholder { @include input-placeholder; }
-      &:-ms-input-placeholder { @include input-placeholder; }
+      &::-webkit-input-placeholder { @include input-placeholder; }
      &::placeholder { @include input-placeholder; }
    }
  }
@@ -1052,8 +1042,6 @@ $sidebar-display: "sidebar-display";
 }

 #core-wrapper {
-  min-height: calc(100vh - #{$topbar-height} - #{$footer-height});
-
  .categories,
  #tags,
  #archives {
@@ -1061,6 +1049,10 @@ $sidebar-display: "sidebar-display";
      @extend %no-bottom-border;
    }
  }
+
+  @at-root .row:only-child > #{&} {
+    padding-bottom: 3rem;
+  }
 }

 #mask {
@@ -1082,9 +1074,9 @@ $sidebar-display: "sidebar-display";
 /* --- main wrapper --- */

 #main-wrapper {
-  background-color: var(--main-wrapper-bg);
+  background-color: var(--main-bg);
  position: relative;
-  min-height: 100vh;
+  min-height: calc(100vh - #{$footer-height});

  @include pl-pr(0);
 }
@@ -1116,7 +1108,9 @@ $sidebar-display: "sidebar-display";
  height: $size;
  border-radius: 50%;
  border: 1px solid var(--btn-backtotop-border-color);
+  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
+  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  -webkit-transition: transform 0.2s ease-out;

  i {
@@ -1132,6 +1126,13 @@ $sidebar-display: "sidebar-display";
 }

 #notification {
+  @-webkit-keyframes popup {
+    from {
+      opacity: 0;
+      bottom: 0;
+    }
+  }
+
  @keyframes popup {
    from {
      opacity: 0;
@@ -1146,7 +1147,7 @@ $sidebar-display: "sidebar-display";
  }

  .toast-body {
-    font-family: 'Lato';
+    font-family: Lato, sans-serif;
    line-height: 1.25rem;

    button {
@@ -1169,11 +1170,12 @@ $sidebar-display: "sidebar-display";
      position: fixed;
      left: 50%;
      bottom: 20%;
+      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
+      -webkit-animation: popup 0.8s;
      animation: popup 0.8s;
    }
  }
-
 }

 /*
@@ -1189,10 +1191,9 @@ $sidebar-display: "sidebar-display";
  footer {
    height: $footer-height-mobile;

-    > div.d-flex {
+    div.d-flex {
      padding: 1.5rem 0;
      flex-wrap: wrap;
-      -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
    }

@@ -1202,6 +1203,10 @@ $sidebar-display: "sidebar-display";
    }
  }

+  #main-wrapper {
+    min-height: calc(100vh - #{$footer-height-mobile});
+  }
+
  #core-wrapper {
    min-height: calc(100vh - #{$topbar-height} - #{$footer-height-mobile}) !important;

@@ -1211,12 +1216,14 @@ $sidebar-display: "sidebar-display";
    }

    .post-content {
-      > blockquote[class^=prompt-] {
+      > blockquote[class^="prompt-"] {
+        @include pl-pr(1.25rem);
        @include ml-mr(-1.25rem);
-        border-radius: 0;
-      }
-    }

+        border-radius: 0;
+        max-width: none;
+      }
+    }
  }

  #avatar > a {
@@ -1227,7 +1234,6 @@ $sidebar-display: "sidebar-display";
  .site-subtitle {
    @include ml-mr(1.8rem);
  }
-
 }

@media all and (max-width: 768px) {
@@ -1249,11 +1255,10 @@ $sidebar-display: "sidebar-display";
@media all and (max-width: 849px) {
  @mixin slide($append: null) {
    $basic: transform 0.4s ease;
+
    @if $append {
-      -webkit-transition: $basic, $append;
      transition: $basic, $append;
    } @else {
-      -webkit-transition: $basic;
      transition: $basic;
    }
  }
@@ -1263,13 +1268,20 @@ $sidebar-display: "sidebar-display";
    overflow-x: hidden;
  }

+  footer {
+    @include slide;
+  }
+
  [#{$sidebar-display}] {
    #sidebar {
+      -webkit-transform: translateX(0);
      transform: translateX(0);
    }

    #topbar-wrapper,
-    #main-wrapper {
+    #main-wrapper,
+    footer {
+      -webkit-transform: translateX(#{$sidebar-width});
      transform: translateX(#{$sidebar-width});
    }
  }
@@ -1281,8 +1293,6 @@ $sidebar-display: "sidebar-display";
    -webkit-transform: translateX(-#{$sidebar-width});

    .cursor {
-      -webkit-transition: none;
-      -moz-transition: none;
      transition: none;
    }
  }
@@ -1294,7 +1304,8 @@ $sidebar-display: "sidebar-display";
  }

  #topbar,
-  #main {
+  #main,
+  footer > .container {
    max-width: 100%;
  }

@@ -1329,8 +1340,6 @@ $sidebar-display: "sidebar-display";
  }

  #tags {
-    -webkit-box-pack: center !important;
-    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

@@ -1341,18 +1350,17 @@ $sidebar-display: "sidebar-display";
      margin-top: 3rem;
    }
  }
-
 } /* max-width: 849px */

@media all and (max-width: 849px) and (orientation: portrait) {
-  [data-topbar-visible=false] #topbar-wrapper {
+  [data-topbar-visible="false"] #topbar-wrapper {
    top: 0;
  }
 }

 /* Phone & Pad */
@media all and (min-width: 577px) and (max-width: 1199px) {
-  footer > .d-flex > div {
+  footer .d-flex > div {
    width: 312px;
  }
 }
@@ -1364,7 +1372,8 @@ $sidebar-display: "sidebar-display";
    overflow-y: scroll;
  }

-  #main-wrapper {
+  #main-wrapper,
+  footer {
    margin-left: $sidebar-width;
  }

@@ -1395,21 +1404,14 @@ $sidebar-display: "sidebar-display";
    right: 5%;
  }

-  #topbar {
-    @include pl-pr(2rem);
-  }
-
  #topbar-title {
    text-align: left;
  }
-
 }

 /* Pad horizontal */
@media all and (min-width: 992px) and (max-width: 1199px) {
  #main .col-lg-11 {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 96%;
    flex: 0 0 96%;
    max-width: 96%;
  }
@@ -1438,7 +1440,7 @@ $sidebar-display: "sidebar-display";
  }

  #topbar-wrapper {
-    left: 210px;
+    left: $sidebar-width-small;
  }

  #search-results > div {
@@ -1456,8 +1458,9 @@ $sidebar-display: "sidebar-display";
    font-size: 90%;
  }

-  #main-wrapper {
-    margin-left: 210px;
+  #main-wrapper,
+  footer {
+    margin-left: $sidebar-width-small;
  }

  #breadcrumb {
@@ -1467,7 +1470,6 @@ $sidebar-display: "sidebar-display";
    word-break: keep-all;
    white-space: nowrap;
  }
-
 }

 /* panel hidden */
@@ -1477,8 +1479,6 @@ $sidebar-display: "sidebar-display";
  }

  #main > div.row {
-    -webkit-box-pack: center !important;
-    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
 }
@@ -1495,7 +1495,6 @@ $sidebar-display: "sidebar-display";
  }

  #search-input {
-    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

@@ -1520,10 +1519,11 @@ $sidebar-display: "sidebar-display";
    font-size: 1.03rem;
  }

-  footer > div.d-felx {
+  footer {
+    div.d-felx {
      width: 85%;
    }
-
+  }
 }

@media all and (min-width: 1400px) {
@@ -1533,7 +1533,8 @@ $sidebar-display: "sidebar-display";
 }

@media all and (min-width: 1650px) {
-  #main-wrapper {
+  #main-wrapper,
+  footer {
    margin-left: $sidebar-width-large;
  }

@@ -1546,7 +1547,8 @@ $sidebar-display: "sidebar-display";
  }

  #topbar,
-  #main {
+  #main,
+  footer > .container {
    max-width: $main-content-max-width;
  }

@@ -1590,6 +1592,8 @@ $sidebar-display: "sidebar-display";
      .site-title {
        @extend %profile-ml;

+        margin-top: 0.4rem;
+
        a {
          font-size: 1.7rem;
          letter-spacing: 1px;
@@ -1600,9 +1604,8 @@ $sidebar-display: "sidebar-display";
        @extend %profile-ml;

        word-spacing: 0;
-        margin-top: 0.3rem;
+        margin-top: 0;
      }
-
    } /* .profile-wrapper (min-width: 1650px) */

    ul {
@@ -1628,7 +1631,6 @@ $sidebar-display: "sidebar-display";
            }
          }
        }
-
      }
    }

@@ -1639,8 +1641,6 @@ $sidebar-display: "sidebar-display";
      $icon-block-size: 2rem;

      &.justify-content-center {
-        -webkit-box-pack: start !important;
-        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
      }

@@ -1665,6 +1665,7 @@ $sidebar-display: "sidebar-display";
          position: absolute;
          top: 50%;
          left: 50%;
+          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
        }
      }
@@ -1672,9 +1673,6 @@ $sidebar-display: "sidebar-display";
      .icon-border {
        top: 0.9rem;
      }
-
    } /* .sidebar-bottom */
-
  } /* #sidebar */
-
 } /* min-width: 1650px */
--- a/_sass/addon/module.scss
+++ b/_sass/addon/module.scss
@@ -7,7 +7,7 @@
 %heading {
  color: var(--heading-color);
  font-weight: 400;
-  font-family: 'Lato', 'Microsoft Yahei', sans-serif;
+  font-family: Lato, "Microsoft Yahei", sans-serif;
 }

 %section {
@@ -73,6 +73,8 @@
 }

 %no-cursor {
+  -webkit-user-select: none;
+  -moz-user-select: none;
  user-select: none;
 }

@@ -101,6 +103,8 @@

 %sidebar-links {
  color: rgba(117, 117, 117, 0.9);
+  -webkit-user-select: none;
+  -moz-user-select: none;
  user-select: none;
 }

@@ -134,7 +138,6 @@
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
-  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
 }

--- a/_sass/addon/syntax.scss
+++ b/_sass/addon/syntax.scss
@@ -8,22 +8,22 @@
 html {
  @media (prefers-color-scheme: light) {
    &:not([data-mode]),
-    &[data-mode=light] {
+    &[data-mode="light"] {
      @include light-syntax;
    }

-    &[data-mode=dark] {
+    &[data-mode="dark"] {
      @include dark-syntax;
    }
  }

  @media (prefers-color-scheme: dark) {
    &:not([data-mode]),
-    &[data-mode=dark] {
+    &[data-mode="dark"] {
      @include dark-syntax;
    }

-    &[data-mode=light] {
+    &[data-mode="light"] {
      @include light-syntax;
    }
  }
@@ -87,24 +87,21 @@ $code-radius: 6px;
    text-align: right;
    color: var(--highlight-lineno-color);
    -webkit-user-select: none;
-    -khtml-user-select: none;
    -moz-user-select: none;
-    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
  }

  /* set the dollar sign to non-selectable */
  .gp {
+    -webkit-user-select: none;
+    -moz-user-select: none;
    user-select: none;
  }
-
 } /* .highlight */

 code {
  -webkit-hyphens: none;
-  -ms-hyphens: none;
-  -moz-hyphens: none;
  hyphens: none;

  &.highlighter-rouge {
@@ -152,16 +149,15 @@ td.rouge-code {
    border-bottom: none !important;
    pointer-events: none;
  }
-
 }

 /* Hide line numbers for default, console, and terminal code snippets */
 div {
-  &[class^='highlighter-rouge'],
+  &[class^="highlighter-rouge"],
+  &.nolineno,
  &.language-plaintext.highlighter-rouge,
  &.language-console.highlighter-rouge,
-  &.language-terminal.highlighter-rouge,
-  &.nolineno {
+  &.language-terminal.highlighter-rouge {
    pre.lineno {
      display: none;
    }
@@ -252,6 +248,10 @@ div {
      }
    }

+    &:focus {
+      outline: none;
+    }
+
    &:not([timeout]):hover {
      background-color: rgba(128, 128, 128, 0.37);

@@ -259,18 +259,12 @@ div {
        color: white;
      }
    }
-
-    &:focus {
-      outline: none;
  }
-
-  }
-
 }

@media all and (max-width: 576px) {
  .post-content {
-    > div[class^='language-'] {
+    > div[class^="language-"] {
      @include ml-mr(-1.25rem);

      border-radius: 0;
--- a/_sass/addon/variables.scss
+++ b/_sass/addon/variables.scss
@@ -13,20 +13,16 @@ $sidebar-width-large: 350px !default;  /* screen width: >= 1650px */
 $tab-count: 5 !default;   /* backward compatible (version <= 4.0.2) */
 $tab-height: 3rem !default;
 $tab-cursor-height: 1.6rem !default;
-
 $cursor-width: 2px !default;    /* the cursor width of the selected tab */

 /* other framework sizes */

 $topbar-height: 3rem !default;
-
 $search-max-width: 210px !default;
-
 $footer-height: 5rem !default;
 $footer-height-mobile: 6rem !default;   /* screen width: <= 576px */

 $main-content-max-width: 1250px !default;
-
 $bottom-min-height: 35rem !default;

 /* syntax highlight */
--- a/_sass/colors/dark-syntax.scss
+++ b/_sass/colors/dark-syntax.scss
@@ -3,7 +3,24 @@
 */

@mixin dark-syntax {
+  --highlight-bg-color: #252525;
+  --highlighter-rouge-color: #de6b18;
+  --highlight-lineno-color: #6c6c6d;
+  --inline-code-bg: #272822;
+  --code-header-text-color: #6a6a6a;
+  --code-header-muted-color: rgb(60, 60, 60);
+  --code-header-icon-color: rgb(86, 86, 86);
+  --clipboard-checked-color: #2bcc2b;
+  --filepath-text-color: #bdbdbd;
+
+  pre { color: #bfbfbf; } /* override Bootstrap */
+
+  .highlight {
+    .gp { color: #818c96; }
+  }
+
  /* syntax highlight colors from https://raw.githubusercontent.com/jwarby/pygments-css/master/monokai.css */
+
  .highlight pre { background-color: var(--highlight-bg-color); }
  .highlight .hll { background-color: var(--highlight-bg-color); }
  .highlight .c { color: #75715e; } /* Comment */
@@ -67,22 +84,4 @@
  .highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
  .highlight .gd { color: #f92672; background-color: #561c08; } /* Generic.Deleted & Diff Deleted */
  .highlight .gi { color: #a6e22e; background-color: #0b5858; } /* Generic.Inserted & Diff Inserted */
-
-  /* -----  custom styles ------ */
-
-  --highlight-bg-color: #252525;
-  --highlighter-rouge-color: #de6b18;
-  --highlight-lineno-color: #6c6c6d;
-  --inline-code-bg: #272822;
-  --code-header-text-color: #6a6a6a;
-  --code-header-muted-color: rgb(60 60 60);
-  --code-header-icon-color: rgb(86 86 86);
-  --clipboard-checked-color: #2bcc2b;
-  --filepath-text-color: #bdbdbd;
-
-  .highlight {
-    .gp { color: #818c96; }
-  }
-
-  pre { color: #bfbfbf; } /* override Bootstrap */
 }
--- a/_sass/colors/dark-typography.scss
+++ b/_sass/colors/dark-typography.scss
@@ -4,9 +4,9 @@

@mixin dark-scheme {
  /* Framework color */
-  --body-bg: var(--main-wrapper-bg);
+  --body-bg: var(--main-bg);
  --mask-bg: rgb(68, 69, 70);
-  --main-wrapper-bg: rgb(27, 27, 30);
+  --main-bg: rgb(27, 27, 30);
  --main-border-color: rgb(44, 45, 45);

  /* Common color */
@@ -21,18 +21,18 @@
  --btn-border-color: rgb(63, 65, 68);
  --btn-backtotop-color: var(--text-color);
  --btn-backtotop-border-color: var(--btn-border-color);
-  --btn-box-shadow: var(--main-wrapper-bg);
+  --btn-box-shadow: var(--main-bg);
  --card-header-bg: rgb(51, 50, 50);
  --label-color: rgb(108, 117, 125);
-  --checkbox-color: rgb(118 120 121);
+  --checkbox-color: rgb(118, 120, 121);
  --checkbox-checked-color: var(--link-color);

  /* Sidebar */
  --sidebar-bg: radial-gradient(circle, #242424 0%, #1d1f27 100%);
  --sidebar-muted-color: #6d6c6b;
-  --sidebar-active-color: rgb(255 255 255 / 80%);
+  --sidebar-active-color: rgb(255, 255, 255, 0.8);
  --nav-cursor-color: rgb(183, 182, 182);
-  --sidebar-btn-bg: rgb(117 116 116 / 20%);
+  --sidebar-btn-bg: rgb(117, 116, 116, 0.2);

  /* Topbar */
  --topbar-text-color: var(--text-color);
@@ -48,7 +48,7 @@
  --btn-paginator-hover-color: rgb(64, 65, 66);
  --btn-paginator-border-color: var(--btn-border-color);
  --btn-text-color: var(--text-color);
-  --pin-bg: rgb(34 35 37);
+  --pin-bg: rgb(34, 35, 37);
  --pin-color: inherit;

  /* Posts */
@@ -64,19 +64,19 @@
  --relate-post-date: var(--text-muted-color);
  --card-bg: rgb(39, 40, 43);
  --card-border-color: rgb(53, 53, 60);
-  --card-box-shadow: var(--main-wrapper-bg);
-  --preview-img-bg: radial-gradient(circle, rgb(22 22 24) 0%, rgb(32 32 32) 100%);
+  --card-box-shadow: var(--main-bg);
+  --preview-img-bg: radial-gradient(circle, rgb(22, 22, 24) 0%, rgb(32, 32, 32) 100%);
  --kbd-wrap-color: #6a6a6a;
  --kbd-text-color: #d3d3d3;
  --kbd-bg-color: #242424;
-  --prompt-text-color: rgb(216 212 212 / 75%);
+  --prompt-text-color: rgb(216, 212, 212, 0.75);
  --prompt-tip-bg: rgba(77, 187, 95, 0.2);
-  --prompt-tip-icon-color: rgb(5 223 5 / 68%);
-  --prompt-info-bg: rgb(7 59 104 / 80%);
+  --prompt-tip-icon-color: rgb(5, 223, 5, 0.68);
+  --prompt-info-bg: rgb(7, 59, 104, 0.8);
  --prompt-info-icon-color: #0075d1;
-  --prompt-warning-bg: rgb(90 69 3 / 95%);
-  --prompt-warning-icon-color: rgb(255 165 0 / 80%);
-  --prompt-danger-bg: rgb(86 28 8 / 80%);
+  --prompt-warning-bg: rgb(90, 69, 3, 0.95);
+  --prompt-warning-icon-color: rgb(255, 165, 0, 0.8);
+  --prompt-danger-bg: rgb(86, 28, 8, 0.8);
  --prompt-danger-icon-color: #cd0202;

  /* tags */
@@ -96,6 +96,7 @@
  --timeline-year-dot-color: var(--timeline-color);

  .post img[data-src] {
+    -webkit-filter: brightness(95%);
    filter: brightness(95%);
  }

@@ -104,11 +105,11 @@
  }

  /* posts' toc, override BS */
-  nav[data-toggle=toc] .nav-link.active,
-  nav[data-toggle=toc] .nav-link.active:focus,
-  nav[data-toggle=toc] .nav-link.active:hover,
-  nav[data-toggle=toc] .nav > li > a:focus,
-  nav[data-toggle=toc] .nav > li > a:hover {
+  nav[data-toggle="toc"] .nav-link.active,
+  nav[data-toggle="toc"] .nav-link.active:focus,
+  nav[data-toggle="toc"] .nav-link.active:hover,
+  nav[data-toggle="toc"] .nav > li > a:focus,
+  nav[data-toggle="toc"] .nav > li > a:hover {
    color: var(--toc-highlight) !important;
    border-left-color: var(--toc-highlight) !important;
  }
@@ -150,8 +151,7 @@

  color-scheme: dark;

-  #disqus_thread {
+  #disqus_thread { /* stylelint-disable-line selector-id-pattern */
    color-scheme: none;
  }
-
 } /* dark-scheme */
--- a/_sass/colors/light-syntax.scss
+++ b/_sass/colors/light-syntax.scss
@@ -76,9 +76,8 @@
  --code-header-icon-color: #d1d1d1;
  --clipboard-checked-color: #43c743;

-  [class^=prompt-] {
+  [class^="prompt-"] {
    --inline-code-bg: #fbfafa;
-    --highlighter-rouge-color: rgb(82 82 82);
+    --highlighter-rouge-color: rgb(82, 82, 82);
  }
-
 } /* light-syntax */
--- a/_sass/colors/light-typography.scss
+++ b/_sass/colors/light-typography.scss
@@ -6,18 +6,18 @@
  /* Framework color */
  --body-bg: #fafafa;
  --mask-bg: #c1c3c5;
-  --main-wrapper-bg: white;
+  --main-bg: white;
  --main-border-color: #f3f3f3;

  /* Common color */
  --text-color: #34343c;
  --text-muted-color: gray;
  --heading-color: black;
-  --blockquote-border-color: #eee;
+  --blockquote-border-color: #eeeeee;
  --blockquote-text-color: #9a9a9a;
  --link-color: #2a408e;
  --link-underline-color: #dee2e6;
-  --button-bg: #fff;
+  --button-bg: #ffffff;
  --btn-border-color: #e9ecef;
  --btn-backtotop-color: #686868;
  --btn-backtotop-border-color: #f1f1f1;
@@ -35,8 +35,8 @@
  /* Topbar */
  --topbar-text-color: rgb(78, 78, 78);
  --topbar-wrapper-bg: white;
-  --search-wrapper-bg: rgb(245 245 245 / 50%);
-  --search-wrapper-border-color: rgb(245 245 245);
+  --search-wrapper-bg: rgb(245, 245, 245, 0.5);
+  --search-wrapper-border-color: rgb(245, 245, 245);
  --search-tag-bg: #f8f9fa;
  --search-icon-color: #c2c6cc;
  --input-focus-border-color: var(--btn-border-color);
@@ -53,7 +53,7 @@
  /* Posts */
  --btn-share-hover-color: var(--link-color);
  --card-border-color: #f1f1f1;
-  --card-box-shadow: rgba(234, 234, 234, 0.7686274509803922);
+  --card-box-shadow: rgba(234, 234, 234, 0.76);
  --label-color: #616161;
  --relate-post-date: rgba(30, 55, 70, 0.4);
  --footnote-target-bg: lightcyan;
@@ -64,22 +64,22 @@
  --tb-odd-bg: #fbfcfd;
  --tb-border-color: #eaeaea;
  --dash-color: silver;
-  --preview-img-bg: radial-gradient(circle, rgb(255 255 255) 0%, rgb(249 249 249) 100%);
+  --preview-img-bg: radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(249, 249, 249) 100%);
  --kbd-wrap-color: #bdbdbd;
  --kbd-text-color: var(--text-color);
  --kbd-bg-color: white;
-  --prompt-text-color: rgb(46 46 46 / 77%);
-  --prompt-tip-bg: rgb(123 247 144 / 20%);
+  --prompt-text-color: rgb(46, 46, 46, 0.77);
+  --prompt-tip-bg: rgb(123, 247, 144, 0.2);
  --prompt-tip-icon-color: #03b303;
  --prompt-info-bg: #e1f5fe;
  --prompt-info-icon-color: #0070cb;
-  --prompt-warning-bg: rgb(255 243 205);
+  --prompt-warning-bg: rgb(255, 243, 205);
  --prompt-warning-icon-color: #ef9c03;
-  --prompt-danger-bg: rgb(248 215 218 / 56%);
+  --prompt-danger-bg: rgb(248, 215, 218, 0.56);
  --prompt-danger-icon-color: #df3c30;

-  [class^=prompt-] {
-    --link-underline-color: rgb(219 216 216);
+  [class^="prompt-"] {
+    --link-underline-color: rgb(219, 216, 216);
  }

  /* Categories */
@@ -90,5 +90,4 @@
  --timeline-color: rgba(0, 0, 0, 0.075);
  --timeline-node-bg: #c2c6cc;
  --timeline-year-dot-color: #ffffff;
-
 } /* light-scheme */
--- a/_sass/jekyll-theme-chirpy.scss
+++ b/_sass/jekyll-theme-chirpy.scss
@@ -1,7 +1,7 @@
 /*!
 * The styles for Jekyll theme Chirpy
 *
- * Chirpy v5.3.0 (https://github.com/cotes2020/jekyll-theme-chirpy)
+ * Chirpy v5.3.2 (https://github.com/cotes2020/jekyll-theme-chirpy)
 * © 2019 Cotes Chung
 * MIT Licensed
 */
--- a/_sass/layout/archives.scss
+++ b/_sass/layout/archives.scss
@@ -41,8 +41,6 @@
      content: "";
      display: inline-block;
      position: relative;
-      -webkit-border-radius: 50%;
-      -moz-border-radius: 50%;
      border-radius: 50%;
      width: 12px;
      height: 12px;
@@ -53,7 +51,6 @@
      box-shadow: 0 0 2px 0 #c2c6cc;
      z-index: 1;
    }
-
  }

  ul {
@@ -65,8 +62,8 @@
      text-overflow: ellipsis;

      &:nth-child(odd) {
-        background-color: var(--main-wrapper-bg, #fff);
-        background-image: linear-gradient(to left, #fff, #fbfbfb, #fbfbfb, #fbfbfb, #fff);
+        background-color: var(--main-bg, #ffffff);
+        background-image: linear-gradient(to left, #ffffff, #fbfbfb, #fbfbfb, #fbfbfb, #ffffff);
      }

      &::before {
@@ -81,7 +78,6 @@
    &:last-child li:last-child::before {
      height: 1.5rem;
    }
-
  } /* #archives ul */

  .date {
@@ -97,8 +93,7 @@

    &.day {
      font-size: 85%;
-      font-family: 'Lato', sans-serif;
-
+      font-family: Lato, sans-serif;
    }
  }

@@ -117,8 +112,6 @@
      content: "";
      display: inline-block;
      position: relative;
-      -webkit-border-radius: 50%;
-      -moz-border-radius: 50%;
      border-radius: 50%;
      width: 8px;
      height: 8px;
@@ -130,8 +123,7 @@
      z-index: 1;
    }
  }
-
-} // #archives
+} /* #archives */

@media all and (max-width: 576px) {
  #archives {
--- a/_sass/layout/categories.scss
+++ b/_sass/layout/categories.scss
@@ -16,7 +16,7 @@
  i {
    @extend %category-icon-color;

-    font-size: 86%; // fontawesome icons
+    font-size: 86%; /* fontawesome icons */
  }

  .list-group-item {
@@ -28,10 +28,8 @@
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
-
  }
-
-} // .categories
+} /* .categories */

 .category-trigger {
  width: 1.7rem;
@@ -40,28 +38,29 @@
  text-align: center;
  color: #6c757d !important;

+  i {
+    position: relative;
+    height: 0.7rem;
+    width: 1rem;
+    transition: -webkit-transform 300ms ease;
+    transition: transform 300ms ease;
+    transition: transform 300ms ease, -webkit-transform 300ms ease;
+  }
+
  &:hover {
    i {
      color: var(--categories-icon-hover-color);
    }
  }
-
-  i {
-    position: relative;
-    height: 0.7rem;
-    width: 1rem;
-    transition: transform 300ms ease;
-  }
 }

-@media (hover: hover) { // only works on desktop
+@media (hover: hover) { /* only works on desktop */
  .category-trigger:hover {
    background-color: var(--categories-hover-bg);
  }
 }

 .rotate {
-  -ms-transform: rotate(-90deg); /* IE 9 */
-  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
+  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
 }
--- a/_sass/layout/category-tag.scss
+++ b/_sass/layout/category-tag.scss
@@ -13,8 +13,8 @@
    line-height: 1.5rem;
    padding: 0.6rem 0;

-    &::before { // dot
-      background: #999;
+    &::before { /* dot */
+      background: #999999;
      width: 5px;
      height: 5px;
      border-radius: 50%;
@@ -37,7 +37,7 @@
  }
 }

-#page-tag h1 > i { // tag icon
+#page-tag h1 > i { /* tag icon */
  font-size: 1.2rem;
 }

@@ -51,7 +51,7 @@
  a:hover {
    @extend %link-hover;

-    margin-bottom: -1px; // Avoid jumping
+    margin-bottom: -1px; /* Avoid jumping */
  }
 }

--- a/_sass/layout/home.scss
+++ b/_sass/layout/home.scss
@@ -4,7 +4,7 @@

 .pagination {
  color: var(--btn-patinator-text-color);
-  font-family: 'Lato', sans-serif;
+  font-family: Lato, sans-serif;

  a:hover {
    text-decoration: none;
@@ -49,9 +49,8 @@
    &:last-child .page-link {
      border-radius: 50%;
    }
-  } // .page-item
-
-} // .pagination
+  } /* .page-item */
+} /* .pagination */

 #post-list {
  margin-top: 1rem;
@@ -83,6 +82,19 @@
      em {
        @extend %normal-font-style;
      }
+
+      .pin {
+        i {
+          -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+          padding-left: 3px;
+          color: var(--pin-color);
+        }
+
+        span {
+          display: none;
+        }
+      }
    }

    .post-content {
@@ -100,21 +112,8 @@
        -webkit-box-orient: vertical;
      }
    }
-
-    .pin {
-      > i {
-        transform: rotate(45deg);
-        padding-left: 3px;
-        color: var(--pin-color);
-      }
-
-      > span {
-        display: none;
-      }
-    }
-
-  } // .post-preview
-} // #post-list
+  } /* .post-preview */
+} /* #post-list */

 /* Hide SideBar and TOC */
@media all and (max-width: 830px) {
@@ -125,9 +124,7 @@
      &:not(:first-child):not(:last-child) {
        display: none;
      }
-
    }
-
  }
 }

@@ -165,15 +162,12 @@
        width: 2rem;
        height: 2rem;
      }
-
    }

    .page-index {
      display: none;
    }
-
-  } // .pagination
-
+  } /* .pagination */
 }

 /* Panel hidden */
--- a/_sass/layout/post.scss
+++ b/_sass/layout/post.scss
@@ -26,6 +26,15 @@
  color: var(--text-color);
 }

+img.preview-img {
+  margin: 0;
+  border-radius: 6px;
+
+  &.bg[data-loaded="true"] {
+    background: var(--preview-img-bg);
+  }
+}
+
 h1 + .post-meta {
  span + span::before {
    @include dot;
@@ -40,23 +49,96 @@ h1 + .post-meta {
  }
 }

-img.preview-img {
-  margin: 0;
-  border-radius: 6px;
-
-  &.bg[data-loaded=true] {
-    background: var(--preview-img-bg);
-  }
-}
-
 .post-tail-wrapper {
  margin-top: 6rem;
  border-bottom: 1px double var(--main-border-color);
  font-size: 0.85rem;

+  .post-tail-bottom a {
+    color: inherit;
+  }
+
+  .license-wrapper {
+    line-height: 1.2rem;
+
+    > a {
+      color: var(--text-color);
+
+      &:hover {
+        @extend %link-hover;
+      }
+    }
+
+    span:last-child {
+      font-size: 0.85rem;
+    }
+  } /* .license-wrapper */
+
  .post-meta a:not(:hover) {
    @extend %link-underline;
  }
+
+  .share-wrapper {
+    vertical-align: middle;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+
+    .share-icons {
+      font-size: 1.2rem;
+
+      > i {
+        position: relative;
+        bottom: 1px;
+
+        @extend %cursor-pointer;
+
+        &:hover {
+          @extend %btn-share-hovor;
+        }
+      }
+
+      a {
+        &:not(:last-child) {
+          margin-right: 0.25rem;
+        }
+
+        &:hover {
+          text-decoration: none;
+
+          >i {
+            @extend %btn-share-hovor;
+          }
+        }
+      }
+
+      .fab {
+        &.fa-twitter {
+          @include btn-sharing-color(rgba(29, 161, 242, 1));
+        }
+
+        &.fa-facebook-square {
+          @include btn-sharing-color(rgb(66, 95, 156));
+        }
+
+        &.fa-telegram {
+          @include btn-sharing-color(rgb(39, 159, 217));
+        }
+
+        &.fa-linkedin {
+          @include btn-sharing-color(rgb(0, 119, 181));
+        }
+
+        &.fa-weibo {
+          @include btn-sharing-color(rgb(229, 20, 43));
+        }
+      }
+    } /* .share-icons */
+
+    .fas.fa-link {
+      @include btn-sharing-color(rgb(171, 171, 171));
+    }
+  } /* .share-wrapper */
 }

 .post-tags {
@@ -74,7 +156,7 @@ img.preview-img {

    &:hover {
      background: #2a408e;
-      color: #fff;
+      color: #ffffff;
      border-color: #2a408e;
    }

@@ -121,15 +203,29 @@ img.preview-img {
    margin-top: 0.3rem;
    white-space: normal;
  }
-
 } /* .post-navigation */

+@-webkit-keyframes fade-up {
+  from {
+    opacity: 0;
+    position: relative;
+    top: 2rem;
+  }
+
+  to {
+    opacity: 1;
+    position: relative;
+    top: 0;
+  }
+}
+
@keyframes fade-up {
  from {
    opacity: 0;
    position: relative;
    top: 2rem;
  }
+
  to {
    opacity: 1;
    position: relative;
@@ -143,19 +239,23 @@ img.preview-img {
  position: sticky;
  top: 4rem;
  transition: top 0.2s ease-in-out;
+  -webkit-animation: fade-up 0.8s;
  animation: fade-up 0.8s;
 }

-#toc li a {
-  font-size: 0.8rem;
+#toc {
+  ul.nav.navbar-nav {
+    margin: 0.5rem 0;
+    padding: 0;

-  &.nav-link:not(.active) {
-    color: inherit;
+    li {
+      padding-top: 2px;
+      padding-bottom: 2px;
+    }
+  }
 }

-}
-
-nav[data-toggle=toc] {
+nav[data-toggle="toc"] {
  .nav {
    .nav > li > a.active {
      font-weight: 600 !important;
@@ -176,25 +276,6 @@ nav[data-toggle=toc] {
    color: var(--relate-post-date);
  }

-  .card {
-    border-color: var(--card-border-color);
-    background-color: var(--card-bg);
-    box-shadow: 0 0 5px 0 var(--card-box-shadow);
-    -webkit-transition: all 0.3s ease-in-out;
-    -moz-transition: all 0.3s ease-in-out;
-    transition: all 0.3s ease-in-out;
-
-    h3 {
-      @extend %text-color;
-    }
-
-    &:hover {
-      -webkit-transform: translate3d(0, -3px, 0);
-      transform: translate3d(0, -3px, 0);
-      box-shadow: 0 10px 15px -4px rgba(0, 0, 0, 0.15);
-    }
-  }
-
  p {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
@@ -209,20 +290,20 @@ nav[data-toggle=toc] {
    text-decoration: none;
  }

-  ul {
-    list-style-type: none;
-    padding-inline-start: 1.5rem;
+  .card {
+    border-color: var(--card-border-color);
+    background-color: var(--card-bg);
+    box-shadow: 0 0 5px 0 var(--card-box-shadow);
+    transition: all 0.3s ease-in-out;

-    > li::before {
-      background: #c2c9d4;
-      width: 5px;
-      height: 5px;
-      border-radius: 1px;
-      display: block;
-      content: "";
-      position: relative;
-      top: 1rem;
-      right: 1rem;
+    h3 {
+      @extend %text-color;
+    }
+
+    &:hover {
+      -webkit-transform: translate3d(0, -3px, 0);
+      transform: translate3d(0, -3px, 0);
+      box-shadow: 0 10px 15px -4px rgba(0, 0, 0, 0.15);
    }
  }
 }
@@ -234,82 +315,15 @@ nav[data-toggle=toc] {
    margin-bottom: 2rem;
  }

-  #disqus_thread {
+  #disqus_thread { /* stylelint-disable-line selector-id-pattern */
    min-height: 8.5rem;
  }
-
-}
-
-.post-tail-bottom a {
-  color: inherit;
 }

 %btn-share-hovor {
  color: var(--btn-share-hover-color) !important;
 }

-.share-wrapper {
-  vertical-align: middle;
-  user-select: none;
-
-  .share-icons {
-    font-size: 1.2rem;
-
-    a {
-      &:not(:last-child) {
-        margin-right: 0.25rem;
-      }
-
-      &:hover {
-        text-decoration: none;
-
-        > i {
-          @extend %btn-share-hovor;
-        }
-      }
-    }
-
-    > i {
-      position: relative;
-      bottom: 1px;
-
-      @extend %cursor-pointer;
-
-      &:hover {
-        @extend %btn-share-hovor;
-      }
-    }
-
-    .fab {
-      &.fa-twitter {
-        @include btn-sharing-color(rgba(29, 161, 242, 1));
-      }
-
-      &.fa-facebook-square {
-        @include btn-sharing-color(rgb(66, 95, 156));
-      }
-
-      &.fa-telegram {
-        @include btn-sharing-color(rgb(39, 159, 217));
-      }
-
-      &.fa-linkedin {
-        @include btn-sharing-color(rgb(0, 119, 181));
-      }
-
-      &.fa-weibo {
-        @include btn-sharing-color(rgb(229, 20, 43));
-      }
-    }
-
-  } /* .share-icons */
-
-  .fas.fa-link {
-    @include btn-sharing-color(rgb(171, 171, 171));
-  }
-
-} /* .share-wrapper */
-
 .share-label {
  @include label(inherit, 400, inherit);

@@ -318,30 +332,12 @@ nav[data-toggle=toc] {
  }
 }

-.license-wrapper {
-  line-height: 1.2rem;
-
-  > a {
-    color: var(--text-color);
-
-    &:hover {
-      @extend %link-hover;
-    }
-  }
-
-  span:last-child {
-    font-size: 0.85rem;
-  }
-
-} /* .license-wrapper */
-
@media all and (max-width: 576px) {
  .preview-img[data-src] {
    margin-top: 2.2rem;
  }

  .post-tail-bottom {
-    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;

    > div:first-child {
--- a/_sass/layout/tags.scss
+++ b/_sass/layout/tags.scss
@@ -14,6 +14,6 @@
  span {
    margin-left: 0.6em;
    font-size: 0.7em;
-    font-family: 'Oswald', sans-serif;
+    font-family: Oswald, sans-serif;
  }
 }
--- a/_tabs/archives.md
+++ b/_tabs/archives.md
@@ -3,4 +3,3 @@ layout: archives
 icon: fas fa-archive
 order: 3
 ---
-
--- a/assets/404.html
+++ b/assets/404.html
@@ -9,8 +9,6 @@ redirect_from:
  - /posts/
 ---

-{% include lang.html %}
-
 <div class="lead">
-  <p>{{site.data.locales[lang].not_found.statment }}</p>
+  <p>{{site.data.locales[site.lang].not_found.statment }}</p>
 </div>
--- a/assets/js/data/search.json
+++ b/assets/js/data/search.json
@@ -12,7 +12,9 @@ swcache: true
    "tags": {{ post.tags | join: ', ' | jsonify }},
    "date": "{{ post.date }}",
    {% include no-linenos.html content=post.content %}
-    "snippet": {{ content | strip_html | strip_newlines | jsonify }}
+    {% assign _content = content | strip_html | strip_newlines %}
+    "snippet": {{ _content | truncate: 200 | jsonify }},
+    "content": {{ _content | jsonify }}
  }{% unless forloop.last %},{% endunless %}
  {% endfor %}
 ]
--- a/assets/js/data/swcache.js
+++ b/assets/js/data/swcache.js
@@ -5,7 +5,6 @@ layout: compress
 ---

 const resource = [
-
    /* --- CSS --- */
    '{{ "/assets/css/style.css" | relative_url }}',

@@ -16,6 +15,7 @@ const resource = [
    /* --- HTML --- */
    '{{ "/index.html" | relative_url }}',
    '{{ "/404.html" | relative_url }}',
+
    {% for tab in site.tabs %}
        '{{ tab.url | relative_url }}',
    {% endfor %}
@@ -25,7 +25,6 @@ const resource = [
    {% for file in cache_list %}
        '{{ file.path | relative_url }}'{%- unless forloop.last -%},{%- endunless -%}
    {% endfor %}
-
 ];

 /* The request url with below domain will be cached */
--- a/assets/js/dist/categories.min.js
+++ b/assets/js/dist/categories.min.js
@@ -1,6 +1,6 @@
 /*!
- * Chirpy v5.3.0 (https://github.com/cotes2020/jekyll-theme-chirpy/)
+ * Chirpy v5.3.2 (https://github.com/cotes2020/jekyll-theme-chirpy/)
 * © 2019 Cotes Chung
 * MIT Licensed
 */
-$(function(){$(window).scroll(()=>{50<$(this).scrollTop()&&"none"===$("#sidebar-trigger").css("display")?$("#back-to-top").fadeIn():$("#back-to-top").fadeOut()}),$("#back-to-top").click(()=>($("body,html").animate({scrollTop:0},800),!1))}),$(function(){$(".mode-toggle").click(o=>{const e=$(o.target);let t=e.prop("tagName")==="button".toUpperCase()?e:e.parent();t.blur(),flipMode()})});const ScrollHelper=function(){const o=$("body"),e="data-topbar-visible",t=$("#topbar-wrapper").outerHeight();let l=0,a=!1,r=!1;return{hideTopbar:()=>o.attr(e,!1),showTopbar:()=>o.attr(e,!0),addScrollUpTask:()=>{l+=1,a=a||!0},popScrollUpTask:()=>--l,hasScrollUpTask:()=>0<l,topbarLocked:()=>!0===a,unlockTopbar:()=>a=!1,getTopbarHeight:()=>t,orientationLocked:()=>!0===r,lockOrientation:()=>r=!0,unLockOrientation:()=>r=!1}}();$(function(){const o=$("#sidebar-trigger"),e=$("#search-trigger"),t=$("#search-cancel"),l=$("#main"),a=$("#topbar-title"),r=$("#search-wrapper"),n=$("#search-result-wrapper"),s=$("#search-results"),i=$("#search-input"),c=$("#search-hints"),d=function(){let o=0;return{block(){o=window.scrollY,$("html,body").scrollTop(0)},release(){$("html,body").scrollTop(o)},getOffset(){return o}}}(),p={on(){o.addClass("unloaded"),a.addClass("unloaded"),e.addClass("unloaded"),r.addClass("d-flex"),t.addClass("loaded")},off(){t.removeClass("loaded"),r.removeClass("d-flex"),o.removeClass("unloaded"),a.removeClass("unloaded"),e.removeClass("unloaded")}},f=function(){let o=!1;return{on(){o||(d.block(),n.removeClass("unloaded"),l.addClass("unloaded"),o=!0)},off(){o&&(s.empty(),c.hasClass("unloaded")&&c.removeClass("unloaded"),n.addClass("unloaded"),l.removeClass("unloaded"),d.release(),i.val(""),o=!1)},isVisible(){return o}}}();function u(){return t.hasClass("loaded")}e.click(function(){p.on(),f.on(),i.focus()}),t.click(function(){p.off(),f.off()}),i.focus(function(){r.addClass("input-focus")}),i.focusout(function(){r.removeClass("input-focus")}),i.on("input",()=>{""===i.val()?u()?c.removeClass("unloaded"):f.off():(f.on(),u()&&c.addClass("unloaded"))})}),$(function(){var o=function(){const o="sidebar-display";let e=!1;const t=$("body");return{toggle(){!1===e?t.attr(o,""):t.removeAttr(o),e=!e}}}();$("#sidebar-trigger").click(o.toggle),$("#mask").click(o.toggle)}),$(function(){$('[data-toggle="tooltip"]').tooltip()}),$(function(){const e=$("#search-input"),t=ScrollHelper.getTopbarHeight();let o,l=0;function a(){0!==$(window).scrollTop()&&(ScrollHelper.lockOrientation(),ScrollHelper.hideTopbar())}screen.orientation?screen.orientation.onchange=()=>{var o=screen.orientation.type;"landscape-primary"!==o&&"landscape-secondary"!==o||a()}:$(window).on("orientationchange",()=>{$(window).width()<$(window).height()&&a()}),$(window).scroll(()=>{o=o||!0}),setInterval(()=>{o&&(!function(){var o=$(this).scrollTop();if(!(Math.abs(l-o)<=t)){if(o>l)ScrollHelper.hideTopbar(),e.is(":focus")&&e.blur();else if(o+$(window).height()<$(document).height()){if(ScrollHelper.hasScrollUpTask())return;ScrollHelper.topbarLocked()?ScrollHelper.unlockTopbar():ScrollHelper.orientationLocked()?ScrollHelper.unLockOrientation():ScrollHelper.showTopbar()}l=o}}(),o=!1)},250)}),$(function(){var e="div.post>h1:first-of-type";const t=$(e),n=$("#topbar-title");if(0!==t.length&&!t.hasClass("dynamic-title")&&!n.is(":hidden")){const s=n.text().trim();let l=t.text().trim(),a=!1,r=0;($("#page-category").length||$("#page-tag").length)&&/\s/.test(l)&&(l=l.replace(/[0-9]/g,"").trim()),t.offset().top<$(window).scrollTop()&&n.text(l);let o=new IntersectionObserver(o=>{var e,t;a?(t=$(window).scrollTop(),e=r<t,r=t,t=o[0],e?0===t.intersectionRatio&&n.text(l):1===t.intersectionRatio&&n.text(s)):a=!0},{rootMargin:"-48px 0px 0px 0px",threshold:[0,1]});o.observe(document.querySelector(e)),n.click(function(){$("body,html").animate({scrollTop:0},800)})}}),$(function(){const o=$(".collapse");o.on("hide.bs.collapse",function(){var o="h_"+$(this).attr("id").substring("l_".length);o&&($(`#${o} .far.fa-folder-open`).attr("class","far fa-folder fa-fw"),$(`#${o} i.fas`).addClass("rotate"),$("#"+o).removeClass("hide-border-bottom"))}),o.on("show.bs.collapse",function(){var o="h_"+$(this).attr("id").substring("l_".length);o&&($(`#${o} .far.fa-folder`).attr("class","far fa-folder-open fa-fw"),$(`#${o} i.fas`).removeClass("rotate"),$("#"+o).addClass("hide-border-bottom"))})});
+$(function(){$(window).scroll(()=>{50<$(this).scrollTop()&&"none"===$("#sidebar-trigger").css("display")?$("#back-to-top").fadeIn():$("#back-to-top").fadeOut()}),$("#back-to-top").click(()=>($("body,html").animate({scrollTop:0},800),!1))}),$(function(){$(".mode-toggle").click(o=>{o=$(o.target);(o.prop("tagName")==="button".toUpperCase()?o:o.parent()).blur(),flipMode()})});const ScrollHelper=function(){const o=$("body"),e="data-topbar-visible",t=$("#topbar-wrapper").outerHeight();let a=0,r=!1,l=!1;return{hideTopbar:()=>o.attr(e,!1),showTopbar:()=>o.attr(e,!0),addScrollUpTask:()=>{a+=1,r=r||!0},popScrollUpTask:()=>--a,hasScrollUpTask:()=>0<a,topbarLocked:()=>!0===r,unlockTopbar:()=>r=!1,getTopbarHeight:()=>t,orientationLocked:()=>!0===l,lockOrientation:()=>l=!0,unLockOrientation:()=>l=!1}}();$(function(){const o=$("#sidebar-trigger"),e=$("#search-trigger"),t=$("#search-cancel"),a=$("#main"),r=$("#topbar-title"),l=$("#search-wrapper"),n=$("#search-result-wrapper"),s=$("#search-results"),i=$("#search-input"),c=$("#search-hints"),d=function(){let o=0;return{block(){o=window.scrollY,$("html,body").scrollTop(0)},release(){$("html,body").scrollTop(o)},getOffset(){return o}}}(),p={on(){o.addClass("unloaded"),r.addClass("unloaded"),e.addClass("unloaded"),l.addClass("d-flex"),t.addClass("loaded")},off(){t.removeClass("loaded"),l.removeClass("d-flex"),o.removeClass("unloaded"),r.removeClass("unloaded"),e.removeClass("unloaded")}},f=function(){let o=!1;return{on(){o||(d.block(),n.removeClass("unloaded"),a.addClass("unloaded"),o=!0)},off(){o&&(s.empty(),c.hasClass("unloaded")&&c.removeClass("unloaded"),n.addClass("unloaded"),a.removeClass("unloaded"),d.release(),i.val(""),o=!1)},isVisible(){return o}}}();function u(){return t.hasClass("loaded")}e.click(function(){p.on(),f.on(),i.focus()}),t.click(function(){p.off(),f.off()}),i.focus(function(){l.addClass("input-focus")}),i.focusout(function(){l.removeClass("input-focus")}),i.on("input",()=>{""===i.val()?u()?c.removeClass("unloaded"):f.off():(f.on(),u()&&c.addClass("unloaded"))})}),$(function(){var o=function(){const o="sidebar-display";let e=!1;const t=$("body");return{toggle(){!1===e?t.attr(o,""):t.removeAttr(o),e=!e}}}();$("#sidebar-trigger").click(o.toggle),$("#mask").click(o.toggle)}),$(function(){$('[data-toggle="tooltip"]').tooltip()}),$(function(){const e=$("#search-input"),t=ScrollHelper.getTopbarHeight();let o,a=0;function r(){0!==$(window).scrollTop()&&(ScrollHelper.lockOrientation(),ScrollHelper.hideTopbar())}screen.orientation?screen.orientation.onchange=()=>{var o=screen.orientation.type;"landscape-primary"!==o&&"landscape-secondary"!==o||r()}:$(window).on("orientationchange",()=>{$(window).width()<$(window).height()&&r()}),$(window).scroll(()=>{o=o||!0}),setInterval(()=>{o&&(!function(){var o=$(this).scrollTop();if(!(Math.abs(a-o)<=t)){if(o>a)ScrollHelper.hideTopbar(),e.is(":focus")&&e.blur();else if(o+$(window).height()<$(document).height()){if(ScrollHelper.hasScrollUpTask())return;ScrollHelper.topbarLocked()?ScrollHelper.unlockTopbar():ScrollHelper.orientationLocked()?ScrollHelper.unLockOrientation():ScrollHelper.showTopbar()}a=o}}(),o=!1)},250)}),$(function(){var o="div.post>h1:first-of-type",e=$(o);const n=$("#topbar-title");if(0!==e.length&&!e.hasClass("dynamic-title")&&!n.is(":hidden")){const s=n.text().trim();let a=e.text().trim(),r=!1,l=0;($("#page-category").length||$("#page-tag").length)&&/\s/.test(a)&&(a=a.replace(/[0-9]/g,"").trim()),e.offset().top<$(window).scrollTop()&&n.text(a);new IntersectionObserver(o=>{var e,t;r?(t=$(window).scrollTop(),e=l<t,l=t,t=o[0],e?0===t.intersectionRatio&&n.text(a):1===t.intersectionRatio&&n.text(s)):r=!0},{rootMargin:"-48px 0px 0px 0px",threshold:[0,1]}).observe(document.querySelector(o)),n.click(function(){$("body,html").animate({scrollTop:0},800)})}}),$(function(){var o=$(".collapse");o.on("hide.bs.collapse",function(){var o="h_"+$(this).attr("id").substring("l_".length);o&&($(`#${o} .far.fa-folder-open`).attr("class","far fa-folder fa-fw"),$(`#${o} i.fas`).addClass("rotate"),$("#"+o).removeClass("hide-border-bottom"))}),o.on("show.bs.collapse",function(){var o="h_"+$(this).attr("id").substring("l_".length);o&&($(`#${o} .far.fa-folder`).attr("class","far fa-folder-open fa-fw"),$(`#${o} i.fas`).removeClass("rotate"),$("#"+o).addClass("hide-border-bottom"))})});
--- a/assets/js/dist/commons.min.js
+++ b/assets/js/dist/commons.min.js
@@ -1,6 +1,6 @@
 /*!
- * Chirpy v5.3.0 (https://github.com/cotes2020/jekyll-theme-chirpy/)
+ * Chirpy v5.3.2 (https://github.com/cotes2020/jekyll-theme-chirpy/)
 * © 2019 Cotes Chung
 * MIT Licensed
 */
-$(function(){$(window).scroll(()=>{50<$(this).scrollTop()&&"none"===$("#sidebar-trigger").css("display")?$("#back-to-top").fadeIn():$("#back-to-top").fadeOut()}),$("#back-to-top").click(()=>($("body,html").animate({scrollTop:0},800),!1))}),$(function(){$(".mode-toggle").click(o=>{const e=$(o.target);let t=e.prop("tagName")==="button".toUpperCase()?e:e.parent();t.blur(),flipMode()})});const ScrollHelper=function(){const o=$("body"),e="data-topbar-visible",t=$("#topbar-wrapper").outerHeight();let l=0,r=!1,a=!1;return{hideTopbar:()=>o.attr(e,!1),showTopbar:()=>o.attr(e,!0),addScrollUpTask:()=>{l+=1,r=r||!0},popScrollUpTask:()=>--l,hasScrollUpTask:()=>0<l,topbarLocked:()=>!0===r,unlockTopbar:()=>r=!1,getTopbarHeight:()=>t,orientationLocked:()=>!0===a,lockOrientation:()=>a=!0,unLockOrientation:()=>a=!1}}();$(function(){const o=$("#sidebar-trigger"),e=$("#search-trigger"),t=$("#search-cancel"),l=$("#main"),r=$("#topbar-title"),a=$("#search-wrapper"),n=$("#search-result-wrapper"),s=$("#search-results"),i=$("#search-input"),c=$("#search-hints"),d=function(){let o=0;return{block(){o=window.scrollY,$("html,body").scrollTop(0)},release(){$("html,body").scrollTop(o)},getOffset(){return o}}}(),p={on(){o.addClass("unloaded"),r.addClass("unloaded"),e.addClass("unloaded"),a.addClass("d-flex"),t.addClass("loaded")},off(){t.removeClass("loaded"),a.removeClass("d-flex"),o.removeClass("unloaded"),r.removeClass("unloaded"),e.removeClass("unloaded")}},u=function(){let o=!1;return{on(){o||(d.block(),n.removeClass("unloaded"),l.addClass("unloaded"),o=!0)},off(){o&&(s.empty(),c.hasClass("unloaded")&&c.removeClass("unloaded"),n.addClass("unloaded"),l.removeClass("unloaded"),d.release(),i.val(""),o=!1)},isVisible(){return o}}}();function f(){return t.hasClass("loaded")}e.click(function(){p.on(),u.on(),i.focus()}),t.click(function(){p.off(),u.off()}),i.focus(function(){a.addClass("input-focus")}),i.focusout(function(){a.removeClass("input-focus")}),i.on("input",()=>{""===i.val()?f()?c.removeClass("unloaded"):u.off():(u.on(),f()&&c.addClass("unloaded"))})}),$(function(){var o=function(){const o="sidebar-display";let e=!1;const t=$("body");return{toggle(){!1===e?t.attr(o,""):t.removeAttr(o),e=!e}}}();$("#sidebar-trigger").click(o.toggle),$("#mask").click(o.toggle)}),$(function(){$('[data-toggle="tooltip"]').tooltip()}),$(function(){const e=$("#search-input"),t=ScrollHelper.getTopbarHeight();let o,l=0;function r(){0!==$(window).scrollTop()&&(ScrollHelper.lockOrientation(),ScrollHelper.hideTopbar())}screen.orientation?screen.orientation.onchange=()=>{var o=screen.orientation.type;"landscape-primary"!==o&&"landscape-secondary"!==o||r()}:$(window).on("orientationchange",()=>{$(window).width()<$(window).height()&&r()}),$(window).scroll(()=>{o=o||!0}),setInterval(()=>{o&&(!function(){var o=$(this).scrollTop();if(!(Math.abs(l-o)<=t)){if(o>l)ScrollHelper.hideTopbar(),e.is(":focus")&&e.blur();else if(o+$(window).height()<$(document).height()){if(ScrollHelper.hasScrollUpTask())return;ScrollHelper.topbarLocked()?ScrollHelper.unlockTopbar():ScrollHelper.orientationLocked()?ScrollHelper.unLockOrientation():ScrollHelper.showTopbar()}l=o}}(),o=!1)},250)}),$(function(){var e="div.post>h1:first-of-type";const t=$(e),n=$("#topbar-title");if(0!==t.length&&!t.hasClass("dynamic-title")&&!n.is(":hidden")){const s=n.text().trim();let l=t.text().trim(),r=!1,a=0;($("#page-category").length||$("#page-tag").length)&&/\s/.test(l)&&(l=l.replace(/[0-9]/g,"").trim()),t.offset().top<$(window).scrollTop()&&n.text(l);let o=new IntersectionObserver(o=>{var e,t;r?(t=$(window).scrollTop(),e=a<t,a=t,t=o[0],e?0===t.intersectionRatio&&n.text(l):1===t.intersectionRatio&&n.text(s)):r=!0},{rootMargin:"-48px 0px 0px 0px",threshold:[0,1]});o.observe(document.querySelector(e)),n.click(function(){$("body,html").animate({scrollTop:0},800)})}});
+$(function(){$(window).scroll(()=>{50<$(this).scrollTop()&&"none"===$("#sidebar-trigger").css("display")?$("#back-to-top").fadeIn():$("#back-to-top").fadeOut()}),$("#back-to-top").click(()=>($("body,html").animate({scrollTop:0},800),!1))}),$(function(){$(".mode-toggle").click(o=>{o=$(o.target);(o.prop("tagName")==="button".toUpperCase()?o:o.parent()).blur(),flipMode()})});const ScrollHelper=function(){const o=$("body"),e="data-topbar-visible",t=$("#topbar-wrapper").outerHeight();let l=0,r=!1,a=!1;return{hideTopbar:()=>o.attr(e,!1),showTopbar:()=>o.attr(e,!0),addScrollUpTask:()=>{l+=1,r=r||!0},popScrollUpTask:()=>--l,hasScrollUpTask:()=>0<l,topbarLocked:()=>!0===r,unlockTopbar:()=>r=!1,getTopbarHeight:()=>t,orientationLocked:()=>!0===a,lockOrientation:()=>a=!0,unLockOrientation:()=>a=!1}}();$(function(){const o=$("#sidebar-trigger"),e=$("#search-trigger"),t=$("#search-cancel"),l=$("#main"),r=$("#topbar-title"),a=$("#search-wrapper"),n=$("#search-result-wrapper"),s=$("#search-results"),i=$("#search-input"),c=$("#search-hints"),d=function(){let o=0;return{block(){o=window.scrollY,$("html,body").scrollTop(0)},release(){$("html,body").scrollTop(o)},getOffset(){return o}}}(),p={on(){o.addClass("unloaded"),r.addClass("unloaded"),e.addClass("unloaded"),a.addClass("d-flex"),t.addClass("loaded")},off(){t.removeClass("loaded"),a.removeClass("d-flex"),o.removeClass("unloaded"),r.removeClass("unloaded"),e.removeClass("unloaded")}},u=function(){let o=!1;return{on(){o||(d.block(),n.removeClass("unloaded"),l.addClass("unloaded"),o=!0)},off(){o&&(s.empty(),c.hasClass("unloaded")&&c.removeClass("unloaded"),n.addClass("unloaded"),l.removeClass("unloaded"),d.release(),i.val(""),o=!1)},isVisible(){return o}}}();function f(){return t.hasClass("loaded")}e.click(function(){p.on(),u.on(),i.focus()}),t.click(function(){p.off(),u.off()}),i.focus(function(){a.addClass("input-focus")}),i.focusout(function(){a.removeClass("input-focus")}),i.on("input",()=>{""===i.val()?f()?c.removeClass("unloaded"):u.off():(u.on(),f()&&c.addClass("unloaded"))})}),$(function(){var o=function(){const o="sidebar-display";let e=!1;const t=$("body");return{toggle(){!1===e?t.attr(o,""):t.removeAttr(o),e=!e}}}();$("#sidebar-trigger").click(o.toggle),$("#mask").click(o.toggle)}),$(function(){$('[data-toggle="tooltip"]').tooltip()}),$(function(){const e=$("#search-input"),t=ScrollHelper.getTopbarHeight();let o,l=0;function r(){0!==$(window).scrollTop()&&(ScrollHelper.lockOrientation(),ScrollHelper.hideTopbar())}screen.orientation?screen.orientation.onchange=()=>{var o=screen.orientation.type;"landscape-primary"!==o&&"landscape-secondary"!==o||r()}:$(window).on("orientationchange",()=>{$(window).width()<$(window).height()&&r()}),$(window).scroll(()=>{o=o||!0}),setInterval(()=>{o&&(!function(){var o=$(this).scrollTop();if(!(Math.abs(l-o)<=t)){if(o>l)ScrollHelper.hideTopbar(),e.is(":focus")&&e.blur();else if(o+$(window).height()<$(document).height()){if(ScrollHelper.hasScrollUpTask())return;ScrollHelper.topbarLocked()?ScrollHelper.unlockTopbar():ScrollHelper.orientationLocked()?ScrollHelper.unLockOrientation():ScrollHelper.showTopbar()}l=o}}(),o=!1)},250)}),$(function(){var o="div.post>h1:first-of-type",e=$(o);const n=$("#topbar-title");if(0!==e.length&&!e.hasClass("dynamic-title")&&!n.is(":hidden")){const s=n.text().trim();let l=e.text().trim(),r=!1,a=0;($("#page-category").length||$("#page-tag").length)&&/\s/.test(l)&&(l=l.replace(/[0-9]/g,"").trim()),e.offset().top<$(window).scrollTop()&&n.text(l);new IntersectionObserver(o=>{var e,t;r?(t=$(window).scrollTop(),e=a<t,a=t,t=o[0],e?0===t.intersectionRatio&&n.text(l):1===t.intersectionRatio&&n.text(s)):r=!0},{rootMargin:"-48px 0px 0px 0px",threshold:[0,1]}).observe(document.querySelector(o)),n.click(function(){$("body,html").animate({scrollTop:0},800)})}});
--- a/assets/js/dist/home.min.js
+++ b/assets/js/dist/home.min.js
@@ -1,6 +1,6 @@
 /*!
- * Chirpy v5.3.0 (https://github.com/cotes2020/jekyll-theme-chirpy/)
+ * Chirpy v5.3.2 (https://github.com/cotes2020/jekyll-theme-chirpy/)
 * © 2019 Cotes Chung
 * MIT Licensed
 */
-$(function(){$(window).scroll(()=>{50<$(this).scrollTop()&&"none"===$("#sidebar-trigger").css("display")?$("#back-to-top").fadeIn():$("#back-to-top").fadeOut()}),$("#back-to-top").click(()=>($("body,html").animate({scrollTop:0},800),!1))}),$(function(){$(".mode-toggle").click(e=>{const t=$(e.target);let o=t.prop("tagName")==="button".toUpperCase()?t:t.parent();o.blur(),flipMode()})});const ScrollHelper=function(){const e=$("body"),t="data-topbar-visible",o=$("#topbar-wrapper").outerHeight();let a=0,l=!1,r=!1;return{hideTopbar:()=>e.attr(t,!1),showTopbar:()=>e.attr(t,!0),addScrollUpTask:()=>{a+=1,l=l||!0},popScrollUpTask:()=>--a,hasScrollUpTask:()=>0<a,topbarLocked:()=>!0===l,unlockTopbar:()=>l=!1,getTopbarHeight:()=>o,orientationLocked:()=>!0===r,lockOrientation:()=>r=!0,unLockOrientation:()=>r=!1}}(),LocaleHelper=($(function(){const e=$("#sidebar-trigger"),t=$("#search-trigger"),o=$("#search-cancel"),a=$("#main"),l=$("#topbar-title"),r=$("#search-wrapper"),n=$("#search-result-wrapper"),s=$("#search-results"),i=$("#search-input"),c=$("#search-hints"),d=function(){let e=0;return{block(){e=window.scrollY,$("html,body").scrollTop(0)},release(){$("html,body").scrollTop(e)},getOffset(){return e}}}(),p={on(){e.addClass("unloaded"),l.addClass("unloaded"),t.addClass("unloaded"),r.addClass("d-flex"),o.addClass("loaded")},off(){o.removeClass("loaded"),r.removeClass("d-flex"),e.removeClass("unloaded"),l.removeClass("unloaded"),t.removeClass("unloaded")}},u=function(){let e=!1;return{on(){e||(d.block(),n.removeClass("unloaded"),a.addClass("unloaded"),e=!0)},off(){e&&(s.empty(),c.hasClass("unloaded")&&c.removeClass("unloaded"),n.addClass("unloaded"),a.removeClass("unloaded"),d.release(),i.val(""),e=!1)},isVisible(){return e}}}();function f(){return o.hasClass("loaded")}t.click(function(){p.on(),u.on(),i.focus()}),o.click(function(){p.off(),u.off()}),i.focus(function(){r.addClass("input-focus")}),i.focusout(function(){r.removeClass("input-focus")}),i.on("input",()=>{""===i.val()?f()?c.removeClass("unloaded"):u.off():(u.on(),f()&&c.addClass("unloaded"))})}),$(function(){var e=function(){const e="sidebar-display";let t=!1;const o=$("body");return{toggle(){!1===t?o.attr(e,""):o.removeAttr(e),t=!t}}}();$("#sidebar-trigger").click(e.toggle),$("#mask").click(e.toggle)}),$(function(){$('[data-toggle="tooltip"]').tooltip()}),$(function(){const t=$("#search-input"),o=ScrollHelper.getTopbarHeight();let e,a=0;function l(){0!==$(window).scrollTop()&&(ScrollHelper.lockOrientation(),ScrollHelper.hideTopbar())}screen.orientation?screen.orientation.onchange=()=>{var e=screen.orientation.type;"landscape-primary"!==e&&"landscape-secondary"!==e||l()}:$(window).on("orientationchange",()=>{$(window).width()<$(window).height()&&l()}),$(window).scroll(()=>{e=e||!0}),setInterval(()=>{e&&(!function(){var e=$(this).scrollTop();if(!(Math.abs(a-e)<=o)){if(e>a)ScrollHelper.hideTopbar(),t.is(":focus")&&t.blur();else if(e+$(window).height()<$(document).height()){if(ScrollHelper.hasScrollUpTask())return;ScrollHelper.topbarLocked()?ScrollHelper.unlockTopbar():ScrollHelper.orientationLocked()?ScrollHelper.unLockOrientation():ScrollHelper.showTopbar()}a=e}}(),e=!1)},250)}),$(function(){var t="div.post>h1:first-of-type";const o=$(t),n=$("#topbar-title");if(0!==o.length&&!o.hasClass("dynamic-title")&&!n.is(":hidden")){const s=n.text().trim();let a=o.text().trim(),l=!1,r=0;($("#page-category").length||$("#page-tag").length)&&/\s/.test(a)&&(a=a.replace(/[0-9]/g,"").trim()),o.offset().top<$(window).scrollTop()&&n.text(a);let e=new IntersectionObserver(e=>{var t,o;l?(o=$(window).scrollTop(),t=r<o,r=o,o=e[0],t?0===o.intersectionRatio&&n.text(a):1===o.intersectionRatio&&n.text(s)):l=!0},{rootMargin:"-48px 0px 0px 0px",threshold:[0,1]});e.observe(document.querySelector(t)),n.click(function(){$("body,html").animate({scrollTop:0},800)})}}),function(){const e=$('meta[name="prefer-datetime-locale"]'),t=0<e.length?e.attr("content").toLowerCase():$("html").attr("lang").substr(0,2),o="data-ts",a="data-df";return{locale:()=>t,attrTimestamp:()=>o,attrDateFormat:()=>a,getTimestamp:e=>Number(e.attr(o)),getDateFormat:e=>e.attr(a)}}());$(function(){dayjs.locale(LocaleHelper.locale()),dayjs.extend(window.dayjs_plugin_localizedFormat),$(`[${LocaleHelper.attrTimestamp()}]`).each(function(){const e=dayjs.unix(LocaleHelper.getTimestamp($(this)));var t=e.format(LocaleHelper.getDateFormat($(this))),t=($(this).text(t),$(this).removeAttr(LocaleHelper.attrTimestamp()),$(this).removeAttr(LocaleHelper.attrDateFormat()),$(this).attr("data-toggle"));void 0!==t&&"tooltip"===t&&(t=e.format("llll"),$(this).attr("data-original-title",t))})});
+$(function(){$(window).scroll(()=>{50<$(this).scrollTop()&&"none"===$("#sidebar-trigger").css("display")?$("#back-to-top").fadeIn():$("#back-to-top").fadeOut()}),$("#back-to-top").click(()=>($("body,html").animate({scrollTop:0},800),!1))}),$(function(){$(".mode-toggle").click(e=>{e=$(e.target);(e.prop("tagName")==="button".toUpperCase()?e:e.parent()).blur(),flipMode()})});const ScrollHelper=function(){const e=$("body"),t="data-topbar-visible",o=$("#topbar-wrapper").outerHeight();let a=0,l=!1,r=!1;return{hideTopbar:()=>e.attr(t,!1),showTopbar:()=>e.attr(t,!0),addScrollUpTask:()=>{a+=1,l=l||!0},popScrollUpTask:()=>--a,hasScrollUpTask:()=>0<a,topbarLocked:()=>!0===l,unlockTopbar:()=>l=!1,getTopbarHeight:()=>o,orientationLocked:()=>!0===r,lockOrientation:()=>r=!0,unLockOrientation:()=>r=!1}}(),LocaleHelper=($(function(){const e=$("#sidebar-trigger"),t=$("#search-trigger"),o=$("#search-cancel"),a=$("#main"),l=$("#topbar-title"),r=$("#search-wrapper"),n=$("#search-result-wrapper"),s=$("#search-results"),i=$("#search-input"),c=$("#search-hints"),d=function(){let e=0;return{block(){e=window.scrollY,$("html,body").scrollTop(0)},release(){$("html,body").scrollTop(e)},getOffset(){return e}}}(),p={on(){e.addClass("unloaded"),l.addClass("unloaded"),t.addClass("unloaded"),r.addClass("d-flex"),o.addClass("loaded")},off(){o.removeClass("loaded"),r.removeClass("d-flex"),e.removeClass("unloaded"),l.removeClass("unloaded"),t.removeClass("unloaded")}},u=function(){let e=!1;return{on(){e||(d.block(),n.removeClass("unloaded"),a.addClass("unloaded"),e=!0)},off(){e&&(s.empty(),c.hasClass("unloaded")&&c.removeClass("unloaded"),n.addClass("unloaded"),a.removeClass("unloaded"),d.release(),i.val(""),e=!1)},isVisible(){return e}}}();function f(){return o.hasClass("loaded")}t.click(function(){p.on(),u.on(),i.focus()}),o.click(function(){p.off(),u.off()}),i.focus(function(){r.addClass("input-focus")}),i.focusout(function(){r.removeClass("input-focus")}),i.on("input",()=>{""===i.val()?f()?c.removeClass("unloaded"):u.off():(u.on(),f()&&c.addClass("unloaded"))})}),$(function(){var e=function(){const e="sidebar-display";let t=!1;const o=$("body");return{toggle(){!1===t?o.attr(e,""):o.removeAttr(e),t=!t}}}();$("#sidebar-trigger").click(e.toggle),$("#mask").click(e.toggle)}),$(function(){$('[data-toggle="tooltip"]').tooltip()}),$(function(){const t=$("#search-input"),o=ScrollHelper.getTopbarHeight();let e,a=0;function l(){0!==$(window).scrollTop()&&(ScrollHelper.lockOrientation(),ScrollHelper.hideTopbar())}screen.orientation?screen.orientation.onchange=()=>{var e=screen.orientation.type;"landscape-primary"!==e&&"landscape-secondary"!==e||l()}:$(window).on("orientationchange",()=>{$(window).width()<$(window).height()&&l()}),$(window).scroll(()=>{e=e||!0}),setInterval(()=>{e&&(!function(){var e=$(this).scrollTop();if(!(Math.abs(a-e)<=o)){if(e>a)ScrollHelper.hideTopbar(),t.is(":focus")&&t.blur();else if(e+$(window).height()<$(document).height()){if(ScrollHelper.hasScrollUpTask())return;ScrollHelper.topbarLocked()?ScrollHelper.unlockTopbar():ScrollHelper.orientationLocked()?ScrollHelper.unLockOrientation():ScrollHelper.showTopbar()}a=e}}(),e=!1)},250)}),$(function(){var e="div.post>h1:first-of-type",t=$(e);const n=$("#topbar-title");if(0!==t.length&&!t.hasClass("dynamic-title")&&!n.is(":hidden")){const s=n.text().trim();let a=t.text().trim(),l=!1,r=0;($("#page-category").length||$("#page-tag").length)&&/\s/.test(a)&&(a=a.replace(/[0-9]/g,"").trim()),t.offset().top<$(window).scrollTop()&&n.text(a);new IntersectionObserver(e=>{var t,o;l?(o=$(window).scrollTop(),t=r<o,r=o,o=e[0],t?0===o.intersectionRatio&&n.text(a):1===o.intersectionRatio&&n.text(s)):l=!0},{rootMargin:"-48px 0px 0px 0px",threshold:[0,1]}).observe(document.querySelector(e)),n.click(function(){$("body,html").animate({scrollTop:0},800)})}}),function(){const e=$("html").attr("lang").substr(0,2),t="data-ts",o="data-df";return{locale:()=>e,attrTimestamp:()=>t,attrDateFormat:()=>o,getTimestamp:e=>Number(e.attr(t)),getDateFormat:e=>e.attr(o)}}());$(function(){dayjs.locale(LocaleHelper.locale()),dayjs.extend(window.dayjs_plugin_localizedFormat),$(`[${LocaleHelper.attrTimestamp()}]`).each(function(){var e=dayjs.unix(LocaleHelper.getTimestamp($(this))),t=e.format(LocaleHelper.getDateFormat($(this))),t=($(this).text(t),$(this).removeAttr(LocaleHelper.attrTimestamp()),$(this).removeAttr(LocaleHelper.attrDateFormat()),$(this).attr("data-toggle"));void 0!==t&&"tooltip"===t&&(t=e.format("llll"),$(this).attr("data-original-title",t))})});
--- a/assets/js/dist/misc.min.js
+++ b/assets/js/dist/misc.min.js
@@ -1,6 +1,6 @@
 /*!
- * Chirpy v5.3.0 (https://github.com/cotes2020/jekyll-theme-chirpy/)
+ * Chirpy v5.3.2 (https://github.com/cotes2020/jekyll-theme-chirpy/)
 * © 2019 Cotes Chung
 * MIT Licensed
 */
-$(function(){$(window).scroll(()=>{50<$(this).scrollTop()&&"none"===$("#sidebar-trigger").css("display")?$("#back-to-top").fadeIn():$("#back-to-top").fadeOut()}),$("#back-to-top").click(()=>($("body,html").animate({scrollTop:0},800),!1))}),$(function(){$(".mode-toggle").click(e=>{const t=$(e.target);let o=t.prop("tagName")==="button".toUpperCase()?t:t.parent();o.blur(),flipMode()})});const ScrollHelper=function(){const e=$("body"),t="data-topbar-visible",o=$("#topbar-wrapper").outerHeight();let a=0,l=!1,r=!1;return{hideTopbar:()=>e.attr(t,!1),showTopbar:()=>e.attr(t,!0),addScrollUpTask:()=>{a+=1,l=l||!0},popScrollUpTask:()=>--a,hasScrollUpTask:()=>0<a,topbarLocked:()=>!0===l,unlockTopbar:()=>l=!1,getTopbarHeight:()=>o,orientationLocked:()=>!0===r,lockOrientation:()=>r=!0,unLockOrientation:()=>r=!1}}(),LocaleHelper=($(function(){const e=$("#sidebar-trigger"),t=$("#search-trigger"),o=$("#search-cancel"),a=$("#main"),l=$("#topbar-title"),r=$("#search-wrapper"),n=$("#search-result-wrapper"),s=$("#search-results"),i=$("#search-input"),c=$("#search-hints"),d=function(){let e=0;return{block(){e=window.scrollY,$("html,body").scrollTop(0)},release(){$("html,body").scrollTop(e)},getOffset(){return e}}}(),p={on(){e.addClass("unloaded"),l.addClass("unloaded"),t.addClass("unloaded"),r.addClass("d-flex"),o.addClass("loaded")},off(){o.removeClass("loaded"),r.removeClass("d-flex"),e.removeClass("unloaded"),l.removeClass("unloaded"),t.removeClass("unloaded")}},u=function(){let e=!1;return{on(){e||(d.block(),n.removeClass("unloaded"),a.addClass("unloaded"),e=!0)},off(){e&&(s.empty(),c.hasClass("unloaded")&&c.removeClass("unloaded"),n.addClass("unloaded"),a.removeClass("unloaded"),d.release(),i.val(""),e=!1)},isVisible(){return e}}}();function f(){return o.hasClass("loaded")}t.click(function(){p.on(),u.on(),i.focus()}),o.click(function(){p.off(),u.off()}),i.focus(function(){r.addClass("input-focus")}),i.focusout(function(){r.removeClass("input-focus")}),i.on("input",()=>{""===i.val()?f()?c.removeClass("unloaded"):u.off():(u.on(),f()&&c.addClass("unloaded"))})}),$(function(){var e=function(){const e="sidebar-display";let t=!1;const o=$("body");return{toggle(){!1===t?o.attr(e,""):o.removeAttr(e),t=!t}}}();$("#sidebar-trigger").click(e.toggle),$("#mask").click(e.toggle)}),$(function(){$('[data-toggle="tooltip"]').tooltip()}),$(function(){const t=$("#search-input"),o=ScrollHelper.getTopbarHeight();let e,a=0;function l(){0!==$(window).scrollTop()&&(ScrollHelper.lockOrientation(),ScrollHelper.hideTopbar())}screen.orientation?screen.orientation.onchange=()=>{var e=screen.orientation.type;"landscape-primary"!==e&&"landscape-secondary"!==e||l()}:$(window).on("orientationchange",()=>{$(window).width()<$(window).height()&&l()}),$(window).scroll(()=>{e=e||!0}),setInterval(()=>{e&&(!function(){var e=$(this).scrollTop();if(!(Math.abs(a-e)<=o)){if(e>a)ScrollHelper.hideTopbar(),t.is(":focus")&&t.blur();else if(e+$(window).height()<$(document).height()){if(ScrollHelper.hasScrollUpTask())return;ScrollHelper.topbarLocked()?ScrollHelper.unlockTopbar():ScrollHelper.orientationLocked()?ScrollHelper.unLockOrientation():ScrollHelper.showTopbar()}a=e}}(),e=!1)},250)}),$(function(){var t="div.post>h1:first-of-type";const o=$(t),n=$("#topbar-title");if(0!==o.length&&!o.hasClass("dynamic-title")&&!n.is(":hidden")){const s=n.text().trim();let a=o.text().trim(),l=!1,r=0;($("#page-category").length||$("#page-tag").length)&&/\s/.test(a)&&(a=a.replace(/[0-9]/g,"").trim()),o.offset().top<$(window).scrollTop()&&n.text(a);let e=new IntersectionObserver(e=>{var t,o;l?(o=$(window).scrollTop(),t=r<o,r=o,o=e[0],t?0===o.intersectionRatio&&n.text(a):1===o.intersectionRatio&&n.text(s)):l=!0},{rootMargin:"-48px 0px 0px 0px",threshold:[0,1]});e.observe(document.querySelector(t)),n.click(function(){$("body,html").animate({scrollTop:0},800)})}}),function(){const e=$('meta[name="prefer-datetime-locale"]'),t=0<e.length?e.attr("content").toLowerCase():$("html").attr("lang").substr(0,2),o="data-ts",a="data-df";return{locale:()=>t,attrTimestamp:()=>o,attrDateFormat:()=>a,getTimestamp:e=>Number(e.attr(o)),getDateFormat:e=>e.attr(a)}}());$(function(){dayjs.locale(LocaleHelper.locale()),dayjs.extend(window.dayjs_plugin_localizedFormat),$(`[${LocaleHelper.attrTimestamp()}]`).each(function(){const e=dayjs.unix(LocaleHelper.getTimestamp($(this)));var t=e.format(LocaleHelper.getDateFormat($(this))),t=($(this).text(t),$(this).removeAttr(LocaleHelper.attrTimestamp()),$(this).removeAttr(LocaleHelper.attrDateFormat()),$(this).attr("data-toggle"));void 0!==t&&"tooltip"===t&&(t=e.format("llll"),$(this).attr("data-original-title",t))})});
+$(function(){$(window).scroll(()=>{50<$(this).scrollTop()&&"none"===$("#sidebar-trigger").css("display")?$("#back-to-top").fadeIn():$("#back-to-top").fadeOut()}),$("#back-to-top").click(()=>($("body,html").animate({scrollTop:0},800),!1))}),$(function(){$(".mode-toggle").click(e=>{e=$(e.target);(e.prop("tagName")==="button".toUpperCase()?e:e.parent()).blur(),flipMode()})});const ScrollHelper=function(){const e=$("body"),t="data-topbar-visible",o=$("#topbar-wrapper").outerHeight();let a=0,l=!1,r=!1;return{hideTopbar:()=>e.attr(t,!1),showTopbar:()=>e.attr(t,!0),addScrollUpTask:()=>{a+=1,l=l||!0},popScrollUpTask:()=>--a,hasScrollUpTask:()=>0<a,topbarLocked:()=>!0===l,unlockTopbar:()=>l=!1,getTopbarHeight:()=>o,orientationLocked:()=>!0===r,lockOrientation:()=>r=!0,unLockOrientation:()=>r=!1}}(),LocaleHelper=($(function(){const e=$("#sidebar-trigger"),t=$("#search-trigger"),o=$("#search-cancel"),a=$("#main"),l=$("#topbar-title"),r=$("#search-wrapper"),n=$("#search-result-wrapper"),s=$("#search-results"),i=$("#search-input"),c=$("#search-hints"),d=function(){let e=0;return{block(){e=window.scrollY,$("html,body").scrollTop(0)},release(){$("html,body").scrollTop(e)},getOffset(){return e}}}(),p={on(){e.addClass("unloaded"),l.addClass("unloaded"),t.addClass("unloaded"),r.addClass("d-flex"),o.addClass("loaded")},off(){o.removeClass("loaded"),r.removeClass("d-flex"),e.removeClass("unloaded"),l.removeClass("unloaded"),t.removeClass("unloaded")}},u=function(){let e=!1;return{on(){e||(d.block(),n.removeClass("unloaded"),a.addClass("unloaded"),e=!0)},off(){e&&(s.empty(),c.hasClass("unloaded")&&c.removeClass("unloaded"),n.addClass("unloaded"),a.removeClass("unloaded"),d.release(),i.val(""),e=!1)},isVisible(){return e}}}();function f(){return o.hasClass("loaded")}t.click(function(){p.on(),u.on(),i.focus()}),o.click(function(){p.off(),u.off()}),i.focus(function(){r.addClass("input-focus")}),i.focusout(function(){r.removeClass("input-focus")}),i.on("input",()=>{""===i.val()?f()?c.removeClass("unloaded"):u.off():(u.on(),f()&&c.addClass("unloaded"))})}),$(function(){var e=function(){const e="sidebar-display";let t=!1;const o=$("body");return{toggle(){!1===t?o.attr(e,""):o.removeAttr(e),t=!t}}}();$("#sidebar-trigger").click(e.toggle),$("#mask").click(e.toggle)}),$(function(){$('[data-toggle="tooltip"]').tooltip()}),$(function(){const t=$("#search-input"),o=ScrollHelper.getTopbarHeight();let e,a=0;function l(){0!==$(window).scrollTop()&&(ScrollHelper.lockOrientation(),ScrollHelper.hideTopbar())}screen.orientation?screen.orientation.onchange=()=>{var e=screen.orientation.type;"landscape-primary"!==e&&"landscape-secondary"!==e||l()}:$(window).on("orientationchange",()=>{$(window).width()<$(window).height()&&l()}),$(window).scroll(()=>{e=e||!0}),setInterval(()=>{e&&(!function(){var e=$(this).scrollTop();if(!(Math.abs(a-e)<=o)){if(e>a)ScrollHelper.hideTopbar(),t.is(":focus")&&t.blur();else if(e+$(window).height()<$(document).height()){if(ScrollHelper.hasScrollUpTask())return;ScrollHelper.topbarLocked()?ScrollHelper.unlockTopbar():ScrollHelper.orientationLocked()?ScrollHelper.unLockOrientation():ScrollHelper.showTopbar()}a=e}}(),e=!1)},250)}),$(function(){var e="div.post>h1:first-of-type",t=$(e);const n=$("#topbar-title");if(0!==t.length&&!t.hasClass("dynamic-title")&&!n.is(":hidden")){const s=n.text().trim();let a=t.text().trim(),l=!1,r=0;($("#page-category").length||$("#page-tag").length)&&/\s/.test(a)&&(a=a.replace(/[0-9]/g,"").trim()),t.offset().top<$(window).scrollTop()&&n.text(a);new IntersectionObserver(e=>{var t,o;l?(o=$(window).scrollTop(),t=r<o,r=o,o=e[0],t?0===o.intersectionRatio&&n.text(a):1===o.intersectionRatio&&n.text(s)):l=!0},{rootMargin:"-48px 0px 0px 0px",threshold:[0,1]}).observe(document.querySelector(e)),n.click(function(){$("body,html").animate({scrollTop:0},800)})}}),function(){const e=$("html").attr("lang").substr(0,2),t="data-ts",o="data-df";return{locale:()=>e,attrTimestamp:()=>t,attrDateFormat:()=>o,getTimestamp:e=>Number(e.attr(t)),getDateFormat:e=>e.attr(o)}}());$(function(){dayjs.locale(LocaleHelper.locale()),dayjs.extend(window.dayjs_plugin_localizedFormat),$(`[${LocaleHelper.attrTimestamp()}]`).each(function(){var e=dayjs.unix(LocaleHelper.getTimestamp($(this))),t=e.format(LocaleHelper.getDateFormat($(this))),t=($(this).text(t),$(this).removeAttr(LocaleHelper.attrTimestamp()),$(this).removeAttr(LocaleHelper.attrDateFormat()),$(this).attr("data-toggle"));void 0!==t&&"tooltip"===t&&(t=e.format("llll"),$(this).attr("data-original-title",t))})});
--- a/assets/js/dist/page.min.js
+++ b/assets/js/dist/page.min.js
--- a/assets/js/dist/post.min.js
+++ b/assets/js/dist/post.min.js
--- a/assets/js/dist/pvreport.min.js
+++ b/assets/js/dist/pvreport.min.js
@@ -1,6 +1,6 @@
 /*!
- * Chirpy v5.3.0 (https://github.com/cotes2020/jekyll-theme-chirpy/)
+ * Chirpy v5.3.2 (https://github.com/cotes2020/jekyll-theme-chirpy/)
 * © 2019 Cotes Chung
 * MIT Licensed
 */
-const getInitStatus=function(){let t=!1;return()=>{var e=t;return t=t||!0,e}}(),PvOpts=function(){function t(e){return $(e).attr("content")}function e(e){e=t(e);return void 0!==e&&!1!==e}return{getProxyMeta(){return t("meta[name=pv-proxy-endpoint]")},getLocalMeta(){return t("meta[name=pv-cache-path]")},hasProxyMeta(){return e("meta[name=pv-proxy-endpoint]")},hasLocalMeta(){return e("meta[name=pv-cache-path]")}}}(),PvStorage=function(){const a={KEY_PV:"pv",KEY_PV_SRC:"pv_src",KEY_CREATION:"pv_created_date"},t={LOCAL:"same-origin",PROXY:"cors"};function r(e){return localStorage.getItem(e)}function o(e,t){localStorage.setItem(e,t)}function n(e,t){o(a.KEY_PV,e),o(a.KEY_PV_SRC,t),o(a.KEY_CREATION,(new Date).toJSON())}return{keysCount(){return Object.keys(a).length},hasCache(){return null!==localStorage.getItem(a.KEY_PV)},getCache(){return JSON.parse(localStorage.getItem(a.KEY_PV))},saveLocalCache(e){n(e,t.LOCAL)},saveProxyCache(e){n(e,t.PROXY)},isExpired(){let e=new Date(r(a.KEY_CREATION));return e.setHours(e.getHours()+1),Date.now()>=e.getTime()},isFromLocal(){return r(a.KEY_PV_SRC)===t.LOCAL},isFromProxy(){return r(a.KEY_PV_SRC)===t.PROXY},newerThan(e){return PvStorage.getCache().totalsForAllResults["ga:pageviews"]>e.totalsForAllResults["ga:pageviews"]},inspectKeys(){if(localStorage.length!==PvStorage.keysCount())localStorage.clear();else for(let e=0;e<localStorage.length;e++)switch(localStorage.key(e)){case a.KEY_PV:case a.KEY_PV_SRC:case a.KEY_CREATION:break;default:return void localStorage.clear()}}}}();function countUp(t,a,r){if(t<a){let e=new CountUp(r,t,a);e.error?console.error(e.error):e.start()}}function countPV(t,a){let r=0;if(void 0!==a)for(let e=0;e<a.length;++e)if(a[parseInt(e,10)][0]===t){r+=parseInt(a[parseInt(e,10)][1],10);break}return r}function tacklePV(e,t,a,r){let o=countPV(t,e);o=0===o?1:o,r?(t=parseInt(a.text().replace(/,/g,""),10),o>t&&countUp(t,o,a.attr("id"))):a.text((new Intl.NumberFormat).format(o))}function displayPageviews(e){if(void 0!==e){let t=getInitStatus();const a=e.rows;0<$("#post-list").length?$(".post-preview").each(function(){var e=$(this).find("a").attr("href");tacklePV(a,e,$(this).find(".pageviews"),t)}):0<$(".post").length&&(e=window.location.pathname,tacklePV(a,e,$("#pv"),t))}}function fetchProxyPageviews(){PvOpts.hasProxyMeta()&&$.ajax({type:"GET",url:PvOpts.getProxyMeta(),dataType:"jsonp",jsonpCallback:"displayPageviews",success:e=>{PvStorage.saveProxyCache(JSON.stringify(e))},error:(e,t,a)=>{console.log("Failed to load pageviews from proxy server: "+a)}})}function fetchLocalPageviews(t=!1){return fetch(PvOpts.getLocalMeta()).then(e=>e.json()).then(e=>{t&&PvStorage.isFromProxy()&&PvStorage.newerThan(e)||(displayPageviews(e),PvStorage.saveLocalCache(JSON.stringify(e)))})}$(function(){$(".pageviews").length<=0||(PvStorage.inspectKeys(),PvStorage.hasCache()?(displayPageviews(PvStorage.getCache()),PvStorage.isExpired()?PvOpts.hasLocalMeta()?fetchLocalPageviews(!0).then(fetchProxyPageviews):fetchProxyPageviews():PvStorage.isFromLocal()&&fetchProxyPageviews()):PvOpts.hasLocalMeta()?fetchLocalPageviews().then(fetchProxyPageviews):fetchProxyPageviews())});
+const getInitStatus=function(){let t=!1;return()=>{var e=t;return t=t||!0,e}}(),PvOpts=function(){function t(e){return $(e).attr("content")}function e(e){e=t(e);return void 0!==e&&!1!==e}return{getProxyMeta(){return t("meta[name=pv-proxy-endpoint]")},getLocalMeta(){return t("meta[name=pv-cache-path]")},hasProxyMeta(){return e("meta[name=pv-proxy-endpoint]")},hasLocalMeta(){return e("meta[name=pv-cache-path]")}}}(),PvStorage=function(){const a={KEY_PV:"pv",KEY_PV_SRC:"pv_src",KEY_CREATION:"pv_created_date"},t={LOCAL:"same-origin",PROXY:"cors"};function r(e){return localStorage.getItem(e)}function o(e,t){localStorage.setItem(e,t)}function n(e,t){o(a.KEY_PV,e),o(a.KEY_PV_SRC,t),o(a.KEY_CREATION,(new Date).toJSON())}return{keysCount(){return Object.keys(a).length},hasCache(){return null!==localStorage.getItem(a.KEY_PV)},getCache(){return JSON.parse(localStorage.getItem(a.KEY_PV))},saveLocalCache(e){n(e,t.LOCAL)},saveProxyCache(e){n(e,t.PROXY)},isExpired(){var e=new Date(r(a.KEY_CREATION));return e.setHours(e.getHours()+1),Date.now()>=e.getTime()},isFromLocal(){return r(a.KEY_PV_SRC)===t.LOCAL},isFromProxy(){return r(a.KEY_PV_SRC)===t.PROXY},newerThan(e){return PvStorage.getCache().totalsForAllResults["ga:pageviews"]>e.totalsForAllResults["ga:pageviews"]},inspectKeys(){if(localStorage.length!==PvStorage.keysCount())localStorage.clear();else for(let e=0;e<localStorage.length;e++)switch(localStorage.key(e)){case a.KEY_PV:case a.KEY_PV_SRC:case a.KEY_CREATION:break;default:return void localStorage.clear()}}}}();function countUp(e,t,a){e<t&&((a=new CountUp(a,e,t)).error?console.error(a.error):a.start())}function countPV(t,a){let r=0;if(void 0!==a)for(let e=0;e<a.length;++e)if(a[parseInt(e,10)][0]===t){r+=parseInt(a[parseInt(e,10)][1],10);break}return r}function tacklePV(e,t,a,r){t=0===(t=countPV(t,e))?1:t;r?(e=parseInt(a.text().replace(/,/g,""),10))<t&&countUp(e,t,a.attr("id")):a.text((new Intl.NumberFormat).format(t))}function displayPageviews(e){if(void 0!==e){let t=getInitStatus();const a=e.rows;0<$("#post-list").length?$(".post-preview").each(function(){var e=$(this).find("a").attr("href");tacklePV(a,e,$(this).find(".pageviews"),t)}):0<$(".post").length&&(e=window.location.pathname,tacklePV(a,e,$("#pv"),t))}}function fetchProxyPageviews(){PvOpts.hasProxyMeta()&&$.ajax({type:"GET",url:PvOpts.getProxyMeta(),dataType:"jsonp",jsonpCallback:"displayPageviews",success:e=>{PvStorage.saveProxyCache(JSON.stringify(e))},error:(e,t,a)=>{console.log("Failed to load pageviews from proxy server: "+a)}})}function fetchLocalPageviews(t=!1){return fetch(PvOpts.getLocalMeta()).then(e=>e.json()).then(e=>{t&&PvStorage.isFromProxy()&&PvStorage.newerThan(e)||(displayPageviews(e),PvStorage.saveLocalCache(JSON.stringify(e)))})}$(function(){$(".pageviews").length<=0||(PvStorage.inspectKeys(),PvStorage.hasCache()?(displayPageviews(PvStorage.getCache()),PvStorage.isExpired()?PvOpts.hasLocalMeta()?fetchLocalPageviews(!0).then(fetchProxyPageviews):fetchProxyPageviews():PvStorage.isFromLocal()&&fetchProxyPageviews()):PvOpts.hasLocalMeta()?fetchLocalPageviews().then(fetchProxyPageviews):fetchProxyPageviews())});
--- a/assets/js/pwa/app.js
+++ b/assets/js/pwa/app.js
@@ -32,8 +32,7 @@ if ('serviceWorker' in navigator) {
                }
                $notification.toast('hide');
            });
-    }
-  );
+        });

    let refreshing = false;

@@ -45,3 +44,4 @@ if ('serviceWorker' in navigator) {
        }
    });
 }
+
--- a/assets/js/pwa/sw.js
+++ b/assets/js/pwa/sw.js
@@ -87,3 +87,4 @@ self.addEventListener('fetch', event => {
        })
    );
 });
+
--- a/assets/lib
+++ b/assets/lib
--- a/gulpfile.js/tasks/js.js
+++ b/gulpfile.js/tasks/js.js
@@ -24,6 +24,7 @@ function minifyJs() {
  return src(`${ JS_DEST }/*.js`)
    .pipe(insert.prepend(fs.readFileSync(`${ JS_SRC }/copyright`, 'utf8')))
    .pipe(uglify({output: {comments: /^!|@preserve|@license|@cc_on/i}}))
+    .pipe(insert.append('\n'))
    .pipe(dest(JS_DEST));
 }

@@ -45,7 +46,6 @@ const postJs = () => {
      `${JS_SRC}/commons/*.js`,
      `${JS_SRC}/utils/img-extra.js`,
      `${JS_SRC}/utils/locale-datetime.js`,
-      `${JS_SRC}/utils/checkbox.js`,
      `${JS_SRC}/utils/clipboard.js`,
      // 'smooth-scroll.js' must be called after ToC is ready
      `${JS_SRC}/utils/smooth-scroll.js`
@@ -64,7 +64,6 @@ const categoriesJs = () => {
 const pageJs = () => {
  return concatJs([
      `${JS_SRC}/commons/*.js`,
-      `${JS_SRC}/utils/checkbox.js`,
      `${JS_SRC}/utils/img-extra.js`,
      `${JS_SRC}/utils/clipboard.js`,
      `${JS_SRC}/utils/smooth-scroll.js`
--- a/jekyll-theme-chirpy.gemspec
+++ b/jekyll-theme-chirpy.gemspec
@@ -2,7 +2,7 @@

 Gem::Specification.new do |spec|
  spec.name          = "jekyll-theme-chirpy"
-  spec.version       = "5.3.0"
+  spec.version       = "5.3.2"
  spec.authors       = ["Cotes Chung"]
  spec.email         = ["cotes.chung@gmail.com"]

@@ -11,7 +11,7 @@ Gem::Specification.new do |spec|
  spec.license       = "MIT"

  spec.files         = `git ls-files -z`.split("\x0").select { |f|
-    f.match(%r!^((_(includes|layouts|sass|data|tabs|plugins)|assets)\/|_config|README|LICENSE|index)!i)
+    f.match(%r!^((_(includes|layouts|sass|data)|assets)\/|README|LICENSE)!i)
  }

  spec.metadata = {
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "jekyll-theme-chirpy",
-  "version": "5.3.0",
+  "version": "5.3.2",
  "description": "A minimal, responsive, and powerful Jekyll theme for presenting professional writing.",
  "repository": {
    "type": "git",
@@ -12,12 +12,18 @@
    "url": "https://github.com/cotes2020/jekyll-theme-chirpy/issues"
  },
  "homepage": "https://github.com/cotes2020/jekyll-theme-chirpy#readme",
+  "scripts": {
+    "test": "npx stylelint _sass/**/*.scss",
+    "fixlint": "npx stylelint _sass/**/*.scss --fix"
+  },
  "devDependencies": {
    "gulp": "^4.0.2",
    "gulp-concat": "^2.6.1",
    "gulp-insert": "^0.5.0",
    "gulp-rename": "^2.0.0",
    "gulp-uglify": "^3.0.2",
+    "stylelint": "^14.14.0",
+    "stylelint-config-standard-scss": "^5.0.0",
    "uglify-js": "^3.14.3"
  }
 }
--- a/tools/release.sh
+++ b/tools/release.sh
@@ -15,6 +15,7 @@
 set -eu

 opt_pre=false      # preview mode option
+opt_skip_ver=false # option for skip versioning

 working_branch="$(git branch --show-current)"

@@ -48,6 +49,7 @@ help() {
  echo "   bash ./tools/release.sh [options]"
  echo
  echo "Options:"
+  echo "     -k, --skip-versioning    Skip the step of generating the version number."
  echo "     -p, --preview            Enable preview mode, only package, and will not modify the branches"
  echo "     -h, --help               Print this information."
 }
@@ -102,6 +104,10 @@ check() {

 _bump_file() {
  for i in "${!FILES[@]}"; do
+    if [[ ${FILES[$i]} == $NODE_CONFIG ]]; then
+      continue
+    fi
+
    sed -i "s/v[[:digit:]]\+\.[[:digit:]]\+\.[[:digit:]]\+/v$1/" "${FILES[$i]}"
  done

@@ -170,6 +176,7 @@ release() {
 }

 main() {
+  if [[ $opt_skip_ver = false ]]; then
    check

    # auto-generate a new version number to the file 'package.json'
@@ -178,8 +185,12 @@ main() {
    else
      standard-version
    fi
+  fi

-  _version="$(grep '"version":' package.json | sed 's/.*: "//;s/".*//')"
+  # Change heading of Patch version to level 2 (a bug from `standard-version`)
+  sed -i "s/^### \[/## \[/g" CHANGELOG.md
+
+  _version="$(grep '"version":' "$NODE_CONFIG" | sed 's/.*: "//;s/".*//')"

  echo -e "Bump version number to $_version\n"
  bump "$_version"
@@ -201,6 +212,10 @@ while (($#)); do
    opt_pre=true
    shift
    ;;
+  -k | --skip-versioning)
+    opt_skip_ver=true
+    shift
+    ;;
  -h | --help)
    help
    exit 0
--- a/tools/test.sh
+++ b/tools/test.sh
@@ -12,6 +12,8 @@ SITE_DIR="_site"

 _config="_config.yml"

+_baseurl=""
+
 help() {
  echo "Build and test the site content"
  echo
@@ -24,18 +26,39 @@ help() {
  echo "     -h, --help               Print this information."
 }

+read_baseurl() {
+  if [[ $_config == *","* ]]; then
+    # multiple config
+    IFS=","
+    read -ra config_array <<<"$_config"
+
+    # reverse loop the config files
+    for ((i = ${#config_array[@]} - 1; i >= 0; i--)); do
+      _tmp_baseurl="$(grep '^baseurl:' "${config_array[i]}" | sed "s/.*: *//;s/['\"]//g;s/#.*//")"
+
+      if [[ -n $_tmp_baseurl ]]; then
+        _baseurl="$_tmp_baseurl"
+        break
+      fi
+    done
+
+  else
+    # single config
+    _baseurl="$(grep '^baseurl:' "$_config" | sed "s/.*: *//;s/['\"]//g;s/#.*//")"
+  fi
+}
+
 main() {
  # clean up
  if [[ -d $SITE_DIR ]]; then
    rm -rf "$SITE_DIR"
  fi

-  _baseurl="$(grep '^baseurl:' "$_config" | sed "s/.*: *//;s/['\"]//g;s/#.*//")"
+  read_baseurl

  # build
-  JEKYLL_ENV=production bundle exec jekyll build \
-    --destination "$SITE_DIR$_baseurl" \
-    --config "$_config"
+  JEKYLL_ENV=production bundle exec jekyll b \
+    -d "$SITE_DIR$_baseurl" -c "$_config"

  # test
  bundle exec htmlproofer "$SITE_DIR" \
Author	SHA1	Message	Date
Cotes Chung	5b5a3865ac	Merge branch 'master' into production	2022-11-22 21:08:49 +08:00
Cotes Chung	fe2a3cdf51	chore(release): 5.3.2	2022-11-22 21:08:47 +08:00
Cotes Chung	4e7bf00ee9	chore: optimize the heading levels in change-log	2022-11-22 21:08:37 +08:00
Cotes Chung	773d3b1263	chore(icons): upgrade FontAwesome to v6.x	2022-11-22 20:49:19 +08:00
Cotes Chung	b0d5956f5a	fix(comment): disqus doesn't follow theme mode switching	2022-11-22 19:05:19 +08:00
Cotes Chung	e50343b06b	refactor(tools): reduce release steps	2022-11-22 19:05:19 +08:00
Cotes Chung	b3de722778	chore: migrate resource URLs	2022-11-22 18:11:05 +08:00
Cotes Chung	782a930fdf	docs: update tutorial for defining preview image	2022-11-18 22:18:04 +08:00
Cotes Chung	da7d7e25b6	refactor: enhance the setting of preview image path	2022-11-18 22:16:35 +08:00
Cotes Chung	f6e9a3fccf	fix: the image URL in the SEO-related tags is incomplete (#754 ) This issue occurs when setting the `img_path` of the post or the `baseurl` of the site configuration.	2022-11-17 07:31:05 +08:00
Cotes Chung	ae2669fedc	docs: restore some tutorial content (#721 )	2022-11-12 18:41:44 +08:00
Cotes Chung	48f14e39ac	fix: `mermaid` occasionally fails to initialize (#536 )	2022-11-05 04:58:23 +08:00
Cotes Chung	6774e0e1fb	fix: restore full-text search (#741 ) Resolves #741	2022-11-05 04:58:23 +08:00
Nihil	8134209aa2	chore: optimize list indentation (#727 )	2022-11-05 04:58:23 +08:00
Cotes Chung	c0e3e61fa7	Merge branch 'master' into production	2022-10-25 21:18:21 +08:00
Cotes Chung	e107a2e759	chore(release): 5.3.1	2022-10-25 21:18:19 +08:00
Cotes Chung	df8185f887	build: add `skip-versioning` option for release tool Allow change the `CHANGELOG.md`	2022-10-25 21:17:51 +08:00
Cotes Chung	339293d0d7	style: 4 space indents to the JS files	2022-10-25 19:26:44 +08:00
Cotes Chung	1fd665bf49	perf: modify checkbox icon with `Liquid` Also optimize list padding start	2022-10-24 21:06:02 +08:00
Cotes Chung	e48d66e525	docs: update CI badge	2022-10-22 16:52:54 +08:00
Cotes Chung	647eea8dbd	perf: truncate post content for search results	2022-10-22 03:33:09 +08:00
Cotes Chung	1c330f403c	chore(gh-actions): add style-lint on CI	2022-10-22 03:26:22 +08:00
Cotes Chung	b6a1a4172e	style(js): fix code style in JS	2022-10-22 03:26:22 +08:00
svenskithesource	3c44a1ff71	chore: correct spelling of example (#718 ) `doamin` -> `domain`	2022-10-22 03:26:22 +08:00
Cotes Chung	e7dee2a589	refactor: update vendor prefix in SCSS { "browsers": [ "last 2 versions", "> 0.2%", "not dead" ] }	2022-10-22 03:26:22 +08:00
Cotes Chung	a6ce765082	style: improve SCSS style	2022-10-22 03:26:22 +08:00
Cotes Chung	294e2985c1	build(npm): add stylelint	2022-10-21 02:38:25 +08:00
Cotes Chung	5de6f17754	Merge branch 'feature/improve-locale-datetime'	2022-10-19 04:23:00 +08:00
Cotes Chung	d96fa5aa0c	refactor: reduce language include file	2022-10-19 04:22:13 +08:00
Cotes Chung	6852ceb280	refactor: remove site config option `prefer_datetime_locale`	2022-10-19 04:22:12 +08:00
Cotes Chung	f904e8cd48	refactor(locale): restore options for changing date format (#716 )	2022-10-19 04:14:59 +08:00
Cotes	81b9f7a9ac	Merge pull request #713 from ruzickap/fix-linter-issues	2022-10-15 21:29:52 +08:00
Cotes Chung	916fbf4a2c	build(gulp): append new line at end of JS files	2022-10-15 21:28:25 +08:00
Petr Ruzicka	d9d7848f03	style(linter): fix linter issues	2022-10-15 21:23:21 +08:00
Petr Ruzicka	70662a0365	chore(giscus): add `reactions-enabled` option (#712 )	2022-10-15 04:31:44 +08:00
Cotes Chung	3432413020	refactor(mobile): resume footer slide animation & content min-height	2022-10-14 01:48:28 +08:00
Cotes Chung	fd5df7e1a1	refactor(typo): optimize the site-title position	2022-10-13 22:36:09 +08:00
Cotes Chung	65f722fb04	docs: update typography demo post	2022-10-09 20:10:03 +08:00
Cotes Chung	1082d041ca	refactor: improve prompt box layout When the prompt is inside the list, the icon position is outside the prompt box. Introduced by `fb13e32`	2022-10-09 20:10:03 +08:00
Cotes Chung	eac3f9b434	perf(typography): optimize the line height of post content	2022-10-09 20:10:03 +08:00
Cotes Chung	304d75c500	chore(deps): upgrade Mermaid to 9.x Close #694	2022-10-07 23:43:50 +08:00
Cotes Chung	fb13e3219b	fix: prompt content overflows horizontally (#705 ) Resolves #705	2022-10-07 18:34:12 +08:00
Cotes Chung	5511b2883f	fix: 404 page missing title in tablet/desktop view	2022-10-07 15:55:44 +08:00
Cotes Chung	76712c09cd	chore(travis): enable the cache in `production` build	2022-10-07 15:37:48 +08:00
Cotes Chung	80cb0b3717	fix(tools): multiple configuration files will fail the test	2022-10-06 20:39:40 +08:00
Cotes Chung	d2fb98b3e5	perf(posts): improve core block bottom padding Fixes the relative position between the bottoms of the core-wrapper and the ToC (caused by `b405a58`)	2022-10-06 03:30:09 +08:00
Josh Johanning	39da11e3f3	perf: optimize the extra padding in lists (#703 ) Resolves #702	2022-10-05 15:17:50 +08:00
Cotes Chung	fec5214b45	chore: reduce files from gem package	2022-10-01 16:12:45 +08:00
Cotes Chung	827f84c7e8	chore: move CN funding to GitHub	2022-10-01 00:45:39 +08:00
Cotes Chung	3ffd19d81d	refactor: rename color variable	2022-09-29 22:50:41 +08:00
Cotes Chung	49bb93cc0c	perf(layout): improve the min-height of main content (#674 )	2022-09-29 22:50:40 +08:00
Cotes Chung	8bcdd87891	chore(docs, cd): correct workflow name in tutorial	2022-09-25 01:58:54 +08:00