.devcontainer/devcontainer.json

@@ -1,29 +0,0 @@
-{
-  "name": "Jekyll",
-  "image": "mcr.microsoft.com/devcontainers/jekyll:2-bullseye",
-  "onCreateCommand": "git config --global --add safe.directory ${containerWorkspaceFolder}",
-  "postCreateCommand": "bash .devcontainer/post-create.sh",
-  "customizations": {
-    "vscode": {
-      "settings": {
-        "terminal.integrated.defaultProfile.linux": "zsh"
-      },
-      "extensions": [
-        // Liquid tags auto-complete
-        "killalau.vscode-liquid-snippets",
-        // Liquid syntax highlighting and formatting
-        "Shopify.theme-check-vscode",
-        // Shell
-        "timonwong.shellcheck",
-        "mkhl.shfmt",
-        // Common formatter
-        "EditorConfig.EditorConfig",
-        "esbenp.prettier-vscode",
-        "stylelint.vscode-stylelint",
-        "yzhang.markdown-all-in-one",
-        // Git
-        "mhutchie.git-graph"
-      ]
-    }
-  }
-}

.devcontainer/post-create.sh

@@ -1,18 +0,0 @@
-#!/usr/bin/env bash
-
-if [ -f package.json ]; then
-  bash -i -c "nvm install --lts && nvm install-latest-npm"
-  npm i
-  npm run build
-fi
-
-# Install dependencies for shfmt extension
-curl -sS https://webi.sh/shfmt | sh &>/dev/null
-
-# Add OMZ plugins
-git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ~/.oh-my-zsh/custom/plugins/zsh-syntax-highlighting
-git clone https://github.com/zsh-users/zsh-autosuggestions ~/.oh-my-zsh/custom/plugins/zsh-autosuggestions
-sed -i -E "s/^(plugins=\()(git)(\))/\1\2 zsh-syntax-highlighting zsh-autosuggestions\3/" ~/.zshrc
-
-# Avoid git log use less
-echo -e "\nunset LESS" >>~/.zshrc

.github/DISCUSSION_TEMPLATE/general.yml

