Merge branch 'hotfix/5.0.1'

.editorconfig

@@ -2,18 +2,10 @@ 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,css,scss}]
-quote_type = single
-
-[*.{yml,yaml}]
-quote_type = double
-
-[*.md]
-trim_trailing_whitespace = false

.github/CODE_OF_CONDUCT.md

@@ -70,4 +70,4 @@ available at <https://www.contributor-covenant.org/version/1/4/code-of-conduct.h
 For answers to common questions about this code of conduct, see
 <https://www.contributor-covenant.org/faq>
 
-[homepage]: https://www.contributor-covenant.org
+[homepage]: https://www.contributor-covenant.org

.github/CONTRIBUTING.md

@@ -0,0 +1,43 @@
+# How to Contribute
+
+We want to thank you for sparing time to improve this project! Here are some guidelines for contributing：
+
+To ensure that the blog design is not confused, this project does not accept suggestions for design changes, such as color scheme, fonts, typography, etc. If your request is about an enhancement, it is recommended to first submit a [_Feature Request_](https://github.com/cotes2020/jekyll-theme-chirpy/issues/new?labels=enhancement&template=feature_request.md) issue to discuss whether your idea fits the project.
+
+## Basic Process
+
+Generally, contribute to the project by:
+
+1. Fork this project on GitHub and clone it locally.
+2. Create a new branch from the default branch and give it a descriptive name (e.g., `my-new-feature`, `fix-a-bug`).
+3. After completing the development, submit a new _Pull Request_.
+
+## Modifying JavaScript
+
+If your contribution involves JS modification, please read the following sections.
+
+### Inline Scripts
+
+If you need to add comments to the inline JS (the JS code between the tags `<script>` and `</script>`), please use `/**/` instead of two slashes `//`. Because the HTML will be compressed by [jekyll-compress-html](https://github.com/penibelst/jekyll-compress-html) during deployment, but it cannot handle the `//` properly. And this will disrupt the structure of the compressed HTML.
+
+### External Scripts
+
+If you need to add or modify JavaScripts in the directory `_javascript`, you need to install [Gulp.js](https://gulpjs.com/docs/en/getting-started/quick-start).
+
+During development, real-time debugging can be performed through the following commands:
+
+```console
+$ bash tools/run.sh
+```
+
+Open another terminal tab and run:
+
+```console
+$ gulp dev # Type 'Ctrl + C' to stop
+```
+
+After debugging, run the command `gulp` (without any argument) will automatically output the compressed files to the directory `assests/js/dist/`.
+
+---
+
+:tada: Your volunteering will make the open-source world more beautiful, thanks again! :tada:

.github/DISCUSSION_TEMPLATE/general.yml

@@ -1,26 +0,0 @@
-body:
-  - type: checkboxes
-    attributes:
-      label: Checklist
-      description: Following the guidelines can make you more likely to get responses.
-      options:
-        - label: >-
-            I have read and accepted the
-            [contributing guidelines](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/CONTRIBUTING.md).
-          required: true
-
-  - type: dropdown
-    attributes:
-      label: What is the topic?
-      options:
-        - Sharing tips and tricks
-        - Just chatting
-    validations:
-      required: true
-
-  - type: textarea
-    attributes:
-      label: Description
-      description: Please describe in detail what you want to share.
-    validations:
-      required: true

.github/DISCUSSION_TEMPLATE/q-a.yml

@@ -1,40 +0,0 @@
-body:
-  - type: checkboxes
-    attributes:
-      label: Checklist
-      description: Following the guidelines can make you more likely to get responses.
-      options:
-        - label: >-
-            I have read and accepted the
-            [contributing guidelines](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/CONTRIBUTING.md).
-          required: true
-
-  - type: dropdown
-    id: download
-    attributes:
-      label: How did you create the site?
-      options:
-        - Generated from `chirpy-starter`
-        - Built from `jekyll-theme-chirpy`
-    validations:
-      required: true
-
-  - type: textarea
-    attributes:
-      label: Description
-      description: Please describe your need in detail.
-    validations:
-      required: true
-
-  - type: textarea
-    attributes:
-      label: Operations you have already tried
-      description: Describe the effort you went through.
-    validations:
-      required: true
-
-  - type: textarea
-    attributes:
-      label: Anything else?
-      description: |
-        Links? References? Or logs? Anything that will give us more context about the issue you are encountering!

.github/FUNDING.yml

@@ -1,2 +1,2 @@
 ko_fi: coteschung
-custom: https://sponsor.cotes.page
+custom: https://cotes.gitee.io/alipay-wechat-donation

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,64 @@
+---
+name: Bug Report
+about: Create a report to help us improve
+---
+
+<!-- NOTE: Please maintain all sections, otherwise the issue will be automatically closed :) -->
+
+## Checklist
+
+<!-- Please complete the following list of tasks, and then check it by changing the "[ ]" to "[x]" -->
+
+- [ ] I have read the [tutorials](https://cotes2020.github.io/chirpy-demo/categories/tutorial/) and know the correct effect of the functional design.
+- [ ] There are no similar reports on [existing issues](https://github.com/cotes2020/jekyll-theme-chirpy/issues?q=is%3Aissue) (including closed ones).
+- [ ] I found the bug on the latest code of the `master` branch.
+
+## Describe the bug
+
+<!-- A clear and concise description of what the bug is. -->
+
+### To Reproduce
+
+Steps to reproduce the behavior:
+<!--
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+-->
+
+### Expected behavior
+
+<!-- A clear and concise description of what you expected to happen. -->
+
+### Screenshots
+
+<!-- If applicable, add screenshots to help explain your problem. -->
+
+### Software
+
+<!-- Please complete the following information -->
+- Ruby version: <!-- by running: `ruby -v` -->
+- Gem version: <!-- by running: `gem -v`-->
+- Bundler version: <!-- by running: `bundle -v`-->
+- Jekyll version: <!-- by running: `bundle list | grep " jekyll "` -->
+- Theme version: <!-- by running: `gem list | grep jekyll-theme-chirpy` -->
+
+### Desktop
+
+<!-- If necessary, uncomment and fill in the following list:
+- OS: [e.g. macOS 10.15.6]
+- Browser: [e.g. Chrome 85.0.4183.83 (64-bit)]
+-->
+
+### Smartphone
+
+<!-- If necessary, uncomment and fill in the following list:
+- Device: [e.g. iPhone 6]
+- OS: [e.g. iOS 13.6.1]
+- Browser: [e.g. Chrome 22]
+-->
+
+### Additional context
+
+<!-- Add any other context about the problem here. -->

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -1,64 +0,0 @@
-name: Bug Report
-description: Create a report to help us improve
-body:
-  - type: checkboxes
-    attributes:
-      label: Checklist
-      description: Following the guidelines can make you more likely to get responses.
-      options:
-        - label: >-
-            I have read and accepted the
-            [contributing guidelines](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/CONTRIBUTING.md).
-          required: true
-
-  - type: dropdown
-    id: download
-    attributes:
-      label: How did you create the site?
-      options:
-        - Generated from `chirpy-starter`
-        - Built from `jekyll-theme-chirpy`
-    validations:
-      required: true
-
-  - type: textarea
-    attributes:
-      label: Describe the bug
-      description: A clear and concise description of what the bug is.
-    validations:
-      required: true
-
-  - type: textarea
-    attributes:
-      label: Steps To Reproduce
-      description: Steps to reproduce the behavior.
-      placeholder: |
-        1. In this environment...
-        2. With this config...
-        3. Run '...'
-        4. See error...
-    validations:
-      required: true
-
-  - type: textarea
-    attributes:
-      label: Expected Behavior
-      description: A concise description of what you expected to happen.
-    validations:
-      required: true
-
-  - type: textarea
-    attributes:
-      label: Environment
-      value: |
-        - Ruby: <!-- run `ruby -v` -->
-        - Jekyll: <!-- run `bundle exec jekyll -v` -->
-        - Chirpy: <!-- run `bundle info jekyll-theme-chirpy` -->
-    validations:
-      required: true
-
-  - type: textarea
-    attributes:
-      label: Anything else?
-      description: |
-        Links? References? Or logs? Anything that will give us more context about the issue you are encountering!

.github/ISSUE_TEMPLATE/config.yml

@@ -1,5 +0,0 @@
-blank_issues_enabled: false
-contact_links:
-  - name: Ask the community for help
-    url: https://github.com/cotes2020/jekyll-theme-chirpy/discussions
-    about: Please ask and answer questions here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,35 @@
+---
+name: Feature Request
+about: Suggest an idea for this project
+labels: enhancement
+---
+
+<!-- NOTE: Please maintain all sections, otherwise the issue will be automatically closed :) -->
+
+## Checklist
+
+<!-- Please complete the following list of tasks, and then check it by changing the "[ ]" to "[x]" -->
+- [ ] I have read the [contributing guidelines](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/.github/CONTRIBUTING.md).
+- [ ] There is no similar request on [existing issues](https://github.com/cotes2020/jekyll-theme-chirpy/issues?q=is%3Aissue) (including closed ones).
+- [ ] I have read the [project progress](https://github.com/cotes2020/jekyll-theme-chirpy/projects) and know the current progress of the project.
+- [ ] I was in the `master` branch of the latest code.
+
+
+## Is your feature request related to a problem? Please describe
+
+<!-- A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] -->
+
+
+## Describe the solution you'd like
+
+<!-- A clear and concise description of what you want to happen. -->
+
+
+## Describe alternatives you've considered
+
+<!-- A clear and concise description of any alternative solutions or features you've considered. -->
+
+
+## Additional context
+
+<!-- Add any other context or screenshots about the feature request here. -->

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -1,38 +0,0 @@
-name: Feature Request
-description: Suggest an idea for this project
-labels:
-  - enhancement
-body:
-  - type: checkboxes
-    attributes:
-      label: Checklist
-      description: Following the guidelines can make you more likely to get responses.
-      options:
-        - label: >-
-            I have read and accepted the
-            [contributing guidelines](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/CONTRIBUTING.md).
-          required: true
-
-  - type: textarea
-    attributes:
-      label: Is your feature request related to a problem? Please describe
-      description: A clear and concise description of what the problem is.
-    validations:
-      required: true
-
-  - type: textarea
-    attributes:
-      label: Describe the solution you'd like
-      description: A clear and concise description of what you want to happen.
-    validations:
-      required: true
-
-  - type: textarea
-    attributes:
-      label: Describe alternatives you've considered
-      description: A clear and concise description of any alternative solutions or features you've considered.
-
-  - type: textarea
-    attributes:
-      label: Additional context
-      description: Add any other context or screenshots about the feature request here.

.github/ISSUE_TEMPLATE/question.md

@@ -0,0 +1,20 @@
+---
+name: Question
+about: Ask whatever you want
+labels: question
+---
+
+<!-- NOTE: Please maintain all sections, otherwise the issue will be automatically closed :) -->
+
+## Checklist
+
+<!-- Please complete the following list of tasks, and then check it by changing the "[ ]" to "[x]" -->
+
+- [ ] I have read the [newlest tutorials](https://cotes2020.github.io/chirpy-demo/categories/tutorial/) and know the correct effect of the functional design.
+- [ ] There is no similar question on [existing issues](https://github.com/cotes2020/jekyll-theme-chirpy/issues?q=is%3Aissue) (including closed ones).
+- [ ] I have tried to find the answer on [Jekyll Forum](https://talk.jekyllrb.com/) and [StackOverflow](https://stackoverflow.com/questions/tagged/jekyll).
+- [ ] My question is based on the latest code of the `master` branch.
+
+## Description
+
+<!-- Please describe your question in detail. -->

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,17 +1,42 @@
+## Description
+
+<!-- 
+Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.
+
+e.g. Fixes #(issue)
+-->
+
 ## Type of change
-<!-- Please select the desired item checkbox and change it from `[ ]` to `[x]` and then delete the irrelevant options. -->
+
+<!-- 
+Please select the desired item checkbox and change it to "[x]", then delete options that are not relevant.
+-->
 - [ ] Bug fix (non-breaking change which fixes an issue)
 - [ ] New feature (non-breaking change which adds functionality)
-- [ ] Improvement (refactoring and improving code)
 - [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
 - [ ] Documentation update
 
-## Description
-<!--
-  Please include a summary of the change and which issue is fixed. 
-  Please also include relevant motivation and context. 
-  List any dependencies that are required for this change.
+## How has this been tested
+
+<!-- 
+Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration
 -->
 
-## Additional context
-<!-- e.g. Fixes #(issue) -->
+- [ ] I have run `bash ./tools/deploy.sh --dry-run` (at the root of the project) locally and passed
+- [ ] I have tested this feature in the browser
+
+### Test Configuration
+
+- Browser type & version:
+- Operating system:
+- Ruby version: <!-- by running: `ruby -v` -->
+- Bundler version: <!-- by running: `bundle -v`-->
+- Jekyll version: <!-- by running: `bundle list | grep " jekyll "` -->
+
+### Checklist
+
+<!-- Select checkboxes by change the "[ ]" to "[x]" -->
+- [ ] I have performed a self-review of my code
+- [ ] I have commented on my code, particularly in hard-to-understand areas
+- [ ] I have made corresponding changes to the documentation
+- [ ] My changes generate no new warnings

.github/codeql/codeql-config.yml

@@ -1,2 +0,0 @@
-paths-ignore:
-  - "assets/js"

.github/dependabot.yml

@@ -1,26 +0,0 @@
-version: 2
-updates:
-  - package-ecosystem: "bundler"
-    directory: "/"
-    versioning-strategy: increase
-    groups:
-      bundler:
-        dependency-type: "production"
-    schedule:
-      interval: "weekly"
-  - package-ecosystem: "npm"
-    directory: "/"
-    versioning-strategy: increase
-    groups:
-      npm:
-        dependency-type: "development"
-    schedule:
-      interval: "weekly"
-  - package-ecosystem: "github-actions"
-    directory: "/"
-    groups:
-      gh-actions:
-        update-types:
-          - "major"
-    schedule:
-      interval: "weekly"

.github/stale.yml

@@ -0,0 +1,17 @@
+# Clean up the stale issues
+
+daysUntilStale: 30
+daysUntilClose: 1
+
+exemptLabels:
+  - in progress
+  - pending
+
+staleLabel: stale
+
+markComment: >
+  This issue has been automatically marked as stale because it has not had
+  recent activity. It will be closed if no further activity occurs. Thank you
+  for your contributions.
+
+closeComment: false

.github/workflows/cd.yml

@@ -1,17 +0,0 @@
-name: CD
-on:
-  push:
-    tags:
-      - "v[0-9]+.[0-9]+.[0-9]+"
-    branches:
-      - docs
-
-jobs:
-  launch:
-    runs-on: ubuntu-latest
-    steps:
-      - run: |
-          curl -X POST -H "Accept: application/vnd.github+json" \
-            -H "Authorization: Bearer ${{ secrets.GH_PAT }}" \
-            https://api.github.com/repos/${{ secrets.BUILDER }}/dispatches \
-            -d '{"event_type":"deploy", "client_payload":{"branch": "${{ github.ref_name }}"}}'

.github/workflows/ci.yml

@@ -1,45 +1,40 @@
-name: "CI"
+name: 'Continuous Integration'
 on:
   push:
     branches-ignore:
-      - "production"
-      - "docs"
+      - 'production'
+    tags-ignore:
+      - '*'
     paths-ignore:
-      - ".github/**"
-      - "!.github/workflows/ci.yml"
-      - ".gitignore"
-      - "docs/**"
-      - "README.md"
-      - "LICENSE"
+      - '.github/**'
+      - '!.github/workflows/ci.yml'
+      - '.travis.yml'
+      - '.gitignore'
+      - 'docs/**'
+      - 'README.md'
+      - 'LICENSE'
   pull_request:
     paths:
-      - "**"
+      - '**'
 
 jobs:
-  build:
-    runs-on: ubuntu-latest
-
+  ci:
+    runs-on: ${{ matrix.os }}
     strategy:
       matrix:
-        ruby: ["3.0", "3.1", "3.2"]
+        os: [ubuntu-latest, macos-latest]
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v4
+        uses: actions/checkout@v2
         with:
-          fetch-depth: 0 # for posts's lastmod
+          fetch-depth: 0  # for posts's lastmod
 
       - name: Setup Ruby
         uses: ruby/setup-ruby@v1
         with:
-          ruby-version: ${{ matrix.ruby }}
+          ruby-version: 2.7
           bundler-cache: true
 
-      - name: Setup Node
-        uses: actions/setup-node@v4
-
-      - name: Build Assets
-        run: npm i && npm run build
-
       - name: Test Site
-        run: bash tools/test
+        run: bash tools/deploy.sh --dry-run

.github/workflows/codeql.yml

@@ -1,43 +0,0 @@
-name: "CodeQL"
-
-on:
-  push:
-    paths: ["_javascript/**/*.js"]
-  pull_request:
-    paths: ["_javascript/**/*.js"]
-
-jobs:
-  analyze:
-    name: Analyze
-    runs-on: ubuntu-latest
-    permissions:
-      actions: read
-      contents: read
-      security-events: write
-
-    strategy:
-      fail-fast: false
-      matrix:
-        language: ["javascript"]
-        # Learn more about CodeQL language support at https://aka.ms/codeql-docs/language-support
-
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-
-      # Initializes the CodeQL tools for scanning.
-      - name: Initialize CodeQL
-        uses: github/codeql-action/init@v3
-        with:
-          languages: "${{ matrix.language }}"
-          config-file: .github/codeql/codeql-config.yml
-
-      # Autobuild attempts to build any compiled languages  (C/C++, C#, Go, or Java).
-      # If this step fails, then you should remove it and run the build manually (see below)
-      - name: Autobuild
-        uses: github/codeql-action/autobuild@v3
-
-      - name: Perform CodeQL Analysis
-        uses: github/codeql-action/analyze@v3
-        with:
-          category: "/language:${{ matrix.language }}"

.github/workflows/commitlint.yml

@@ -1,11 +0,0 @@
-name: Lint Commit Messages
-on: pull_request
-
-jobs:
-  commitlint:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-      - uses: wagoid/commitlint-github-action@v5

.github/workflows/issue-interceptor.yml

@@ -0,0 +1,18 @@
+name: Intercept bad issues
+
+on:
+  issues:
+    types: [opened, edited]
+
+jobs:
+  auto_close_issues:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v1
+      - name: Auto close issues that did not follow template
+        uses: lucasbento/auto-close-issues@v1.0.2
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          issue-close-message: ":wave: Hi @${issue.user.login},\n\nThis issue is being automatically closed because it does not follow the issue template. Please DO NOT open another similar issue, try to edit the current issue according to the template, then it will be reopened automatically."
+          closed-issues-label: "🙁 Not following issue template"

.github/workflows/pages-deploy.yml.hook

@@ -1,73 +1,29 @@
-name: "Build and Deploy"
+name: 'Automatic build'
 on:
   push:
     branches:
-      - main
       - master
     paths-ignore:
       - .gitignore
       - README.md
       - LICENSE
 
-  # Allows you to run this workflow manually from the Actions tab
-  workflow_dispatch:
-
-permissions:
-  contents: read
-  pages: write
-  id-token: write
-
-# Allow one concurrent deployment
-concurrency:
-  group: "pages"
-  cancel-in-progress: true
-
 jobs:
-  build:
+  continuous-delivery:
+
     runs-on: ubuntu-latest
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v4
+        uses: actions/checkout@v2
         with:
-          fetch-depth: 0
-          # submodules: true
-          # If using the 'assets' git submodule from Chirpy Starter, uncomment above
-          # (See: https://github.com/cotes2020/chirpy-starter/tree/main/assets)
-
-      - name: Setup Pages
-        id: pages
-        uses: actions/configure-pages@v4
+          fetch-depth: 0  # for posts's lastmod
 
       - name: Setup Ruby
         uses: ruby/setup-ruby@v1
         with:
-          ruby-version: 3.2
+          ruby-version: 2.7
           bundler-cache: true
 
-      - name: Build site
-        run: bundle exec jekyll b -d "_site${{ steps.pages.outputs.base_path }}"
-        env:
-          JEKYLL_ENV: "production"
-
-      - name: Test site
-        run: |
-          bundle exec htmlproofer _site \
-            \-\-disable-external=true \
-            \-\-ignore-urls "/^http:\/\/127.0.0.1/,/^http:\/\/0.0.0.0/,/^http:\/\/localhost/"
-
-      - name: Upload site artifact
-        uses: actions/upload-pages-artifact@v3
-        with:
-          path: "_site${{ steps.pages.outputs.base_path }}"
-
-  deploy:
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    runs-on: ubuntu-latest
-    needs: build
-    steps:
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v4
+      - name: Deploy
+        run: bash tools/deploy.sh

.github/workflows/stale.yml

@@ -1,32 +0,0 @@
-name: "Close stale issues and PRs"
-
-on:
-  schedule:
-    - cron: "0 0 * * *" # every day at 00:00 UTC
-
-permissions:
-  issues: write
-  pull-requests: write
-
-env:
-  STALE_LABEL: stale
-  EXEMPT_LABELS: "pending,planning,in progress"
-  MESSAGE: >
-    This conversation has been automatically marked as stale because it has not had recent activity.
-    It will be closed if no further activity occurs.
-    Thank you for your contributions.
-
-jobs:
-  stale:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/stale@v9
-        with:
-          # 60 days before marking issues/PRs stale
-          days-before-close: -1 # does not close automatically
-          stale-issue-label: ${{ env.STALE_LABEL }}
-          exempt-issue-labels: ${{ env.EXEMPT_LABELS }}
-          stale-issue-message: ${{ env.MESSAGE }}
-          stale-pr-label: ${{ env.STALE_LABEL }}
-          exempt-pr-labels: ${{ env.EXEMPT_LABELS }}
-          stale-pr-message: ${{ env.MESSAGE }}

.github/workflows/style-lint.yml

@@ -1,25 +0,0 @@
-name: "Style Lint"
-
-on:
-  push:
-    branches-ignore:
-      - "production"
-      - "docs"
-    paths:
-      - "_sass/**/*.scss"
-  pull_request:
-    paths:
-      - "_sass/**/*.scss"
-
-jobs:
-  stylelint:
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup Node
-        uses: actions/setup-node@v4
-      - run: npm i
-      - run: npm test

.gitignore

@@ -1,21 +1,18 @@
-# Bundler cache
-.bundle
+# hidden files
+.*
+!.git*
+!.editorconfig
+!.nojekyll
+!.travis.yml
+
+# bundler cache
+_site
 vendor
 Gemfile.lock
 
-# Jekyll cache
-.jekyll-cache
-_site
-
-# RubyGems
+# rubygem
 *.gem
 
-# NPM dependencies
+# npm dependencies
 node_modules
 package-lock.json
-
-# IDE configurations
-.idea
-
-# Misc
-assets/js/dist

.gitmodules

@@ -1,3 +0,0 @@
-[submodule "assets/lib"]
-	path = assets/lib
-	url = https://github.com/cotes2020/chirpy-static-assets.git

.husky/commit-msg

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npx --no -- commitlint --edit ${1}

.nojekyll

@@ -0,0 +1 @@
+

.travis.yml

@@ -0,0 +1,49 @@
+os: linux
+dist: bionic
+
+language: minimal
+
+branches:
+  only:
+    - /^release\/(\d)+(\.(\d)+){1}$/
+
+jobs:
+  include:
+    - name: Deploy
+      language: ruby
+      rvm: 2.7.0
+      addons:
+        apt:
+          packages:
+            # required to avoid SSL error (for htmlproofer)
+            - libcurl4-openssl-dev
+      cache:
+        directories:
+          - $TRAVIS_BUILD_DIR/vendor/bundle
+      before_install:
+        # match the Gemfile.lock, travis' bundler is 2.1.2
+        - gem install bundler:2.2.4
+        - bundle config path 'vendor/bundle'
+      install:
+        # overriding to drop the travis `--development` flag
+        - bundle install --jobs=3 --retry=3
+      script:
+        - eval "$BUILD_CMD"
+      git:
+        depth: false # for posts' lastmod
+
+    - name: Flush Starter
+      script: eval "$FLUSH_STARTER"
+
+before_script:
+  - git -C "$HOME" clone "$BUILDER_REPO" --depth=1 -q
+
+notifications:
+  email:
+    recipients:
+      - secure: "fFLqX7uOzFA8RE2AUFlU1mmxMw+rdV6DnODJ/1Gl+3ecNtrv5LeH3c5a4a5ShQqYTrx9BPfD40VRN7UB+lzOdXiWLI9yDGRPPxGG26/WfrKpdQPZilc8zAOEeDnLAJeGZLsUvgmNb3KCXW6S8NPqqh34CfWcTIzjCARhRgO33wcs8X5wP5cugtNqO5Ew/pUcfWcmiuXNX0GNT6l+nL5A7yN+IO5mRHqSRmlfYd5EHhGMTIL4La+Cd1CNv1m4Dl0Ah2cDeJwi5wLnVbqAgunLhAYmDtxIOCVYMTBrP37UiNe/7QeFelyJfODsmMg1mx3WCykbXydC753WVoAlTg6nNoeeI9fmK+/tuLK+sx/KnYfTVGBXQYq39DyV/2o/IfCzEAKImlzFKGD8R13+ddu4B5UML+cby5KBvhTKIGaC5tKoe39z/31UPpy11/EHMCof2BUOzIgu5Hsv4OSNJlw3oRE31oOPn8xP4e7uWR8bRUhAgzN0Cn0ht+UfpemfGAXrp0M3IXQdc9L4azEFqxRhivMTLK/P6INay7IM+DJ30Ht2dWylGw/sxcRTqyNm3YomJQnXIO4xeqTSLulWr80FFHTys3JEDJYrcKvJmpwLFEAOZtwKsZ6ZShrOIA4LE5fgQtakH3ZLJG9a7jVSlMcNIfaSKgjdDQOe6CoRQL7KouA="
+    on_success: never
+
+env:
+  global:
+    - NOKOGIRI_USE_SYSTEM_LIBRARIES=true # speeds up installation of html-proofer

.vscode/extensions.json

@@ -1,12 +0,0 @@
-{
-  "recommendations": [
-    // Liquid tags auto-complete
-    "killalau.vscode-liquid-snippets",
-    // Liquid syntax highlighting and formatting
-    "Shopify.theme-check-vscode",
-    // Common formatter
-    "esbenp.prettier-vscode",
-    "foxundermoon.shell-format",
-    "stylelint.vscode-stylelint"
-  ]
-}

.vscode/settings.json

@@ -1,24 +0,0 @@
-{
-  // Prettier
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "editor.formatOnSave": true,
-  "prettier.trailingComma": "none",
-  // Shopify Liquid
-  "files.associations": {
-    "*.html": "liquid"
-  },
-  // Formatter
-  "[html][liquid]": {
-    "editor.defaultFormatter": "Shopify.theme-check-vscode"
-  },
-  "[shellscript]": {
-    "editor.defaultFormatter": "foxundermoon.shell-format"
-  },
-  // Disable vscode built-in stylelint
-  "css.validate": false,
-  "scss.validate": false,
-  "less.validate": false,
-  // Stylint extension settings
-  "stylelint.snippet": ["css", "less", "postcss", "scss"],
-  "stylelint.validate": ["css", "less", "postcss", "scss"]
-}

Gemfile

@@ -5,19 +5,18 @@ source "https://rubygems.org"
 gemspec
 
 group :test do
-  gem "html-proofer", "~> 4.4"
+  gem "html-proofer", "~> 3.18"
 end
 
 # Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
 # and associated library.
-platforms :mingw, :x64_mingw, :mswin, :jruby do
-  gem "tzinfo", ">= 1", "< 3"
+install_if -> { RUBY_PLATFORM =~ %r!mingw|mswin|java! } do
+  gem "tzinfo", "~> 1.2"
   gem "tzinfo-data"
 end
 
 # Performance-booster for watching directories on Windows
-gem "wdm", "~> 0.1.1", :platforms => [:mingw, :x64_mingw, :mswin]
+gem "wdm", "~> 0.1.1", :install_if => Gem.win_platform?
 
-# Lock `http_parser.rb` gem to `v0.6.x` on JRuby builds since newer versions of the gem
-# do not have a Java counterpart.
-gem "http_parser.rb", "~> 0.6.0", :platforms => [:jruby]
+# Jekyll <= 4.2.0 compatibility with Ruby 3.0
+gem "webrick", "~> 1.7"

README.md

@@ -2,80 +2,104 @@
 
   # Chirpy Jekyll Theme
 
-  A minimal, responsive, and feature-rich Jekyll theme for technical writing.
+  A minimal, responsive, and powerful Jekyll theme for presenting professional writing.
 
-  [![Gem Version](https://img.shields.io/gem/v/jekyll-theme-chirpy?color=brightgreen)][gem] 
-  [![CI](https://github.com/cotes2020/jekyll-theme-chirpy/actions/workflows/ci.yml/badge.svg?branch=master&event=push)][ci] 
-  [![Codacy Badge](https://app.codacy.com/project/badge/Grade/4e556876a3c54d5e8f2d2857c4f43894)][codacy] 
-  [![GitHub license](https://img.shields.io/github/license/cotes2020/jekyll-theme-chirpy.svg)][license] 
+  [![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)
+  [![Codacy Badge](https://app.codacy.com/project/badge/Grade/4e556876a3c54d5e8f2d2857c4f43894)](https://www.codacy.com/gh/cotes2020/jekyll-theme-chirpy/dashboard?utm_source=github.com&utm_medium=referral&utm_content=cotes2020/jekyll-theme-chirpy&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)
 
-  [**Live Demo** →][demo]
+  [**Live Demo →**](https://cotes2020.github.io/chirpy-demo)
 
-  [![Devices Mockup](https://chirpy-img.netlify.app/commons/devices-mockup.png)][demo]
+  [![Devices Mockup](https://cdn.jsdelivr.net/gh/cotes2020/chirpy-images@f4e0354b674f65a53b8917f0f786ed2956898cc1/commons/devices-mockup.png)](https://cotes2020.github.io/chirpy-demo)
 
 </div>
 
 ## Features
 
-- Dark / Light Theme Mode
-- Localized UI language
-- Pinned Posts on Home Page
+- Localized Layout
+- Dark/Light Theme Mode
+- Pinned Posts
 - Hierarchical Categories
-- Trending Tags
+- Last Modified Date for Posts
 - Table of Contents
-- Last Modified Date
+- Auto-generated Related Posts
 - Syntax Highlighting
 - Mathematical Expressions
-- Mermaid Diagrams & Flowcharts
-- Dark / Light Mode Images
-- Embed Videos
-- Disqus / Giscus / Utterances Comments
-- Built-in Search
+- Mermaid Diagram & Flowchart
+- Disqus/Utterances Comments
+- Search
 - Atom Feeds
-- PWA
-- Google Analytics / GoatCounter
+- Google Analytics
+- GA Pageviews Reporting
 - SEO & Performance Optimization
 
+
+## Quick Start
+
+Before starting, please follow the instructions in the [Jekyll Docs](https://jekyllrb.com/docs/installation/) to complete the installation of `Ruby`, `RubyGems`, `Jekyll`, and `Bundler`.
+
+### Step 1. Creating a New Site
+
+Create a new repository from the [**Chirpy Starter**](https://github.com/cotes2020/chirpy-starter/generate) and name it `<GH_USERNAME>.github.io`, where `GH_USERNAME` represents your GitHub username.
+
+### Step 2. Installing Dependencies
+
+Before running for the first time, go to the root directory of your site, and install dependencies as follows:
+
+```console
+$ bundle
+```
+
+### Step 3. Running Local Server
+
+Run the following command in the root directory of the site:
+
+```console
+$ bundle exec jekyll s
+```
+
+Or run with Docker:
+
+```console
+$ docker run -it --rm \
+    --volume="$PWD:/srv/jekyll" \
+    -p 4000:4000 jekyll/jekyll \
+    jekyll serve
+```
+
+After a while, the local service will be published at _<http://127.0.0.1:4000>_.
+
 ## Documentation
 
-To learn how to use, develop, and upgrade the project, please refer to the [Wiki][wiki].
+For more details on usage, please refer to the tutorial on the [demo website](https://cotes2020.github.io/chirpy-demo/). At the same time, a copy of the tutorial is also available on the [Wiki](https://github.com/cotes2020/jekyll-theme-chirpy/wiki). Please note that the tutorial is based on the [latest release](https://github.com/cotes2020/jekyll-theme-chirpy/releases), and the features of the default branch are usually ahead of the documentation.
 
 ## Contributing
 
-Contributions (_pull requests_, _issues_, and _discussions_) are what make the open-source community such an amazing place
-to learn, inspire, and create. Any contributions you make are greatly appreciated.
-For details, see the "[Contributing Guidelines][contribute-guide]".
+Welcome to report bugs, improve code quality or submit a new feature. For more information, see [contributing guidelines](.github/CONTRIBUTING.md).
 
 ## Credits
 
-### Contributors
+This theme is mainly built with [Jekyll](https://jekyllrb.com/) ecosystem, [Bootstrap](https://getbootstrap.com/), [Font Awesome](https://fontawesome.com/) and some other wonderful tools (their copyright information can be found in the relevant files). The avatar and favicon design come from [Clipart Max](https://www.clipartmax.com/middle/m2i8b1m2K9Z5m2K9_ant-clipart-childrens-ant-cute/).
 
-Thanks to [all the contributors][contributors] involved in the development of the project!
+:tada: Thanks to all the volunteers who contributed to this project, their GitHub IDs are on [this list](https://github.com/cotes2020/jekyll-theme-chirpy/graphs/contributors). Also, I won't forget those guys who submitted the issues or unmerged PR because they reported bugs, shared ideas or inspired me to write more readable documentation.
 
-[![all-contributors](https://contrib.rocks/image?repo=cotes2020/jekyll-theme-chirpy&columns=16)][contributors]
-<sub> —— Made with [contrib.rocks](https://contrib.rocks)</sub>
+Last but not least, thank [JetBrains][jb] for providing the open source license.
 
-### Third-Party Assets
+## Sponsoring
 
-This project is built on the [Jekyll][jekyllrb] ecosystem and some [great libraries][lib], and is developed using [VS Code][vscode] as well as tools provided by [JetBrains][jetbrains] under a non-commercial open-source software license.
+If you like this theme or find it helpful, please consider sponsoring me, because it will encourage and help me better maintain the project, I will be very grateful!
 
-The avatar and favicon for the project's website are from [ClipartMAX][clipartmax].
+[![Ko-fi](https://img.shields.io/badge/-Buy%20Me%20a%20Coffee-ff5f5f?logo=ko-fi&logoColor=white)](https://ko-fi.com/coteschung)
+[![Wechat Pay](https://img.shields.io/badge/-Tip%20Me%20on%20WeChat-brightgreen?logo=wechat&logoColor=white)][cn-donation]
+[![Alipay](https://img.shields.io/badge/-Tip%20Me%20on%20Alipay-blue?logo=alipay&logoColor=white)][cn-donation]
 
 ## License
 
-This project is published under [MIT License][license].
+This work is published under [MIT](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/LICENSE) License.
 
-[gem]: https://rubygems.org/gems/jekyll-theme-chirpy
-[ci]: https://github.com/cotes2020/jekyll-theme-chirpy/actions/workflows/ci.yml?query=event%3Apush+branch%3Amaster
-[codacy]: https://app.codacy.com/gh/cotes2020/jekyll-theme-chirpy/dashboard?utm_source=gh&utm_medium=referral&utm_content=&utm_campaign=Badge_grade
-[license]: https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/LICENSE
-[jekyllrb]: https://jekyllrb.com/
-[clipartmax]: https://www.clipartmax.com/middle/m2i8b1m2K9Z5m2K9_ant-clipart-childrens-ant-cute/
-[demo]: https://cotes2020.github.io/chirpy-demo/
-[wiki]: https://github.com/cotes2020/jekyll-theme-chirpy/wiki
-[contribute-guide]: https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/CONTRIBUTING.md
-[contributors]: https://github.com/cotes2020/jekyll-theme-chirpy/graphs/contributors
-[lib]: https://github.com/cotes2020/chirpy-static-assets
-[vscode]: https://code.visualstudio.com/
-[jetbrains]: https://www.jetbrains.com/?from=jekyll-theme-chirpy
+<!-- ReadMe links -->
+
+[jb]: https://www.jetbrains.com/?from=jekyll-theme-chirpy
+[cn-donation]: https://cotes.gitee.io/alipay-wechat-donation/

_config.yml

@@ -3,57 +3,63 @@
 # Import the theme
 theme: jekyll-theme-chirpy
 
+# Change the following value to '/PROJECT_NAME' ONLY IF your site type is GitHub Pages Project sites
+# and doesn't have a custom domain.
+baseurl: ''
+
 # The language of the webpage › http://www.lingoes.net/en/translator/langcode.htm
 # If it has the same name as one of the files in folder `_data/locales`, the layout language will also be changed,
 # otherwise, the layout language will use the default value of 'en'.
 lang: en
 
-# Change to your timezone › https://kevinnovak.github.io/Time-Zone-Picker
+# Change to your timezone › http://www.timezoneconverter.com/cgi-bin/findzone/findzone
 timezone: Asia/Shanghai
 
 # jekyll-seo-tag settings › https://github.com/jekyll/jekyll-seo-tag/blob/master/docs/usage.md
 # ↓ --------------------------
 
-title: Chirpy # the main title
+title: Chirpy                          # the main title
 
-tagline: A text-focused Jekyll theme # it will display as the sub-title
+tagline: A text-focused Jekyll theme   # it will display as the sub-title
 
-description: >- # used by seo meta and the atom feed
-  A minimal, responsive and feature-rich Jekyll theme for technical writing.
+description: >-                        # used by seo meta and the atom feed
+  A minimal, portfolio, sidebar,
+  bootstrap Jekyll theme with responsive web design
+  and focuses on text presentation.
 
-# Fill in the protocol & hostname for your site.
-# e.g. 'https://username.github.io', note that it does not end with a '/'.
-url: ""
+# fill in the protocol & hostname for your site, e.g., 'https://username.github.io'
+url: ''
 
 github:
-  username: github_username # change to your github username
+  username: github_username             # change to your github username
 
 twitter:
-  username: twitter_username # change to your twitter username
+  username: twitter_username            # change to your twitter username
 
 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@domain.com # change to your email address
+  email: example@doamin.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
-    - https://github.com/username # change to your github homepage
+    - https://twitter.com/username      # change to your twitter homepage
+    - https://github.com/username       # change to your github homepage
     # Uncomment below to add more social links
     # - https://www.facebook.com/username
     # - https://www.linkedin.com/in/username
 
-google_site_verification: # fill in to your verification string
+google_site_verification: google_meta_tag_verification # change to your verification string
 
 # ↑ --------------------------
-# The end of `jekyll-seo-tag` settings
+
 
 google_analytics:
-  id: # fill in your Google Analytics ID
-
-goatcounter:
-  id: # fill in your Goatcounter ID
+  id: ''              # fill in your Google Analytics ID
+  # Google Analytics pageviews report settings
+  pv:
+    proxy_endpoint:   # fill in the Google Analytics superProxy endpoint of Google App Engine
+    cache_path:       # the local PV cache data, friendly to visitors from GFW region
 
 # Prefer color scheme setting.
 #
@@ -66,73 +72,38 @@ goatcounter:
 #     light  - Use the light color scheme
 #     dark   - Use the dark color scheme
 #
-theme_mode: # [light | dark]
+theme_mode:   # [light|dark]
 
 # The CDN endpoint for images.
 # Notice that once it is assigned, the CDN url
 # will be added to all image (site avatar & posts' images) paths starting with '/'
 #
 # e.g. 'https://cdn.com'
-img_cdn: "https://chirpy-img.netlify.app"
+img_cdn: 'https://cdn.jsdelivr.net/gh/cotes2020/chirpy-images@f4e0354b674f65a53b8917f0f786ed2956898cc1'
 
 # the avatar on sidebar, support local or CORS resources
-avatar: "/commons/avatar.jpg"
+avatar: '/commons/avatar.jpg'
 
-# The URL of the site-wide social preview image used in SEO `og:image` meta tag.
-# It can be overridden by a customized `page.image` in front matter.
-social_preview_image: # string, local or CORS resources
-
-# boolean type, the global switch for TOC in posts.
+# boolean type, the global switch for ToC in posts.
 toc: true
 
 comments:
-  active: # The global switch for posts comments, e.g., 'disqus'.  Keep it empty means disable
+  active:         # The global switch for posts comments, e.g., 'disqus'.  Keep it empty means disable
   # The active options are as follows:
   disqus:
-    shortname: # fill with the Disqus shortname. › https://help.disqus.com/en/articles/1717111-what-s-a-shortname
+    shortname:    # fill with the Disqus shortname. › https://help.disqus.com/en/articles/1717111-what-s-a-shortname
   # utterances settings › https://utteranc.es/
   utterances:
-    repo: # <gh-username>/<repo>
-    issue_term: # < url | pathname | title | ...>
-  # Giscus options › https://giscus.app
-  giscus:
-    repo: # <gh-username>/<repo>
-    repo_id:
-    category:
-    category_id:
-    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:
-  self_host:
-    enabled: # boolean, keep empty means false
-    # specify the Jekyll environment, empty means both
-    # only works if `assets.self_host.enabled` is 'true'
-    env: # [development | production]
-
-pwa:
-  enabled: true # the option for PWA feature (installable)
-  cache:
-    enabled: true # the option for PWA offline cache
-    # Paths defined here will be excluded from the PWA cache.
-    # Usually its value is the `baseurl` of another website that
-    # shares the same domain name as the current website.
-    deny_paths:
-      # - "/example"  # URLs match `<SITE_URL>/example/*` will not be cached by the PWA
+    repo:         # <gh-username>/<repo>
+    issue_term:   # < url | pathname | title | ...>
 
 paginate: 10
 
-# The base URL of your site
-baseurl: ""
-
 # ------------ The following options are not recommended to be modified ------------------
 
 kramdown:
   syntax_highlighter: rouge
-  syntax_highlighter_opts: # Rouge Options › https://github.com/jneen/rouge#full-options
+  syntax_highlighter_opts:   # Rouge Options › https://github.com/jneen/rouge#full-options
     css_class: highlight
     # default_lang: console
     span:
@@ -147,30 +118,29 @@ collections:
     sort_by: order
 
 defaults:
-  - scope:
-      path: "" # An empty string here means all files in the project
+  -
+    scope:
+      path: ''          # An empty string here means all files in the project
       type: posts
     values:
       layout: post
-      comments: true # Enable comments in posts.
-      toc: true # Display TOC column in posts.
+      comments: true    # Enable comments in posts.
+      toc: true         # Display TOC column in posts.
       # DO NOT modify the following parameter unless you are confident enough
       # to update the code of all other post links in this project.
       permalink: /posts/:title/
-  - scope:
+  -
+    scope:
       path: _drafts
     values:
       comments: false
-  - scope:
-      path: ""
-      type: tabs # see `site.collections`
+  -
+    scope:
+      path: ''
+      type: tabs             # see `site.collections`
     values:
       layout: page
       permalink: /:title/
-  - scope:
-      path: assets/js/dist
-    values:
-      swcache: true
 
 sass:
   style: compressed
@@ -185,13 +155,14 @@ compress_html:
     envs: [development]
 
 exclude:
-  - "*.gem"
-  - "*.gemspec"
-  - docs
+  - '*.gem'
+  - '*.gemspec'
   - tools
+  - docs
   - README.md
   - LICENSE
-  - rollup.config.js
+  - gulpfile.js
+  - node_modules
   - package*.json
 
 jekyll-archives:

_data/authors.yml

@@ -1,17 +0,0 @@
-## Template › https://github.com/jekyll/jekyll-seo-tag/blob/master/docs/advanced-usage.md#setting-author-url
-# -------------------------------------
-# {author_id}:
-#   name: {full name}
-#   twitter: {twitter_of_author}
-#   url: {homepage_of_author}
-# -------------------------------------
-
-cotes:
-  name: Cotes Chung
-  twitter: cotes2020
-  url: https://github.com/cotes2020/
-
-sille_bille:
-  name: Dinesh Prasanth Moluguwan Krishnamoorthy
-  twitter: dinesh_MKD
-  url: https://github.com/SilleBille/

_data/contact.yml

@@ -1,28 +1,30 @@
 #  The contact options.
 
-- type: github
-  icon: "fab fa-github"
-
-- type: twitter
-  icon: "fa-brands fa-x-twitter"
-
-- type: email
-  icon: "fas fa-envelope"
-  noblank: true # open link in current tab
-
-- type: rss
-  icon: "fas fa-rss"
+-
+  type: github
+  icon: 'fab fa-github'
+-
+  type: twitter
+  icon: 'fab fa-twitter'
+-
+  type: email
+  icon: 'fas fa-envelope'
+  noblank: true            # open link in current tab
+-
+  type: rss
+  icon: 'fas fa-rss'
   noblank: true
+
 # Uncomment and complete the url below to enable more contact options
-#
-# - type: mastodon
+# -
+#   type: mastodon
 #   icon: 'fab fa-mastodon'   # icons powered by <https://fontawesome.com/>
-#   url:  ''                  # Fill with your Mastodon account page, rel="me" will be applied for verification
-#
-# - type: linkedin
+#   url:  ''                  # Fill with your mastodon account page
+# -
+#   type: linkedin
 #   icon: 'fab fa-linkedin'   # icons powered by <https://fontawesome.com/>
 #   url:  ''                  # Fill with your Linkedin homepage
-#
-# - type: stack-overflow
+# -
+#   type: stack-overflow
 #   icon: 'fab fa-stack-overflow'
 #   url:  ''                  # Fill with your stackoverflow homepage

_data/locales/ar.yml

@@ -1,91 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: منشور
-  category: فئة
-  tag: وسم
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: الرئيسية
-  categories: الفئات
-  tags: الوسوم
-  archives: الأرشيف
-  about: حول
-
-# the text displayed in the search bar & search results
-search:
-  hint: بحث
-  cancel: إلغاء
-  no_results: نأسف! لا يوجد نتائج.
-
-panel:
-  lastmod: المحدثة مؤخرا
-  trending_tags: الوسوم الشائعة
-  toc: محتويات
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: هذا المنشور تحت ترخيص :LICENSE_NAME بواسطة المؤلف.
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: بعض الحقوق محفوظة.
-  verbose: >-
-    ما لم يذكر خلاف ذلك ، يتم ترخيص منشورات المدونة على هذا الموقع
-    بموجب ترخيص Creative Commons Attribution 4.0 International (CC BY 4.0) من قبل المؤلف.
-
-meta: باستخدام :PLATFORM السمة :THEME
-
-not_found:
-  statment: عذرا, الرابط التالي غير صالح أو انه يشير إلى صفحة غير موجودة.
-
-notification:
-  update_found: يتوفر اصدار جديد للمحتوى.
-  update: تحديث
-
-# ----- Posts related labels -----
-
-post:
-  written_by: بواسطة
-  posted: نشّر
-  updated: حدّث
-  words: كلمات
-  pageview_measure: مشاهدات
-  read_time:
-    unit: دقيقة
-    prompt: قراءة
-  relate_posts: إقرأ المزيد
-  share: شارك
-  button:
-    next: الأجدد
-    previous: الأقدم
-    copy_code:
-      succeed: تم النسخ!
-    share_link:
-      title: أنسخ الرابط
-      succeed: تم نسخ الرابط بنجاح!
-
-# 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:
-    singular: فئة
-    plural: فئات
-  post_measure:
-    singular: منشور
-    plural: منشورات

_data/locales/bg-BG.yml

@@ -1,81 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: Публикация
-  category: Категория
-  tag: Таг
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: Начало
-  categories: Категории
-  tags: Тагове
-  archives: Архив
-  about: За мен
-
-# the text displayed in the search bar & search results
-search:
-  hint: търси
-  cancel: Отмени
-  no_results: Упс! Не са намерени резултати.
-
-panel:
-  lastmod: Наскоро обновени
-  trending_tags: Популярни тагове
-  toc: Съдържание
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: Тази публикация е лицензирана под :LICENSE_NAME от автора.
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: Някои права запазени.
-  verbose: >-
-    Освен ако не е посочено друго, публикациите в блога на този сайт са лицензирани
-    под лиценза Creative Commons Attribution 4.0 (CC BY 4.0) от автора.
-
-meta: Създадено чрез :PLATFORM и :THEME тема
-
-not_found:
-  statment: Съжалявам, но на този URL адрес няма налично съдържание.
-
-notification:
-  update_found: Налична е нова версия на съдържанието.
-  update: Обнови
-
-# ----- Posts related labels -----
-
-post:
-  written_by: Автор
-  posted: Публикувана
-  updated: Обновена
-  words: думи
-  pageview_measure: преглеждания
-  read_time:
-    unit: мин
-    prompt: четиво
-  relate_posts: Още за четене
-  share: Споделете
-  button:
-    next: По-нови
-    previous: По-стари
-    copy_code:
-      succeed: Копирано!
-    share_link:
-      title: Копирай линк
-      succeed: Линкът е копиран успешно!
-
-# categories page
-categories:
-  category_measure:
-    singular: категория
-    plural: категории
-  post_measure:
-    singular: публикация
-    plural: публикации

_data/locales/cs-CZ.yml

@@ -1,89 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: Příspěvek
-  category: Kategorie
-  tag: Štítek
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: Domů
-  categories: Kategorie
-  tags: Štítky
-  archives: Archivy
-  about: O mně
-
-# the text displayed in the search bar & search results
-search:
-  hint: hledat
-  cancel: Zrušit
-  no_results: Ups! Žádný výsledek nenalezen.
-
-panel:
-  lastmod: Nedávno aktualizováno
-  trending_tags: Trendy štítky
-  toc: Obsah
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: Tento příspěvek je licencován pod :LICENSE_NAME autorem.
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: Některá práva vyhrazena.
-  verbose: >-
-    Pokud není uvedeno jinak, jsou příspěvky na tomto webu licencovány
-    pod licencí Creative Commons Attribution 4.0 International (CC BY 4.0) Licence autora.
-
-meta: Použití :PLATFORM s motivem :THEME
-
-not_found:
-  statment: Omlouváme se, adresu URL jsme špatně umístili nebo odkazuje na něco, co neexistuje.
-
-notification:
-  update_found: Je k dispozici nová verze obsahu.
-  update: Aktualizace
-
-# ----- Posts related labels -----
-
-post:
-  written_by: Od
-  posted: Zveřejněno
-  updated: Aktualizováno
-  words: slova
-  pageview_measure: zhlednutí
-  read_time:
-    unit: minut
-    prompt: čtení
-  relate_posts: Další čtení
-  share: Sdílet
-  button:
-    next: Novější
-    previous: Starší
-    copy_code:
-      succeed: Zkopírováno!
-    share_link:
-      title: Kopírovat odkaz
-      succeed: Zkopírováno!
-
-# 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: kategorie
-  post_measure:
-    singular: příspěvěk
-    plural: příspěvky

_data/locales/de-DE.yml

@@ -1,87 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: Eintrag
-  category: Kategorie
-  tag: Tag
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: Startseite
-  categories: Kategorien
-  tags: Tags
-  archives: Archiv
-  about: Über
-
-# the text displayed in the search bar & search results
-search:
-  hint: Suche
-  cancel: Abbrechen
-  no_results: Ups! Keine Einträge gefunden.
-
-panel:
-  lastmod: Kürzlich aktualisiert
-  trending_tags: Beliebte Tags
-  toc: Inhalt
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: Dieser Eintrag ist vom Autor unter :LICENSE_NAME lizensiert.
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: Einige Rechte vorbehalten.
-  verbose: >-
-    Alle Einträge auf dieser Seite stehen, soweit nicht anders angegeben, unter der Lizenz Creative Commons Attribution 4.0 (CC BY 4.0).
-
-meta: Powered by :PLATFORM with :THEME theme
-
-not_found:
-  statment: Entschuldigung, dieser Link verweist auf keine vorhandene Ressource.
-
-notification:
-  update_found: Eine neue Version ist verfügbar.
-  update: Neue Version
-
-# ----- Posts related labels -----
-
-post:
-  written_by: Von
-  posted: Veröffentlicht
-  updated: Aktualisiert
-  words: Wörter
-  pageview_measure: Aufrufe
-  read_time:
-    unit: Minuten
-    prompt: Lesezeit
-  relate_posts: Weiterlesen
-  share: Teilen
-  button:
-    next: Nächster Eintrag
-    previous: Eintrag vorher
-    copy_code:
-      succeed: Kopiert!
-    share_link:
-      title: Link kopieren
-      succeed: Link erfolgreich kopiert!
-
-# Date time format.
-# See: <http://strftime.net/>, <https://day.js.org/docs/en/display/format>
-df:
-  post:
-    strftime: "%d.%m.%Y"
-    dayjs: "DD.MM.YYYY"
-    
-# categories page
-categories:
-  category_measure:
-    singular: Kategorie
-    plural: Kategorien
-  post_measure:
-    singular: Eintrag
-    plural: Einträge

_data/locales/el-GR.yml

@@ -1,91 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: Δημοσίευση
-  category: Κατηγορία
-  tag: Ετικέτα
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: Home
-  categories: Κατηγορίες
-  tags: Ετικέτες
-  archives: Αρχεία
-  about: Σχετικά
-
-# the text displayed in the search bar & search results
-search:
-  hint: αναζήτηση
-  cancel: Ακύρωση
-  no_results: Oops! Κανένα αποτέλεσμα δεν βρέθηκε.
-
-panel:
-  lastmod: Σχετικά ενημερωμένα
-  trending_tags: Ετικέτες τάσης
-  toc: Περιεχόμενα
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: Η δημοσίευση αυτή βρίσκεται υπο την άδεια :LICENSE_NAME Greekforce1821.
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: Ορισμένα δικαιώματα reserved.
-  verbose: >-
-    Εκτός αλλού ή οπουδήποτε αλλού, τα blog posts σε αυτήν την σελίδα βρίσκονται υπο την άδεια
-    Creative Commons Attribution 4.0 International (CC BY 4.0) του δημιουργού.
-
-meta: Αξιοποιώντας την :PLATFORM theme :THEME
-
-not_found:
-  statment: Συγνώμη, έχουμε τοποθετήσει λάθος αυτήν την διεύθυνση URL ή υποδεικνύει κάτι που δεν υπάρχει.
-
-notification:
-  update_found: Υπάρχει διαθέσιμη μια νέα έκδοση του περιεχομένου.
-  update: Ενημέρωση
-
-# ----- Posts related labels -----
-
-post:
-  written_by: Από
-  posted: Δημοσιεύθηκε
-  updated: Ενημερώθηκε
-  words: λέξεις
-  pageview_measure: προβολές
-  read_time:
-    unit: Λεπτά
-    prompt: διαβάσματος
-  relate_posts: Περισσότερα
-  share: Κοινοποιήστε
-  button:
-    next: Νεότερα
-    previous: Παλαιότερα
-    copy_code:
-      succeed: Αντιγράφθηκε!
-    share_link:
-      title: Αντιγραφή συνδέσμου
-      succeed: Η διεύθυνση αντιγράφθηκε με επιτυχία!
-
-# 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:
-    singular: Κατηγορία
-    plural: Κατηγορίες
-  post_measure:
-    singular: Δημοσίευση
-    plural: Δημοσιεύσεις

_data/locales/en.yml

@@ -20,13 +20,21 @@ tabs:
 search:
   hint: search
   cancel: Cancel
-  no_results: Oops! No results found.
+  no_results: Oops! No result founds.
 
 panel:
-  lastmod: Recently Updated
+  lastmod: Recent Update
   trending_tags: Trending Tags
   toc: Contents
 
+#  The liquid date format › http://strftime.net/
+date_format:
+  tooltip: '%a, %b %e, %Y, %l:%M %p %z'
+  post:
+    long: '%b %e, %Y'
+    short: '%b %e'
+    archive_month: '%b'
+
 copyright:
   # Shown at the bottom of the post
   license:
@@ -40,14 +48,13 @@ copyright:
     Except where otherwise noted, the blog posts on this site are licensed
     under the Creative Commons Attribution 4.0 International (CC BY 4.0) License by the author.
 
-meta: Using the :THEME theme for :PLATFORM.
+meta: Powered by :PLATFORM with :THEME theme.
 
 not_found:
   statment: Sorry, we've misplaced that URL or it's pointing to something that doesn't exist.
-
-notification:
-  update_found: A new version of content is available.
-  update: Update
+  hint_template: :HEAD_BAK to try finding it again, or search for it on the :ARCHIVES_PAGE.
+  head_back: Head back Home
+  archives_page: Archives page
 
 # ----- Posts related labels -----
 
@@ -55,6 +62,11 @@ post:
   written_by: By
   posted: Posted
   updated: Updated
+  timeago:
+    day: days ago
+    hour: hours ago
+    minute: minutes ago
+    just_now: just now
   words: words
   pageview_measure: views
   read_time:
@@ -70,22 +82,10 @@ post:
     share_link:
       title: Copy link
       succeed: Link copied successfully!
-
-# 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"
+  # pinned prompt of posts list on homepage
+  pin_prompt: Pinned
 
 # categories page
 categories:
-  category_measure:
-    singular: category
-    plural: categories
-  post_measure:
-    singular: post
-    plural: posts
+  category_measure: categories
+  post_measure: posts

_data/locales/es-ES.yml

@@ -1,77 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: Entrada
-  category: Categoría
-  tag: Etiqueta
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: Inicio
-  categories: Categorías
-  tags: Etiquetas
-  archives: Archivo
-  about: Acerca de
-
-# the text displayed in the search bar & search results
-search:
-  hint: Buscar
-  cancel: Cancelar
-  no_results: ¡Oops! No se encuentran resultados.
-
-panel:
-  lastmod: Actualizado recientemente
-  trending_tags: Etiquetas populares
-  toc: Contenido
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: Esta entrada está licenciada bajo :LICENSE_NAME por el autor.
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: Algunos derechos reservados.
-  verbose: >-
-    Salvo que se indique explícitamente, las entradas de este blog están licenciadas
-    bajo la Creative Commons Attribution 4.0 International (CC BY 4.0) License por el autor.
-
-meta: Hecho con :PLATFORM usando el tema :THEME
-
-not_found:
-  statment: Lo sentimos, hemos perdido esa URL o apunta a algo que no existe.
-
-notification:
-  update_found: Hay una nueva versión de contenido disponible.
-  update: Actualizar
-
-# ----- Posts related labels -----
-
-post:
-  written_by: Por
-  posted: Publicado
-  updated: Actualizado
-  words: palabras
-  pageview_measure: visitas
-  read_time:
-    unit: min
-    prompt: " de lectura"
-  relate_posts: Lecturas adicionales
-  share: Compartir
-  button:
-    next: Nuevo
-    previous: Anterior
-    copy_code:
-      succeed: ¡Copiado!
-    share_link:
-      title: Copiar enlace
-      succeed: ¡Enlace copiado!
-
-# categories page
-categories:
-  category_measure: categorias
-  post_measure: entradas

_data/locales/fi-FI.yml

@@ -1,90 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: Julkaisu
-  category: Kateogoria
-  tag: Tagi
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: Koti
-  categories: Kateogoriat
-  tags: Tagit
-  archives: Arkistot
-  about: Minusta
-
-# the text displayed in the search bar & search results
-search:
-  hint: etsi
-  cancel: Peruuta
-  no_results: Hups! Ei tuloksia.
-
-panel:
-  lastmod: Viimeksi päivitetty
-  trending_tags: Trendaavat tagit
-  toc: Sisältö
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: Tämä julkaisu on lisenssoitu :LICENSE_NAME julkaisijan toimesta.
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: Jotkut oikeudet pidätetään.
-  verbose: >-
-    Paitsi jos erikseen mainitaan on kaikki sisältö Creative Commons Attribution 4.0 International (CC BY 4.0) Lisensoitu kirjoittajan toimesta.
-
-meta: Käytetään :PLATFORM iä Teema :THEME
-
-not_found:
-  statment: Valitettavasti tällä URL-osoitteella ei ole saatavilla sisältöä.
-
-notification:
-  update_found: Uusi versio sisällöstä on saatavilla.
-  update: Päivitä
-
-# ----- Posts related labels -----
-
-post:
-  written_by: Kirjoittaja
-  posted: Julkaistu
-  updated: Päivitetty
-  words: sanaa
-  pageview_measure: katselukertoja
-  read_time:
-    unit: minuuttia
-    prompt: lukea
-  relate_posts: Jatka lukemista
-  share: Jaa
-  button:
-    next: Uudempi
-    previous: Vanhempi
-    copy_code:
-      succeed: Kopiotu!
-    share_link:
-      title: Kopioi linkki
-      succeed: Linkki kopioitu onnistuneesti!
-
-# 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:
-    singular: kategoria
-    plural: kategoriat
-  post_measure:
-    singular: julkaisu
-    plural: julkaisut

_data/locales/fr-FR.yml

@@ -1,77 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: Post
-  category: Catégorie
-  tag: Tag
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: Accueil
-  categories: Catégories
-  tags: Tags
-  archives: Archives
-  about: A propos de
-
-# the text displayed in the search bar & search results
-search:
-  hint: recherche
-  cancel: Annuler
-  no_results: Oups ! Aucun résultat trouvé.
-
-panel:
-  lastmod: Récemment mis à jour
-  trending_tags: Tags tendance
-  toc: Contenu
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: Cet article est sous licence :LICENSE_NAME par l'auteur.
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: Certains droits réservés.
-  verbose: >-
-    Sauf mention contraire, les articles de ce site sont publiés sous licence
-    sous la licence Creative Commons Attribution 4.0 International (CC BY 4.0) par l'auteur.
-
-meta: Propulsé par :PLATFORM avec le thème :THEME
-
-not_found:
-  statment: Désolé, nous avons égaré cette URL ou elle pointe vers quelque chose qui n'existe pas.
-
-notification:
-  update_found: Une nouvelle version du contenu est disponible.
-  update: Mise à jour
-
-# ----- Posts related labels -----
-
-post:
-  written_by: Par
-  posted: Posté
-  updated: Mis à jour
-  words: mots
-  pageview_measure: vues
-  read_time:
-    unit: min
-    prompt: lire
-  relate_posts: Autres lectures
-  share: Partager
-  button:
-    next: Plus récent
-    previous: Plus ancien
-    copy_code:
-      succeed: Copié !
-    share_link:
-      title: Copier le lien
-      succeed: Lien copié avec succès !
-
-# categories page
-categories:
-  category_measure: catégories
-  post_measure: posts

_data/locales/hu-HU.yml

@@ -1,79 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: Bejegyzés
-  category: Kategória
-  tag: Címke
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: Kezdőlap
-  categories: Kategóriák
-  tags: Címkék
-  archives: Archívum
-  about: Rólam
-
-# the text displayed in the search bar & search results
-search:
-  hint: keresés
-  cancel: Mégse
-  no_results: Oops! Nincs találat a keresésre.
-
-panel:
-  lastmod: Legutóbb frissítve
-  trending_tags: Népszerű Címkék
-  toc: Tartalom
-  links: Blog linkek
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: A bejegyzés :LICENSE_NAME licenccel rendelkezik.
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: Néhány jog fenntartva.
-  verbose: >-
-    Az oldalon található tartalmak
-    Creative Commons Attribution 4.0 International (CC BY 4.0) licenccel rendelkeznek,
-    hacsak másképp nincs jelezve.
-
-meta: Készítve :PLATFORM motorral :THEME témával
-
-not_found:
-  statment: Sajnáljuk, az URL-t rosszul helyeztük el, vagy valami nem létezőre mutat.
-
-notification:
-  update_found: Elérhető a tartalom új verziója.
-  update: Frissítés
-
-# ----- Posts related labels -----
-
-post:
-  written_by: Szerző
-  posted: Létrehozva
-  updated: Frissítve
-  words: szó
-  pageview_measure: látogató
-  read_time:
-    unit: perc
-    prompt: elolvasni
-  relate_posts: További olvasnivaló
-  share: Megosztás
-  button:
-    next: Újabb
-    previous: Régebbi
-    copy_code:
-      succeed: Másolva!
-    share_link:
-      title: Link másolása
-      succeed: Link sikeresen másolva!
-
-# categories page
-categories:
-  category_measure: kategória
-  post_measure: bejegyzés

_data/locales/id-ID.yml

@@ -27,6 +27,14 @@ panel:
   trending_tags: Tagar Terpopuler
   toc: Konten
 
+#  The liquid date format › http://strftime.net/
+date_format:
+  tooltip: "%a, %e %b, %Y, %l:%M %p"
+  post:
+    long: "%e %b, %Y"
+    short: "%e %b"
+    archive_month: "%b"
+
 copyright:
   # Shown at the bottom of the post
   license:
@@ -40,14 +48,13 @@ copyright:
     Kecuali jika dinyatakan, Postingan blog di situs ini dilisensikan
     di bawah Lisensi Creative Commons Attribution 4.0 International (CC BY 4.0) oleh penulis.
 
-meta: Didukung oleh :PLATFORM dengan tema :THEME
+meta: Didukung oleh :PLATFORM dengan tema :THEME.
 
 not_found:
   statment: Maaf, kami gagal menemukan URL itu atau memang mengarah ke sesuatu yang tidak ada.
-
-notification:
-  update_found: Versi konten baru tersedia.
-  update: Perbarui
+  hint_template: :HEAD_BAK untuk mencoba mencari kembali, atau cari di :ARCHIVES_PAGE.
+  head_back: Kembali ke Beranda
+  archives_page: Halaman Arsip
 
 # ----- Posts related labels -----
 
@@ -55,6 +62,11 @@ post:
   written_by: Oleh
   posted: Diterbitkan
   updated: Diperbarui
+  timeago:
+    day: hari yang lalu
+    hour: jam yang lalu
+    minute: menit yang lalu
+    just_now: baru saja
   words: kata
   pageview_measure: dilihat
   read_time:
@@ -70,6 +82,8 @@ post:
     share_link:
       title: Salin tautan
       succeed: Tautan berhasil disalin!
+  # pinned prompt of posts list on homepage
+  pin_prompt: Disematkan
 
 # categories page
 categories:

_data/locales/it-IT.yml

@@ -1,90 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: Post
-  category: Categoria
-  tag: Tag
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: Pagina principale
-  categories: Categorie
-  tags: Tags
-  archives: Archivio
-  about: Informazioni
-
-# the text displayed in the search bar & search results
-search:
-  hint: ricerca
-  cancel: Cancella
-  no_results: Oops! La ricerca non ha fornito risultati.
-
-panel:
-  lastmod: Aggiornati recentemente
-  trending_tags: Tags più cliccati
-  toc: Contenuti
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: Questo post è sotto licenza :LICENSE_NAME a nome dell'autore.
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: Alcuni diritti riservati.
-  verbose: >-
-    Eccetto quando esplicitamente menzionato, i post di questo blog sono da ritenersi sotto
-    i termini di licenza Creative Commons Attribution 4.0 International (CC BY 4.0).
-
-meta: Servizio offerto da :PLATFORM con tema :THEME
-not_found:
-  statment: Ci scusiamo, non è stato possibile trovare l'URL in questione. Potrebbe puntare ad una pagina non esistente.
-
-notification:
-  update_found: Nuova versione del contenuto disponibile.
-  update: Aggiornamento
-
-# ----- Posts related labels -----
-
-post:
-  written_by: Da
-  posted: Postato
-  updated: Aggiornato
-  words: parole
-  pageview_measure: visioni
-  read_time:
-    unit: min
-    prompt: lettura
-  relate_posts: Continua a leggere
-  share: Condividi
-  button:
-    next: Più recenti
-    previous: Meno recenti
-    copy_code:
-      succeed: Copiato!
-    share_link:
-      title: Copia link
-      succeed: Link copiato con successo!
-
-# 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:
-    singular: categoria
-    plural: categorie
-  post_measure:
-    singular: post
-    plural: posts

_data/locales/ko-KR.yml

@@ -27,6 +27,14 @@ panel:
   trending_tags: 인기 태그
   toc: 바로가기
 
+#  The liquid date format › http://strftime.net/
+date_format:
+  tooltip: '%F, %R %z'
+  post:
+    long: '%Y년 %m월 %d일'
+    short: '%m월 %d일'
+    archive_month: '%b월'
+
 copyright:
   # Shown at the bottom of the post
   license:
@@ -40,14 +48,13 @@ copyright:
     명시되지 않는 한 이 사이트의 블로그 게시물은 작성자의
     Creative Commons Attribution 4.0 International(CC BY 4.0) 라이선스에 따라 사용이 허가되었습니다.
 
-meta: Powered by :PLATFORM with :THEME theme
+meta: Powered by :PLATFORM with :THEME theme.
 
 not_found:
   statment: 해당 URL은 존재하지 않습니다.
-
-notification:
-  update_found: 새 버전의 콘텐츠를 사용할 수 있습니다.
-  update: 업데이트
+  hint_template: :HEAD_BAK을 눌러 다시 찾거나 :ARCHIVES_PAGE에서 검색해 주세요.
+  head_back: 홈으로 돌아가기
+  archives_page: 아카이브 페이지
 
 # ----- Posts related labels -----
 
@@ -55,6 +62,11 @@ post:
   written_by: By
   posted: 게시
   updated: 업데이트
+  timeago:
+    day: 일 전
+    hour: 시간 전
+    minute: 분 전
+    just_now: 방금
   words: 단어
   pageview_measure: 조회
   read_time:
@@ -70,13 +82,8 @@ post:
     share_link:
       title: 링크 복사하기
       succeed: 링크가 복사되었습니다!
-
-# 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"
+  # pinned prompt of posts list on homepage
+  pin_prompt: 핀
 
 # categories page
 categories:

_data/locales/my-MM.yml

@@ -1,77 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: ပို့စ်
-  category: ကဏ္ဍ
-  tag: နာမ(တက်ဂ်)
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: အဓိကစာမျက်နှာ
-  categories: ကဏ္ဍများ
-  tags: နာမ(တက်ဂ်)များ
-  archives: မှတ်တမ်း​တိုက်
-  about: အကြောင်းအရာ
-
-# the text displayed in the search bar & search results
-search:
-  hint: ရှာဖွေမည်
-  cancel: ဖျက်သိမ်းမည်
-  no_results: အိုး! ဘာမှမရှိပါ
-
-panel:
-  lastmod: မကြာသေးမီကမွမ်းမံထားသည်
-  trending_tags: ခေတ်စားနေသည့်တက်ဂ်များ
-  toc: အကြောင်းအရာများ
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: ဤပို့စ်သည်စာရေးသူ၏ :LICENSE_NAME လိုင်စင်ရထားသည်။
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: မူပိုင်ခွင့်အချို့ကို လက်ဝယ်ထားသည်။
-  verbose: >-
-    အခြားမှတ်သားထားချက်များမှလွဲ၍ ဤဆိုက်ရှိ ဘလော့ဂ်ပို့စ်များသည် စာရေးသူ၏
-    Creative Commons Attribution 4.0 International (CC BY 4.0) အောက်တွင် လိုင်စင်ရထားပါသည်။
-
-meta: Powered by :PLATFORM with :THEME theme
-
-not_found:
-  statment: ဝမ်းနည်းပါသည်၊ ကျွန်ုပ်တို့သည် အဆိုပါ URL ကို မှားယွင်းစွာ နေရာချထားခြင်း သို့မဟုတ် ၎င်းသည် မရှိသောအရာကို ညွှန်ပြနေပါသည်။
-
-notification:
-  update_found: အကြောင်းအရာဗားရှင်းအသစ်ကို ရနိုင်ပါပြီ။
-  update: အပ်ဒိတ်
-
-# ----- Posts related labels -----
-
-post:
-  written_by: ကရေးသားခဲ့သည်။
-  posted: တင်ထားခဲ့သည်။
-  updated: မွမ်းမံထားခဲ့သည်။
-  words: စကားလုံးများ
-  pageview_measure: အမြင်များ
-  read_time:
-    unit: မိနစ်
-    prompt: ဖတ်ပါမည်
-  relate_posts: နောက်ထပ်ဖတ်ရန်
-  share: မျှဝေရန်
-  button:
-    next: အသစ်များ
-    previous: အဟောင်းများ
-    copy_code:
-      succeed: ကူးယူလိုက်ပြီ။
-    share_link:
-      title: လင့်ခ်ကို ကူးယူရန်
-      succeed: လင့်ခ်ကို ကူးယူလိုက်ပြီ။
-
-# categories page
-categories:
-  category_measure: ကဏ္ဍများ
-  post_measure: ပို့စ်များ

_data/locales/pt-BR.yml

@@ -1,77 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: Post
-  category: Categoria
-  tag: Tag
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: Home
-  categories: Categorias
-  tags: Tags
-  archives: Arquivos
-  about: Sobre
-
-# the text displayed in the search bar & search results
-search:
-  hint: Buscar
-  cancel: Cancelar
-  no_results: Oops! Nenhum resultado encontrado.
-
-panel:
-  lastmod: Atualizados recentemente
-  trending_tags: Trending Tags
-  toc: Conteúdo
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: Esta postagem está licenciada sob :LICENSE_NAME pelo autor.
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: Alguns direitos reservados.
-  verbose: >-
-    Exceto onde indicado de outra forma, as postagens do blog neste site são licenciadas sob a
-    Creative Commons Attribution 4.0 International (CC BY 4.0) License pelo autor.
-
-meta: Feito com :PLATFORM usando o tema :THEME
-
-not_found:
-  statment: Desculpe, a página não foi encontrada.
-
-notification:
-  update_found: Uma nova versão do conteúdo está disponível.
-  update: atualização
-
-# ----- Posts related labels -----
-
-post:
-  written_by: Por
-  posted: Postado em
-  updated: Atualizado
-  words: palavras
-  pageview_measure: visualizações
-  read_time:
-    unit: min
-    prompt: " de leitura"
-  relate_posts: Leia também
-  share: Compartilhar
-  button:
-    next: Próximo
-    previous: Anterior
-    copy_code:
-      succeed: Copiado!
-    share_link:
-      title: Copie o link
-      succeed: Link copiado com sucesso!
-
-# categories page
-categories:
-  category_measure: categorias
-  post_measure: posts

_data/locales/ru-RU.yml

@@ -1,87 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: Пост
-  category: Категория
-  tag: Тег
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: Главная
-  categories: Категории
-  tags: Теги
-  archives: Архив
-  about: О сайте
-
-# the text displayed in the search bar & search results
-search:
-  hint: поиск
-  cancel: Отмена
-  no_results: Упс! Ничего не найдено.
-
-panel:
-  lastmod: Недавно обновлено
-  trending_tags: Популярные теги
-  toc: Содержание
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: Авторский пост защищен лицензией :LICENSE_NAME.
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: Некоторые права защищены.
-  verbose: >-
-    Если не указано иное, авторские посты на этом сайте защищены лицензией Creative Commons Attribution 4.0 International (CC BY 4.0).
-
-meta: Использует тему :THEME для :PLATFORM
-
-not_found:
-  statment: Извините, мы перепутали URL-адрес или он указывает на что-то несуществующее.
-
-notification:
-  update_found: Доступна новая версия контента.
-  update: Обновить
-
-# ----- Posts related labels -----
-
-post:
-  written_by: Автор
-  posted: Опубликовано
-  updated: Обновлено
-  words: слов
-  pageview_measure: просмотров
-  read_time:
-    unit: мин.
-    prompt: чтения
-  relate_posts: Похожие посты
-  share: Поделиться
-  button:
-    next: Следующий пост
-    previous: Предыдущий пост
-    copy_code:
-      succeed: Скопировано!
-    share_link:
-      title: Скопировать ссылку
-      succeed: Ссылка успешно скопирована!
-
-# Date time format.
-# See: <http://strftime.net/>, <https://day.js.org/docs/en/display/format>
-df:
-  post:
-    strftime: "%d.%m.%Y"
-    dayjs: "DD.MM.YYYY"
-    
-# categories page
-categories:
-  category_measure:
-    singular: категория
-    plural: категории
-  post_measure:
-    singular: пост
-    plural: посты

_data/locales/sl-SI.yml

@@ -1,91 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: Objava #Post
-  category: Kategorija #Category
-  tag: Oznaka #Tag
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: Domov #Home
-  categories: Kategorije #Categories
-  tags: Oznake #Tags
-  archives: Arhiv #Archives
-  about: O meni #About
-
-# the text displayed in the search bar & search results
-search:
-  hint: išči #search
-  cancel: Prekliči #Cancel
-  no_results: Ups! Vsebina ni bila najdena #Oops! No results found.
-
-panel:
-  lastmod: Nedavno Posodobljeno #Recently Updated
-  trending_tags: Priljubljene Oznake #Trending Tags
-  toc: Vsebina #Contents
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: Ta objava je licencirana pod :LICENCE_NAME s strani avtorja. #This post is licensed under :LICENSE_NAME by the author.
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: Nekatere pravice pridržane. #Some rights reserved.
-  verbose: >-
-    Razen kjer navedeno drugače, vse objave spletnega dnevnika so licencirane
-    pod Creative Commons Attribution 4.0 International (CC BY 4.0) s strani avtorja.
-
-meta: Uporabljena :PLATFORM tema :THEME #Using the :PLATFORM theme :THEME
-
-not_found:
-  statment: Oprostite, hiperpovezava je neustrezna ali vsebina ne obstajata. #Sorry, we've misplaced that URL or it's pointing to something that doesn't exist.
-
-notification:
-  update_found: Novejša različica vsebine je na voljo. #A new version of content is available.
-  update: Posodobi #Update
-
-# ----- Posts related labels -----
-
-post:
-  written_by: Od #By
-  posted: Objavljeno #Posted
-  updated: Posodobljeno #Updated
-  words: besede #words
-  pageview_measure: ogledi #views
-  read_time:
-    unit: min
-    prompt: beri #read
-  relate_posts: Nadaljnje branje #Further Reading
-  share: Deli #Share
-  button:
-    next: Novejše #Newer
-    previous: Starejše #Older
-    copy_code:
-      succeed: Kopirano! #Copied!
-    share_link:
-      title: Kopiraj povezavo #Copy link
-      succeed: Povezava uspešno kopirana! #Link copied successfully!
-
-# Date time format.
-# See: <http://strftime.net/>, <https://day.js.org/docs/en/display/format>
-df:
-  post:
-    strftime: "%e %b, %Y"
-    dayjs: "ll"
-  archives:
-    strftime: "%b"
-    dayjs: "MMM"
-
-# categories page
-categories:
-  category_measure:
-    singular: kategorija #category
-    plural: kategorije #categories
-  post_measure:
-    singular: objava #post
-    plural: objave #posts

_data/locales/sv-SE.yml

@@ -1,91 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: Inlägg #Post
-  category: Kategori #Category
-  tag: Tagga #Tag
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: Hem #Home
-  categories: Kategorier #Categories
-  tags: Taggar #Tags
-  archives: Arkiv #Archives
-  about: Om #About
-
-# the text displayed in the search bar & search results
-search:
-  hint: sök
-  cancel: Avbryt
-  no_results: Hoppsan! Hittade inga sökträffar.
-
-panel:
-  lastmod: Senast uppdaterad
-  trending_tags: Trendande taggar
-  toc: Innehåll
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: Den här posten är publicerad under licensen :LICENSE_NAME av författaren.
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: Vissa rättigheter är reserverade.
-  verbose: >-
-    Om inte annat anges är blogginläggen på denna webbplats licensierade
-     under Creative Commons Attribution 4.0 International (CC BY 4.0) av författaren.
-
-meta: Byggd med :PLATFORM och temat :THEME
-
-not_found:
-  statment: Ursäkta, vi har tappat bort den här webbadressen eller så pekar den på något som inte längre finns.
-
-notification:
-  update_found: Det finns en ny version av innehållet.
-  update: Uppdatera sidan
-
-# ----- Posts related labels -----
-
-post:
-  written_by: Av
-  posted: Postad
-  updated: Uppdaterad
-  words: ord
-  pageview_measure: visningar
-  read_time:
-    unit: min
-    prompt: läsning
-  relate_posts: Mer läsning
-  share: Dela
-  button:
-    next: Nyare
-    previous: Äldre
-    copy_code:
-      succeed: Kopierat!
-    share_link:
-      title: Kopiera länk
-      succeed: Länken har kopierats!
-
-# 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:
-    singular: kategori
-    plural: kategorier
-  post_measure:
-    singular: inlägg
-    plural: inlägg

_data/locales/th.yml

@@ -1,91 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: โพสต์
-  category: หมวดหมู่
-  tag: แท็ก
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: หน้าแรก
-  categories: หมวดหมู่
-  tags: แท็ก
-  archives: คลังเก็บ
-  about: เกี่ยวกับ
-
-# the text displayed in the search bar & search results
-search:
-  hint: ค้นหา
-  cancel: ยกเลิก
-  no_results: โอ๊ะ! ไม่พบผลลัพธ์
-
-panel:
-  lastmod: อัปเดตล่าสุด
-  trending_tags: แท็กยอดนิยม
-  toc: เนื้อหา
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: โพสต์นี้อยู่ภายใต้การอนุญาต :LICENSE_NAME โดยผู้เขียน
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: สงวนลิขสิทธิ์เป็นบางส่วน
-  verbose: >-
-    เว้นแต่ว่าจะระบุเป็นอย่างอื่น โพสต์บนเว็บไซต์นี้อยู่ภายใต้
-    สัญญาอนุญาตครีเอทีฟคอมมอนส์แบบ 4.0 นานาชาติ (CC BY 4.0) โดยผู้เขียน
-
-meta: กำลังใช้ธีมของ :PLATFORM ชื่อ :THEME
-
-not_found:
-  statment: ขออภัย เราวาง URL นั้นไว้ผิดที่ หรือมันชี้ไปยังสิ่งที่ไม่มีอยู่
-
-notification:
-  update_found: มีเวอร์ชันใหม่ของเนื้อหา
-  update: อัปเดต
-
-# ----- Posts related labels -----
-
-post:
-  written_by: โดย
-  posted: โพสต์เมื่อ
-  updated: อัปเดตเมื่อ
-  words: คำ
-  pageview_measure: ครั้ง
-  read_time:
-    unit: นาที
-    prompt: อ่าน
-  relate_posts: อ่านต่อ
-  share: แชร์
-  button:
-    next: ใหม่กว่า
-    previous: เก่ากว่า
-    copy_code:
-      succeed: คัดลอกแล้ว!
-    share_link:
-      title: คัดลอกลิงก์
-      succeed: คัดลอกลิงก์เรียบร้อยแล้ว!
-
-# 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:
-    singular: หมวดหมู่
-    plural: หมวดหมู่
-  post_measure:
-    singular: โพสต์
-    plural: โพสต์

_data/locales/tr-TR.yml

@@ -1,77 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: Gönderi
-  category: Kategori
-  tag: Etiket
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: Ana Sayfa
-  categories: Kategoriler
-  tags: Etiketler
-  archives: Arşiv
-  about: Hakkında
-
-# the text displayed in the search bar & search results
-search:
-  hint: Ara...
-  cancel: İptal
-  no_results: Hop! Öyle bir şey bulamadım.
-
-panel:
-  lastmod: Son Güncellenenler
-  trending_tags: Yükselen Etiketler
-  toc: İçindekiler
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: Bu gönderi :LICENSE_NAME lisansı altındadır.
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/deed.tr
-
-  # Displayed in the footer
-  brief: Bazı hakları saklıdır.
-  verbose: >-
-    Aksi belirtilmediği sürece, bu sitedeki gönderiler Creative Commons Atıf 4.0 Uluslararası (CC BY 4.0) Lisansı altındadır.
-    Kısaca sayfa linkini vererek değiştirebilir / paylaşabilirsiniz.
-
-meta: :PLATFORM ve :THEME teması
-
-not_found:
-  statment: Üzgünüz, bu linki yanlış yerleştirdik veya var olmayan bir şeye işaret ediyor.
-
-notification:
-  update_found: İçeriğin yeni bir sürümü mevcut.
-  update: Güncelle
-
-# ----- Posts related labels -----
-
-post:
-  written_by: Yazan
-  posted: Gönderim
-  updated: Güncelleme
-  words: sözcük
-  pageview_measure: görüntülenme
-  read_time:
-    unit: dakikada
-    prompt: okunabilir
-  relate_posts: Benzer Gönderiler
-  share: Paylaş
-  button:
-    next: İleri
-    previous: Geri
-    copy_code:
-      succeed: Kopyalandı.
-    share_link:
-      title: Linki kopyala
-      succeed: Link kopyalandı.
-
-# categories page
-categories:
-  category_measure: kategori
-  post_measure: gönderi

_data/locales/uk-UA.yml

@@ -1,77 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: Публікація
-  category: Категорія
-  tag: Тег
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: Домашня сторінка
-  categories: Категорії
-  tags: Теги
-  archives: Архів
-  about: Про сайт
-
-# the text displayed in the search bar & search results
-search:
-  hint: пошук
-  cancel: Скасувати
-  no_results: Ох! Нічого не знайдено.
-
-panel:
-  lastmod: Нещодавно оновлено
-  trending_tags: Популярні теги
-  toc: Зміст
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: Публікація захищена ліцензією :LICENSE_NAME.
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: Деякі права захищено.
-  verbose: >-
-    Публікації на сайті захищено ліцензією Creative Commons Attribution 4.0 International (CC BY 4.0),
-    якщо інше не вказано в тексті.
-
-meta: Powered by :PLATFORM with :THEME theme
-
-not_found:
-  statment: Вибачте, це посилання вказує на ресурс, що не існує.
-
-notification:
-  update_found: Доступна нова версія вмісту.
-  update: Оновлення
-
-# ----- Posts related labels -----
-
-post:
-  written_by: Автор
-  posted: Час публікації
-  updated: Оновлено
-  words: слів
-  pageview_measure: переглядів
-  read_time:
-    unit: хвилин
-    prompt: читання
-  relate_posts: Вас також може зацікавити
-  share: Поділитися
-  button:
-    next: Попередня публікація
-    previous: Наступна публікація
-    copy_code:
-      succeed: Успішно скопійовано!
-    share_link:
-      title: Скопіювати посилання
-      succeed: Посилання успішно скопійовано!
-
-# categories page
-categories:
-  category_measure: категорії
-  post_measure: публікації

_data/locales/vi-VN.yml

@@ -1,76 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: Bài viết
-  category: Danh mục
-  tag: Thẻ
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: Trang chủ
-  categories: Các danh mục
-  tags: Các thẻ
-  archives: Lưu trữ
-  about: Giới thiệu
-
-# the text displayed in the search bar & search results
-search:
-  hint: tìm kiếm
-  cancel: Hủy
-  no_results: Không có kết quả tìm kiếm.
-
-panel:
-  lastmod: Mới cập nhật
-  trending_tags: Các thẻ thịnh hành
-  toc: Mục lục
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: Bài viết này được cấp phép bởi tác giả theo giấy phép :LICENSE_NAME.
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: Một số quyền được bảo lưu.
-  verbose: >-
-    Trừ khi có ghi chú khác, các bài viết đăng trên trang này được cấp phép bởi tác giả theo giấy phép Creative Commons Attribution 4.0 International (CC BY 4.0).
-
-meta: Trang web này được tạo bởi :PLATFORM với chủ đề :THEME
-
-not_found:
-  statment: Xin lỗi, chúng tôi đã đặt nhầm URL hoặc đường dẫn trỏ đến một trang nào đó không tồn tại.
-
-notification:
-  update_found: Đã có phiên bản mới của nội dung.
-  update: Cập nhật
-
-# ----- Posts related labels -----
-
-post:
-  written_by: Viết bởi
-  posted: Đăng lúc
-  updated: Cập nhật lúc
-  words: từ
-  pageview_measure: lượt xem
-  read_time:
-    unit: phút
-    prompt: đọc
-  relate_posts: Bài viết liên quan
-  share: Chia sẻ
-  button:
-    next: Mới hơn
-    previous: Cũ hơn
-    copy_code:
-      succeed: Đã sao chép!
-    share_link:
-      title: Sao chép đường dẫn
-      succeed: Đã sao chép đường dẫn thành công!
-
-# categories page
-categories:
-  category_measure: danh mục
-  post_measure: bài viết

_data/locales/zh-CN.yml

@@ -27,6 +27,14 @@ panel:
   trending_tags: 热门标签
   toc: 文章内容
 
+#  The liquid date format › http://strftime.net/
+date_format:
+  tooltip: '%F, %R %z'
+  post:
+    long: '%F'
+    short: '%m-%d'
+    archive_month: '%m月'
+
 copyright:
   # Shown at the bottom of the post
   license:
@@ -39,14 +47,13 @@ copyright:
   verbose: >-
     除非另有说明，本网站上的博客文章均由作者按照知识共享署名 4.0 国际 (CC BY 4.0) 许可协议进行授权。
 
-meta: 本站采用 :PLATFORM 主题 :THEME
+meta: 本站由 :PLATFORM 生成，采用 :THEME 主题。
 
 not_found:
   statment: 抱歉，我们放错了该 URL，或者它指向了不存在的内容。
-
-notification:
-  update_found: 发现新版本的内容。
-  update: 更新
+  hint_template: :HEAD_BAK尝试再次查找它，或在:ARCHIVES_PAGE上搜索它。
+  head_back: 返回主页
+  archives_page: 归档页面
 
 # ----- Posts related labels -----
 
@@ -54,6 +61,11 @@ post:
   written_by: 作者
   posted: 发表于
   updated: 更新于
+  timeago:
+    day: 天前
+    hour: 小时前
+    minute: 分钟前
+    just_now: 刚刚
   words: 字
   pageview_measure: 次浏览
   read_time:
@@ -67,15 +79,10 @@ post:
     copy_code:
       succeed: 已复制！
     share_link:
-      title: 分享链接
+      title:  分享链接
       succeed: 链接已复制！
-
-# 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"
+  # pinned prompt of posts list on homepage
+  pin_prompt: 顶置
 
 # categories page
 categories:

_data/locales/zh-TW.yml

@@ -1,83 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: 文章
-  category: 分類
-  tag: 標籤
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: 首頁
-  categories: 分類
-  tags: 標籤
-  archives: 封存
-  about: 關於
-
-# the text displayed in the search bar & search results
-search:
-  hint: 搜尋
-  cancel: 取消
-  no_results: 沒有搜尋結果
-
-panel:
-  lastmod: 最近更新
-  trending_tags: 熱門標籤
-  toc: 文章摘要
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: 本文章以 :LICENSE_NAME 授權
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: 保留部份權利。
-  verbose: >-
-    除非另有說明，否則本網誌的文章均由作者按照姓名標示 4.0 國際 (CC BY 4.0) 授權條款進行授權。
-
-meta: 本網站使用 :PLATFORM 產生，採用 :THEME 主題
-
-not_found:
-  statment: 抱歉，您可能正在存取一個已被移動的 URL，或者它從未存在。
-
-notification:
-  update_found: 發現新版本更新。
-  update: 更新
-
-# ----- Posts related labels -----
-
-post:
-  written_by: 作者
-  posted: 發布於
-  updated: 更新於
-  words: 字
-  pageview_measure: 次瀏覽
-  read_time:
-    unit: 分鐘
-    prompt: 閱讀
-  relate_posts: 相關文章
-  share: 分享
-  button:
-    next: 下一篇
-    previous: 上一篇
-    copy_code:
-      succeed: 已複製！
-    share_link:
-      title: 分享連結
-      succeed: 已複製連結！
-
-# 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: 個分類
-  post_measure: 篇文章

_data/origin/basic.yml

@@ -1,46 +0,0 @@
-# fonts
-
-webfonts: /assets/lib/fonts/main.css
-
-# Libraries
-
-jquery:
-  js: /assets/lib/jquery/jquery.min.js
-
-bootstrap:
-  css: /assets/lib/bootstrap/bootstrap.min.css
-  js: /assets/lib/bootstrap/bootstrap.bundle.min.js
-
-toc:
-  css: /assets/lib/tocbot/tocbot.min.css
-  js: /assets/lib/tocbot/tocbot.min.js
-
-fontawesome:
-  css: /assets/lib/fontawesome-free/css/all.min.css
-
-search:
-  js: /assets/lib/simple-jekyll-search/simple-jekyll-search.min.js
-
-mermaid:
-  js: /assets/lib/mermaid/mermaid.min.js
-
-dayjs:
-  js:
-    common: /assets/lib/dayjs/dayjs.min.js
-    locale: /assets/lib/dayjs/locale/en.min.js
-    relativeTime: /assets/lib/dayjs/plugin/relativeTime.min.js
-    localizedFormat: /assets/lib/dayjs/plugin/localizedFormat.min.js
-
-magnific-popup:
-  css: /assets/lib/magnific-popup/magnific-popup.css
-  js: /assets/lib/magnific-popup/jquery.magnific-popup.min.js
-
-lazy-polyfill:
-  css: /assets/lib/loading-attribute-polyfill/loading-attribute-polyfill.min.css
-  js: /assets/lib/loading-attribute-polyfill/loading-attribute-polyfill.umd.min.js
-
-clipboard:
-  js: /assets/lib/clipboard/clipboard.min.js
-
-mathjax:
-  js: /assets/lib/mathjax/tex-chtml.js

_data/origin/cors.yml

@@ -1,59 +0,0 @@
-# CDNs
-
-cdns:
-  # Google Fonts
-  - url: https://fonts.googleapis.com
-  - url: https://fonts.gstatic.com
-    args: crossorigin
-  - url: https://fonts.googleapis.com
-  # jsDelivr CDN
-  - url: https://cdn.jsdelivr.net
-  # polyfill.io for math
-  - url: https://polyfill.io
-
-# fonts
-
-webfonts: https://fonts.googleapis.com/css2?family=Lato&family=Source+Sans+Pro:wght@400;600;700;900&display=swap
-
-# Libraries
-
-jquery:
-  js: https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js
-
-bootstrap:
-  css: https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css
-  js: https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js
-
-toc:
-  css: https://cdn.jsdelivr.net/npm/tocbot@4.25.0/dist/tocbot.min.css
-  js: https://cdn.jsdelivr.net/npm/tocbot@4.25.0/dist/tocbot.min.js
-
-fontawesome:
-  css: https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.1/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@10.8.0/dist/mermaid.min.js
-
-dayjs:
-  js:
-    common: https://cdn.jsdelivr.net/npm/dayjs@1.11.10/dayjs.min.js
-    locale: https://cdn.jsdelivr.net/npm/dayjs@1.11.10/locale/:LOCALE.min.js
-    relativeTime: https://cdn.jsdelivr.net/npm/dayjs@1.11.10/plugin/relativeTime.min.js
-    localizedFormat: https://cdn.jsdelivr.net/npm/dayjs@1.11.10/plugin/localizedFormat.min.js
-
-magnific-popup:
-  css: https://cdn.jsdelivr.net/npm/magnific-popup@1.1.0/dist/magnific-popup.min.css
-  js: https://cdn.jsdelivr.net/npm/magnific-popup@1.1.0/dist/jquery.magnific-popup.min.js
-
-lazy-polyfill:
-  css: https://cdn.jsdelivr.net/npm/loading-attribute-polyfill@2.1.1/dist/loading-attribute-polyfill.min.css
-  js: https://cdn.jsdelivr.net/npm/loading-attribute-polyfill@2.1.1/dist/loading-attribute-polyfill.umd.min.js
-
-clipboard:
-  js: https://cdn.jsdelivr.net/npm/clipboard@2.0.11/dist/clipboard.min.js
-
-mathjax:
-  js: https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-chtml.js

_data/share.yml

@@ -2,37 +2,26 @@
 #  Icons from <https://fontawesome.com/>
 
 platforms:
-  - type: Twitter
-    icon: "fa-brands fa-square-x-twitter"
+  -
+    type: Twitter
+    icon: "fab fa-twitter"
     link: "https://twitter.com/intent/tweet?text=TITLE&url=URL"
-
-  - type: Facebook
+  -
+    type: Facebook
     icon: "fab fa-facebook-square"
     link: "https://www.facebook.com/sharer/sharer.php?title=TITLE&u=URL"
-
-  - type: Telegram
+  -
+    type: Telegram
     icon: "fab fa-telegram"
-    link: "https://t.me/share/url?url=URL&text=TITLE"
+    link: "https://telegram.me/share?text=TITLE&url=URL"
 
   # Uncomment below if you need to.
-  #
-  # - type: Linkedin
+  # -
+  #   type: Linkedin
   #   icon: "fab fa-linkedin"
   #   link: "https://www.linkedin.com/sharing/share-offsite/?url=URL"
   #
-  # - type: Weibo
+  # -
+  #   type: Weibo
   #   icon: "fab fa-weibo"
   #   link: "http://service.weibo.com/share/share.php?title=TITLE&url=URL"
-  #
-  # - type: Mastodon
-  #   icon: "fa-brands fa-mastodon"
-  #   # See: https://github.com/justinribeiro/share-to-mastodon#properties
-  #   instances:
-  #     - label: mastodon.social
-  #       link: "https://mastodon.social/"
-  #     - label: mastodon.online
-  #       link: "https://mastodon.online/"
-  #     - label: fosstodon.org
-  #       link: "https://fosstodon.org/"
-  #     - label: photog.social
-  #       link: "https://photog.social/"

_includes/comments/disqus.html

@@ -1,50 +1,54 @@
-<!-- The Disqus lazy loading. -->
-
-<div id="disqus_thread">
-  <p class="text-center text-muted small">Comments powered by <a href="https://disqus.com/">Disqus</a>.</p>
+<!--
+  The Disqus lazy loading.
+-->
+<div id="disqus_thread" class="pt-2 pb-2">
+  <p class="text-center text-muted small">
+    Comments powered by <a href="https://disqus.com/">Disqus</a>.
+  </p>
 </div>
 
 <script type="text/javascript">
+
   var disqus_config = function () {
     this.page.url = '{{ page.url | absolute_url }}';
     this.page.identifier = '{{ page.url }}';
   };
 
   /* Lazy loading */
-  var disqus_observer = new IntersectionObserver(
-    function (entries) {
-      if (entries[0].isIntersecting) {
+
+  var disqus_observer = new IntersectionObserver(function (entries) {
+    if(entries[0].isIntersecting) {
         (function () {
-          var d = document,
-            s = d.createElement('script');
-          s.src = 'https://{{ site.comments.disqus.shortname }}.disqus.com/embed.js';
-          s.setAttribute('data-timestamp', +new Date());
-          (d.head || d.body).appendChild(s);
+            var d = document, s = d.createElement('script');
+            s.src = 'https://{{ site.comments.disqus.shortname }}.disqus.com/embed.js';
+            s.setAttribute('data-timestamp', +new Date());
+            (d.head || d.body).appendChild(s);
         })();
 
         disqus_observer.disconnect();
-      }
-    },
-    { threshold: [0] }
-  );
+    }
+  }, { threshold: [0] });
 
   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;
-      }
 
-      if (document.readyState == 'complete') {
-        DISQUS.reset({ reload: true, config: disqus_config });
-      }
+  function reloadDisqus() {
+    /* Disqus hasn't been loaded */
+    if (typeof DISQUS === "undefined") {
+      return;
+    }
+
+    if (document.readyState == 'complete') {
+      DISQUS.reset({ reload: true, config: disqus_config });
     }
   }
 
-  if (document.querySelector('.mode-toggle')) {
-    window.addEventListener('message', reloadDisqus);
+  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);
   }
+
 </script>

_includes/comments/giscus.html

@@ -1,65 +0,0 @@
-<!-- https://giscus.app/ -->
-<script type="text/javascript">
-  (function () {
-    const origin = 'https://giscus.app';
-    const iframe = 'iframe.giscus-frame';
-    const lightTheme = 'light';
-    const darkTheme = 'dark_dimmed';
-
-    let initTheme = lightTheme;
-    const html = document.documentElement;
-
-    if (
-      (html.hasAttribute('data-mode') &&
-        html.getAttribute('data-mode') === 'dark') ||
-      (!html.hasAttribute('data-mode') &&
-        window.matchMedia('(prefers-color-scheme: dark)').matches)
-    ) {
-      initTheme = darkTheme;
-    }
-
-    let giscusAttributes = {
-      src: 'https://giscus.app/client.js',
-      'data-repo': '{{ site.comments.giscus.repo}}',
-      'data-repo-id': '{{ site.comments.giscus.repo_id }}',
-      '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': '{{ site.comments.giscus.reactions_enabled | default: '1' }}',
-      'data-emit-metadata': '0',
-      'data-theme': initTheme,
-      'data-input-position': '{{ site.comments.giscus.input_position | default: 'bottom' }}',
-      'data-lang': '{{ site.comments.giscus.lang | default: lang }}',
-      'data-loading': 'lazy',
-      crossorigin: 'anonymous',
-      async: ''
-    };
-
-    let giscusScript = document.createElement('script');
-    Object.entries(giscusAttributes).forEach(([key, value]) =>
-      giscusScript.setAttribute(key, value)
-    );
-    document.getElementById('tail-wrapper').appendChild(giscusScript);
-
-    addEventListener('message', (event) => {
-      if (
-        event.source === window &&
-        event.data &&
-        event.data.direction === ModeToggle.ID
-      ) {
-        /* global theme mode changed */
-        const mode = event.data.message;
-        const theme = mode === ModeToggle.DARK_MODE ? darkTheme : lightTheme;
-
-        const message = {
-          setConfig: {
-            theme: theme
-          }
-        };
-
-        const giscus = document.querySelector(iframe).contentWindow;
-        giscus.postMessage({ giscus: message }, origin);
-      }
-    });
-  })();
-</script>

_includes/comments/utterances.html

@@ -1,50 +1,51 @@
 <!-- https://utteranc.es/ -->
-<script
-  src="https://utteranc.es/client.js"
-  repo="{{ site.comments.utterances.repo }}"
-  issue-term="{{ site.comments.utterances.issue_term }}"
-  crossorigin="anonymous"
-  async
-></script>
+<script src="https://utteranc.es/client.js"
+        repo="{{ site.comments.utterances.repo }}"
+        issue-term="{{ site.comments.utterances.issue_term }}"
+        crossorigin="anonymous"
+        async>
+</script>
 
 <script type="text/javascript">
-  (function () {
-    const origin = 'https://utteranc.es';
-    const iframe = 'iframe.utterances-frame';
-    const lightTheme = 'github-light';
-    const darkTheme = 'github-dark';
+  $(function() {
+    const origin = "https://utteranc.es";
+    const iframe = "iframe.utterances-frame";
+    const lightTheme = "github-light";
+    const darkTheme = "github-dark";
     let initTheme = lightTheme;
-    const html = document.documentElement;
 
-    if (
-      (html.hasAttribute('data-mode') && html.getAttribute('data-mode') === 'dark') ||
-      (!html.hasAttribute('data-mode') && window.matchMedia('(prefers-color-scheme: dark)').matches)
-    ) {
+    if ($("html[mode=dark]").length > 0
+        || ($("html[mode]").length == 0
+            && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
       initTheme = darkTheme;
     }
 
-    addEventListener('message', (event) => {
+    addEventListener("message", (event) => {
       let theme;
 
       /* credit to <https://github.com/utterance/utterances/issues/170#issuecomment-594036347> */
       if (event.origin === origin) {
         /* page initial */
         theme = initTheme;
-      } else if (event.source === window && event.data && event.data.direction === ModeToggle.ID) {
+
+      } else if (event.source === window && event.data &&
+            event.data.direction === ModeToggle.ID) {
         /* global theme mode changed */
         const mode = event.data.message;
-        theme = mode === ModeToggle.DARK_MODE ? darkTheme : lightTheme;
+        theme = (mode === ModeToggle.DARK_MODE ? darkTheme : lightTheme);
+
       } else {
         return;
       }
 
       const message = {
-        type: 'set-theme',
+        type: "set-theme",
         theme: theme
       };
 
       const utterances = document.querySelector(iframe).contentWindow;
       utterances.postMessage(message, origin);
     });
-  })();
+
+  });
 </script>

_includes/css-selector.html

@@ -0,0 +1,15 @@
+<!--
+  CSS selector for site.
+-->
+
+<link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">
+
+{% if site.toc and page.toc %}
+  <link rel="stylesheet"
+    href="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@1.0.1/dist/bootstrap-toc.min.css">
+{% endif %}
+
+{% if page.layout == 'page' or page.layout == 'post' %}
+  <!-- Manific Popup -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/magnific-popup@1.1.0/dist/magnific-popup.min.css">
+{% endif %}

_includes/datetime.html

@@ -1,20 +0,0 @@
-<!--
-  Date format snippet
-  See: ${JS_ROOT}/utils/locale-dateime.js
--->
-
-{% assign df_strftime = site.data.locales[include.lang].df.post.strftime | default: '%d/%m/%Y' %}
-{% assign df_dayjs = site.data.locales[include.lang].df.post.dayjs | default: 'DD/MM/YYYY' %}
-
-<time
-  {% if include.class %}
-    class="{{ include.class }}"
-  {% endif %}
-  data-ts="{{ include.date | date: '%s' }}"
-  data-df="{{ df_dayjs }}"
-  {% if include.tooltip %}
-    data-bs-toggle="tooltip" data-bs-placement="bottom"
-  {% endif %}
->
-  {{ include.date | date: df_strftime }}
-</time>

_includes/embed/bilibili.html

@@ -1,10 +0,0 @@
-<iframe
-  class="embed-video bilibili"
-  loading="lazy"
-  src="https://player.bilibili.com/player.html?bvid={{ include.id }}"
-  scrolling="no"
-  border="0"
-  frameborder="no"
-  framespacing="0"
-  allowfullscreen="true"
-></iframe>

_includes/embed/twitch.html

@@ -1,8 +0,0 @@
-<iframe
-  class="embed-video twitch"
-  loading="lazy"
-  src="https://player.twitch.tv/?video={{ include.id }}&parent={{ site.url | split: '://' | last | remove: '/' }}"
-  frameborder="0"
-  allowfullscreen="true"
-  scrolling="no"
-></iframe>

_includes/embed/youtube.html

@@ -1,9 +0,0 @@
-<iframe
-  class="embed-video youtube"
-  loading="lazy"
-  src="https://www.youtube.com/embed/{{ include.id }}"
-  title="YouTube video player"
-  frameborder="0"
-  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-  allowfullscreen
-></iframe>

_includes/favicons.html

@@ -8,9 +8,7 @@
 <link rel="apple-touch-icon" sizes="180x180" href="{{ favicon_path }}/apple-touch-icon.png">
 <link rel="icon" type="image/png" sizes="32x32" href="{{ favicon_path }}/favicon-32x32.png">
 <link rel="icon" type="image/png" sizes="16x16" href="{{ favicon_path }}/favicon-16x16.png">
-{% if site.pwa.enabled %}
-  <link rel="manifest" href="{{ favicon_path }}/site.webmanifest">
-{% endif %}
+<link rel="manifest" href="{{ favicon_path }}/site.webmanifest">
 <link rel="shortcut icon" href="{{ favicon_path }}/favicon.ico">
 <meta name="apple-mobile-web-app-title" content="{{ site.title }}">
 <meta name="application-name" content="{{ site.title }}">

_includes/footer.html

@@ -1,42 +1,37 @@
-<!-- The Footer -->
+<!--
+  The Footer
+-->
 
-<footer
-  aria-label="Site Info"
-  class="
-    d-flex flex-column justify-content-center text-muted
-    flex-lg-row justify-content-lg-between align-items-lg-center pb-lg-3
-  "
->
-  <p>
-    {{- '©' }}
-    <time>{{ 'now' | date: '%Y' }}</time>
+<footer class="d-flex w-100 justify-content-center">
+  <div class="d-flex justify-content-between align-items-center text-muted">
+    <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 %}
+        <span data-toggle="tooltip" data-placement="top"
+          title="{{ site.data.locales[lang].copyright.verbose }}">{{ site.data.locales[lang].copyright.brief }}</span>
+        {% endif %}
+      </p>
+    </div>
 
-    {% if site.social.links %}
-      <a href="{{ site.social.links[0] }}">{{ site.social.name }}</a>.
-    {% else %}
-      <em class="fst-normal">{{ site.social.name }}</em>.
-    {% endif %}
+    <div class="footer-right">
+      <p class="mb-0">
+        {% capture _platform %}
+          <a href="https://jekyllrb.com" target="_blank" rel="noopener">Jekyll</a>
+        {% endcapture %}
 
-    {% if site.data.locales[include.lang].copyright.brief %}
-      <span
-        data-bs-toggle="tooltip"
-        data-bs-placement="top"
-        title="{{ site.data.locales[include.lang].copyright.verbose }}"
-      >
-        {{- site.data.locales[include.lang].copyright.brief -}}
-      </span>
-    {% endif %}
-  </p>
+        {% capture _theme %}
+          <a href="https://github.com/cotes2020/jekyll-theme-chirpy" target="_blank" rel="noopener">Chirpy</a>
+        {% endcapture %}
 
-  <p>
-    {%- capture _platform -%}
-      <a href="https://jekyllrb.com" target="_blank" rel="noopener">Jekyll</a>
-    {%- endcapture -%}
+        {{ site.data.locales[lang].meta
+          | default: 'Powered by :PLATFORM with :THEME theme.'
+          | replace: ':PLATFORM', _platform | replace: ':THEME', _theme
+        }}
 
-    {%- capture _theme -%}
-      <a href="https://github.com/cotes2020/jekyll-theme-chirpy" target="_blank" rel="noopener">Chirpy</a>
-    {%- endcapture -%}
+      </p>
+    </div>
 
-    {{ site.data.locales[include.lang].meta | replace: ':PLATFORM', _platform | replace: ':THEME', _theme }}
-  </p>
+  </div> <!-- div.d-flex -->
 </footer>

_includes/goatcounter.html

@@ -1,8 +0,0 @@
-<!-- GoatCounter -->
-
-<script
-  data-goatcounter="https://{{ site.goatcounter.id }}.goatcounter.com/count"
-  async
-  src="https://gc.zgo.at/count.js"
-></script>
-

_includes/head.html

@@ -1,111 +1,75 @@
+<!--
+  The Head
+-->
+
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-  <meta name="theme-color" media="(prefers-color-scheme: light)" content="#f7f7f7">
-  <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1b1b1e">
-  <meta name="apple-mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-  <meta
-    name="viewport"
-    content="width=device-width, user-scalable=no initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
-  >
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
-  {%- capture seo_tags -%}
-    {% seo title=false %}
-  {%- endcapture -%}
+  {% if page.layout == 'home' or page.layout == 'post' %}
 
-  <!-- Setup Open Graph image -->
+    <!-- i18n for `_javascript/utils/timeago.js` -->
+    <meta name="day-prompt" content="{{ site.data.locales[lang].post.timeago.day }}">
+    <meta name="hour-prompt" content="{{ site.data.locales[lang].post.timeago.hour }}">
+    <meta name="minute-prompt" content="{{ site.data.locales[lang].post.timeago.minute }}">
+    <meta name="justnow-prompt" content="{{ site.data.locales[lang].post.timeago.just_now }}">
 
-  {% if page.image %}
-    {% assign src = page.image.path | default: page.image %}
+    {% if site.google_analytics.pv.proxy_endpoint %}
+      <meta name="pv-proxy-endpoint" content="{{ site.google_analytics.pv.proxy_endpoint }}">
+    {% endif %}
 
-    {% unless src contains '://' %}
-      {%- capture img_url -%}
-        {% include img-url.html src=src img_path=page.img_path absolute=true %}
-      {%- endcapture -%}
+    {% if site.google_analytics.pv.cache_path %}
+      <meta name="pv-cache-path" content="{{ site.google_analytics.pv.cache_path | relative_url }}">
+    {% endif %}
 
-      {%- capture old_url -%}{{ src | absolute_url }}{%- endcapture -%}
-      {%- capture new_url -%}{{ img_url }}{%- endcapture -%}
-
-      {% assign seo_tags = seo_tags | replace: old_url, new_url %}
-    {% endunless %}
-
-  {% elsif site.social_preview_image %}
-    {%- capture img_url -%}
-      {% include img-url.html src=site.social_preview_image absolute=true %}
-    {%- endcapture -%}
-
-    {%- capture og_image -%}
-      <meta property="og:image" content="{{ img_url }}" />
-    {%- endcapture -%}
-
-    {%- capture twitter_image -%}
-      <meta property="twitter:card" content="summary_large_image" />
-      <meta property="twitter:image" content="{{ img_url }}" />
-    {%- endcapture -%}
-
-    {% assign old_meta_clip = '<meta name="twitter:card" content="summary" />' %}
-    {% assign new_meta_clip = og_image | append: twitter_image %}
-    {% assign seo_tags = seo_tags | replace: old_meta_clip, new_meta_clip %}
   {% endif %}
 
-  {{ seo_tags }}
+  {% seo title=false %}
 
   <title>
-    {%- unless page.layout == 'home' -%}
-      {{ page.title | append: ' | ' }}
-    {%- endunless -%}
+  {%- unless page.layout == "home" -%}
+    {{ page.title | append: " | "}}
+  {%- endunless -%}
     {{ site.title }}
   </title>
 
-  {% include_cached favicons.html %}
+  {% include favicons.html %}
 
-  {% if site.resources.ignore_env != jekyll.environment and site.resources.self_hosted %}
-    <link href="{{ site.data.origin[type].webfonts | relative_url }}" rel="stylesheet">
-
-  {% else %}
-    {% for cdn in site.data.origin[type].cdns %}
-      <link rel="preconnect" href="{{ cdn.url }}" {{ cdn.args }}>
-      <link rel="dns-prefetch" href="{{ cdn.url }}" {{ cdn.args }}>
-    {% endfor %}
-
-    <link rel="stylesheet" href="{{ site.data.origin[type].webfonts | relative_url }}">
-  {% endif %}
+  <!-- Google Fonts -->
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous">
+  <link rel="dns-prefetch" href="https://fonts.gstatic.com">
 
   <!-- GA -->
-  {% if jekyll.environment == 'production' and site.google_analytics.id != empty and site.google_analytics.id %}
+  {% if jekyll.environment == 'production' %}
     <link rel="preconnect" href="https://www.google-analytics.com" crossorigin="use-credentials">
     <link rel="dns-prefetch" href="https://www.google-analytics.com">
 
     <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin="anonymous">
     <link rel="dns-prefetch" href="https://www.googletagmanager.com">
+
+    {% if site.google_analytics.pv.proxy_endpoint %}
+      {% assign proxy_url = site.google_analytics.pv.proxy_endpoint
+        | replace: "https://", "" | split: "/" | first | prepend: "https://" %}
+
+      <link rel="preconnect" href="{{ proxy_url }}" crossorigin="use-credentials">
+      <link rel="dns-prefetch" href="{{ proxy_url }}">
+    {% endif %}
   {% endif %}
 
+  <!-- jsDelivr CDN -->
+  <link rel="preconnect" href="https://cdn.jsdelivr.net">
+  <link rel="dns-prefetch" href="https://cdn.jsdelivr.net">
+
   <!-- Bootstrap -->
-  <link rel="stylesheet" href="{{ site.data.origin[type].bootstrap.css | relative_url }}">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css">
 
   <!-- Font Awesome -->
-  <link rel="stylesheet" href="{{ site.data.origin[type].fontawesome.css | relative_url }}">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/css/all.min.css">
 
-  <link rel="stylesheet" href="{{ '/assets/css/:THEME.css' | replace: ':THEME', site.theme | relative_url }}">
-
-  {% if site.toc and page.toc %}
-    <link rel="stylesheet" href="{{ site.data.origin[type].toc.css | relative_url }}">
-  {% endif %}
-
-  {% if page.layout == 'post' or page.layout == 'page' or page.layout == 'home' %}
-    <link rel="stylesheet" href="{{ site.data.origin[type]['lazy-polyfill'].css | relative_url }}">
-  {% endif %}
-
-  {% if page.layout == 'page' or page.layout == 'post' %}
-    <!-- Manific Popup -->
-    <link rel="stylesheet" href="{{ site.data.origin[type].magnific-popup.css | relative_url }}">
-  {% endif %}
+  {% include css-selector.html %}
 
   <!-- JavaScript -->
 
-  {% unless site.theme_mode %}
-    {% include mode-toggle.html %}
-  {% endunless %}
+  <script src="https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js"></script>
 
-  {% include metadata-hook.html %}
 </head>

_includes/img-url.html

@@ -1,39 +0,0 @@
-{%- comment -%}
-  Generate image final URL based on `site.img_cdn`, `page.img_path`
-
-  Arguments:
-    src - required, basic image path
-    img_path - optional, relative path of image
-    absolute - optional, boolean, if true, generate absolute URL
-
-  Return:
-    image URL
-{%- endcomment -%}
-
-{% assign url = include.src %}
-
-{%- if url -%}
-  {% unless url contains ':' %}
-    {%- comment -%} CND URL {%- endcomment -%}
-    {% assign prefix = site.img_cdn | default: '' %}
-
-    {%- comment -%} Add page image path prefix {%- endcomment -%}
-    {% assign url = include.img_path | default: '' | append: '/' | append: url %}
-
-    {% assign url = prefix
-      | append: '/'
-      | append: url
-      | replace: '///', '/'
-      | replace: '//', '/'
-      | replace: ':', ':/'
-    %}
-
-    {% if include.absolute %}
-      {% assign url = site.url | append: site.baseurl | append: url %}
-    {% else %}
-      {% assign url = site.baseurl | append: url %}
-    {% endif %}
-  {% endunless %}
-{%- endif -%}
-
-{{- url -}}

_includes/js-selector.html

@@ -1,113 +1,68 @@
-<!-- JS selector for site. -->
-
-<!-- commons -->
-
-{% assign urls = site.data.origin[type].jquery.js
-  | append: ','
-  | append: site.data.origin[type].bootstrap.js
-  | append: ','
-  | append: site.data.origin[type].search.js
-%}
+<!--
+  JS selector for site.
+-->
 
 <!-- layout specified -->
 
-{% assign js_dist = '/assets/js/dist/' %}
+{% if page.layout == 'post' %}
+  {% if site.google_analytics.pv.proxy_endpoint or site.google_analytics.pv.cache_path %}
+    <!-- pv-report needs countup.js -->
+    <script async src="https://cdn.jsdelivr.net/npm/countup.js@1.9.3/dist/countUp.min.js"></script>
+    <script defer src="{{ '/assets/js/dist/pvreport.min.js' | relative_url }}"></script>
+  {% endif %}
+{% endif %}
 
-{% if page.layout == 'post' or page.layout == 'page' or page.layout == 'home' %}
-  {% assign urls = urls | append: ',' | append: site.data.origin[type]['lazy-polyfill'].js %}
-
-  {% unless page.layout == 'home' %}
-    <!-- image lazy-loading & popup & clipboard -->
-    {% assign urls = urls
-      | append: ','
-      | append: site.data.origin[type]['magnific-popup'].js
-      | append: ','
-      | append: site.data.origin[type].clipboard.js
-    %}
-  {% endunless %}
+{% if page.layout == 'post' or page.layout == 'page' %}
+  <!-- image lazy-loading & popup -->
+  <script src="https://cdn.jsdelivr.net/combine/npm/lozad/dist/lozad.min.js,npm/magnific-popup@1/dist/jquery.magnific-popup.min.js,npm/clipboard@2/dist/clipboard.min.js"></script>
 {% endif %}
 
 {% if page.layout == 'home'
-  or page.layout == 'post'
-  or page.layout == 'archives'
-  or page.layout == 'category'
-  or page.layout == 'tag'
-%}
-  {% assign locale = site.lang | split: '-' | first %}
-
-  {% assign urls = urls
-    | append: ','
-    | append: site.data.origin[type].dayjs.js.common
-    | append: ','
-    | append: site.data.origin[type].dayjs.js.locale
-    | replace: ':LOCALE', locale
-    | append: ','
-    | append: site.data.origin[type].dayjs.js.relativeTime
-    | append: ','
-    | append: site.data.origin[type].dayjs.js.localizedFormat
-  %}
+    or page.layout == 'categories'
+    or page.layout == 'post'
+    or page.layout == 'page' %}
+  {% assign type = page.layout %}
+{% else %}
+  {% assign type = "commons" %}
 {% endif %}
 
-{% if page.content contains '<h2' or page.content contains '<h3' and site.toc and page.toc %}
-  {% assign urls = urls | append: ',' | append: site.data.origin[type].toc.js %}
-{% endif %}
-
-{% if page.mermaid %}
-  {% assign urls = urls | append: ',' | append: site.data.origin[type].mermaid.js %}
-{% endif %}
-
-{% include jsdelivr-combine.html urls=urls %}
-
-{% case page.layout %}
-  {% when 'home', 'categories', 'post', 'page' %}
-    {% assign js = page.layout %}
-  {% when 'archives', 'category', 'tag' %}
-    {% assign js = 'misc' %}
-  {% else %}
-    {% assign js = 'commons' %}
-{% endcase %}
-
-{% capture script %}{{ js_dist }}{{ js }}.min.js{% endcapture %}
-<script defer src="{{ script | relative_url }}"></script>
+{% assign js = type | prepend: '/assets/js/dist/' | append: '.min.js' %}
+<script defer src="{{ js | relative_url }}"></script>
 
 {% if page.math %}
   <!-- MathJax -->
   <script>
-    /* see: <https://docs.mathjax.org/en/latest/options/input/tex.html#tex-options> */
-    MathJax = {
-      tex: {
-        /* start/end delimiter pairs for in-line math */
-        inlineMath: [
-          ['$', '$'],
-          ['\\(', '\\)']
-        ],
-        /* start/end delimiter pairs for display math */
-        displayMath: [
-          ['$$', '$$'],
-          ['\\[', '\\]']
-        ],
-        /* equation numbering */
-        tags: 'ams'
-      }
-    };
+  /* see: <https://docs.mathjax.org/en/latest/options/input/tex.html#tex-options> */
+  MathJax = {
+    tex: {
+      inlineMath: [              /* start/end delimiter pairs for in-line math */
+        ['$','$'],
+        ['\\(','\\)']
+      ],
+      displayMath: [             /* start/end delimiter pairs for display math */
+        ['$$', '$$'],
+        ['\\[', '\\]']
+      ]
+    }
+  };
   </script>
   <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-  <script id="MathJax-script" async src="{{ site.data.origin[type].mathjax.js | relative_url }}"></script>
+  <script type="text/javascript" id="MathJax-script" async
+    src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js">
+  </script>
 {% endif %}
 
+<!-- commons -->
+
+<script src="https://cdn.jsdelivr.net/combine/npm/popper.js@1.16.1,npm/bootstrap@4/dist/js/bootstrap.min.js"></script>
+
 {% if jekyll.environment == 'production' %}
   <!-- PWA -->
-  {% if site.pwa.enabled %}
-    <script defer src="{{ 'app.min.js' | prepend: js_dist | relative_url }}"></script>
-  {% endif %}
+  <script defer src="{{ '/app.js' | relative_url }}"></script>
 
   <!-- GA -->
-  {% if site.google_analytics.id != empty and site.google_analytics.id %}
+  {% if site.google_analytics.id %}
     {% include google-analytics.html %}
   {% endif %}
 
-  <!-- GoatCounter -->
-  {% if site.goatcounter.id != empty and site.goatcounter.id %}
-    {% include goatcounter.html %}
-  {% endif %}
 {% endif %}

_includes/jsdelivr-combine.html

@@ -1,26 +0,0 @@
-{% assign urls = include.urls | split: ',' %}
-
-{% assign combined_urls = nil %}
-
-{% assign domain = 'https://cdn.jsdelivr.net/' %}
-
-{% for url in urls %}
-  {% if url contains domain %}
-    {% assign url_snippet = url | slice: domain.size, url.size %}
-
-    {% if combined_urls %}
-      {% assign combined_urls = combined_urls | append: ',' | append: url_snippet %}
-    {% else %}
-      {% assign combined_urls = domain | append: 'combine/' | append: url_snippet %}
-    {% endif %}
-
-  {% elsif url contains '//' %}
-    <script src="{{ url }}"></script>
-  {% else %}
-    <script src="{{ url | relative_url }}"></script>
-  {% endif %}
-{% endfor %}
-
-{% if combined_urls %}
-  <script src="{{ combined_urls }}"></script>
-{% endif %}

_includes/lang.html

@@ -1,5 +1,5 @@
 {% comment %}
-  Detect appearance language and return it through variable "lang"
+Detect appearance language and return it through variable "lang"
 {% endcomment %}
 {% if site.data.locales[site.lang] %}
   {% assign lang = site.lang %}

_includes/mermaid.html

@@ -1,58 +1,57 @@
-<!-- mermaid-js loader -->
-<script type="text/javascript">
-  (function () {
+<!--
+  mermaid-js loader
+-->
+
+<script src="https://cdn.jsdelivr.net/npm/mermaid@8/dist/mermaid.min.js"></script>
+
+<script>
+  $(function() {
     function updateMermaid(event) {
-      if (event.source === window && event.data && event.data.direction === ModeToggle.ID) {
+      if (event.source === window && event.data &&
+            event.data.direction === ModeToggle.ID) {
+
         const mode = event.data.message;
 
-        if (typeof mermaid === 'undefined') {
+        if (typeof mermaid === "undefined") {
           return;
         }
 
-        let expectedTheme = mode === ModeToggle.DARK_MODE ? 'dark' : 'default';
+        let expectedTheme = (mode === ModeToggle.DARK_MODE? "dark" : "default");
         let config = { theme: expectedTheme };
 
         /* Re-render the SVG › <https://github.com/mermaid-js/mermaid/issues/311#issuecomment-332557344> */
-        $('.mermaid').each(function () {
+        $(".mermaid").each(function() {
           let svgCode = $(this).prev().children().html();
-          $(this).removeAttr('data-processed');
+          $(this).removeAttr("data-processed");
           $(this).html(svgCode);
         });
 
         mermaid.initialize(config);
-        mermaid.init(undefined, '.mermaid');
+        mermaid.init(undefined, ".mermaid");
       }
     }
 
-    let initTheme = 'default';
-    const html = document.documentElement;
+    let initTheme = "default";
 
-    if (
-      (html.hasAttribute('data-mode') && html.getAttribute('data-mode') === 'dark') ||
-      (!html.hasAttribute('data-mode') && window.matchMedia('(prefers-color-scheme: dark)').matches)
-    ) {
-      initTheme = 'dark';
+    if ($("html[mode=dark]").length > 0
+      || ($("html[mode]").length == 0
+        && window.matchMedia("(prefers-color-scheme: dark)").matches ) ) {
+      initTheme = "dark";
     }
 
     let mermaidConf = {
-      theme: initTheme /* <default|dark|forest|neutral> */
+      theme: initTheme  /* <default|dark|forest|neutral> */
     };
 
-    /* Create mermaid tag */
-    document.querySelectorAll('pre>code.language-mermaid').forEach((elem) => {
-      const svgCode = elem.textContent;
-      const backup = elem.parentElement;
-      backup.classList.add('unloaded');
-      /* create mermaid node */
-      let mermaid = document.createElement('pre');
-      mermaid.classList.add('mermaid');
-      const text = document.createTextNode(svgCode);
-      mermaid.appendChild(text);
-      backup.after(mermaid);
+    /* Markdown converts to HTML */
+    $("pre").has("code.language-mermaid").each(function() {
+      let svgCode = $(this).children().html();
+      $(this).addClass("unloaded");
+      $(this).after(`<div class=\"mermaid\">${svgCode}</div>`);
     });
 
     mermaid.initialize(mermaidConf);
 
-    window.addEventListener('message', updateMermaid);
-  })();
+    window.addEventListener("message", updateMermaid);
+  });
 </script>

_includes/metadata-hook.html

@@ -1 +0,0 @@
-<!-- A placeholder to allow defining custom metadata -->

_includes/mode-toggle.html

@@ -1,22 +1,13 @@
-<!-- Switch the mode between dark and light. -->
+<!--
+  Switch the mode between dark and light.
+-->
 
 <script type="text/javascript">
   class ModeToggle {
-    static get MODE_KEY() {
-      return 'mode';
-    }
-    static get MODE_ATTR() {
-      return 'data-mode';
-    }
-    static get DARK_MODE() {
-      return 'dark';
-    }
-    static get LIGHT_MODE() {
-      return 'light';
-    }
-    static get ID() {
-      return 'mode-toggle';
-    }
+    static get MODE_KEY() { return "mode"; }
+    static get DARK_MODE() { return "dark"; }
+    static get LIGHT_MODE() { return "light"; }
+    static get ID() { return "mode-toggle"; }
 
     constructor() {
       if (this.hasMode) {
@@ -34,12 +25,13 @@
       let self = this;
 
       /* always follow the system prefers */
-      this.sysDarkPrefers.addEventListener('change', () => {
+      this.sysDarkPrefers.addEventListener("change", () => {
         if (self.hasMode) {
           if (self.isDarkMode) {
             if (!self.isSysDarkPrefer) {
               self.setDark();
             }
+
           } else {
             if (self.isSysDarkPrefer) {
               self.setLight();
@@ -50,36 +42,27 @@
         }
 
         self.notify();
+
       });
+
     } /* constructor() */
 
-    get sysDarkPrefers() {
-      return window.matchMedia('(prefers-color-scheme: dark)');
-    }
+    get sysDarkPrefers() { return window.matchMedia("(prefers-color-scheme: dark)"); }
 
-    get isSysDarkPrefer() {
-      return this.sysDarkPrefers.matches;
-    }
+    get isSysDarkPrefer() { return this.sysDarkPrefers.matches; }
 
-    get isDarkMode() {
-      return this.mode === ModeToggle.DARK_MODE;
-    }
+    get isDarkMode() { return this.mode === ModeToggle.DARK_MODE; }
 
-    get isLightMode() {
-      return this.mode === ModeToggle.LIGHT_MODE;
-    }
+    get isLightMode() { return this.mode === ModeToggle.LIGHT_MODE; }
 
-    get hasMode() {
-      return this.mode != null;
-    }
+    get hasMode() { return this.mode != null; }
 
-    get mode() {
-      return sessionStorage.getItem(ModeToggle.MODE_KEY);
-    }
+    get mode() { return sessionStorage.getItem(ModeToggle.MODE_KEY); }
 
     /* get the current mode on screen */
     get modeStatus() {
-      if (this.isDarkMode || (!this.hasMode && this.isSysDarkPrefer)) {
+      if (this.isDarkMode
+        || (!this.hasMode && this.isSysDarkPrefer)) {
         return ModeToggle.DARK_MODE;
       } else {
         return ModeToggle.LIGHT_MODE;
@@ -87,57 +70,59 @@
     }
 
     setDark() {
-      document.documentElement.setAttribute(ModeToggle.MODE_ATTR, ModeToggle.DARK_MODE);
+      $('html').attr(ModeToggle.MODE_KEY, ModeToggle.DARK_MODE);
       sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.DARK_MODE);
     }
 
     setLight() {
-      document.documentElement.setAttribute(ModeToggle.MODE_ATTR, ModeToggle.LIGHT_MODE);
+      $('html').attr(ModeToggle.MODE_KEY, ModeToggle.LIGHT_MODE);
       sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.LIGHT_MODE);
     }
 
     clearMode() {
-      document.documentElement.removeAttribute(ModeToggle.MODE_ATTR);
+      $('html').removeAttr(ModeToggle.MODE_KEY);
       sessionStorage.removeItem(ModeToggle.MODE_KEY);
     }
 
     /* Notify another plugins that the theme mode has changed */
     notify() {
-      window.postMessage(
-        {
-          direction: ModeToggle.ID,
-          message: this.modeStatus
-        },
-        '*'
-      );
+      window.postMessage({
+        direction: ModeToggle.ID,
+        message: this.modeStatus
+      }, "*");
     }
 
-    flipMode() {
-      if (this.hasMode) {
-        if (this.isSysDarkPrefer) {
-          if (this.isLightMode) {
-            this.clearMode();
-          } else {
-            this.setLight();
-          }
+  } /* ModeToggle */
+
+  const toggle = new ModeToggle();
+
+  function flipMode() {
+    if (toggle.hasMode) {
+      if (toggle.isSysDarkPrefer) {
+        if (toggle.isLightMode) {
+          toggle.clearMode();
         } else {
-          if (this.isDarkMode) {
-            this.clearMode();
-          } else {
-            this.setDark();
-          }
+          toggle.setLight();
         }
+
       } else {
-        if (this.isSysDarkPrefer) {
-          this.setLight();
+        if (toggle.isDarkMode) {
+          toggle.clearMode();
         } else {
-          this.setDark();
+          toggle.setDark();
         }
       }
 
-      this.notify();
-    } /* flipMode() */
-  } /* ModeToggle */
+    } else {
+      if (toggle.isSysDarkPrefer) {
+        toggle.setLight();
+      } else {
+        toggle.setDark();
+      }
+    }
+
+    toggle.notify();
+
+  } /* flipMode() */
 
-  const modeToggle = new ModeToggle();
 </script>

_includes/no-zero-date.html

@@ -0,0 +1,13 @@
+{% comment %}
+  Remove the zero padding from a month/day string
+{% endcomment %}
+
+{% assign ret = include.date_str %}
+{% assign _first_chat = ret | slice: 0 %}
+
+{% if _first_chat == '0' %}
+  {% assign _last_idx = ret.size | minus: 1 %}
+  {% assign ret = ret | slice: 1, _last_idx %}
+{% endif %}
+
+{{ ret | replace: ' 0', ' ' }}

_includes/notification.html

@@ -1,24 +0,0 @@
-<aside
-  id="notification"
-  class="toast"
-  role="alert"
-  aria-live="assertive"
-  aria-atomic="true"
-  data-bs-animation="true"
-  data-bs-autohide="false"
->
-  <div class="toast-header">
-    <button
-      type="button"
-      class="btn-close ms-auto"
-      data-bs-dismiss="toast"
-      aria-label="Close"
-    ></button>
-  </div>
-  <div class="toast-body text-center pt-0">
-    <p class="px-2 mb-3">{{ site.data.locales[include.lang].notification.update_found }}</p>
-    <button type="button" class="btn btn-primary" aria-label="Update">
-      {{ site.data.locales[include.lang].notification.update }}
-    </button>
-  </div>
-</aside>

_includes/origin-type.html

@@ -1,13 +0,0 @@
-{% comment %} Site static assets origin type {% endcomment %}
-
-{% assign type = 'cors' %}
-
-{% if site.assets.self_host.enabled %}
-  {% if site.assets.self_host.env %}
-    {% if site.assets.self_host.env == jekyll.environment %}
-      {% assign type = 'basic' %}
-    {% endif %}
-  {% else %}
-    {% assign type = 'basic' %}
-  {% endif %}
-{% endif %}

_includes/post-nav.html

@@ -1,34 +1,30 @@
-<!-- Navigation buttons at the bottom of the post. -->
-
-<nav class="post-navigation d-flex justify-content-between" aria-label="Post Navigation">
-  {% assign previous = site.data.locales[include.lang].post.button.previous %}
-  {% assign next = site.data.locales[include.lang].post.button.next %}
+<!--
+  Navigation buttons at the bottom of the post.
+-->
 
+<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"
-      aria-label="{{ previous }}"
-    >
-      <p>{{ page.previous.title }}</p>
-    </a>
+  <a href="{{ site.baseurl }}{{ page.previous.url }}" class="btn btn-outline-primary"
+    prompt="{{ site.data.locales[lang].post.button.previous }}">
+    <p>{{ page.previous.title }}</p>
+  </a>
   {% else %}
-    <div class="btn btn-outline-primary disabled" aria-label="{{ previous }}">
-      <p>-</p>
-    </div>
+  <span class="btn btn-outline-primary disabled"
+    prompt="{{ site.data.locales[lang].post.button.previous }}">
+    <p>-</p>
+  </span>
   {% endif %}
 
   {% if page.next.url %}
-    <a
-      href="{{ site.baseurl }}{{page.next.url}}"
-      class="btn btn-outline-primary"
-      aria-label="{{ next }}"
-    >
-      <p>{{ page.next.title }}</p>
-    </a>
+  <a href="{{ site.baseurl }}{{page.next.url}}" class="btn btn-outline-primary"
+    prompt="{{ site.data.locales[lang].post.button.next }}">
+    <p>{{ page.next.title }}</p>
+  </a>
   {% else %}
-    <div class="btn btn-outline-primary disabled" aria-label="{{ next }}">
-      <p>-</p>
-    </div>
+  <span class="btn btn-outline-primary disabled"
+    prompt="{{ site.data.locales[lang].post.button.next }}">
+    <p>-</p>
+  </span>
   {% endif %}
-</nav>
+
+</div>

_includes/post-paginator.html

@@ -1,91 +1,88 @@
-<!-- The paginator for post list on HomgPage. -->
+<!--
+  The paginator for post list on HomgPage.
+-->
 
-<nav aria-label="Page Navigation">
-  <ul class="pagination align-items-center mt-4 mb-0">
-    <!-- left arrow -->
-    {% if paginator.previous_page %}
-      {% assign prev_url = paginator.previous_page_path | relative_url %}
+<ul class="pagination align-items-center mt-4 mb-0 pl-lg-2">
+  <!-- left arrow -->
+  {% if paginator.previous_page %}
+    {% assign prev_url = paginator.previous_page_path | relative_url %}
+  {% else %}
+    {% assign prev_url = "#" %}
+  {% endif %}
+
+  <li class="page-item {% unless paginator.previous_page %}disabled{% endunless %}">
+    <a class="page-link btn-box-shadow" href="{{ prev_url }}" aria-label="previous-page">
+      <i class="fas fa-angle-left"></i>
+    </a>
+  </li>
+
+  <!-- page numbers -->
+  {% assign left_ellipsis = false %}
+  {% assign right_ellipsis = false %}
+
+  {% for i in (1..paginator.total_pages) %}
+
+    {% assign pre = paginator.page | minus: 1 %}
+    {% assign next = paginator.page | plus: 1 %}
+    {% assign pre_less = pre | minus: 1 %}
+    {% assign next_more = next | plus: 1 %}
+    {% assign show = false %}
+
+    {% if paginator.page == 1 %}
+      {% if i <= 3 or i == paginator.total_pages %}
+        {% assign show = true %}
+      {% endif %}
+    {% elsif paginator.page == paginator.total_pages %}
+      {% if i == 1 or i >= pre_less %}
+        {% assign show = true %}
+      {% endif %}
     {% else %}
-      {% assign prev_url = '#' %}
+      {% if i == 1 or i == paginator.total_pages%}
+        {% assign show = true %}
+      {% elsif i >= pre and i <= next %}
+        {% assign show = true %}
+      {% endif %}
     {% endif %}
 
-    <li class="page-item {% unless paginator.previous_page %}disabled{% endunless %}">
-      <a class="page-link" href="{{ prev_url }}" aria-label="previous-page">
-        <i class="fas fa-angle-left"></i>
-      </a>
-    </li>
-
-    <!-- page numbers -->
-    {% assign left_ellipsis = false %}
-    {% assign right_ellipsis = false %}
-
-    {% for i in (1..paginator.total_pages) %}
-      {% assign pre = paginator.page | minus: 1 %}
-      {% assign next = paginator.page | plus: 1 %}
-      {% assign pre_less = pre | minus: 1 %}
-      {% assign next_more = next | plus: 1 %}
-      {% assign show = false %}
-
-      {% if paginator.page == 1 %}
-        {% if i <= 3 or i == paginator.total_pages %}
-          {% assign show = true %}
-        {% endif %}
-      {% elsif paginator.page == paginator.total_pages %}
-        {% if i == 1 or i >= pre_less %}
-          {% assign show = true %}
-        {% endif %}
-      {% else %}
-        {% if i == 1 or i == paginator.total_pages %}
-          {% assign show = true %}
-        {% elsif i >= pre and i <= next %}
-          {% assign show = true %}
-        {% endif %}
-      {% endif %}
-
-      {% if show %}
-        <!-- show number -->
-        <li class="page-item {% if i == paginator.page %} active{% endif %}">
-          <a
-            class="page-link"
-            href="{% if i > 1 %}{{ site.paginate_path | replace: ':num', i | relative_url }}{% else %}{{ '/' | relative_url }}{% endif %}"
-          >
-            {{- i -}}
-          </a>
+    {% if show %}
+      <!-- show number -->
+      <li class="page-item {% if i == paginator.page %} active{% endif %}">
+        <a class="page-link btn-box-shadow" href="{{ site.baseurl }}/{% if i > 1%}page{{ i }}/{% endif %}">{{ i }}</a>
+      </li>
+    {% else %}
+      <!-- hide number -->
+      {% if i < pre and left_ellipsis == false %}
+        <li class="page-item disabled">
+          <span class="page-link btn-box-shadow">...</span>
         </li>
-      {% else %}
-        <!-- hide number -->
-        {% if i < pre and left_ellipsis == false %}
-          <li class="page-item disabled">
-            <span class="page-link">...</span>
-          </li>
-          {% assign left_ellipsis = true %}
-        {% elsif i > next and right_ellipsis == false %}
-          <li class="page-item disabled">
-            <span class="page-link">...</span>
-          </li>
-          {% assign right_ellipsis = true %}
-        {% endif %}
+        {% assign left_ellipsis = true %}
+      {% elsif i > next and right_ellipsis == false %}
+        <li class="page-item disabled">
+          <span class="page-link btn-box-shadow">...</span>
+        </li>
+        {% assign right_ellipsis = true %}
       {% endif %}
-    {% endfor %}
-
-    <!-- mobile pagination -->
-    <li class="page-index align-middle">
-      <span>{{ paginator.page }}</span>
-      <span class="text-muted">/ {{ paginator.total_pages }}</span>
-    </li>
-
-    <!-- right arrow -->
-    {% if paginator.next_page_path %}
-      {% assign next_url = paginator.next_page_path | relative_url %}
-    {% else %}
-      {% assign next_url = '#' %}
     {% endif %}
 
-    <li class="page-item {% unless paginator.next_page_path %}disabled{% endunless %}">
-      <a class="page-link" href="{{ next_url }}" aria-label="next-page">
-        <i class="fas fa-angle-right"></i>
-      </a>
-    </li>
-  </ul>
-</nav>
-<!-- .pagination -->
+  {% endfor %}
+
+  <!-- mobile pagination -->
+  <li class="page-index align-middle">
+    <span>{{ paginator.page }}</span>
+    <span class="text-muted">/ {{ paginator.total_pages }}</span>
+  </li>
+
+  <!-- right arrow -->
+  {% if paginator.next_page_path %}
+    {% assign next_url = paginator.next_page_path | relative_url %}
+  {% else %}
+    {% assign next_url = "#" %}
+  {% endif %}
+
+  <li class="page-item {% unless paginator.next_page_path %}disabled{% endunless %}">
+    <a class="page-link btn-box-shadow" href="{{ next_url }}" aria-label="next-page">
+      <i class="fas fa-angle-right"></i>
+    </a>
+  </li>
+
+</ul> <!-- .pagination -->

_includes/post-sharing.html

@@ -1,52 +1,26 @@
-<!-- Post sharing snippet -->
+<!--
+ Post sharing snippet
+-->
 
-<div class="share-wrapper d-flex align-items-center">
-  <span class="share-label text-muted">{{ site.data.locales[include.lang].post.share }}</span>
+<div class="share-wrapper">
+  <span class="share-label text-muted mr-1">{{ site.data.locales[lang].post.share }}</span>
   <span class="share-icons">
     {% capture title %}{{ page.title }} - {{ site.title }}{% endcapture %}
-    {% assign title = title | uri_escape %}
-    {% assign url = page.url | absolute_url | url_encode %}
-
-    {% for share in site.data.share.platforms -%}
-      {%- capture tooltip -%}
-        data-bs-toggle="tooltip" data-bs-placement="top" title="{{ share.type }}" aria-label="{{ share.type }}"
-      {%- endcapture -%}
-
-      {% if share.type == 'Mastodon' %}
-        <script defer type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/share-to-mastodon/+esm"></script>
-        <button class="btn text-start" {{ tooltip }}>
-          <share-to-mastodon
-            class="share-mastodon"
-            message="{{ title }}"
-            url="{{ url }}"
-            {%- if share.instances -%}
-              customInstanceList="{{ share.instances | jsonify | xml_escape }}"
-            {%- endif %}
-          >
-            <i class="fa-fw {{ share.icon }}"></i>
-          </share-to-mastodon>
-        </button>
-
-        {% continue %}
-      {% endif %}
+    {% assign url = page.url | absolute_url %}
 
+    {% for share in site.data.share.platforms %}
       {% assign link = share.link | replace: 'TITLE', title | replace: 'URL', url %}
-
-      <a href="{{ link }}" target="_blank" rel="noopener" {{ tooltip }}>
-        <i class="fa-fw {{ share.icon }}"></i>
-      </a>
+        <a href="{{ link }}" data-toggle="tooltip" data-placement="top"
+          title="{{ share.type }}" target="_blank" rel="noopener" aria-label="{{ share.type }}">
+          <i class="fa-fw {{ share.icon }}"></i>
+        </a>
     {% endfor %}
 
-    <button
-      id="copy-link"
-      aria-label="Copy link"
-      class="btn small"
-      data-bs-toggle="tooltip"
-      data-bs-placement="top"
-      title="{{ site.data.locales[include.lang].post.button.share_link.title }}"
-      data-title-succeed="{{ site.data.locales[include.lang].post.button.share_link.succeed }}"
-    >
-      <i class="fa-fw fas fa-link pe-none fs-6"></i>
-    </button>
+    <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 }}"
+        title-succeed="{{ site.data.locales[lang].post.button.share_link.succeed }}">
+    </i>
+
   </span>
 </div>

_includes/read-time.html

@@ -1,8 +1,10 @@
-<!-- Calculate the post's reading time, and display the word count in tooltip -->
+<!--
+  Calculate the post's reading time, and display the word count in tooltip
+ -->
 
-{% assign words = include.content | strip_html | number_of_words: 'auto' %}
+{% assign words = include.content | strip_html | number_of_words: "auto" %}
 
-<!-- words per minute -->
+<!-- words per minute  -->
 
 {% assign wpm = 180 %}
 {% assign min_time = 1 %}
@@ -14,24 +16,15 @@
 {% endunless %}
 
 {% capture read_prompt %}
-  {{- site.data.locales[include.lang].post.read_time.prompt -}}
+  {{- site.data.locales[lang].post.read_time.prompt -}}
 {% endcapture %}
 
 <!-- return element -->
-<span
-  class="readtime"
-  data-bs-toggle="tooltip"
-  data-bs-placement="bottom"
-  title="{{ words }} {{ site.data.locales[include.lang].post.words }}"
->
-  <em>
-    {{- read_time -}}
-    {{ ' ' }}
-    {{- site.data.locales[include.lang].post.read_time.unit -}}
-  </em>
+<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>
   {%- if include.prompt -%}
     {%- assign _prompt_words = read_prompt | number_of_words: 'auto' -%}
-    {%- unless _prompt_words > 1 -%}{{ ' ' }}{%- endunless -%}
-    {{ read_prompt }}
+    {%- unless _prompt_words > 1 -%}{{ " " }}{%- endunless -%}{{ read_prompt }}
   {%- endif -%}
 </span>

_includes/refactor-content.html

@@ -1,4 +1,6 @@
-<!-- Refactor the HTML structure -->
+<!--
+  Refactor the HTML structure.
+-->
 
 {% assign _content = include.content %}
 
@@ -7,11 +9,10 @@
   we suround the markdown table with `<div class="table-wrapper">` and `</div>`
 -->
 
-{% if _content contains '<table' %}
+{% if _content contains '<table>' %}
   {% assign _content = _content
-    | replace: '<table', '<div class="table-wrapper"><table'
+    | replace: '<table>', '<div class="table-wrapper"><table>'
     | replace: '</table>', '</table></div>'
-    | replace: '<code><div class="table-wrapper">', '<code>'
     | replace: '</table></div></code>', '</table></code>'
   %}
 {% endif %}
@@ -29,23 +30,20 @@
   %}
 {% endif %}
 
-<!-- Change the icon of checkbox -->
+<!-- Add attribute 'hide-bullet' to the checkbox list -->
 
-{% if _content contains '<input type="checkbox"' %}
+{% if _content contains '<li class="task-list-item"><' %}
   {% assign _content = _content
-    | 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>'
+    | replace: '"task-list-item"><', '"task-list-item" hide-bullet><'
   %}
 {% endif %}
 
-<!-- Handle images -->
+<!-- images -->
 
 {% assign IMG_TAG = '<img ' %}
 
 {% if _content contains IMG_TAG %}
-  {% assign _img_content = null %}
+  {% assign _img_content = nil %}
   {% assign _img_snippets = _content | split: IMG_TAG %}
 
   {% for _img_snippet in _img_snippets %}
@@ -54,122 +52,92 @@
       {% continue %}
     {% endif %}
 
+    {% assign _width = nil %}
+    {% assign _height = nil %}
+    {% assign _src = nil %}
+
     {% assign _left = _img_snippet | split: '>' | first %}
     {% assign _right = _img_snippet | remove: _left %}
 
-    {% unless _left contains 'src=' %}
-      {% continue %}
-    {% endunless %}
-
-    {% assign _left = _left | remove: ' /' | replace: ' w=', ' width=' | replace: ' h=', ' height=' %}
-    {% assign _attrs = _left | split: '" ' %}
-
-    {% assign _src = null %}
-    {% assign _lqip = null %}
-    {% assign _class = null %}
+    {% assign _left = _left | remove: ' /' %}
+    {% assign _left = _left | replace: ' w=', ' width=' | replace: ' h=', ' height=' %}
+    {% assign _attrs = _left | split: ' ' %}
 
     {% for _attr in _attrs %}
-      {% unless _attr contains '=' %}
+      {% assign _pair = _attr | split: '=' %}
+      {% if _pair.size < 2 %}
         {% continue %}
-      {% endunless %}
+      {% endif %}
 
-      {% assign _pair = _attr | split: '="' %}
       {% capture _key %}{{ _pair | first }}{% endcapture %}
-      {% capture _value %}{{ _pair | last | remove: '"' }}{% endcapture %}
+      {% capture _value %}{{ _pair | last | replace: '"', '' }}{% endcapture %}
 
       {% case _key %}
+        {% when 'width' %}
+          {% assign _width = _value %}
+        {% when 'height' %}
+          {% assign _height = _value %}
         {% when 'src' %}
           {% assign _src = _value %}
-        {% when 'lqip' %}
-          {% assign _lqip = _value %}
-        {% when 'class' %}
-          {% assign _class = _value %}
       {% endcase %}
+
+      {% if _width and _height and _src %}
+        {% break %}
+      {% endif %}
     {% endfor %}
 
-    <!-- take out classes -->
-    {% if _class %}
-      {% capture _old_class %}class="{{ _class }}"{% endcapture %}
-      {% assign _left = _left | remove: _old_class %}
-    {% endif %}
+    {% if _src %}
+      {% unless _src contains '://' %}
 
-    {% assign _final_src = null %}
-    {% assign _lazyload = true %}
+        <!-- Add CDN URL -->
+        {% if site.img_cdn %}
+          {% assign _src_prefix = site.img_cdn %}
+        {% else %}
+          {% assign _src_prefix = site.baseurl %}
+        {% endif %}
 
-    {%- capture _img_url -%}
-      {% include img-url.html src=_src img_path=page.img_path %}
-    {%- endcapture -%}
+        <!-- Add image path -->
+        {% if page.img_path %}
+          {% assign _path = page.img_path %}
+          {% assign last_char = _path | slice: -1 %}
 
-    {% assign _path_prefix = _img_url | remove: _src %}
+          {% unless last_char == '/' %}
+            {% assign _path = _path | append: '/' %}
+          {% endunless %}
 
-    {% unless _src contains '//' %}
-      {% assign _final_src = _path_prefix | append: _src %}
-      {% assign _src_alt = 'src="' | append: _path_prefix %}
-      {% assign _left = _left | replace: 'src="', _src_alt %}
-    {% endunless %}
+          {% assign _src_prefix = _src_prefix | append: _path %}
+        {% endif %}
 
-    {% if _lqip %}
-      {% assign _lazyload = false %}
-      {% assign _class = _class | append: ' blur' %}
+        {% assign _final_src = _src_prefix | append: _src %}
+        {% assign _left = _left | replace: _src, _final_src %}
 
-      {% unless _lqip contains 'data:' %}
-        {% assign _lqip_alt = 'lqip="' | append: _path_prefix %}
-        {% assign _left = _left | replace: 'lqip="', _lqip_alt %}
       {% endunless %}
 
-      <!-- add image placeholder -->
-      {% assign _left = _left | replace: 'src=', 'data-src=' | replace: ' lqip=', ' data-lqip="true" src=' %}
+      <!-- lazy-load images <https://github.com/ApoorvSaxena/lozad.js#usage> -->
+
+      {% assign _left = _left | replace: 'src=', 'data-src=' %}
 
-    {% else %}
-      {% assign _class = _class | append: ' shimmer' %}
     {% endif %}
 
-    <!-- lazy-load images -->
-    {% if _lazyload %}
-      {% assign _left = _left | append: ' loading="lazy"' %}
+    <!-- Add SVG placehoder to prevent layout reflow -->
+
+    {% if _width and _height %}
+      {%- capture _svg -%}
+        src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 {{ _width }} {{ _height }}'%3E%3C/svg%3E"
+      {%- endcapture -%}
+
+      {% assign _left =  _svg | append: ' ' | append: _left %}
     {% endif %}
 
-    {% if page.layout == 'home' %}
-      <!-- create the image wrapper -->
-      {% assign _wrapper_start = '<div class="preview-img ' | append: _class | append: '">' %}
+    <!-- Bypass the HTML-proofer test -->
+    {% assign _left = _left | append: ' data-proofer-ignore' %}
 
-      {% assign _img_content = _img_content | append: _wrapper_start %}
-      {% assign _right = _right | prepend: '></div' %}
-
-    {% else %}
-      <!-- make sure the `<img>` is wrapped by `<a>` -->
-      {% assign _parent = _right | slice: 1, 4 %}
-
-      {% if _parent == '</a>' %}
-        <!-- add class to exist <a> tag -->
-        {% assign _size = _img_content | size | minus: 1 %}
-        {% capture _class %}
-          class="img-link{% unless _lqip %} shimmer{% endunless %}"
-        {% endcapture %}
-        {% assign _img_content = _img_content | slice: 0, _size | append: _class | append: '>' %}
-
-      {% else %}
-        <!-- create the image wrapper -->
-        {% assign _wrapper_start = _final_src
-          | default: _src
-          | prepend: '<a href="'
-          | append: '" class="popup img-link '
-          | append: _class
-          | append: '">'
-        %}
-
-        {% assign _img_content = _img_content | append: _wrapper_start %}
-        {% assign _right = '></a' | append: _right %}
-      {% endif %}
-    {% endif %}
-
-    <!-- combine -->
     {% assign _img_content = _img_content | append: IMG_TAG | append: _left | append: _right %}
+
   {% endfor %}
 
-  {% if _img_content %}
-    {% assign _content = _img_content %}
-  {% endif %}
+  {% assign _content = _img_content %}
+
 {% endif %}
 
 <!-- Add header for code snippets -->
@@ -179,38 +147,42 @@
   {% assign _new_content = '' %}
 
   {% for _snippet in _code_spippets %}
+
     {% if forloop.last %}
       {% assign _new_content = _new_content | append: _snippet %}
 
     {% else %}
-      {% assign _left = _snippet | split: '><' | last %}
+
+      {% assign _left = _snippet | split: '><' | last%}
 
       {% if _left contains 'file="' %}
         {% assign _label_text = _left | split: 'file="' | last | split: '"' | first %}
-        {% assign _label_icon = 'far fa-file-code fa-fw' %}
+        {% assign _label_icon = 'far fa-file-code' %}
       {% else %}
         {% assign _lang = _left | split: 'language-' | last | split: ' ' | first %}
         {% capture _label_text %}{% include language-alias.html language=_lang %}{% endcapture %}
-        {% assign _label_icon = 'fas fa-code fa-fw small' %}
+        {% assign _label_icon = 'fas fa-code small' %}
       {% endif %}
 
       {% capture _label %}
-        <span data-label-text="{{ _label_text | strip }}"><i class="{{ _label_icon }}"></i></span>
+        <span label-text="{{ _label_text | strip }}"><i class="{{ _label_icon }}"></i></span>
       {% endcapture %}
 
-      {% assign _new_content = _new_content
-        | append: _snippet
-        | append: '<div class="code-header">'
-        | append: _label
-        | append: '<button aria-label="copy" data-title-succeed="'
-        | append: site.data.locales[include.lang].post.button.copy_code.succeed
-        | append: '"><i class="far fa-clipboard"></i></button></div>'
-        | append: '<div class="highlight"><code>'
+      {% assign _new_content = _new_content | append: _snippet
+          | append: '<div class="code-header">'
+          | append: _label
+          | append: '<button aria-label="copy" title-succeed="'
+          | append: site.data.locales[lang].post.button.copy_code.succeed
+          | append: '"><i class="far fa-clipboard"></i></button></div>'
+          | append: '<div class="highlight"><code>'
       %}
+
     {% endif %}
+
   {% endfor %}
 
   {% assign _content = _new_content %}
+
 {% endif %}
 
 <!-- Create heading anchors -->
@@ -219,11 +191,11 @@
 {% assign _heading_content = _content %}
 
 {% for level in heading_levels %}
-  {% assign mark_start = '<h' | append: level | append: ' id="' %}
-  {% assign mark_end = '</h' | append: level | append: '>' %}
+  {% capture mark_start %}<h{{ level }} id="{% endcapture %}
+  {% capture mark_end %}</h{{ level }}>{% endcapture %}
 
   {% if _heading_content contains mark_start %}
-    {% assign _new_content = null %}
+    {% assign _new_content = nil %}
     {% assign heading_snippets = _heading_content | split: mark_start %}
 
     {% for snippet in heading_snippets %}
@@ -233,23 +205,26 @@
       {% endif %}
 
       {% assign id = snippet | split: '"' | first %}
-      {% assign anchor = '<a href="#'
-        | append: id
-        | append: '" class="anchor text-muted"><i class="fas fa-hashtag"></i></a>'
-      %}
+      {% capture anchor %}<a href="#{{ id }}" class="anchor"><i class="fas fa-hashtag"></i></a>{% endcapture %}
 
       {% assign left = snippet | split: mark_end | first %}
-      {% assign right = snippet | slice: left.size, snippet.size %}
-      {% assign left = left | replace_first: '">', '"><span class="me-2">' | append: '</span>' %}
+      {% assign _start_index = left | size %}
+      {% assign _end_index = snippet | size | minus: 1 %}
+      {% assign right = snippet | slice: _start_index, _end_index %}
+
+      {% assign _new_content = _new_content | append: mark_start
+          | append: left | append: anchor | append: mark_end | append: right
+      %}
 
-      {% assign _new_content = _new_content | append: mark_start | append: left | append: anchor | append: right %}
     {% endfor %}
 
     {% assign _heading_content = _new_content %}
+
   {% endif %}
 {% endfor %}
 
 {% assign _content = _heading_content %}
 
 <!-- return -->
+
 {{ _content }}

_includes/related-posts.html

@@ -1,31 +1,24 @@
-<!-- Recommend the other 3 posts according to the tags and categories of the current post. -->
+<!--
+ Recommend the other 3 posts according to the tags and categories of the current post,
+ if the number is not enough, use the other latest posts to supplement.
+-->
 
-<!-- The total size of related posts -->
+<!-- The total size of related posts  -->
 {% assign TOTAL_SIZE = 3 %}
 
-<!-- An random integer that bigger than 0 -->
+<!-- An random integer that bigger than 0  -->
 {% assign TAG_SCORE = 1 %}
 
-<!-- Equals to TAG_SCORE / {max_categories_hierarchy} -->
+<!-- Equals to TAG_SCORE / {max_categories_hierarchy}  -->
 {% assign CATEGORY_SCORE = 0.5 %}
 
-{% assign SEPARATOR = ':' %}
+{% assign SEPARATOR = ":" %}
 
-{% assign match_posts = '' | split: '' %}
-
-{% for category in page.categories %}
-  {% assign match_posts = match_posts | push: site.categories[category] | uniq %}
-{% endfor %}
-
-{% for tag in page.tags %}
-  {% assign match_posts = match_posts | push: site.tags[tag] | uniq %}
-{% endfor %}
-
-{% assign last_index = match_posts.size | minus: 1 %}
-{% assign score_list = '' | split: '' %}
+{% assign score_list = "" | split: "" %}
+{% assign last_index = site.posts.size | minus: 1 %}
 
 {% for i in (0..last_index) %}
-  {% assign post = match_posts[i] %}
+  {% assign post = site.posts[i] %}
 
   {% if post.url == page.url %}
     {% continue %}
@@ -49,9 +42,11 @@
     {% capture score_item %}{{ score }}{{ SEPARATOR }}{{ i }}{% endcapture %}
     {% assign score_list = score_list | push: score_item %}
   {% endif %}
+
 {% endfor %}
 
-{% assign index_list = '' | split: '' %}
+
+{% assign index_list = "" | split: "" %}
 
 {% if score_list.size > 0 %}
   {% assign score_list = score_list | sort | reverse %}
@@ -61,36 +56,51 @@
   {% endfor %}
 {% endif %}
 
-{% assign relate_posts = '' | split: '' %}
+<!-- Fill with the other newlest posts  -->
+{% assign less = TOTAL_SIZE | minus: index_list.size %}
 
-{% for index in index_list %}
-  {% assign i = index | to_integer %}
-  {% assign relate_posts = relate_posts | push: match_posts[i] %}
-{% endfor %}
+{% if less > 0 %}
+
+  {% for i in (0..last_index) %}
+    {% assign post = site.posts[i] %}
+    {% if post.url != page.url  %}
+      {% capture cur_index %}{{ i }}{% endcapture %}
+      {% unless index_list contains cur_index %}
+        {% assign index_list = index_list | push: cur_index %}
+        {% assign less = less | minus: 1 %}
+        {% if less <= 0 %}
+          {% break %}
+        {% endif %}
+      {% endunless %}
+    {% endif %}
+  {% endfor %}
 
-{% if relate_posts.size > 0 %}
-  <aside id="related-posts" aria-labelledby="related-label">
-    <h3 class="mb-4" id="related-label">
-      {{- site.data.locales[include.lang].post.relate_posts -}}
-    </h3>
-    <nav class="row row-cols-1 row-cols-md-2 row-cols-xl-3 g-4 mb-4">
-      {% for post in relate_posts %}
-        <article class="col">
-          <a href="{{ post.url | relative_url }}" class="post-preview card h-100">
-            <div class="card-body">
-              {% include datetime.html date=post.date lang=include.lang %}
-              <h4 class="pt-0 my-2">{{ post.title }}</h4>
-              <div class="text-muted">
-                <p>
-                  {% include no-linenos.html content=post.content %}
-                  {{ content | markdownify | strip_html | truncate: 200 | escape }}
-                </p>
-              </div>
-            </div>
-          </a>
-        </article>
-      {% endfor %}
-    </nav>
-  </aside>
-  <!-- #related-posts -->
+{% endif %}
+
+
+{% if index_list.size > 0 %}
+  <div id="related-posts" class="mt-5 mb-2 mb-sm-4">
+    <h3 class="pt-2 mt-1 mb-4 ml-1"
+      data-toc-skip>{{ site.data.locales[lang].post.relate_posts }}</h3>
+    <div class="card-deck mb-4">
+    {% for entry in index_list %}
+      {% assign index = entry | plus: 0 %}
+      {% assign post = site.posts[index] %}
+      <div class="card">
+        <a href="{{ post.url | relative_url }}">
+          <div class="card-body">
+            {% include timeago.html date=post.date class="small" %}
+            <h3 class="pt-0 mt-1 mb-3" data-toc-skip>{{ post.title }}</h3>
+            <div class="text-muted small">
+              <p>
+                {% include no-linenos.html content=post.content %}
+                {{ content | markdownify | strip_html | truncate: 200 | escape }}
+              </p>
+            </div>
+          </div>
+        </a>
+      </div>
+    {% endfor %}
+    </div> <!-- .card-deck -->
+  </div> <!-- #related-posts -->
 {% endif %}

_includes/search-loader.html

@@ -4,44 +4,43 @@
 -->
 
 {% capture result_elem %}
-  <article class="px-1 px-sm-2 px-lg-4 px-xl-0">
-    <header>
-      <h2><a href="{url}">{title}</a></h2>
-      <div class="post-meta d-flex flex-column flex-sm-row text-muted mt-1 mb-1">
-        {categories}
-        {tags}
-      </div>
-    </header>
-    <p>{snippet}</p>
-  </article>
+<div class="pl-1 pr-1 pl-sm-2 pr-sm-2 pl-lg-4 pr-lg-4 pl-xl-0 pr-xl-0">
+  <a href="{url}">{title}</a>
+  <div class="post-meta d-flex flex-column flex-sm-row text-muted mt-1 mb-1">
+    {categories}
+    {tags}
+  </div>
+  <p>{snippet}</p>
+</div>
 {% endcapture %}
 
-{% capture not_found %}<p class="mt-5">{{ site.data.locales[include.lang].search.no_results }}</p>{% endcapture %}
+{% capture not_found %}<p class="mt-5">{{ site.data.locales[lang].search.no_results }}</p>{% endcapture %}
+
+<script src="https://cdn.jsdelivr.net/npm/simple-jekyll-search@1.10.0/dest/simple-jekyll-search.min.js"></script>
 
 <script>
-  /* Note: dependent library will be loaded in `js-selector.html` */
-  SimpleJekyllSearch({
-    searchInput: document.getElementById('search-input'),
-    resultsContainer: document.getElementById('search-results'),
-    json: '{{ '/assets/js/data/search.json' | relative_url }}',
-    searchResultTemplate: '{{ result_elem | strip_newlines }}',
-    noResultsText: '{{ not_found }}',
-    templateMiddleware: function(prop, value, template) {
-      if (prop === 'categories') {
-        if (value === '') {
-          return `${value}`;
-        } else {
-          return `<div class="me-sm-4"><i class="far fa-folder fa-fw"></i>${value}</div>`;
-        }
-      }
-
-      if (prop === 'tags') {
-        if (value === '') {
-          return `${value}`;
-        } else {
-          return `<div><i class="fa fa-tag fa-fw"></i>${value}</div>`;
-        }
+SimpleJekyllSearch({
+  searchInput: document.getElementById('search-input'),
+  resultsContainer: document.getElementById('search-results'),
+  json: '{{ '/assets/js/data/search.json' | relative_url }}',
+  searchResultTemplate: '{{ result_elem | strip_newlines }}',
+  noResultsText: '{{ not_found }}',
+  templateMiddleware: function(prop, value, template) {
+    if (prop === 'categories') {
+      if (value === '') {
+        return `${value}`;
+      } else {
+        return `<div class="mr-sm-4"><i class="far fa-folder fa-fw"></i>${value}</div>`;
       }
     }
-  });
+
+    if (prop === 'tags') {
+      if (value === '') {
+        return `${value}`;
+      } else {
+        return `<div><i class="fa fa-tag fa-fw"></i>${value}</div>`;
+      }
+    }
+  }
+});
 </script>

_includes/search-results.html

@@ -1,9 +1,10 @@
-<!-- The Search results -->
-
+<!--
+  The Search results
+-->
 <div id="search-result-wrapper" class="d-flex justify-content-center unloaded">
-  <div class="col-11 content">
+  <div class="col-12 col-sm-11 post-content">
     <div id="search-hints">
-      {% include_cached trending-tags.html %}
+      {% include trending-tags.html %}
     </div>
     <div id="search-results" class="d-flex flex-wrap justify-content-center text-muted mt-3"></div>
   </div>

_includes/sidebar.html

@@ -1,50 +1,60 @@
-<!-- The Side Bar -->
+<!--
+  The Side Bar
+-->
 
-<aside aria-label="Sidebar" id="sidebar" class="d-flex flex-column align-items-end">
-  <header class="profile-wrapper">
-    <a href="{{ '/' | relative_url }}" id="avatar" class="rounded-circle">
-      {%- if site.avatar != empty and site.avatar -%}
-        {%- capture avatar_url -%}
-          {% include img-url.html src=site.avatar %}
-        {%- endcapture -%}
-        <img src="{{- avatar_url -}}" width="112" height="112" alt="avatar" onerror="this.style.display='none'">
-      {%- endif -%}
-    </a>
+<div id="sidebar" class="d-flex flex-column align-items-end" lang="{{lang}}">
+  <div class="profile-wrapper text-center">
+    <div id="avatar">
+      <a href="{{ '/' | relative_url }}" alt="avatar" class="mx-auto">
+        {% if site.avatar != '' and site.avatar %}
+          {% capture avatar_url %}
+            {%- if site.avatar contains '://' -%}
+              {{ site.avatar }}
+            {%- elsif site.img_cdn != '' and site.img_cdn -%}
+              {{ site.avatar | prepend: site.img_cdn }}
+            {%- else -%}
+              {{ site.avatar | relative_url }}
+            {%- endif -%}
+          {% endcapture %}
+          <img src="{{ avatar_url }}" alt="avatar" onerror="this.style.display='none'">
+        {% endif %}
+      </a>
+    </div>
 
-    <h1 class="site-title">
+    <div class="site-title mt-3">
       <a href="{{ '/' | relative_url }}">{{ site.title }}</a>
-    </h1>
-    <p class="site-subtitle fst-italic mb-0">{{ site.tagline }}</p>
-  </header>
-  <!-- .profile-wrapper -->
+    </div>
+    <div class="site-subtitle font-italic">{{ site.tagline }}</div>
 
-  <nav class="flex-column flex-grow-1 w-100 ps-0">
-    <ul class="nav">
-      <!-- home -->
-      <li class="nav-item{% if page.layout == 'home' %}{{ " active" }}{% endif %}">
-        <a href="{{ '/' | relative_url }}" class="nav-link">
-          <i class="fa-fw fas fa-home"></i>
-          <span>{{ site.data.locales[include.lang].tabs.home | upcase }}</span>
-        </a>
-      </li>
-      <!-- the real tabs -->
-      {% for tab in site.tabs %}
-        <li class="nav-item{% if tab.url == page.url %}{{ " active" }}{% endif %}">
-          <a href="{{ tab.url | relative_url }}" class="nav-link">
-            <i class="fa-fw {{ tab.icon }}"></i>
-            {% capture tab_name %}{{ tab.url | split: '/' }}{% endcapture %}
+  </div><!-- .profile-wrapper -->
 
-            <span>{{ site.data.locales[include.lang].tabs.[tab_name] | default: tab.title | upcase }}</span>
-          </a>
-        </li>
-        <!-- .nav-item -->
-      {% endfor %}
-    </ul>
-  </nav>
+  <ul class="w-100">
+
+    <!-- home -->
+    <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>
+      </a>
+    </li>
+    <!-- the real tabs -->
+    {% for tab in site.tabs %}
+    <li class="nav-item{% if tab.url == page.url %}{{ " active" }}{% endif %}">
+      <a href="{{ tab.url | relative_url }}" class="nav-link">
+        <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>
+      </a>
+    </li> <!-- .nav-item -->
+    {% endfor %}
+
+  </ul> <!-- ul.nav.flex-column -->
+
+  <div class="sidebar-bottom mt-auto d-flex flex-wrap justify-content-center align-items-center">
 
-  <div class="sidebar-bottom d-flex flex-wrap  align-items-center w-100">
     {% unless site.theme_mode %}
-      <button type="button" class="mode-toggle btn" aria-label="Switch Mode">
+      <button class="mode-toggle btn" aria-label="Switch Mode">
         <i class="fas fa-adjust"></i>
       </button>
 
@@ -54,46 +64,30 @@
     {% endunless %}
 
     {% for entry in site.data.contact %}
-      {% case entry.type %}
-        {% when 'github', 'twitter' %}
-          {%- capture url -%}
-            https://{{ entry.type }}.com/{{ site[entry.type].username }}
-          {%- endcapture -%}
-        {% when 'email' %}
+      {% capture url %}
+        {%- if entry.type == 'github' -%}
+          https://github.com/{{ site.github.username }}
+        {%- elsif entry.type == 'twitter' -%}
+          https://twitter.com/{{ site.twitter.username }}
+        {%- elsif entry.type == 'email' -%}
           {% assign email = site.social.email | split: '@' %}
-          {%- capture url -%}
-            javascript:location.href = 'mailto:' + ['{{ email[0] }}','{{ email[1] }}'].join('@')
-          {%- endcapture -%}
-        {% when 'rss' %}
-          {% assign url = '/feed.xml' | relative_url %}
-        {% else %}
-          {% assign url = entry.url %}
-      {% endcase %}
+          javascript:location.href = 'mailto:' + ['{{ email[0] }}','{{ email[1] }}'].join('@')
+        {%- elsif entry.type == 'rss' -%}
+          {{ "/feed.xml" | relative_url }}
+        {%- else -%}
+          {{ entry.url }}
+        {%- endif -%}
+      {% endcapture %}
 
       {% if url %}
-        <a
-          href="{{ url }}"
-          aria-label="{{ entry.type }}"
-          {% assign link_types = '' %}
-
-          {% unless entry.noblank %}
-            target="_blank"
-            {% assign link_types = 'noopener noreferrer' %}
-          {% endunless %}
-
-          {% if entry.type == 'mastodon' %}
-            {% assign link_types = link_types | append: ' me' | strip %}
-          {% endif %}
-
-          {% unless link_types == empty %}
-            rel="{{ link_types }}"
-          {% endunless %}
-        >
-          <i class="{{ entry.icon }}"></i>
-        </a>
+      <a href="{{ url }}" aria-label="{{ entry.type }}"
+        {% unless entry.noblank %}target="_blank" rel="noopener"{% endunless %}>
+        <i class="{{ entry.icon }}"></i>
+      </a>
       {% endif %}
+
     {% endfor %}
-  </div>
-  <!-- .sidebar-bottom -->
-</aside>
-<!-- #sidebar -->
+
+  </div> <!-- .sidebar-bottom -->
+
+</div><!-- #sidebar -->

_includes/timeago.html

@@ -0,0 +1,26 @@
+<!--
+  Date format snippet
+  See: ${JS_ROOT}/utils/timeago.js
+-->
+
+{% assign tooltip_df = site.data.locales[lang].date_format.tooltip %}
+{% assign post_long_df = site.data.locales[lang].date_format.post.long %}
+{% assign post_short_df = site.data.locales[lang].date_format.post.short %}
+
+<em class="timeago{% if include.class %} {{ include.class }}{% endif %}"
+    date="{{ include.date }}"
+    {% if include.tooltip %}
+      data-toggle="tooltip"
+      data-placement="bottom"
+      title="{{ include.date | date: tooltip_df }}"
+    {% endif %}>
+
+  {%- assign this_year = site.time | date: "%Y" -%}
+  {%- assign post_year = include.date | date: "%Y" -%}
+
+  {%- if post_year == this_year -%}
+    {{ include.date | date: post_short_df }}
+  {%- else -%}
+    {{ include.date | date: post_long_df }}
+  {%- endif -%}
+</em>

_includes/toc.html

@@ -6,8 +6,11 @@
 {% endif %}
 
 {% if enable_toc %}
-  <section id="toc-wrapper" class="ps-0 pe-4">
-    <h2 class="panel-heading ps-3 pt-2 mb-2">{{- site.data.locales[include.lang].panel.toc -}}</h2>
-    <nav id="toc"></nav>
-  </section>
+<!-- BS-toc.js will be loaded at medium priority -->
+<script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@1.0.1/dist/bootstrap-toc.min.js"></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>
+  <nav id="toc" data-toggle="toc"></nav>
+</div>
 {% endif %}

_includes/topbar.html

@@ -1,77 +1,71 @@
-<!-- The Top Bar -->
+<!--
+  The Top Bar
+-->
 
-<header id="topbar-wrapper" aria-label="Top Bar">
-  <div
-    id="topbar"
-    class="d-flex align-items-center justify-content-between px-lg-3 h-100"
-  >
-    <nav id="breadcrumb" aria-label="Breadcrumb">
-      {% assign paths = page.url | split: '/' %}
+<div id="topbar-wrapper" class="row justify-content-center topbar-down">
+  <div id="topbar" class="col-11 d-flex h-100 align-items-center justify-content-between">
+    <span id="breadcrumb">
 
-      {% if paths.size == 0 or page.layout == 'home' %}
-        <!-- index page -->
-        <span>{{ site.data.locales[include.lang].tabs.home | capitalize }}</span>
+    {% assign paths = page.url | split: '/' %}
 
-      {% else %}
-        {% for item in paths %}
-          {% if forloop.first %}
-            <span>
-              <a href="{{ '/' | relative_url }}">
-                {{- site.data.locales[include.lang].tabs.home | capitalize -}}
-              </a>
-            </span>
+    {% if paths.size == 0 or page.layout == 'home' %}
+      <!-- index page -->
+      <span>{{ site.data.locales[lang].tabs.home | capitalize }}</span>
 
-          {% elsif forloop.last %}
-            {% if page.collection == 'tabs' %}
-              <span>{{ site.data.locales[include.lang].tabs[item] | default: page.title }}</span>
-            {% else %}
-              <span>{{ page.title }}</span>
-            {% endif %}
+    {% else %}
 
-          {% elsif page.layout == 'category' or page.layout == 'tag' %}
-            <span>
-              <a href="{{ item | append: '/' | relative_url }}">
-                {{- site.data.locales[include.lang].tabs[item] | default: page.title -}}
-              </a>
-            </span>
+      {% for item in paths %}
+
+        {% if forloop.first %}
+          <span>
+            <a href="{{ '/' | relative_url }}">
+              {{ site.data.locales[lang].tabs.home | capitalize }}
+            </a>
+          </span>
+
+        {% elsif forloop.last %}
+
+          {% if page.collection == 'tabs' %}
+            <span>{{ site.data.locales[lang].tabs[item] | default: page.title }}</span>
+          {% else %}
+            <span>{{ page.title }}</span>
           {% endif %}
-        {% endfor %}
-      {% endif %}
-    </nav>
-    <!-- endof #breadcrumb -->
 
-    <button type="button" id="sidebar-trigger" class="btn btn-link">
-      <i class="fas fa-bars fa-fw"></i>
-    </button>
+        {% elsif page.layout == 'category' or page.layout == 'tag' %}
+          <span>
+            <a href="{{ item | relative_url }}">
+              {{ site.data.locales[lang].tabs[item] | default: page.title }}
+            </a>
+          </span>
+        {% endif %}
+
+      {% endfor %}
+
+    {% endif %}
+
+    </span><!-- endof #breadcrumb -->
+
+    <i id="sidebar-trigger" class="fas fa-bars fa-fw"></i>
 
     <div id="topbar-title">
       {% if page.layout == 'home' %}
-        {{- site.data.locales[include.lang].title | default: site.title -}}
-      {% elsif page.collection == 'tabs' or page.layout == 'page' %}
+        {{- site.data.locales[lang].title | default: site.title -}}
+      {% elsif page.collection == 'tabs' or page.dynamic_title %}
         {%- capture tab_key -%}{{ page.url | split: '/' }}{%- endcapture -%}
-        {{- site.data.locales[include.lang].tabs[tab_key] | default: page.title -}}
+        {{- site.data.locales[lang].tabs[tab_key] | default: page.title -}}
       {% else %}
-        {{- site.data.locales[include.lang].layout[page.layout] | default: page.layout | capitalize -}}
+        {{- site.data.locales[lang].layout[page.layout] | default: page.layout | capitalize -}}
       {% endif %}
     </div>
 
-    <button type="button" id="search-trigger" class="btn btn-link">
+    <i id="search-trigger" class="fas fa-search fa-fw"></i>
+    <span id="search-wrapper" class="align-items-center">
       <i class="fas fa-search fa-fw"></i>
-    </button>
-
-    <search class="align-items-center ms-3 ms-lg-0">
-      <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[include.lang].search.hint | capitalize }}..."
-      >
-    </search>
-    <button type="button" class="btn btn-link text-decoration-none" id="search-cancel">
-      {{- site.data.locales[include.lang].search.cancel -}}
-    </button>
+      <input class="form-control" id="search-input" type="search"
+        aria-label="search" autocomplete="off" placeholder="{{ site.data.locales[lang].search.hint | capitalize }}...">
+      <i class="fa fa-times-circle fa-fw" id="search-cleaner"></i>
+    </span>
+    <span id="search-cancel" >{{ site.data.locales[lang].search.cancel }}</span>
   </div>
-</header>
+
+</div>

_includes/trending-tags.html

@@ -1,27 +1,29 @@
-<!-- The trending tags list -->
+{% comment %}
+  The trending tags list
+{% endcomment %}
 
 {% assign MAX = 10 %}
 
-{% assign size_list = '' | split: '' %}
-{% assign tag_list = '' | split: '' %}
+{% assign size_list = "" | split: "" %}
+{% assign tag_list = "" | split: "" %}
 
 {% for tag in site.tags %}
   {% assign size = tag | last | size %}
   {% assign size_list = size_list | push: size %}
 
-  {% assign tag_str = tag | first | append: '::' | append: size %}
-  {% assign tag_list = tag_list | push: tag_str %}
+  {% assign tag_str = tag | first | append: "::" | append: size %}
+  {% assign tag_list =  tag_list | push: tag_str %}
 {% endfor %}
 
 {% assign size_list = size_list | sort | reverse %}
 
 {% assign tag_list = tag_list | sort_natural %}
 
-{% assign trending_tags = '' | split: '' %}
+{% assign trending_tags = "" | split: "" %}
 
 {% for size in size_list limit: MAX %}
   {% for tag_str in tag_list %}
-    {% assign tag = tag_str | split: '::' %}
+    {% assign tag = tag_str | split: "::" %}
     {% assign tag_name = tag | first %}
     {% assign tag_size = tag | last | plus: 0 %}
     {% if tag_size == size %}
@@ -34,13 +36,15 @@
 {% endfor %}
 
 {% if trending_tags.size > 0 %}
-  <section>
-    <h2 class="panel-heading">{{- site.data.locales[include.lang].panel.trending_tags -}}</h2>
-    <div class="d-flex flex-wrap mt-3 mb-1 me-3">
-      {% for tag_name in trending_tags %}
-        {% assign url = tag_name | slugify | url_encode | prepend: '/tags/' | append: '/' %}
-        <a class="post-tag btn btn-outline-primary" href="{{ url | relative_url }}">{{ tag_name }}</a>
-      {% endfor %}
+  <div id="access-tags">
+    <div class="panel-heading">{{- site.data.locales[lang].panel.trending_tags -}}</div>
+    <div class="d-flex flex-wrap mt-3 mb-1 mr-3">
+
+    {% for tag_name in trending_tags %}
+      {% assign url = tag_name | slugify | url_encode | prepend: "/tags/" | append: "/" %}
+      <a class="post-tag" href="{{ url | relative_url }}">{{ tag_name }}</a>
+    {% endfor %}
+
     </div>
-  </section>
+  </div>
 {% endif %}

_includes/update-list.html

@@ -1,40 +1,40 @@
-<!-- Get 5 last posted/updated posts -->
+{% comment %}
+  Get the last 5 posts from lastmod list.
+{% endcomment %}
 
 {% assign MAX_SIZE = 5 %}
 
-{% assign all_list = '' | split: '' %}
+{% assign all_list = "" | split: "" %}
 
 {% for post in site.posts %}
-  {% assign datetime = post.last_modified_at | default: post.date %}
-
-  {% capture elem %}
-    {{- datetime | date: "%Y%m%d%H%M%S" -}}::{{- forloop.index0 -}}
-  {% endcapture %}
-
-  {% assign all_list = all_list | push: elem %}
+  {% if post.last_modified_at %}
+    {% capture elem %}
+      {{- post.last_modified_at | date: "%Y%m%d%H%M%S" -}}::{{- forloop.index0 -}}
+    {% endcapture %}
+    {% assign all_list = all_list | push: elem %}
+  {% endif %}
 {% endfor %}
 
 {% assign all_list = all_list | sort | reverse %}
 
-{% assign update_list = '' | split: '' %}
+{% assign update_list = "" | split: "" %}
 
-{% for entry in all_list limit: MAX_SIZE %}
+{% for entry in all_list limit:MAX_SIZE %}
   {% assign update_list = update_list | push: entry %}
 {% endfor %}
 
 {% if update_list.size > 0 %}
-  <section id="access-lastmod">
-    <h2 class="panel-heading">{{- site.data.locales[include.lang].panel.lastmod -}}</h2>
-    <ul class="content list-unstyled ps-0 pb-1 ms-1 mt-2">
+
+  <div id="access-lastmod" class="post">
+    <div class="panel-heading">{{- site.data.locales[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 %}
+        {% assign index = item | split: "::" | last | plus: 0 %}
         {% assign post = site.posts[index] %}
         {% assign url = post.url | relative_url %}
-        <li class="text-truncate lh-lg">
-          <a href="{{ url }}">{{ post.title }}</a>
-        </li>
+      <li><a href="{{ url }}">{{ post.title }}</a></li>
       {% endfor %}
     </ul>
-  </section>
-  <!-- #access-lastmod -->
+  </div> <!-- #access-lastmod -->
+
 {% endif %}

_javascript/_copyright

@@ -1 +0,0 @@
-Chirpy v<%= pkg.version %> | © 2019 <%= pkg.author %> | <%= pkg.license %> Licensed | <%= pkg.homepage %>