@@ -9,6 +9,15 @@ body:
             [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

.github/DISCUSSION_TEMPLATE/ideas.yml

@@ -1,7 +0,0 @@
-body:
-  - type: textarea
-    attributes:
-      label: Description
-      description: Please describe in detail what you want to share.
-    validations:
-      required: true

.github/dependabot.yml

@@ -2,16 +2,18 @@ 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:
-      prod-deps:
+      npm:
-        dependency-type: production
+        dependency-type: "development"
-      dev-deps:
-        dependency-type: development
     schedule:
       interval: "weekly"
   - package-ecosystem: "github-actions"
@@ -22,7 +24,3 @@ updates:
           - "major"
     schedule:
       interval: "weekly"
-  - package-ecosystem: "devcontainers"
-    directory: "/"
-    schedule:
-      interval: weekly

.github/workflows/cd.yml

@@ -1,39 +1,17 @@
 name: CD
-
 on:
   push:
-    branches: [production]
+    tags:
-    tags-ignore: ["**"]
+      - "v[0-9]+.[0-9]+.[0-9]+"
+    branches:
+      - docs
 
 jobs:
-  release:
+  launch:
-    if: ${{ ! startsWith(github.event.head_commit.message, 'chore(release)') }}
-    permissions:
-      contents: write
-      issues: write
-      pull-requests: write
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - run: |
-
+          curl -X POST -H "Accept: application/vnd.github+json" \
-      - uses: ruby/setup-ruby@v1
+            -H "Authorization: Bearer ${{ secrets.GH_PAT }}" \
-        with:
+            https://api.github.com/repos/${{ secrets.BUILDER }}/dispatches \
-          ruby-version: 3.3
+            -d '{"event_type":"deploy", "client_payload":{"branch": "${{ github.ref_name }}"}}'
-          bundler-cache: true
-
-      - uses: actions/setup-node@v4
-        with:
-          node-version: lts/*
-
-      - run: npm install
-      - run: npx semantic-release
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          GEM_HOST_API_KEY: ${{ secrets.GEM_HOST_API_KEY }}
-
-  publish:
-    needs: release
-    uses: ./.github/workflows/publish.yml
-    secrets:
-      GH_PAT: ${{ secrets.GH_PAT }}
-      BUILDER: ${{ secrets.BUILDER }}

.github/workflows/ci.yml

@@ -1,25 +1,19 @@
-name: CI
+name: "CI"
-
 on:
   push:
-    branches:
+    branches-ignore:
-      - master
+      - "production"
-      - "hotfix/*"
+      - "docs"
     paths-ignore:
       - ".github/**"
       - "!.github/workflows/ci.yml"
-      - .gitignore
+      - ".gitignore"
       - "docs/**"
-      - README.md
+      - "README.md"
-      - LICENSE
+      - "LICENSE"
   pull_request:
-    paths-ignore:
+    paths:
-      - ".github/**"
+      - "**"
-      - "!.github/workflows/ci.yml"
-      - .gitignore
-      - "docs/**"
-      - README.md
-      - LICENSE
 
 jobs:
   build:
@@ -27,7 +21,7 @@ jobs:
 
     strategy:
       matrix:
-        ruby: ["3.1", "3.2", "3.3"]
+        ruby: ["3.0", "3.1", "3.2"]
 
     steps:
       - name: Checkout
@@ -43,11 +37,9 @@ jobs:
 
       - name: Setup Node
         uses: actions/setup-node@v4
-        with:
-          node-version: lts/*
 
       - name: Build Assets
         run: npm i && npm run build
 
       - name: Test Site
-        run: bash tools/test.sh
+        run: bash tools/test

.github/workflows/codeql.yml

@@ -2,7 +2,6 @@ name: "CodeQL"
 
 on:
   push:
-    branches: ["master"]
     paths: ["_javascript/**/*.js"]
   pull_request:
     paths: ["_javascript/**/*.js"]

.github/workflows/commitlint.yml

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

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

@@ -42,7 +42,7 @@ jobs:
       - name: Setup Ruby
         uses: ruby/setup-ruby@v1
         with:
-          ruby-version: 3.3
+          ruby-version: 3.2
           bundler-cache: true
 
       - name: Build site
@@ -53,7 +53,7 @@ jobs:
       - name: Test site
         run: |
           bundle exec htmlproofer _site \
-            \-\-disable-external \
+            \-\-disable-external=true \
             \-\-ignore-urls "/^http:\/\/127.0.0.1/,/^http:\/\/0.0.0.0/,/^http:\/\/localhost/"
 
       - name: Upload site artifact

.github/workflows/pr-filter.yml

@@ -1,25 +0,0 @@
-name: PR Filter
-
-on:
-  pull_request_target:
-    types: [opened, reopened]
-
-jobs:
-  check-template:
-    if: github.event.pull_request.head.repo.full_name != github.event.pull_request.base.repo.full_name
-    runs-on: ubuntu-latest
-    permissions:
-      pull-requests: write
-
-    steps:
-      - name: Checkout Code
-        uses: actions/checkout@v4
-
-      - name: Check PR Content
-        id: intercept
-        uses: actions/github-script@v7
-        with:
-          github-token: ${{ secrets.GITHUB_TOKEN }}
-          script: |
-            const script = require('.github/workflows/scripts/pr-filter.js');
-            await script({ github, context, core });

.github/workflows/publish.yml

@@ -1,23 +0,0 @@
-name: Publish
-
-on:
-  push:
-    branches:
-      - docs
-  workflow_call:
-    secrets:
-      GH_PAT:
-        required: true
-      BUILDER:
-        required: true
-  workflow_dispatch:
-
-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/scripts/pr-filter.js

@@ -1,36 +0,0 @@
-function hasTypes(markdown) {
-  return /## Type of change/.test(markdown) && /-\s\[x\]/i.test(markdown);
-}
-
-function hasDescription(markdown) {
-  return (
-    /## Description/.test(markdown) &&
-    !/## Description\s*\n\s*(##|\s*$)/.test(markdown)
-  );
-}
-
-module.exports = async ({ github, context, core }) => {
-  const pr = context.payload.pull_request;
-  const body = pr.body === null ? '' : pr.body;
-  const markdown = body.replace(/<!--[\s\S]*?-->/g, '');
-  const action = context.payload.action;
-
-  const isValid =
-    markdown !== '' && hasTypes(markdown) && hasDescription(markdown);
-
-  if (!isValid) {
-    await github.rest.pulls.update({
-      ...context.repo,
-      pull_number: pr.number,
-      state: 'closed'
-    });
-
-    await github.rest.issues.createComment({
-      ...context.repo,
-      issue_number: pr.number,
-      body: `Oops, it seems you've ${action} an invalid pull request. No worries, we'll close it for you.`
-    });
-
-    core.setFailed('PR content does not meet template requirements.');
-  }
-};

.github/workflows/stale.yml

@@ -9,7 +9,7 @@ permissions:
   pull-requests: write
 
 env:
-  STALE_LABEL: inactive
+  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.

.github/workflows/style-lint.yml

@@ -0,0 +1,25 @@
+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

@@ -5,7 +5,6 @@ Gemfile.lock
 
 # Jekyll cache
 .jekyll-cache
-.jekyll-metadata
 _site
 
 # RubyGems
@@ -17,11 +16,6 @@ package-lock.json
 
 # IDE configurations
 .idea
-.vscode/*
-!.vscode/settings.json
-!.vscode/extensions.json
-!.vscode/tasks.json
 
 # Misc
-_sass/vendors
 assets/js/dist

.husky/commit-msg

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

.markdownlint.json

@@ -1,8 +0,0 @@
-{
-  "commands-show-output": false,
-  "blanks-around-fences": false,
-  "line-length": false,
-  "no-inline-html": {
-    "allowed_elements": ["kbd", "sub"]
-  }
-}

.stylelintrc.json

@@ -1,31 +0,0 @@
-{
-  "ignoreFiles": ["_sass/vendors/**"],
-  "extends": "stylelint-config-standard-scss",
-  "rules": {
-    "no-descending-specificity": null,
-    "shorthand-property-no-redundant-values": null,
-    "at-rule-no-vendor-prefix": null,
-    "property-no-vendor-prefix": null,
-    "selector-no-vendor-prefix": null,
-    "value-no-vendor-prefix": null,
-    "color-function-notation": "legacy",
-    "alpha-value-notation": "number",
-    "selector-not-notation": "simple",
-    "color-hex-length": "long",
-    "declaration-block-single-line-max-declarations": 3,
-    "scss/operator-no-newline-after": null,
-    "rule-empty-line-before": [
-      "always",
-      {
-        "ignore": ["after-comment", "first-nested"]
-      }
-    ],
-    "value-keyword-case": [
-      "lower",
-      {
-        "ignoreProperties": ["/^\\$/"]
-      }
-    ],
-    "media-feature-range-notation": "prefix"
-  }
-}

.vscode/extensions.json

@@ -1,3 +1,12 @@
 {
-  "recommendations": ["ms-vscode-remote.remote-containers"]
+  "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

@@ -2,29 +2,23 @@
   // Prettier
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.formatOnSave": true,
+  "prettier.trailingComma": "none",
   // Shopify Liquid
   "files.associations": {
     "*.html": "liquid"
   },
-  "[markdown]": {
-    "editor.defaultFormatter": "yzhang.markdown-all-in-one"
-  },
   // Formatter
   "[html][liquid]": {
     "editor.defaultFormatter": "Shopify.theme-check-vscode"
   },
   "[shellscript]": {
-    "editor.defaultFormatter": "mkhl.shfmt"
+    "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", "scss"],
+  "stylelint.snippet": ["css", "less", "postcss", "scss"],
-  "stylelint.validate": ["css", "scss"],
+  "stylelint.validate": ["css", "less", "postcss", "scss"]
-  // Run tasks in macOS
-  "terminal.integrated.profiles.osx": {
-    "zsh": { "path": "/bin/zsh", "args": ["-l", "-i"] }
-  }
 }

.vscode/tasks.json

@@ -1,64 +0,0 @@
-{
-  "version": "2.0.0",
-  "tasks": [
-    {
-      "label": "Run Jekyll Server",
-      "type": "shell",
-      "command": "./tools/run.sh",
-      "group": {
-        "kind": "build",
-        "isDefault": true
-      },
-      "problemMatcher": [],
-      "detail": "Runs the Jekyll server with live reload."
-    },
-    {
-      "label": "Build Jekyll Site",
-      "type": "shell",
-      "command": "./tools/test.sh",
-      "group": {
-        "kind": "build"
-      },
-      "problemMatcher": [],
-      "detail": "Build the Jekyll site for production."
-    },
-    {
-      "label": "Build JS (watch)",
-      "type": "shell",
-      "command": "npm run watch:js",
-      "group": {
-        "kind": "build"
-      },
-      "problemMatcher": [],
-      "detail": "Build JS files in watch mode."
-    },
-    {
-      "label": "Build CSS",
-      "type": "shell",
-      "command": "npm run build:css",
-      "group": {
-        "kind": "build"
-      },
-      "problemMatcher": [],
-      "detail": "Build CSS files."
-    },
-    {
-      "label": "Build JS & CSS",
-      "type": "shell",
-      "command": "npm run build",
-      "group": {
-        "kind": "build"
-      },
-      "problemMatcher": [],
-      "detail": "Build JS & CSS for production."
-    },
-    {
-      "label": "Run Jekyll Server + Build JS (watch)",
-      "dependsOn": ["Run Jekyll Server", "Build JS (watch)"],
-      "group": {
-        "kind": "build"
-      },
-      "detail": "Runs both the Jekyll server with live reload and build JS files in watch mode."
-    }
-  ]
-}

Gemfile

@@ -4,11 +4,20 @@ source "https://rubygems.org"
 
 gemspec
 
-gem "html-proofer", "~> 5.0", group: :test
+group :test do
+  gem "html-proofer", "~> 4.4"
+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"
   gem "tzinfo-data"
 end
 
-gem "wdm", "~> 0.2.0", :platforms => [:mingw, :x64_mingw, :mswin]
+# Performance-booster for watching directories on Windows
+gem "wdm", "~> 0.1.1", :platforms => [:mingw, :x64_mingw, :mswin]
+
+# 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]

README.md

@@ -1,16 +1,14 @@
-<!-- markdownlint-disable-next-line -->
 <div align="center">
 
-  <!-- markdownlint-disable-next-line -->
   # Chirpy Jekyll Theme
 
   A minimal, responsive, and feature-rich Jekyll theme for technical writing.
 
-  [![CI](https://img.shields.io/github/actions/workflow/status/cotes2020/jekyll-theme-chirpy/ci.yml?logo=github)][ci]&nbsp;
+  [![Gem Version](https://img.shields.io/gem/v/jekyll-theme-chirpy?color=brightgreen)][gem]&nbsp;
-  [![Codacy Badge](https://img.shields.io/codacy/grade/4e556876a3c54d5e8f2d2857c4f43894?logo=codacy)][codacy]&nbsp;
+  [![CI](https://github.com/cotes2020/jekyll-theme-chirpy/actions/workflows/ci.yml/badge.svg?branch=master&event=push)][ci]&nbsp;
-  [![GitHub license](https://img.shields.io/github/license/cotes2020/jekyll-theme-chirpy?color=goldenrod)][license]&nbsp;
+  [![Codacy Badge](https://app.codacy.com/project/badge/Grade/4e556876a3c54d5e8f2d2857c4f43894)][codacy]&nbsp;
-  [![Gem Version](https://img.shields.io/gem/v/jekyll-theme-chirpy?&logo=RubyGems&logoColor=ghostwhite&label=gem&color=orange)][gem]&nbsp;
+  [![GitHub license](https://img.shields.io/github/license/cotes2020/jekyll-theme-chirpy.svg)][license]&nbsp;
-  [![Open in Dev Containers](https://img.shields.io/badge/Dev_Containers-Open-deepskyblue?logo=linuxcontainers)][open-container]
+  [![996.icu](https://img.shields.io/badge/link-996.icu-%23FF4D5B.svg)](https://996.icu)
 
   [**Live Demo** →][demo]
 
@@ -20,7 +18,7 @@
 
 ## Features
 
-- Dark Theme
+- Dark / Light Theme Mode
 - Localized UI language
 - Pinned Posts on Home Page
 - Hierarchical Categories
@@ -30,13 +28,13 @@
 - Syntax Highlighting
 - Mathematical Expressions
 - Mermaid Diagrams & Flowcharts
-- Dark Mode Images
+- Dark / Light Mode Images
-- Embed Media
+- Embed Videos
-- Comment Systems
+- Disqus / Giscus / Utterances Comments
 - Built-in Search
 - Atom Feeds
 - PWA
-- Web Analytics
+- Google Analytics / GoatCounter
 - SEO & Performance Optimization
 
 ## Documentation
@@ -56,7 +54,7 @@ For details, see the "[Contributing Guidelines][contribute-guide]".
 Thanks to [all the contributors][contributors] involved in the development of the project!
 
 [![all-contributors](https://contrib.rocks/image?repo=cotes2020/jekyll-theme-chirpy&columns=16)][contributors]
-<sub> — Made with [contrib.rocks](https://contrib.rocks)</sub>
+<sub> —— Made with [contrib.rocks](https://contrib.rocks)</sub>
 
 ### Third-Party Assets
 
@@ -72,7 +70,6 @@ This project is published under [MIT License][license].
 [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
-[open-container]: https://vscode.dev/redirect?url=vscode://ms-vscode-remote.remote-containers/cloneInVolume?url=https://github.com/cotes2020/jekyll-theme-chirpy
 [jekyllrb]: https://jekyllrb.com/
 [clipartmax]: https://www.clipartmax.com/middle/m2i8b1m2K9Z5m2K9_ant-clipart-childrens-ant-cute/
 [demo]: https://cotes2020.github.io/chirpy-demo/

_config.yml

@@ -16,20 +16,20 @@ timezone: Asia/Shanghai
 
 title: Chirpy # the main title
 
-tagline: A text-focused Jekyll theme # it will display as the subtitle
+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.
 
 # Fill in the protocol & hostname for your site.
-# E.g. 'https://username.github.io', note that it does not end with a '/'.
+# e.g. 'https://username.github.io', note that it does not end with a '/'.
 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.
@@ -38,44 +38,22 @@ social:
   email: example@domain.com # change to your email address
   links:
     # The first element serves as the copyright owner's link
-    - https://twitter.com/username # change to your Twitter homepage
+    - https://twitter.com/username # change to your twitter homepage
-    - https://github.com/username # change to your GitHub 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
 
-# Site Verification Settings
+google_site_verification: # fill in to your verification string
-webmaster_verifications:
-  google: # fill in your Google verification code
-  bing: # fill in your Bing verification code
-  alexa: # fill in your Alexa verification code
-  yandex: # fill in your Yandex verification code
-  baidu: # fill in your Baidu verification code
-  facebook: # fill in your Facebook verification code
 
 # ↑ --------------------------
 # The end of `jekyll-seo-tag` settings
 
-# Web Analytics Settings
+google_analytics:
-analytics:
-  google:
   id: # fill in your Google Analytics ID
-  goatcounter:
-    id: # fill in your GoatCounter ID
-  umami:
-    id: # fill in your Umami ID
-    domain: # fill in your Umami domain
-  matomo:
-    id: # fill in your Matomo ID
-    domain: # fill in your Matomo domain
-  cloudflare:
-    id: # fill in your Cloudflare Web Analytics token
-  fathom:
-    id: # fill in your Fathom Site ID
 
-# Page views settings
+goatcounter:
-pageviews:
+  id: # fill in your Goatcounter ID
-  provider: # now only supports 'goatcounter'
 
 # Prefer color scheme setting.
 #
@@ -85,17 +63,17 @@ pageviews:
 #
 # Available options:
 #
-#     light — Use the light color scheme
+#     light  - Use the light color scheme
-#     dark — Use the dark color scheme
+#     dark   - Use the dark color scheme
 #
 theme_mode: # [light | dark]
 
-# The CDN endpoint for media resources.
+# The CDN endpoint for images.
 # Notice that once it is assigned, the CDN url
-# will be added to all media resources (site avatar, posts' images, audio and video files) paths starting with '/'
+# will be added to all image (site avatar & posts' images) paths starting with '/'
 #
 # e.g. 'https://cdn.com'
-cdn: "https://chirpy-img.netlify.app"
+img_cdn: "https://chirpy-img.netlify.app"
 
 # the avatar on sidebar, support local or CORS resources
 avatar: "/commons/avatar.jpg"
@@ -108,9 +86,8 @@ social_preview_image: # string, local or CORS resources
 toc: true
 
 comments:
-  # Global switch for the post-comment system. Keeping it empty means disabled.
+  active: # The global switch for posts comments, e.g., 'disqus'.  Keep it empty means disable
-  provider: # [disqus | utterances | giscus]
+  # The active options are as follows:
-  # The provider options are as follows:
   disqus:
     shortname: # fill with the Disqus shortname. › https://help.disqus.com/en/articles/1717111-what-s-a-shortname
   # utterances settings › https://utteranc.es/
@@ -124,7 +101,6 @@ comments:
     category:
     category_id:
     mapping: # optional, default to 'pathname'
-    strict: # optional, default to '0'
     input_position: # optional, default to 'bottom'
     lang: # optional, default to the value of `site.lang`
     reactions_enabled: # optional, default to the value of `1`
@@ -138,9 +114,9 @@ assets:
     env: # [development | production]
 
 pwa:
-  enabled: true # The option for PWA feature (installable)
+  enabled: true # the option for PWA feature (installable)
   cache:
-    enabled: true # The option for PWA offline 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.
@@ -155,7 +131,6 @@ baseurl: ""
 # ------------ The following options are not recommended to be modified ------------------
 
 kramdown:
-  footnote_backlink: "↩︎"
   syntax_highlighter: rouge
   syntax_highlighter_opts: # Rouge Options › https://github.com/jneen/rouge#full-options
     css_class: highlight
@@ -192,6 +167,10 @@ defaults:
     values:
       layout: page
       permalink: /:title/
+  - scope:
+      path: assets/js/dist
+    values:
+      swcache: true
 
 sass:
   style: compressed
@@ -212,9 +191,8 @@ exclude:
   - tools
   - README.md
   - LICENSE
-  - purgecss.js
+  - rollup.config.js
-  - "*.config.js"
+  - package*.json
-  - "package*.json"
 
 jekyll-archives:
   enabled: [categories, tags]

_data/contact.yml

@@ -26,15 +26,3 @@
 # - type: stack-overflow
 #   icon: 'fab fa-stack-overflow'
 #   url:  ''                  # Fill with your stackoverflow homepage
-#
-# - type: bluesky
-#   icon: 'fa-brands fa-bluesky'
-#   url: ''                   # Fill with your Bluesky profile link
-#
-# - type: reddit
-#   icon: 'fa-brands fa-reddit'
-#   url: ''                   # Fill with your Reddit profile link
-#
-# - type: threads
-#   icon: 'fa-brands fa-threads'
-#   url: ''                   # Fill with your Threads profile link

_data/locales/ar.yml

@@ -43,7 +43,7 @@ copyright:
 meta: باستخدام :PLATFORM السمة :THEME
 
 not_found:
-  statement: عذرا, الرابط التالي غير صالح أو انه يشير إلى صفحة غير موجودة.
+  statment: عذرا, الرابط التالي غير صالح أو انه يشير إلى صفحة غير موجودة.
 
 notification:
   update_found: يتوفر اصدار جديد للمحتوى.

_data/locales/bg-BG.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Създадено чрез :PLATFORM и :THEME тема
 
 not_found:
-  statement: Съжалявам, но на този URL адрес няма налично съдържание.
+  statment: Съжалявам, но на този URL адрес няма налично съдържание.
 
 notification:
   update_found: Налична е нова версия на съдържанието.

_data/locales/ca-ES.yml

@@ -1,84 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: Entrada
-  category: Categoria
-  tag: Etiqueta
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: Inici
-  categories: Categories
-  tags: Etiquetes
-  archives: Arxiu
-  about: Sobre
-
-# the text displayed in the search bar & search results
-search:
-  hint: Cercar
-  cancel: Cancel·lar
-  no_results: Ups! No s'han trobat resultats.
-
-panel:
-  lastmod: Actualitzat recentment
-  trending_tags: Etiquetes populars
-  toc: Taula de continguts
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: Aquesta entrada està llicenciada sota :LICENSE_NAME per l'autor.
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: Alguns drets reservats.
-  verbose: >-
-    Excepte que s'indiqui explícitament, les entrades d'aquest blog estan llicenciades
-    sota la llicència Creative Commons Attribution 4.0 International (CC BY 4.0) per l'autor.
-
-meta: Fet amb :PLATFORM utilitzant el tema :THEME
-
-not_found:
-  statement: Ho sentim, hem perdut aquesta URL o apunta a alguna cosa que no existeix.
-
-notification:
-  update_found: Hi ha una nova versió de contingut disponible.
-  update: Actualitzar
-
-# ----- Posts related labels -----
-
-post:
-  written_by: Per
-  posted: Publicat
-  updated: Actualitzat
-  words: paraules
-  pageview_measure: visites
-  read_time:
-    unit: min
-    prompt: " de lectura"
-  relate_posts: Entrades relacionades
-  share: Compartir
-  button:
-    next: Següent
-    previous: Anterior
-    copy_code:
-      succeed: Copiat!
-    share_link:
-      title: Copiar enllaç
-      succeed: Enllaç copiat!
-
-# 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: categories
-  post_measure: entrades

_data/locales/cs-CZ.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Použití :PLATFORM s motivem :THEME
 
 not_found:
-  statement: Omlouváme se, adresu URL jsme špatně umístili nebo odkazuje na něco, co neexistuje.
+  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.

_data/locales/da-DK.yml

@@ -1,86 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: Opslag
-  category: Kategori
-  tag: Tag
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: Hjem
-  categories: Kategorier
-  tags: Tags
-  archives: Arkiv
-  about: Om siden
-
-# the text displayed in the search bar & search results
-search:
-  hint: søg
-  cancel: Afbryd
-  no_results: Ups! Ingen resultater fundet.
-
-panel:
-  lastmod: Senest opdateret
-  trending_tags: Populære tags
-  toc: Indhold
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: Dette opslag er licenseret under :LICENSE_NAME af forfatteren.
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: Nogle rettigheder forbeholdes.
-  verbose: >-
-    Medmindre andet er angivet, er opslag på denne side beskyttet
-    under Creative Commons Attribution 4.0 International (CC BY 4.0) licensen af forfatteren.
-
-# meta: Using the :THEME theme for :PLATFORM.
-
-not_found:
-  statement: Beklager, vi har malpaceret denne URL, eller den peger på et sted, som ikke findes.
-
-notification:
-  update_found: En ny version af indholdet er fundet!
-  update: Opdater
-
-# ----- Posts related labels -----
-
-post:
-  written_by: Af
-  posted: Udgivet
-  updated: Opdateret
-  words: ord
-  pageview_measure: visninger
-  read_time:
-    unit: min
-    prompt: læsetid
-  relate_posts: Læs videre
-  share: Del
-  button:
-    next: Nyere
-    previous: Ældre
-    copy_code:
-      succeed: Kopieret!
-    share_link:
-      title: Kopier link
-      succeed: Link kopieret!
-
-# 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:
-    singular: kategori
-    plural: kategorier
-  post_measure: opslag

_data/locales/de-DE.yml

@@ -42,7 +42,7 @@ copyright:
 meta: Powered by :PLATFORM with :THEME theme
 
 not_found:
-  statement: Entschuldigung, dieser Link verweist auf keine vorhandene Ressource.
+  statment: Entschuldigung, dieser Link verweist auf keine vorhandene Ressource.
 
 notification:
   update_found: Eine neue Version ist verfügbar.

_data/locales/dv‑MV.yml

@@ -1,90 +0,0 @@
-# The layout text of site in Dhivehi (Maldives)
-
-# ----- 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:
-  statement: ސޯރީ، މި ޔޫ.އާރއެލް މަށެވެއްނެ ނުވަތަ އެކަމެއް ނުވެއެވެ.
-
-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:
-  category_measure:
-    singular: ނަތީޖާ
-    plural: ނަތީޖާތައް
-  post_measure:
-    singular: ޕޯސްޓް
-    plural: ޕޯސްޓްތައް

_data/locales/el-GR.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Αξιοποιώντας την :PLATFORM theme :THEME
 
 not_found:
-  statement: Συγνώμη, έχουμε τοποθετήσει λάθος αυτήν την διεύθυνση URL ή υποδεικνύει κάτι που δεν υπάρχει.
+  statment: Συγνώμη, έχουμε τοποθετήσει λάθος αυτήν την διεύθυνση URL ή υποδεικνύει κάτι που δεν υπάρχει.
 
 notification:
   update_found: Υπάρχει διαθέσιμη μια νέα έκδοση του περιεχομένου.

_data/locales/en.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Using the :THEME theme for :PLATFORM.
 
 not_found:
-  statement: Sorry, we've misplaced that URL or it's pointing to something that doesn't exist.
+  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.

_data/locales/es-ES.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Hecho con :PLATFORM usando el tema :THEME
 
 not_found:
-  statement: Lo sentimos, hemos perdido esa URL o apunta a algo que no existe.
+  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.

_data/locales/fa-IR.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: با استفاده از قالب :THEME برای :PLATFORM
-
-not_found:
-  statement: متأسفیم، لینک زیر معتبر نیست یا به صفحه‌ای که وجود ندارد اشاره می‌کند.
-
-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/fi-FI.yml

@@ -42,7 +42,7 @@ copyright:
 meta: Käytetään :PLATFORM iä Teema :THEME
 
 not_found:
-  statement: Valitettavasti tällä URL-osoitteella ei ole saatavilla sisältöä.
+  statment: Valitettavasti tällä URL-osoitteella ei ole saatavilla sisältöä.
 
 notification:
   update_found: Uusi versio sisällöstä on saatavilla.

_data/locales/fr-FR.yml

@@ -14,7 +14,7 @@ tabs:
   categories: Catégories
   tags: Tags
   archives: Archives
-  about: À propos
+  about: A propos de
 
 # the text displayed in the search bar & search results
 search:
@@ -32,18 +32,18 @@ copyright:
   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/deed.fr
+    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
+    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:
-  statement: Désolé, nous avons égaré cette URL ou elle pointe vers quelque chose qui n'existe pas.
+  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.

_data/locales/hu-HU.yml

@@ -14,23 +14,24 @@ tabs:
   categories: Kategóriák
   tags: Címkék
   archives: Archívum
-  about: Bemutatkozás
+  about: Rólam
 
 # the text displayed in the search bar & search results
 search:
   hint: keresés
   cancel: Mégse
-  no_results: Hoppá! Nincs találat a keresésre.
+  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ést a szerző :LICENSE_NAME licenc alatt engedélyezte.
+    template: A bejegyzés :LICENSE_NAME licenccel rendelkezik.
     name: CC BY 4.0
     link: https://creativecommons.org/licenses/by/4.0/
 
@@ -41,10 +42,10 @@ copyright:
     Creative Commons Attribution 4.0 International (CC BY 4.0) licenccel rendelkeznek,
     hacsak másképp nincs jelezve.
 
-meta: Készítve :THEME témával a :PLATFORM platformra.
+meta: Készítve :PLATFORM motorral :THEME témával
 
 not_found:
-  statement: Sajnáljuk, az URL-t rosszul helyeztük el, vagy valami nem létezőre mutat.
+  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.
@@ -72,21 +73,7 @@ post:
       title: Link másolása
       succeed: Link sikeresen másolva!
 
-# Date time format.
-# See: <http://strftime.net/>, <https://day.js.org/docs/en/display/format>
-df:
-  post:
-    strftime: "%Y. %B. %e."
-    dayjs: "YYYY. MMMM D."
-  archives:
-    strftime: "%B"
-    dayjs: "MMM"
-
 # categories page
 categories:
-  category_measure:
+  category_measure: kategória
-    singular: kategória
+  post_measure: bejegyzés
-    plural: kategória
-  post_measure:
-    singular: bejegyzés
-    plural: bejegyzés

_data/locales/id-ID.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Didukung oleh :PLATFORM dengan tema :THEME
 
 not_found:
-  statement: Maaf, kami gagal menemukan URL itu atau memang mengarah ke sesuatu yang tidak ada.
+  statment: Maaf, kami gagal menemukan URL itu atau memang mengarah ke sesuatu yang tidak ada.
 
 notification:
   update_found: Versi konten baru tersedia.

_data/locales/it-IT.yml

@@ -42,7 +42,7 @@ copyright:
 
 meta: Servizio offerto da :PLATFORM con tema :THEME
 not_found:
-  statement: Ci scusiamo, non è stato possibile trovare l'URL in questione. Potrebbe puntare ad una pagina non esistente.
+  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.

_data/locales/ja-JP.yml

@@ -1,84 +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: Some rights reserved.
-  verbose: >-
-    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: :PLATFORM 用の :THEME を使用しています。
-
-not_found:
-  statement: この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/locales/ko-KR.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Powered by :PLATFORM with :THEME theme
 
 not_found:
-  statement: 해당 URL은 존재하지 않습니다.
+  statment: 해당 URL은 존재하지 않습니다.
 
 notification:
   update_found: 새 버전의 콘텐츠를 사용할 수 있습니다.

_data/locales/ku-IQ.yml

@@ -1,91 +0,0 @@
-# The layout text of site in Kurdish (Sorani)
-
-# ----- 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:
-  statement: ببوورە، ئەم بەستەرە نادۆزرێتەوە یان ئاماژە بە شتێک دەکات کە بوونی نییە.
-
-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 %b, %Y"
-    dayjs: "DD MMM, YYYY"
-  archives:
-    strftime: "%b"
-    dayjs: "MMM"
-
-# categories page
-categories:
-  category_measure:
-    singular: هاوپۆل
-    plural: هاوپۆل
-  post_measure:
-    singular: بابەت
-    plural: بابەت

_data/locales/my-MM.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Powered by :PLATFORM with :THEME theme
 
 not_found:
-  statement: ဝမ်းနည်းပါသည်၊ ကျွန်ုပ်တို့သည် အဆိုပါ URL ကို မှားယွင်းစွာ နေရာချထားခြင်း သို့မဟုတ် ၎င်းသည် မရှိသောအရာကို ညွှန်ပြနေပါသည်။
+  statment: ဝမ်းနည်းပါသည်၊ ကျွန်ုပ်တို့သည် အဆိုပါ URL ကို မှားယွင်းစွာ နေရာချထားခြင်း သို့မဟုတ် ၎င်းသည် မရှိသောအရာကို ညွှန်ပြနေပါသည်။
 
 notification:
   update_found: အကြောင်းအရာဗားရှင်းအသစ်ကို ရနိုင်ပါပြီ။

_data/locales/nl-NL.yml

@@ -1,90 +0,0 @@
-# The layout text of site
-
-# ----- Commons label -----
-
-layout:
-  post: Post
-  category: Categorie
-  tag: Tag
-
-# The tabs of sidebar
-tabs:
-  # format: <filename_without_extension>: <value>
-  home: Startpagina
-  categories: Categorieën
-  tags: Tags
-  archives: Archief
-  about: Over
-
-# the text displayed in the search bar & search results
-search:
-  hint: Zoek
-  cancel: Annuleer
-  no_results: Oops! Geen resultaat gevonden.
-
-panel:
-  lastmod: Recent Bijgewerkt
-  trending_tags: Trending Tags
-  toc: Inhoud
-
-copyright:
-  # Shown at the bottom of the post
-  license:
-    template: Alle posts zijn onder :LICENSE_NAME gepubliceerd door de auteur.
-    name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/
-
-  # Displayed in the footer
-  brief: Sommige rechten voorbehouden.
-  verbose: >-
-    Tenzij anders vermeld, alle posts zijn onder de
-    Creative Commons Attribution 4.0 International (CC BY 4.0) gepubliceerd door de auteur.
-
-meta: Gebruikt :THEME
-
-not_found:
-  statement: Sorry, we hebben de URL verkeerd geplaatst of hij verwijst naar iets dat niet bestaat.
-
-notification:
-  update_found: Nieuwe versie van inhoud beschikbaar.
-  update: Update
-
-# ----- Posts related labels -----
-post:
-  written_by: Door
-  posted: Posted
-  updated: Bijgewerkt
-  words: woorden
-  pageview_measure: Gelezen
-  read_time:
-    unit: min
-    prompt: lees
-  relate_posts: Verder Lezen
-  share: Deel
-  button:
-    next: Volgende
-    previous: Vorige
-    copy_code:
-      succeed: Gekopieerd!
-    share_link:
-      title: Link kopiëren
-      succeed: Succesvol gekopieerd!
-
-# 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: categorie
-    plural: categorieën
-  post_measure:
-    singular: post
-    plural: posts

_data/locales/ps‑AF.yml

@@ -1,90 +0,0 @@
-# The layout text of site in Pashto (Afghanistan)
-
-# ----- 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:
-  statement: بښنه غواړو، دغه 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:
-  category_measure:
-    singular: وېشنيزه
-    plural: وېشنيزې
-  post_measure:
-    singular: لیکنه
-    plural: لیکنې

_data/locales/pt-BR.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Feito com :PLATFORM usando o tema :THEME
 
 not_found:
-  statement: Desculpe, a página não foi encontrada.
+  statment: Desculpe, a página não foi encontrada.
 
 notification:
   update_found: Uma nova versão do conteúdo está disponível.

_data/locales/ru-RU.yml

@@ -42,7 +42,7 @@ copyright:
 meta: Использует тему :THEME для :PLATFORM
 
 not_found:
-  statement: Извините, мы перепутали URL-адрес или он указывает на что-то несуществующее.
+  statment: Извините, мы перепутали URL-адрес или он указывает на что-то несуществующее.
 
 notification:
   update_found: Доступна новая версия контента.

_data/locales/sl-SI.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Uporabljena :PLATFORM tema :THEME #Using the :PLATFORM theme :THEME
 
 not_found:
-  statement: Oprostite, hiperpovezava je neustrezna ali vsebina ne obstajata. #Sorry, we've misplaced that URL or it's pointing to something that doesn't exist.
+  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.

_data/locales/sv-SE.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Byggd med :PLATFORM och temat :THEME
 
 not_found:
-  statement: Ursäkta, vi har tappat bort den här webbadressen eller så pekar den på något som inte längre finns.
+  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.

_data/locales/th.yml

@@ -43,7 +43,7 @@ copyright:
 meta: กำลังใช้ธีมของ :PLATFORM ชื่อ :THEME
 
 not_found:
-  statement: ขออภัย เราวาง URL นั้นไว้ผิดที่ หรือมันชี้ไปยังสิ่งที่ไม่มีอยู่
+  statment: ขออภัย เราวาง URL นั้นไว้ผิดที่ หรือมันชี้ไปยังสิ่งที่ไม่มีอยู่
 
 notification:
   update_found: มีเวอร์ชันใหม่ของเนื้อหา

_data/locales/tr-TR.yml

@@ -43,7 +43,7 @@ copyright:
 meta: :PLATFORM ve :THEME teması
 
 not_found:
-  statement: Üzgünüz, bu linki yanlış yerleştirdik veya var olmayan bir şeye işaret ediyor.
+  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.

_data/locales/uk-UA.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Powered by :PLATFORM with :THEME theme
 
 not_found:
-  statement: Вибачте, це посилання вказує на ресурс, що не існує.
+  statment: Вибачте, це посилання вказує на ресурс, що не існує.
 
 notification:
   update_found: Доступна нова версія вмісту.

_data/locales/ur-PK.yml

@@ -1,90 +0,0 @@
-# The layout text of site in Urdu (Pakistan)
-
-# ----- 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:
-  statement: معذرت، یہ 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:
-  category_measure:
-    singular: زمرہ
-    plural: زمروں
-  post_measure:
-    singular: تحریر
-    plural: تحریریں

_data/locales/vi-VN.yml

@@ -42,7 +42,7 @@ copyright:
 meta: Trang web này được tạo bởi :PLATFORM với chủ đề :THEME
 
 not_found:
-  statement: 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.
+  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.

_data/locales/zh-CN.yml

@@ -42,7 +42,7 @@ copyright:
 meta: 本站采用 :PLATFORM 主题 :THEME
 
 not_found:
-  statement: 抱歉，我们放错了该 URL，或者它指向了不存在的内容。
+  statment: 抱歉，我们放错了该 URL，或者它指向了不存在的内容。
 
 notification:
   update_found: 发现新版本的内容。

_data/locales/zh-TW.yml

@@ -42,7 +42,7 @@ copyright:
 meta: 本網站使用 :PLATFORM 產生，採用 :THEME 主題
 
 not_found:
-  statement: 抱歉，您可能正在存取一個已被移動的 URL，或者它從未存在。
+  statment: 抱歉，您可能正在存取一個已被移動的 URL，或者它從未存在。
 
 notification:
   update_found: 發現新版本更新。

_data/media.yml

@@ -1,18 +0,0 @@
-- extension: mp3
-  mime_type: mpeg
-- extension: mov
-  mime_type: quicktime
-- extension: avi
-  mime_type: x-msvideo
-- extension: mkv
-  mime_type: x-matroska
-- extension: ogv
-  mime_type: ogg
-- extension: weba
-  mime_type: webm
-- extension: 3gp
-  mime_type: 3gpp
-- extension: 3g2
-  mime_type: 3gpp2
-- extension: mid
-  mime_type: midi

_data/origin/basic.yml

@@ -4,6 +4,13 @@ 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
@@ -20,13 +27,13 @@ mermaid:
 dayjs:
   js:
     common: /assets/lib/dayjs/dayjs.min.js
-    locale: /assets/lib/dayjs/locale/en.js
+    locale: /assets/lib/dayjs/locale/en.min.js
-    relativeTime: /assets/lib/dayjs/plugin/relativeTime.js
+    relativeTime: /assets/lib/dayjs/plugin/relativeTime.min.js
-    localizedFormat: /assets/lib/dayjs/plugin/localizedFormat.js
+    localizedFormat: /assets/lib/dayjs/plugin/localizedFormat.min.js
 
-glightbox:
+magnific-popup:
-  css: /assets/lib/glightbox/glightbox.min.css
+  css: /assets/lib/magnific-popup/magnific-popup.css
-  js: /assets/lib/glightbox/glightbox.min.js
+  js: /assets/lib/magnific-popup/jquery.magnific-popup.min.js
 
 lazy-polyfill:
   css: /assets/lib/loading-attribute-polyfill/loading-attribute-polyfill.min.css

_data/origin/cors.yml

@@ -1,47 +1,52 @@
-# Resource Hints
+# CDNs
-resource_hints:
-  - url: https://fonts.googleapis.com
-    links:
-      - rel: preconnect
-      - rel: dns-prefetch
-  - url: https://fonts.gstatic.com
-    links:
-      - rel: preconnect
-        opts: [crossorigin]
-      - rel: dns-prefetch
-  - url: https://cdn.jsdelivr.net
-    links:
-      - rel: preconnect
-      - rel: dns-prefetch
 
-# Web Fonts
+cdns:
-webfonts: https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Source+Sans+Pro:wght@400;600;700;900&display=swap
+  # 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 (cdnjs.cloudflare.com/polyfill)
+  - url: https://cdnjs.cloudflare.com
+
+# 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.32.2/dist/tocbot.min.css
+  css: https://cdn.jsdelivr.net/npm/tocbot@4.25.0/dist/tocbot.min.css
-  js: https://cdn.jsdelivr.net/npm/tocbot@4.32.2/dist/tocbot.min.js
+  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.7.1/css/all.min.css
+  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@11.4.0/dist/mermaid.min.js
+  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.13/dayjs.min.js
+    common: https://cdn.jsdelivr.net/npm/dayjs@1.11.10/dayjs.min.js
-    locale: https://cdn.jsdelivr.net/npm/dayjs@1.11.13/locale/:LOCALE.js
+    locale: https://cdn.jsdelivr.net/npm/dayjs@1.11.10/locale/:LOCALE.min.js
-    relativeTime: https://cdn.jsdelivr.net/npm/dayjs@1.11.13/plugin/relativeTime.js
+    relativeTime: https://cdn.jsdelivr.net/npm/dayjs@1.11.10/plugin/relativeTime.min.js
-    localizedFormat: https://cdn.jsdelivr.net/npm/dayjs@1.11.13/plugin/localizedFormat.js
+    localizedFormat: https://cdn.jsdelivr.net/npm/dayjs@1.11.10/plugin/localizedFormat.min.js
 
-glightbox:
+magnific-popup:
-  css: https://cdn.jsdelivr.net/npm/glightbox@3.3.0/dist/css/glightbox.min.css
+  css: https://cdn.jsdelivr.net/npm/magnific-popup@1.1.0/dist/magnific-popup.min.css
-  js: https://cdn.jsdelivr.net/npm/glightbox@3.3.0/dist/js/glightbox.min.js
+  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

_data/share.yml

@@ -18,11 +18,11 @@ platforms:
   #
   # - type: Linkedin
   #   icon: "fab fa-linkedin"
-  #   link: "https://www.linkedin.com/feed/?shareActive=true&shareUrl=URL"
+  #   link: "https://www.linkedin.com/sharing/share-offsite/?url=URL"
   #
   # - type: Weibo
   #   icon: "fab fa-weibo"
-  #   link: "https://service.weibo.com/share/share.php?title=TITLE&url=URL"
+  #   link: "http://service.weibo.com/share/share.php?title=TITLE&url=URL"
   #
   # - type: Mastodon
   #   icon: "fa-brands fa-mastodon"
@@ -36,15 +36,3 @@ platforms:
   #       link: "https://fosstodon.org/"
   #     - label: photog.social
   #       link: "https://photog.social/"
-  #
-  # - type: Bluesky
-  #   icon: "fa-brands fa-bluesky"
-  #   link: "https://bsky.app/intent/compose?text=TITLE%20URL"
-  #
-  # - type: Reddit
-  #   icon: "fa-brands fa-square-reddit"
-  #   link: "https://www.reddit.com/submit?url=URL&title=TITLE"
-  #
-  # - type: Threads
-  #   icon: "fa-brands fa-square-threads"
-  #   link: "https://www.threads.net/intent/post?text=TITLE%20URL"

_includes/analytics/cloudflare.html

@@ -1,6 +0,0 @@
-<!-- Cloudflare Web Analytics -->
-<script
-  defer
-  src="https://static.cloudflareinsights.com/beacon.min.js"
-  data-cf-beacon='{"token": "{{ site.analytics.cloudflare.id }}"}'
-></script>

_includes/analytics/fathom.html

@@ -1,6 +0,0 @@
-<!-- Fathom -->
-<script
-  src="https://cdn.usefathom.com/script.js"
-  data-site="{{ site.analytics.fathom.id }}"
-  defer
-></script>

_includes/analytics/goatcounter.html

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

_includes/analytics/google.html

@@ -1,13 +0,0 @@
-<!-- Global site tag (gtag.js) - Google Analytics -->
-<script defer src="https://www.googletagmanager.com/gtag/js?id={{ site.analytics.google.id }}"></script>
-<script>
-  document.addEventListener('DOMContentLoaded', () => {
-    window.dataLayer = window.dataLayer || [];
-    function gtag() {
-      dataLayer.push(arguments);
-    }
-
-    gtag('js', new Date());
-    gtag('config', '{{ site.analytics.google.id }}');
-  });
-</script>

_includes/analytics/matomo.html

@@ -1,13 +0,0 @@
-<!-- Matomo -->
-<script>
-  document.addEventListener('DOMContentLoaded', () => {
-    var _paq = (window._paq = window._paq || []);
-    _paq.push(['trackPageView']);
-    _paq.push(['enableLinkTracking']);
-    var u="//{{ site.analytics.matomo.domain }}/";
-    _paq.push(['setTrackerUrl', u+'matomo.php']);
-    _paq.push(['setSiteId', {{ site.analytics.matomo.id }}]);
-    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-    g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
-  });
-</script>

_includes/analytics/umami.html

@@ -1,6 +0,0 @@
-<!-- Umami -->
-<script
-  defer
-  src="{{ site.analytics.umami.domain }}/script.js"
-  data-website-id="{{ site.analytics.umami.id }}"
-></script>

_includes/comment.html

@@ -1,5 +0,0 @@
-<!-- The comments switcher -->
-{% if page.comments and site.comments.provider %}
-  {% capture path %}comments/{{ site.comments.provider }}.html{% endcapture %}
-  {% include {{ path }} %}
-{% endif %}

_includes/comments.html

@@ -0,0 +1,5 @@
+<!--  The comments switcher -->
+{% if page.comments and site.comments.active %}
+  {% capture path %}comments/{{ site.comments.active }}.html{% endcapture %}
+  {% include {{ path }} %}
+{% endif %}

_includes/comments/disqus.html

@@ -1,26 +1,39 @@
-<script>
+<!-- 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>
+</div>
+
+<script type="text/javascript">
   var disqus_config = function () {
     this.page.url = '{{ page.url | absolute_url }}';
     this.page.identifier = '{{ page.url }}';
   };
 
-  function addDisqus() {
+  /* Lazy loading */
-    let disqusThread = document.createElement('div');
+  var disqus_observer = new IntersectionObserver(
-    let paragraph = document.createElement('p');
+    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);
+        })();
 
-    disqusThread.id = 'disqus_thread';
+        disqus_observer.disconnect();
-    paragraph.className = 'text-center text-muted small';
-    paragraph.innerHTML = 'Comments powered by <a href="https://disqus.com/">Disqus</a>.';
-    disqusThread.appendChild(paragraph);
-
-    const footer = document.querySelector('footer');
-    footer.insertAdjacentElement("beforebegin", disqusThread);
       }
+    },
+    { threshold: [0] }
+  );
 
-  {%- comment -%} Auto switch theme {%- endcomment -%}
+  disqus_observer.observe(document.querySelector('#disqus_thread'));
-  function reloadDisqus(event) {
+
-    if (event.source === window && event.data && event.data.id === Theme.ID) {
+  /* Auto switch theme */
-      {%- comment -%} Disqus hasn't been loaded {%- endcomment -%}
+  function reloadDisqus() {
+    if (event.source === window && event.data && event.data.direction === ModeToggle.ID) {
+      /* Disqus hasn't been loaded */
       if (typeof DISQUS === 'undefined') {
         return;
       }
@@ -31,27 +44,7 @@
     }
   }
 
-  addDisqus();
+  if (document.querySelector('.mode-toggle')) {
-
+    window.addEventListener('message', reloadDisqus);
-  if (Theme.switchable) {
-    addEventListener('message', reloadDisqus);
   }
-
-  {%- comment -%} Lazy loading {%- endcomment -%}
-  var disqusObserver = new IntersectionObserver(
-    function (entries) {
-      if (entries[0].isIntersecting) {
-        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);
-
-        disqusObserver.disconnect();
-      }
-    },
-    { threshold: [0] }
-  );
-
-  disqusObserver.observe(document.getElementById('disqus_thread'));
 </script>

_includes/comments/giscus.html

@@ -1,13 +1,21 @@
 <!-- https://giscus.app/ -->
-<script>
+<script type="text/javascript">
   (function () {
-    const themeMapper = Theme.getThemeMapper('light', 'dark_dimmed');
+    const origin = 'https://giscus.app';
-    const initTheme = themeMapper[Theme.visualState];
+    const iframe = 'iframe.giscus-frame';
+    const lightTheme = 'light';
+    const darkTheme = 'dark_dimmed';
 
-    let lang = '{{ site.comments.giscus.lang | default: lang }}';
+    let initTheme = lightTheme;
-    {%- comment -%} https://github.com/giscus/giscus/tree/main/locales {%- endcomment -%}
+    const html = document.documentElement;
-    if (lang.length > 2 && !lang.startsWith('zh')) {
+
-      lang = lang.slice(0, 2);
+    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 = {
@@ -17,38 +25,40 @@
       'data-category': '{{ site.comments.giscus.category }}',
       'data-category-id': '{{ site.comments.giscus.category_id }}',
       'data-mapping': '{{ site.comments.giscus.mapping | default: 'pathname' }}',
-      'data-strict' : '{{ site.comments.giscus.strict | default: '0' }}',
       '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': lang,
+      'data-lang': '{{ site.comments.giscus.lang | default: lang }}',
       'data-loading': 'lazy',
       crossorigin: 'anonymous',
       async: ''
     };
 
-    let giscusNode = document.createElement('script');
+    let giscusScript = document.createElement('script');
     Object.entries(giscusAttributes).forEach(([key, value]) =>
-      giscusNode.setAttribute(key, value)
+      giscusScript.setAttribute(key, value)
     );
-
+    document.getElementById('tail-wrapper').appendChild(giscusScript);
-    const $footer = document.querySelector('footer');
-    $footer.insertAdjacentElement("beforebegin", giscusNode);
 
     addEventListener('message', (event) => {
-      if (event.source === window && event.data && event.data.id === Theme.ID) {
+      if (
-        const newTheme = themeMapper[Theme.visualState];
+        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: newTheme
+            theme: theme
           }
         };
 
-        const giscus =
+        const giscus = document.querySelector(iframe).contentWindow;
-          document.getElementsByClassName('giscus-frame')[0].contentWindow;
+        giscus.postMessage({ giscus: message }, origin);
-        giscus.postMessage({ giscus: message }, 'https://giscus.app');
       }
     });
   })();

_includes/comments/utterances.html

@@ -1,38 +1,50 @@
 <!-- https://utteranc.es/ -->
-<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 themeMapper = Theme.getThemeMapper('github-light', 'github-dark');
+    const iframe = 'iframe.utterances-frame';
-    const initTheme = themeMapper[Theme.visualState];
+    const lightTheme = 'github-light';
+    const darkTheme = 'github-dark';
+    let initTheme = lightTheme;
+    const html = document.documentElement;
 
-    let script = document.createElement('script');
+    if (
-    script.src = 'https://utteranc.es/client.js';
+      (html.hasAttribute('data-mode') && html.getAttribute('data-mode') === 'dark') ||
-    script.setAttribute('repo', '{{ site.comments.utterances.repo }}');
+      (!html.hasAttribute('data-mode') && window.matchMedia('(prefers-color-scheme: dark)').matches)
-    script.setAttribute('issue-term', '{{ site.comments.utterances.issue_term }}');
+    ) {
-    script.setAttribute('theme', initTheme);
+      initTheme = darkTheme;
-    script.crossOrigin = 'anonymous';
+    }
-    script.async = true;
-
-    const $footer = document.querySelector('footer');
-    $footer.insertAdjacentElement('beforebegin', script);
 
     addEventListener('message', (event) => {
-      let newTheme;
+      let theme;
 
-      {%- comment -%}
+      /* credit to <https://github.com/utterance/utterances/issues/170#issuecomment-594036347> */
-        Credit to <https://github.com/utterance/utterances/issues/170#issuecomment-594036347>
+      if (event.origin === origin) {
-      {%- endcomment -%}
+        /* page initial */
-      if (event.source === window && event.data && event.data.id === Theme.ID) {
+        theme = initTheme;
-        newTheme = themeMapper[Theme.visualState];
+      } 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;
+      } else {
+        return;
+      }
 
       const message = {
         type: 'set-theme',
-          theme: newTheme
+        theme: theme
       };
 
-        const utterances = document.querySelector('.utterances-frame').contentWindow;
+      const utterances = document.querySelector(iframe).contentWindow;
       utterances.postMessage(message, origin);
-      }
     });
   })();
 </script>

_includes/embed/audio.html

@@ -1,35 +0,0 @@
-{% assign src = include.src | strip %}
-{% assign title = include.title | strip %}
-{% assign types = include.types | default: '' | strip | split: '|' %}
-
-{% unless src contains '://' %}
-  {%- capture src -%}
-    {% include media-url.html src=src subpath=page.media_subpath %}
-  {%- endcapture -%}
-{% endunless %}
-
-<p>
-  <audio class="embed-audio" controls>
-    {% assign extension = src | split: '.' | last %}
-    {% assign types = extension | concat: types %}
-
-    {% assign ext_size = extension | size %}
-    {% assign src_size = src | size %}
-    {% assign slice_size = src_size | minus: ext_size %}
-
-    {% assign filepath = src | slice: 0, slice_size %}
-
-    {% for type in types %}
-      {% assign src = filepath | append: type %}
-      {% assign media_item = site.data.media | find: 'extension', type %}
-      {% assign mime_type = media_item.mime_type | default: type %}
-      <source src="{{ src }}" type="audio/{{ mime_type }}">
-    {% endfor %}
-
-    Your browser does not support the audio tag. Here is a
-    <a href="{{ src | strip }}">link to the audio file</a> instead.
-  </audio>
-  {% if title %}
-    <em>{{ title }}</em>
-  {% endif %}
-</p>

_includes/embed/bilibili.html

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

_includes/embed/video.html

@@ -1,59 +0,0 @@
-{% assign video_url = include.src %}
-{% assign title = include.title %}
-{% assign poster_url = include.poster %}
-{% assign types = include.types | default: '' | strip | split: '|' %}
-
-{% unless video_url contains '://' %}
-  {%- capture video_url -%}
-    {% include media-url.html src=video_url subpath=page.media_subpath %}
-  {%- endcapture -%}
-{% endunless %}
-
-{% if poster_url %}
-  {% unless poster_url contains '://' %}
-    {%- capture poster_url -%}
-      {% include media-url.html src=poster_url subpath=page.media_subpath %}
-    {%- endcapture -%}
-  {% endunless %}
-  {% assign poster = 'poster="' | append: poster_url | append: '"' %}
-{% endif %}
-
-{% assign attributes = 'controls' %}
-
-{% if include.autoplay %}
-  {% assign attributes = attributes | append: ' ' | append: 'autoplay' %}
-{% endif %}
-
-{% if include.loop %}
-  {% assign attributes = attributes | append: ' ' | append: 'loop' %}
-{% endif %}
-
-{% if include.muted %}
-  {% assign attributes = attributes | append: ' ' | append: 'muted' %}
-{% endif %}
-
-<p>
-  <video class="embed-video file" {{ poster }} {{ attributes }}>
-    {% assign extension = video_url | split: '.' | last %}
-    {% assign types = extension | concat: types %}
-
-    {% assign ext_size = extension | size %}
-    {% assign src_size = video_url | size %}
-    {% assign slice_size = src_size | minus: ext_size %}
-
-    {% assign filepath = video_url | slice: 0, slice_size %}
-
-    {% for type in types %}
-      {% assign src = filepath | append: type %}
-      {% assign media_item = site.data.media | find: 'extension', type %}
-      {% assign mime_type = media_item.mime_type | default: type %}
-      <source src="{{ src }}" type="video/{{ mime_type }}">
-    {% endfor %}
-
-    Your browser does not support the video tag. Here is a
-    <a href="{{ video_url | strip }}">link to the video file</a> instead.
-  </video>
-  {% if title %}
-    <em>{{ title }}</em>
-  {% endif %}
-</p>

_includes/embed/youtube.html

@@ -1,5 +1,5 @@
 <iframe
-  class="embed-video"
+  class="embed-video youtube"
   loading="lazy"
   src="https://www.youtube.com/embed/{{ include.id }}"
   title="YouTube video player"

_includes/footer.html

@@ -34,14 +34,7 @@
     {%- endcapture -%}
 
     {%- capture _theme -%}
-      <a
+      <a href="https://github.com/cotes2020/jekyll-theme-chirpy" target="_blank" rel="noopener">Chirpy</a>
-        data-bs-toggle="tooltip"
-        data-bs-placement="top"
-        title="v{{ theme.version }}"
-        href="https://github.com/cotes2020/jekyll-theme-chirpy"
-        target="_blank"
-        rel="noopener"
-      >Chirpy</a>
     {%- endcapture -%}
 
     {{ site.data.locales[include.lang].meta | replace: ':PLATFORM', _platform | replace: ':THEME', _theme }}

_includes/goatcounter.html

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

_includes/google-analytics.html

@@ -0,0 +1,14 @@
+<!--
+  The GA snippet
+-->
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script defer src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics.id }}"></script>
+<script>
+  document.addEventListener("DOMContentLoaded", function(event) {
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+
+    gtag('js', new Date());
+    gtag('config', '{{ site.google_analytics.id }}');
+  });
+</script>

_includes/head.html

@@ -2,7 +2,7 @@
   <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="mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
   <meta
     name="viewport"
@@ -20,7 +20,7 @@
 
     {% unless src contains '://' %}
       {%- capture img_url -%}
-        {% include media-url.html src=src subpath=page.media_subpath absolute=true %}
+        {% include img-url.html src=src img_path=page.img_path absolute=true %}
       {%- endcapture -%}
 
       {%- capture old_url -%}{{ src | absolute_url }}{%- endcapture -%}
@@ -31,7 +31,7 @@
 
   {% elsif site.social_preview_image %}
     {%- capture img_url -%}
-      {% include media-url.html src=site.social_preview_image absolute=true %}
+      {% include img-url.html src=site.social_preview_image absolute=true %}
     {%- endcapture -%}
 
     {%- capture og_image -%}
@@ -59,30 +59,34 @@
 
   {% include_cached favicons.html %}
 
-  <!-- Resource Hints -->
+  {% if site.resources.ignore_env != jekyll.environment and site.resources.self_hosted %}
-  {% unless site.assets.self_host.enabled %}
+    <link href="{{ site.data.origin[type].webfonts | relative_url }}" rel="stylesheet">
-    {% for hint in site.data.origin.cors.resource_hints %}
+
-      {% for link in hint.links %}
+  {% else %}
-        <link rel="{{ link.rel }}" href="{{ hint.url }}" {{ link.opts | join: ' ' }}>
+    {% 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 %}
-    {% endfor %}
+
-  {% endunless %}
+    <link rel="stylesheet" href="{{ site.data.origin[type].webfonts | relative_url }}">
+  {% endif %}
+
+  <!-- GA -->
+  {% if jekyll.environment == 'production' and site.google_analytics.id != empty and site.google_analytics.id %}
+    <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">
+  {% endif %}
 
   <!-- Bootstrap -->
-  {% unless jekyll.environment == 'production' %}
+  <link rel="stylesheet" href="{{ site.data.origin[type].bootstrap.css | relative_url }}">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css">
-  {% endunless %}
 
-  <!-- Theme style -->
+  <!-- Font Awesome -->
-  <link rel="stylesheet" href="{{ '/assets/css/:THEME.css' | replace: ':THEME', site.theme | relative_url }}">
-
-  <!-- Web Font -->
-  <link rel="stylesheet" href="{{ site.data.origin[type].webfonts | relative_url }}">
-
-  <!-- Font Awesome Icons -->
   <link rel="stylesheet" href="{{ site.data.origin[type].fontawesome.css | relative_url }}">
 
-  <!-- 3rd-party Dependencies -->
+  <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 }}">
@@ -93,34 +97,15 @@
   {% endif %}
 
   {% if page.layout == 'page' or page.layout == 'post' %}
-    <!-- Image Popup -->
+    <!-- Manific Popup -->
-    <link rel="stylesheet" href="{{ site.data.origin[type].glightbox.css | relative_url }}">
+    <link rel="stylesheet" href="{{ site.data.origin[type].magnific-popup.css | relative_url }}">
   {% endif %}
 
-  <!-- Scripts -->
+  <!-- JavaScript -->
 
-  <script src="{{ '/assets/js/dist/theme.min.js' | relative_url }}"></script>
+  {% unless site.theme_mode %}
-
+    {% include mode-toggle.html %}
-  {% include js-selector.html lang=lang %}
+  {% endunless %}
-
-  {% if jekyll.environment == 'production' %}
-    <!-- PWA -->
-    {% if site.pwa.enabled %}
-      <script
-        defer
-        src="{{ '/app.min.js' | relative_url }}?baseurl={{ site.baseurl | default: '' }}&register={{ site.pwa.cache.enabled }}"
-      ></script>
-    {% endif %}
-
-    <!-- Web Analytics -->
-    {% for analytics in site.analytics %}
-      {% capture str %}{{ analytics }}{% endcapture %}
-      {% assign platform = str | split: '{' | first %}
-      {% if site.analytics[platform].id and site.analytics[platform].id != empty %}
-        {% include analytics/{{ platform }}.html %}
-      {% endif %}
-    {% endfor %}
-  {% endif %}
 
   {% include metadata-hook.html %}
 </head>

_includes/img-url.html

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

_includes/js-selector.html

@@ -2,10 +2,17 @@
 
 <!-- commons -->
 
-{% assign urls = site.data.origin[type].search.js %}
+{% assign urls = site.data.origin[type].jquery.js
+  | append: ','
+  | append: site.data.origin[type].bootstrap.js
+  | append: ','
+  | append: site.data.origin[type].search.js
+%}
 
 <!-- layout specified -->
 
+{% assign js_dist = '/assets/js/dist/' %}
+
 {% if page.layout == 'post' or page.layout == 'page' or page.layout == 'home' %}
   {% assign urls = urls | append: ',' | append: site.data.origin[type]['lazy-polyfill'].js %}
 
@@ -13,7 +20,7 @@
     <!-- image lazy-loading & popup & clipboard -->
     {% assign urls = urls
       | append: ','
-      | append: site.data.origin[type].glightbox.js
+      | append: site.data.origin[type]['magnific-popup'].js
       | append: ','
       | append: site.data.origin[type].clipboard.js
     %}
@@ -26,7 +33,7 @@
   or page.layout == 'category'
   or page.layout == 'tag'
 %}
-  {% assign locale = include.lang | split: '-' | first %}
+  {% assign locale = site.lang | split: '-' | first %}
 
   {% assign urls = urls
     | append: ','
@@ -60,27 +67,47 @@
     {% assign js = 'commons' %}
 {% endcase %}
 
-{% capture script %}/assets/js/dist/{{ js }}.min.js{% endcapture %}
+{% capture script %}{{ js_dist }}{{ js }}.min.js{% endcapture %}
-
 <script defer src="{{ script | relative_url }}"></script>
 
 {% if page.math %}
   <!-- MathJax -->
-  <script src="{{ '/assets/js/data/mathjax.js' | relative_url }}"></script>
+  <script>
-  <script async src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=es6"></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'
+      }
+    };
+  </script>
+  <script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=es6"></script>
   <script id="MathJax-script" async src="{{ site.data.origin[type].mathjax.js | relative_url }}"></script>
 {% endif %}
 
-<!-- Pageviews -->
+{% if jekyll.environment == 'production' %}
-{% if page.layout == 'post' %}
+  <!-- PWA -->
-  {% assign provider = site.pageviews.provider %}
+  {% if site.pwa.enabled %}
+    <script defer src="{{ 'app.min.js' | prepend: js_dist | relative_url }}"></script>
+  {% endif %}
 
-  {% if provider and provider != empty %}
+  <!-- GA -->
-    {% case provider %}
+  {% if site.google_analytics.id != empty and site.google_analytics.id %}
-      {% when 'goatcounter' %}
+    {% include google-analytics.html %}
-        {% if site.analytics[provider].id != empty and site.analytics[provider].id %}
-          {% include pageviews/{{ provider }}.html %}
   {% endif %}
-    {% endcase %}
+
+  <!-- GoatCounter -->
+  {% if site.goatcounter.id != empty and site.goatcounter.id %}
+    {% include goatcounter.html %}
   {% endif %}
 {% endif %}

_includes/jsdelivr-combine.html

@@ -1,6 +1,6 @@
 {% assign urls = include.urls | split: ',' %}
 
-{% assign combined_urls = null %}
+{% assign combined_urls = nil %}
 
 {% assign domain = 'https://cdn.jsdelivr.net/' %}
 
@@ -15,12 +15,12 @@
     {% endif %}
 
   {% elsif url contains '//' %}
-    <script defer src="{{ url }}"></script>
+    <script src="{{ url }}"></script>
   {% else %}
-    <script defer src="{{ url | relative_url }}"></script>
+    <script src="{{ url | relative_url }}"></script>
   {% endif %}
 {% endfor %}
 
 {% if combined_urls %}
-  <script defer src="{{ combined_urls }}"></script>
+  <script src="{{ combined_urls }}"></script>
 {% endif %}

_includes/lang.html

@@ -1,9 +1,7 @@
 {% comment %}
   Detect appearance language and return it through variable "lang"
 {% endcomment %}
-{% if site.data.locales[page.lang] %}
+{% if site.data.locales[site.lang] %}
-  {% assign lang = page.lang %}
-{% elsif site.data.locales[site.lang] %}
   {% assign lang = site.lang %}
 {% else %}
   {% assign lang = 'en' %}

_includes/mermaid.html

@@ -0,0 +1,58 @@
+<!-- mermaid-js loader -->
+<script type="text/javascript">
+  (function () {
+    function updateMermaid(event) {
+      if (event.source === window && event.data && event.data.direction === ModeToggle.ID) {
+        const mode = event.data.message;
+
+        if (typeof mermaid === 'undefined') {
+          return;
+        }
+
+        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 () {
+          let svgCode = $(this).prev().children().html();
+          $(this).removeAttr('data-processed');
+          $(this).html(svgCode);
+        });
+
+        mermaid.initialize(config);
+        mermaid.init(undefined, '.mermaid');
+      }
+    }
+
+    let initTheme = 'default';
+    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 = 'dark';
+    }
+
+    let mermaidConf = {
+      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);
+    });
+
+    mermaid.initialize(mermaidConf);
+
+    window.addEventListener('message', updateMermaid);
+  })();
+</script>

_includes/mode-toggle.html

@@ -0,0 +1,143 @@
+<!-- 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';
+    }
+
+    constructor() {
+      if (this.hasMode) {
+        if (this.isDarkMode) {
+          if (!this.isSysDarkPrefer) {
+            this.setDark();
+          }
+        } else {
+          if (this.isSysDarkPrefer) {
+            this.setLight();
+          }
+        }
+      }
+
+      let self = this;
+
+      /* always follow the system prefers */
+      this.sysDarkPrefers.addEventListener('change', () => {
+        if (self.hasMode) {
+          if (self.isDarkMode) {
+            if (!self.isSysDarkPrefer) {
+              self.setDark();
+            }
+          } else {
+            if (self.isSysDarkPrefer) {
+              self.setLight();
+            }
+          }
+
+          self.clearMode();
+        }
+
+        self.notify();
+      });
+    } /* constructor() */
+
+    get sysDarkPrefers() {
+      return window.matchMedia('(prefers-color-scheme: dark)');
+    }
+
+    get isSysDarkPrefer() {
+      return this.sysDarkPrefers.matches;
+    }
+
+    get isDarkMode() {
+      return this.mode === ModeToggle.DARK_MODE;
+    }
+
+    get isLightMode() {
+      return this.mode === ModeToggle.LIGHT_MODE;
+    }
+
+    get hasMode() {
+      return this.mode != null;
+    }
+
+    get mode() {
+      return sessionStorage.getItem(ModeToggle.MODE_KEY);
+    }
+
+    /* get the current mode on screen */
+    get modeStatus() {
+      if (this.isDarkMode || (!this.hasMode && this.isSysDarkPrefer)) {
+        return ModeToggle.DARK_MODE;
+      } else {
+        return ModeToggle.LIGHT_MODE;
+      }
+    }
+
+    setDark() {
+      document.documentElement.setAttribute(ModeToggle.MODE_ATTR, ModeToggle.DARK_MODE);
+      sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.DARK_MODE);
+    }
+
+    setLight() {
+      document.documentElement.setAttribute(ModeToggle.MODE_ATTR, ModeToggle.LIGHT_MODE);
+      sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.LIGHT_MODE);
+    }
+
+    clearMode() {
+      document.documentElement.removeAttribute(ModeToggle.MODE_ATTR);
+      sessionStorage.removeItem(ModeToggle.MODE_KEY);
+    }
+
+    /* Notify another plugins that the theme mode has changed */
+    notify() {
+      window.postMessage(
+        {
+          direction: ModeToggle.ID,
+          message: this.modeStatus
+        },
+        '*'
+      );
+    }
+
+    flipMode() {
+      if (this.hasMode) {
+        if (this.isSysDarkPrefer) {
+          if (this.isLightMode) {
+            this.clearMode();
+          } else {
+            this.setLight();
+          }
+        } else {
+          if (this.isDarkMode) {
+            this.clearMode();
+          } else {
+            this.setDark();
+          }
+        }
+      } else {
+        if (this.isSysDarkPrefer) {
+          this.setLight();
+        } else {
+          this.setDark();
+        }
+      }
+
+      this.notify();
+    } /* flipMode() */
+  } /* ModeToggle */
+
+  const modeToggle = new ModeToggle();
+</script>

_includes/no-linenos.html

@@ -0,0 +1,10 @@
+{% comment %}
+  Remove the line number of the code snippet.
+{% endcomment %}
+
+{% assign content = include.content %}
+
+{% if content contains '<td class="rouge-gutter gl"><pre class="lineno">' %}
+  {% assign content = content | replace: '<td class="rouge-gutter gl"><pre class="lineno">', '<!-- <td class="rouge-gutter gl"><pre class="lineno">'%}
+  {% assign content = content | replace: '</td><td class="rouge-code">', '</td> --><td class="rouge-code">' %}
+{% endif %}

_includes/pageviews/goatcounter.html

@@ -1,21 +0,0 @@
-<!-- Display GoatCounter pageviews -->
-<script>
-  document.addEventListener('DOMContentLoaded', () => {
-    const pv = document.getElementById('pageviews');
-
-    if (pv !== null) {
-      const uri = location.pathname.replace(/\/$/, '');
-      const url = `https://{{ site.analytics.goatcounter.id }}.goatcounter.com/counter/${encodeURIComponent(uri)}.json`;
-
-      fetch(url)
-        .then((response) => response.json())
-        .then((data) => {
-          const count = data.count.replace(/\D/g, '');
-          pv.innerText = new Intl.NumberFormat().format(count);
-        })
-        .catch((error) => {
-          pv.innerText = '1';
-        });
-    }
-  });
-</script>

_includes/post-description.html

@@ -1,25 +0,0 @@
-{%- comment -%}
-  Get post description or generate it from the post content.
-{%- endcomment -%}
-
-{%- assign max_length = include.max_length | default: 200 -%}
-
-{%- capture description -%}
-{%- if post.description -%}
-  {{- post.description -}}
-{%- else -%}
-  {% comment %}
-    Remove the line number of the code snippet.
-  {% endcomment %}
-  {% assign content = post.content %}
-
-  {% if content contains '<td class="rouge-gutter gl"><pre class="lineno">' %}
-    {% assign content = content | replace: '<td class="rouge-gutter gl"><pre class="lineno">', '<!-- <td class="rouge-gutter gl"><pre class="lineno">'%}
-    {% assign content = content | replace: '</td><td class="rouge-code">', '</td> --><td class="rouge-code">' %}
-  {% endif %}
-
-  {{- content | markdownify | strip_html | newline_to_br | replace: '<br />', ' ' | strip_newlines -}}
-{%- endif -%}
-{%- endcapture -%}
-
-{{- description | strip | truncate: max_length | escape -}}

_includes/refactor-content.html

@@ -88,48 +88,16 @@
     {% endfor %}
 
     <!-- take out classes -->
-    {% assign _wrapper_class = '' %}
-
     {% if _class %}
-      {% assign _remain = _class %}
-      {% assign _class_array = _class | split: ' ' %}
-
-      {% for c in _class_array %}
-        {% assign _pick = false %}
-
-        {% case c %}
-          {% when 'preview-img', 'normal', 'left', 'right', 'light', 'dark' %}
-            {% assign _pick = true %}
-          {% else %}
-            {% if c contains '-' %}
-              {% assign start = c | split: '-' | first %}
-              {% if start == 'w' %}
-                {% assign _pick = true %}
-              {% endif %}
-            {% endif %}
-        {% endcase %}
-
-        {% if _pick %}
-          {% assign _remain = _remain | remove: c | strip %}
-          {% assign _wrapper_class = _wrapper_class | append: ' ' | append: c %}
-        {% endif %}
-      {% endfor %}
-
-      {% unless _wrapper_class == '' %}
       {% capture _old_class %}class="{{ _class }}"{% endcapture %}
       {% assign _left = _left | remove: _old_class %}
-        {% unless _remain == '' %}
-          {% capture _new_class %}class="{{ _remain }}"{% endcapture %}
-          {% assign _left = _left | append: _new_class %}
-        {% endunless %}
-      {% endunless %}
     {% endif %}
 
     {% assign _final_src = null %}
     {% assign _lazyload = true %}
 
     {%- capture _img_url -%}
-      {% include media-url.html src=_src subpath=page.media_subpath %}
+      {% include img-url.html src=_src img_path=page.img_path %}
     {%- endcapture -%}
 
     {% assign _path_prefix = _img_url | remove: _src %}
@@ -142,7 +110,7 @@
 
     {% if _lqip %}
       {% assign _lazyload = false %}
-      {% assign _wrapper_class = _wrapper_class | append: ' blur' %}
+      {% assign _class = _class | append: ' blur' %}
 
       {% unless _lqip contains 'data:' %}
         {% assign _lqip_alt = 'lqip="' | append: _path_prefix %}
@@ -153,7 +121,7 @@
       {% assign _left = _left | replace: 'src=', 'data-src=' | replace: ' lqip=', ' data-lqip="true" src=' %}
 
     {% else %}
-      {% assign _wrapper_class = _wrapper_class | append: ' shimmer' %}
+      {% assign _class = _class | append: ' shimmer' %}
     {% endif %}
 
     <!-- lazy-load images -->
@@ -186,7 +154,7 @@
           | default: _src
           | prepend: '<a href="'
           | append: '" class="popup img-link '
-          | append: _wrapper_class
+          | append: _class
           | append: '">'
         %}
 

_includes/related-posts.html

@@ -21,7 +21,6 @@
   {% assign match_posts = match_posts | push: site.tags[tag] | uniq %}
 {% endfor %}
 
-{% assign match_posts = match_posts | reverse %}
 {% assign last_index = match_posts.size | minus: 1 %}
 {% assign score_list = '' | split: '' %}
 
@@ -82,7 +81,10 @@
               {% include datetime.html date=post.date lang=include.lang %}
               <h4 class="pt-0 my-2">{{ post.title }}</h4>
               <div class="text-muted">
-                <p>{% include post-description.html %}</p>
+                <p>
+                  {% include no-linenos.html content=post.content %}
+                  {{ content | markdownify | strip_html | truncate: 200 | escape }}
+                </p>
               </div>
             </div>
           </a>

_includes/search-loader.html

@@ -12,15 +12,14 @@
         {tags}
       </div>
     </header>
-    <p>{content}</p>
+    <p>{snippet}</p>
   </article>
 {% endcapture %}
 
 {% capture not_found %}<p class="mt-5">{{ site.data.locales[include.lang].search.no_results }}</p>{% endcapture %}
 
 <script>
-  {% comment %} Note: dependent library will be loaded in `js-selector.html` {% endcomment %}
+  /* Note: dependent library will be loaded in `js-selector.html` */
-  document.addEventListener('DOMContentLoaded', () => {
   SimpleJekyllSearch({
     searchInput: document.getElementById('search-input'),
     resultsContainer: document.getElementById('search-results'),
@@ -45,5 +44,4 @@
       }
     }
   });
-  });
 </script>

_includes/search-results.html

@@ -1,9 +1,9 @@
 <!-- The Search results -->
 
-<div id="search-result-wrapper" class="d-flex justify-content-center d-none">
+<div id="search-result-wrapper" class="d-flex justify-content-center unloaded">
   <div class="col-11 content">
     <div id="search-hints">
-      {% include_cached trending-tags.html lang=include.lang %}
+      {% include_cached 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

@@ -5,13 +5,15 @@
     <a href="{{ '/' | relative_url }}" id="avatar" class="rounded-circle">
       {%- if site.avatar != empty and site.avatar -%}
         {%- capture avatar_url -%}
-          {% include media-url.html src=site.avatar %}
+          {% 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>
 
-    <a class="site-title d-block" href="{{ '/' | relative_url }}">{{ site.title }}</a>
+    <h1 class="site-title">
+      <a href="{{ '/' | relative_url }}">{{ site.title }}</a>
+    </h1>
     <p class="site-subtitle fst-italic mb-0">{{ site.tagline }}</p>
   </header>
   <!-- .profile-wrapper -->
@@ -42,7 +44,7 @@
 
   <div class="sidebar-bottom d-flex flex-wrap  align-items-center w-100">
     {% unless site.theme_mode %}
-      <button type="button" class="btn btn-link nav-link" aria-label="Switch Mode" id="mode-toggle">
+      <button type="button" class="mode-toggle btn" aria-label="Switch Mode">
         <i class="fas fa-adjust"></i>
       </button>
 

_includes/toc-status.html

@@ -1,10 +0,0 @@
-{% comment %}
-  Determine TOC state and return it through variable "enable_toc"
-{% endcomment %}
-
-{% assign enable_toc = false %}
-{% if site.toc and page.toc %}
-  {% if page.content contains '<h2' or page.content contains '<h3' %}
-    {% assign enable_toc = true %}
-  {% endif %}
-{% endif %}

_includes/toc.html

@@ -1,9 +1,13 @@
-{% include toc-status.html %}
+{% assign enable_toc = false %}
+{% if site.toc and page.toc %}
+  {% if page.content contains '<h2' or page.content contains '<h3' %}
+    {% assign enable_toc = true %}
+  {% endif %}
+{% endif %}
 
 {% if enable_toc %}
-  <div class="toc-border-cover z-3"></div>
+  <section id="toc-wrapper" class="ps-0 pe-4">
-  <section id="toc-wrapper" class="invisible position-sticky ps-0 pe-4 pb-4">
+    <h2 class="panel-heading ps-3 pt-2 mb-2">{{- site.data.locales[include.lang].panel.toc -}}</h2>
-    <h2 class="panel-heading ps-3 pb-2 mb-0">{{- site.data.locales[include.lang].panel.toc -}}</h2>
     <nav id="toc"></nav>
   </section>
 {% endif %}

_includes/topbar.html

@@ -1,6 +1,6 @@
 <!-- The Top Bar -->
 
-<header id="topbar-wrapper" class="flex-shrink-0" aria-label="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"
@@ -40,7 +40,7 @@
     </nav>
     <!-- endof #breadcrumb -->
 
-    <button type="button" id="sidebar-trigger" class="btn btn-link" aria-label="Sidebar">
+    <button type="button" id="sidebar-trigger" class="btn btn-link">
       <i class="fas fa-bars fa-fw"></i>
     </button>
 
@@ -55,11 +55,11 @@
       {% endif %}
     </div>
 
-    <button type="button" id="search-trigger" class="btn btn-link" aria-label="Search">
+    <button type="button" id="search-trigger" class="btn btn-link">
       <i class="fas fa-search fa-fw"></i>
     </button>
 
-    <search id="search" class="align-items-center ms-3 ms-lg-0">
+    <search class="align-items-center ms-3 ms-lg-0">
       <i class="fas fa-search fa-fw"></i>
       <input
         class="form-control"

_javascript/_copyright

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