🔖 Chore(release): 0.2.17

Bumps [@babel/core](https://github.com/babel/babel/tree/HEAD/packages/babel-core) from 7.19.6 to 7.20.12.
- [Release notes](https://github.com/babel/babel/releases)
- [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md)
- [Commits](https://github.com/babel/babel/commits/v7.20.12/packages/babel-core)

---
updated-dependencies:
- dependency-name: "@babel/core"
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

.babelrc

@@ -1,11 +1,12 @@
 {
+  "comments": false,
+  "minified": true,
   "presets": [
     [
       "@babel/preset-env",
       {
         "targets": "> 0.25%, not dead"
       }
-    ],
-    "minify"
+    ]
   ]
 }

.github/FUNDING.yml

@@ -0,0 +1,5 @@
+custom: [
+  "https://paypal.me/Lruihao",
+  "https://lruihao.cn/images/alipay.gif",
+  "https://lruihao.cn/images/wechatpay.gif"
+]

.github/ISSUE_TEMPLATE/bug-report.md

@@ -1,41 +0,0 @@
----
-name: Bug Report 错误报告
-about: Create a bug report 创建一个错误报告
-title: "[BUG] Some problem..."
-labels: bug
-
----
-
-### Describe the bug 描述你遇到的错误
-
-A clear and concise description of what the bug is.
-一段简短的对于你遇到的错误的描述.
-
-### Expected behavior 期待的行为
-
-A clear and concise description of what you expected to happen.
-一段简短的对于你期待的行为的描述.
-
-### Screenshots 屏幕截图
-
-If applicable, add screenshots to help explain your problem.
-如果可以的话, 提供屏幕截图对解决问题很有帮助.
-
-### Build Environment 构建环境
-
-- OS: [e.g. Windows 10, macOS, Ubuntu]
-- Theme version/commit [e.g. 0.2.0, 2ccba79]
-- Hugo version [e.g. 0.69.0]
-
-Please try to use Hugo **extended** version before opening the issue.
-请在创建 issue 之前尝试使用 Hugo **extended** 版本.
-
-### Preview Environment 预览环境
-
-- OS: [e.g. Windows 10, macOS, Ubuntu, iOS, Android]
-- Browser [e.g. Chrome, Safari, Firefox]
-
-### Additional Information 补充信息
-
-Configuration files or front matter code...
-配置文件或者前置参数的代码...

.github/ISSUE_TEMPLATE/bug-report.yml

@@ -0,0 +1,51 @@
+name: "Bug Report 错误报告"
+description: "Create a bug report 创建一个错误报告"
+title: "[BUG] Some problem ..."
+labels: ["bug"]
+body:
+  - type: textarea
+    id: describe
+    attributes:
+      label: Describe the bug 描述你遇到的错误
+      description: |
+        A clear and concise description of what the bug is.
+        一段简短的对于你遇到的错误的描述。
+  - type: textarea
+    id: expected
+    attributes:
+      label: Expected behavior 期待的行为
+      description: |
+        A clear and concise description of what you expected to happen.
+        一段简短的对于你期待的行为的描述。
+  - type: textarea
+    id: screenshots
+    attributes:
+      label: Screenshots 屏幕截图
+      description: |
+       If applicable, add screenshots to help explain your problem.
+       如果可以的话，提供屏幕截图对解决问题很有帮助。
+  - type: textarea
+    id: environment
+    attributes:
+      label: Build Environment 构建环境
+      description: |
+        Please try to use Hugo **extended** version before opening the issue.
+        请在创建 issue 之前尝试使用 Hugo **extended** 版本。
+      placeholder: |
+        - OS: [e.g. Windows 10, macOS, Ubuntu]
+        - Theme version/commit [e.g. 0.2.0, 2ccba79]
+        - Hugo version [e.g. 0.69.0]
+  - type: textarea
+    id: preview
+    attributes:
+      label: Preview Environment 预览环境
+      placeholder: |
+        - OS: [e.g. Windows 10, macOS, Ubuntu, iOS, Android]
+        - Browser [e.g. Chrome, Safari, Firefox]
+  - type: textarea
+    id: additional
+    attributes:
+      label: Additional Information 补充信息
+      description: |
+        Configuration files or front matter code ...
+        配置文件或者前置参数的代码 ...

.github/ISSUE_TEMPLATE/config.yml

@@ -1,5 +1,13 @@
 blank_issues_enabled: false
 contact_links:
+  - name: Questions 问题讨论
+    url: https://github.com/hugo-fixit/FixIt/discussions/new
+    about: Please ask questions in Discussion. 请在讨论中提问。
+
+  - name: 官方 QQ 群
+    url: https://qm.qq.com/cgi-bin/qm/qr?k=awbwdTtSQ_-H5QGzeJxdWgv6JMbNehNM&jump_from=webapi
+    about: '加入 FixIt 主题交流群: 814031017'
+
   - name: Theme Documentation 主题文档
-    url: https://hugoloveit.com/categories/documentation/
-    about: Please read the documentation carefully. 请先仔细阅读主题文档.
+    url: https://fixit.lruihao.cn/categories/documentation/
+    about: Please read the documentation carefully. 请先仔细阅读主题文档。

.github/ISSUE_TEMPLATE/feature-request.md

@@ -1,22 +0,0 @@
----
-name: Feature request 功能请求
-about: Suggest an idea for this project 为这个项目提供一个建议
-title: "[FEATURE] Some feature"
-labels: enhancement
-
----
-
-### Describe the feature you want 描述你的功能需求
-
-- Feature 1 功能需求 1
-  I want this feature to solve ...
-  我希望这个功能解决 ...
-- Feature 2 功能需求 2
-  I want this feature to solve ...
-  我希望这个功能解决 ...
-- ...
-
-### Useful reference 有价值的参考
-
-If available, provide useful links to fulfill the feature.
-如果可以的话, 提供实现这个功能的相关参考链接.

.github/ISSUE_TEMPLATE/feature-request.yml

@@ -0,0 +1,22 @@
+name: "Feature request 功能请求"
+description: "Suggest an idea for this project 为这个项目提供一个建议"
+title: "[FEATURE] Some feature"
+labels: ["enhancement"]
+body:
+    - type: textarea
+      id: describe
+      attributes:
+        label: Describe the feature you want 描述你的功能需求
+        description: |
+            Please submit new issues for different features.
+            请针对不同的功能建议提交新的 issue。
+        placeholder: |
+          I recommend adding this feature ...
+          我希望添加这样的一个功能 ...
+    - type: textarea
+      id: reference
+      attributes:
+        label: Useful reference 有价值的参考
+        description: |
+          If available, provide useful links to fulfill the feature. 
+          如果可以的话，提供实现这个功能的相关参考链接。

.github/configs/auto-assign.yml

@@ -0,0 +1,27 @@
+# Set to true to add reviewers to PRs
+addReviewers: true
+
+# Set to 'author' to add PR's author as a assignee
+addAssignees: author
+
+# A list of reviewers to be added to PRs (GitHub user name)
+reviewers:
+  - Lruihao
+  
+# A number of reviewers added to the PR
+# Set 0 to add all the reviewers (default: 0)
+numberOfReviewers: 1
+
+# A list of assignees, overrides reviewers if set
+assignees:
+  - Lruihao
+  
+# A number of assignees to add to the PRs
+# Set to 0 to add all of the assignees.
+# Uses numberOfReviewers if unset.
+numberOfAssignees: 0
+
+# A list of keywords to be skipped the process if PR's title include it
+skipKeywords:
+  - wip
+  - deps-dev

.github/configs/codeql.yml

@@ -0,0 +1,5 @@
+name: "CodeQL config"
+
+paths-ignore:
+  - assets/lib/**
+  - docs/**

.github/dependabot.yml

@@ -10,3 +10,25 @@ updates:
     schedule:
       interval: "monthly"
     open-pull-requests-limit: 1000
+    assignees:
+      - "Lruihao"
+    labels:
+      - "dependencies"
+  - package-ecosystem: "github-actions"
+    directory: "/"
+    schedule:
+      interval: "monthly"
+    open-pull-requests-limit: 1000
+    assignees:
+      - "Lruihao"
+    labels:
+      - "dependencies"
+  - package-ecosystem: "gitsubmodule"
+    directory: "/"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 1000
+    assignees:
+      - "Lruihao"
+    labels:
+      - "dependencies"

.github/workflows/algolia-atomic.yml

@@ -0,0 +1,47 @@
+name: Update Algolia Search Index
+
+on:
+  push:
+    branches:
+      - master
+    paths:
+      - 'docs'
+  workflow_dispatch:
+
+jobs:
+  algolia-atomic:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          submodules: true  # Fetch Hugo themes (true OR recursive)
+          fetch-depth: 0    # Fetch all history for .GitInfo and .Lastmod
+
+      - name: Setup Hugo
+        uses: peaceiris/actions-hugo@v2
+        with:
+          hugo-version: 'latest'
+          extended: true
+
+      - name: Build
+        run: |
+            npm install
+            npm run build
+
+      - name: Update Algolia Index (en)
+        env:
+          ALGOLIA_APP_ID: YKOM6PKLUY
+          ALGOLIA_ADMIN_KEY: ${{ secrets.ALGOLIA_ADMIN_KEY }}
+          ALGOLIA_INDEX_NAME: 'index.en'
+          ALGOLIA_INDEX_FILE: './docs/public/index.json'
+        run: |
+          npm run algolia
+
+      - name: Update Algolia Index (zh-cn)
+        env:
+          ALGOLIA_APP_ID: YKOM6PKLUY
+          ALGOLIA_ADMIN_KEY: ${{ secrets.ALGOLIA_ADMIN_KEY }}
+          ALGOLIA_INDEX_NAME: 'index.zh-cn'
+          ALGOLIA_INDEX_FILE: './docs/public/zh-cn/index.json'
+        run: |
+          npm run algolia

.github/workflows/auto-assign.yml

@@ -0,0 +1,14 @@
+name: Auto Assign
+on:
+  issues:
+    types: [opened]
+  pull_request_target:
+    types: [opened]
+jobs:
+  run:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: wow-actions/auto-assign@v3
+        with:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          CONFIG_FILE: .github/configs/auto-assign.yml

.github/workflows/build.yml

@@ -0,0 +1,21 @@
+name: Hugo build check
+on:
+  pull_request:
+    branches: [ master ]
+  workflow_dispatch:
+jobs:
+  Actions-Hugo-Check:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out repository code
+        uses: actions/checkout@v3
+        with:
+          submodules: recursive  # Fetch Hugo themes (true OR recursive)
+          fetch-depth: 0         # Fetch all history for .GitInfo and .Lastmod
+      - name: Setup Hugo
+        uses: peaceiris/actions-hugo@v2
+        with:
+          hugo-version: latest
+          extended: true
+      - name: Build Hugo static files
+        run: hugo -v --source=docs --gc --minify

.github/workflows/codeql-analysis.yml

@@ -12,11 +12,14 @@
 name: "CodeQL"
 
 on:
+  push:
+    branches:
+      - master
   pull_request:
-    # The branches below must be a subset of the branches above
-    branches: [ main ]
+    branches:
+      - master
   schedule:
-    - cron: '45 0 * * 1'
+    - cron: '30 18 * * 5'
 
 jobs:
   analyze:
@@ -33,13 +36,14 @@ jobs:
 
     steps:
     - name: Checkout repository
-      uses: actions/checkout@v2
+      uses: actions/checkout@v3
 
     # Initializes the CodeQL tools for scanning.
     - name: Initialize CodeQL
-      uses: github/codeql-action/init@v1
+      uses: github/codeql-action/init@v2
       with:
         languages: ${{ matrix.language }}
+        config-file: ./.github/configs/codeql.yml
         # If you wish to specify custom queries, you can do so here or in a config file.
         # By default, queries listed here will override any specified in a config file.
         # Prefix the list here with "+" to use these queries and those in the config file.
@@ -48,7 +52,7 @@ jobs:
     # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
     # If this step fails, then you should remove it and run the build manually (see below)
     - name: Autobuild
-      uses: github/codeql-action/autobuild@v1
+      uses: github/codeql-action/autobuild@v2
 
     # ℹ️ Command-line programs to run using the OS shell.
     # 📚 https://git.io/JvXDl
@@ -62,4 +66,4 @@ jobs:
     #   make release
 
     - name: Perform CodeQL Analysis
-      uses: github/codeql-action/analyze@v1
+      uses: github/codeql-action/analyze@v2

.github/workflows/contributors.yml

@@ -0,0 +1,27 @@
+name: Generate Contribute List
+on:
+  push:
+    branches:
+      - master
+    workflow_dispatch:
+jobs:
+  contrib-readme-job:
+    runs-on: ubuntu-latest
+    name: A job to automate contribute list in contributors.md file
+    steps:
+      - name: First Contribution Check
+        id: first-check
+        uses: sukki37/first-contribution-check-action@v1.0.0
+        env:
+          GITHUB_TOKEN: ${{ secrets.CONTRIBUTORS_TOKEN }}
+      - name: Contribute List
+        uses: akhilmhdh/contributors-readme-action@master
+        if: ${{ steps.first-check.outputs.isNewContributor == 'true' }}
+        with:
+          readme_path: "contributors.md"
+          image_size: 100
+          commit_message: ":busts_in_silhouette: Chore(contributor): contrib-readme-action has updated contributors.md"
+          committer_username: "github-actions[bot]"
+          committer_email: "github-actions[bot]@users.noreply.github.com"
+        env:
+          GITHUB_TOKEN: ${{ secrets.CONTRIBUTORS_TOKEN }}

.gitignore

@@ -1,24 +1,28 @@
 # Hugo default output directory
 public/
-/exampleSite/resources/
-
-node_modules/
-build/
 resources/
 
-## OS Files
-# Windows
+# Hugo
+.hugo_build.lock
+jsconfig.json
+
+# NPM
+node_modules/
+
+# VSCode
+.vscode
+
+# OS Files
+## Windows
 Thumbs.db
 ehthumbs.db
 Desktop.ini
 $RECYCLE.BIN/
 
-# OSX
+## OSX
 .DS_Store
 
-# Linux
+## Linux
 .directory
 
-# Hugo
-.hugo_build.lock
-jsconfig.json
+

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "docs"]
+	path = docs
+	url = https://github.com/hugo-fixit/docs.git

CHANGELOG.md

@@ -1,43 +1,277 @@
 # Changelog
+
 All notable changes to this project will be documented in this file.
-<!-- Releases see https://github.com/Lruihao/FixIt/releases -->
+<!-- Releases see https://github.com/hugo-fixit/FixIt/releases -->
+
+## v0.2.17 [2023.1.29]
+
+> Snapshot: <>
+
+- :tada: Feat: add support for [Fusejs search](https://fusejs.io/) ([#203](https://github.com/hugo-fixit/FixIt/issues/203))
+- :sparkles: Feat: add feature post reward support ([#216](https://github.com/hugo-fixit/FixIt/issues/216), @Lruihao[#234](https://github.com/hugo-fixit/FixIt/pull/234))
+- :sparkles: Feat: add reward shortcode support ([#216](https://github.com/hugo-fixit/FixIt/issues/216))
+- :sparkles: Feat: add TagCloud config support for tags page, see parameter `params.tagcloud` ([#235](https://github.com/hugo-fixit/FixIt/issues/235))
+- :sparkles: Feat: add [pace](https://github.com/CodeByZach/pace) support ([#190](https://github.com/hugo-fixit/FixIt/issues/190))
+- :sparkles: Feat: add custom templates and parameter `params.customFilePath` support
+- :sparkles: Feat: add feature end of post flag support ([#236](https://github.com/hugo-fixit/FixIt/issues/236))
+- :sparkles: Feat: refactor parameter `params.footer.siteTime`
+- :sparkles: Feat: add params to close wordcount and readingTime in post ([#209](https://github.com/hugo-fixit/FixIt/issues/209))
+- :sparkles: Feat: add parameter `params.footer.order` to order footer lines
+- :sparkles: Feat: add parameter `params.home.profile.avatarMenu`
+- :truck: Feat: migrate parameter `params.autoBookmark` to `params.page.autoBookmark` ([#55](https://github.com/hugo-fixit/FixIt/issues/55))
+- :truck: Feat: move `assets/data/emoji` to `assets/lib/valine/emoji/`
+- :zap: Perf: optimize close comment feature when the post has expired ([#204](https://github.com/hugo-fixit/FixIt/issues/204))
+- :zap: Perf: optimize sub menu position calculation in desktop header with css replace of javascript
+- :zap: Perf: enhance pangu spelling correction
+- :bug: Fix: remove the leading and trailing whitespace of the code string ([#205](https://github.com/hugo-fixit/FixIt/issues/205))
+- :bento: Fix: update webfonts for fontawesome 6.2.0 (@NicoDreamzZ[#228](https://github.com/hugo-fixit/FixIt/pull/228))
+- :bug: Fix: image shortcode/plugin lose the support for svg type files ([#210](https://github.com/hugo-fixit/FixIt/issues/210))
+- :bug: Fix: can't keep the static table of the contents in front of the post
+- :bug: Fix: escape hashtag character `#` in tag and category ([#245](https://github.com/hugo-fixit/FixIt/issues/245))
+- :bug: Fix: pangu.js cdn error
+- :bug: Fix: sitemap.xml link in robots.txt doesn't point to main sitemap (@Mejituu[#276](https://github.com/hugo-fixit/FixIt/pull/276))
+- :recycle: Refactor(i18n): hierarchize translation fields for supported languages
+- :globe_with_meridians: Docs(i18n): add missing translations for French + enhancements (@Kapusch[#247](https://github.com/hugo-fixit/FixIt/pull/247))
+- :lipstick: Style: refactor css style
+- :lipstick: Style: update home page stylesheet
+- :arrow_up: Chore(libs):
+  - Update Twikoo from 1.4.10 to 1.6.8 and add Katex support for it ([#215](https://github.com/hugo-fixit/FixIt/issues/215) [#243](https://github.com/hugo-fixit/FixIt/issues/243))
+- :wrench: Chore(deps-dev):
+  - Bump @babel/cli from 7.18.10 to 7.20.7
+  - Bump @babel/core from 7.19.1 to 7.20.12
+  - Bump @babel/preset-env from 7.18.10 to 7.20.2
+  - Bump core-js from 3.25.2 to 3.27.2
+
+- **Full Changelog:** @Lruihao [`v0.2.16...v0.2.17`](https://github.com/hugo-fixit/FixIt/compare/v0.2.16...v0.2.17)
+
+## v0.2.16 [2022.9.24]
+
+> This version fixes several bugs, adds a few new features and SEO optimizations, and refactors part of the project structure and code.  
+> Snapshot: <https://fixit-jir7e7kzt-x-cell.vercel.app>
+
+- :tada: Feat: add reading progress bar support ([#191](https://github.com/hugo-fixit/FixIt/issues/191))
+- :tada: Feat: add b2t scroll percent support ([#192](https://github.com/hugo-fixit/FixIt/issues/192))
+- :sparkles: Feat: add auto bookmark support ([#55](https://github.com/hugo-fixit/FixIt/issues/55))
+- :sparkles: Feat: add `raw` shortcode
+- :sparkles: Feat(menu): add params: `icon`, `type` for menu items
+- :sparkles: Feat: add custom aside template in post page ([#172](https://github.com/hugo-fixit/FixIt/issues/172))
+- :sparkles: Feat(math): add more block delimiter support for math
+- :sparkles: Feat(highlight): add full support for Chroma highlighting languages in the [list](https://gohugo.io/content-management/syntax-highlighting/#list-of-chroma-highlighting-languages)
+- :sparkles: Feat: add optional parameter `noreferrer` for the shortcode `link`
+- :sparkles: Feat: update echarts theme config
+- :sparkles: Feat: add noscript warning banner ([#194](https://github.com/hugo-fixit/FixIt/issues/194))
+- :sparkles: Feat: add 12 newly supported social links ([#175](https://github.com/hugo-fixit/FixIt/issues/175) [#197](https://github.com/hugo-fixit/FixIt/issues/197))
+- :zap: Perf: remove extra spaces in plugin link
+- :wheelchair: Feat(accessibility): use `aria-hidden=true` on icons that AT should ignore
+- :recycle: Refactor: image rendering
+- :recycle: Refactor: back to top and scroll to comments
+- :recycle: Refactor: custom.js rendering and remove `params.customJS` ([#189](https://github.com/hugo-fixit/FixIt/pull/189))
+- :recycle: Refactor: scss directory ([#185](https://github.com/hugo-fixit/FixIt/issues/185))
+- :recycle: Refactor: plugin script
+- :recycle: Refactor: version.template.svg
+- :recycle: Refactor: config ([#187](https://github.com/hugo-fixit/FixIt/issues/187))
+- :bug: Fix: add function `dos2unix` to unify new lines symbol between Windows and Unix/Mac OS
+- :bug: Fix: author display error in post and markdown file
+- :bug: Fix: use data attributes or class replace for custom attributes
+- :bug: Fix: attribute `media` not allowed on element meta in `[name=theme-color]`
+- :bug: Fix: support smooth migration from LoveIt to FixIt ([#174](https://github.com/hugo-fixit/FixIt/discussions/174) [#182](https://github.com/hugo-fixit/FixIt/issues/182))
+- :bug: Fix: `center-quote` shortcode rendering error when config `unsafe = false` (@yureiita[#160](https://github.com/hugo-fixit/FixIt/pull/160))
+- :bug: Fix: menu item invalid params `draft` in submenu
+- :bug: Fix: missing height and weight of img element and lazyload object-fit style
+- :bug: Fix: image shortcode invalid params `height` and `weight` ([#200](https://github.com/hugo-fixit/FixIt/issues/200))
+- :bug: Fix: typeit shortcode invalid config `duration = -1` and fix style
+- :bug: Fix: typeit shortcode prints consecutive spaces and newline errors
+- :art: Style: change the default icons of some social links
+- :bug: Fix: component `paginator` style error ([#188](https://github.com/hugo-fixit/FixIt/issues/188))
+- :lipstick: Style: fix language and theme switch cursor style ([#193](https://github.com/hugo-fixit/FixIt/issues/193))
+- :lipstick: Style: change line-break style of code element from `anywhere` to `auto`
+- :globe_with_meridians: Docs(i18n): update pt-br, de in i18n
+- :mag: Perf(SEO): enhance SEO performance
+- :wrench: Chore: modify babel config and optimize theme.js compilation and loading (revert [`65371a1`](https://github.com/hugo-fixit/FixIt/commit/65371a19a40591c3f403f7fde2b7001c3390354d))
+- :wrench: Chore: creating new go.mod: module github.com/hugo-fixit/FixIt
+- :arrow_up: Chore(libs):
+  - Update simple-icons from 6.3.0 to 7.12.0
+  - Update emoji-data from 5.0.1 to 14.0.0
+  - Update mermaid from 9.1.3 to 9.1.7
+  - Update typeit from 7.0.4 to 8.7.0
+  - Update lightgallery from 1.4.0 to 2.6.1
+  - Update Valine from 1.5.0 to 1.5.1
+  - Update @waline/client from 2.6.1 to 2.10.0
+  - Update mapbox-gl from 2.8.2 to 2.10.0
+  - Update fontawesome-free from 6.1.1 to 6.2.0
+  - Update katex from 0.15.3 to 0.16.2
+  - Update echarts from 5.2.2 to 5.3.3
+  - Update algoliasearch from 4.13.0 to 4.14.2
+- :wrench: Chore(deps-dev):
+  - Remove dependencies: minimist, babel-preset-minify
+  - Bump core-js from 3.24.1 to 3.25.2 (@dependabot[#201](https://github.com/hugo-fixit/FixIt/pull/201))
+  - Bump @babel/core from 7.18.10 to 7.19.1 (@dependabot[#202](https://github.com/hugo-fixit/FixIt/pull/202))
+- **Full Changelog:** @Lruihao [`v0.2.15...v0.2.16`](https://github.com/hugo-fixit/FixIt/compare/v0.2.15...v0.2.16)
+
+## v0.2.15 [2022.8.4]
+
+> Add content encryption feature(pages, partial), total word count, enhance auto toc, developer options and more.  
+> Snapshot: <https://fixit-hvd1rg4ba-x-cell.vercel.app>
+
+- :truck: Feat: ransfer repository from Lruihao to hugo-fixit
+- :tada: Feat: add content encryption of pages ([#123](https://github.com/hugo-fixit/FixIt/issues/123))
+- :tada: Feat: add `fixit-encryptor` shortcode ([#123](https://github.com/hugo-fixit/FixIt/issues/123))
+- :sparkles: Feat: add total word count feature in section and remove from footer ([#124](https://github.com/hugo-fixit/FixIt/issues/124))
+- :sparkles: Feat: enhance auto toc feature ([#104](https://github.com/hugo-fixit/FixIt/issues/104) [#136](https://github.com/hugo-fixit/FixIt/issues/136))
+- :sparkles: Feat: add repost feature ([#156](https://github.com/hugo-fixit/FixIt/issues/156))
+- :sparkles: Feat: add developer options
+  - Check for updates option
+  - Mobile Devtools config ([#163](https://github.com/hugo-fixit/FixIt/pull/163))
+- :bug: Fix: unable to show search bar of header at mobile mode ([#143](https://github.com/hugo-fixit/FixIt/issues/143))
+- :bug: Fix: Giscus comment invalid config `inputPosition`
+- :bug: Fix: Waline comment invalid config `imageUploader = false` & `highlighter = false` (@yureiita[#161](https://github.com/hugo-fixit/FixIt/pull/161))
+- :bug: Fix: busuanzi logic error
+- :bug: Fix: close comment system logic error when the article was expired
+- :bug: Style: fix typos for rel attribute value noreferrer (@yureiita[#157](https://github.com/hugo-fixit/FixIt/pull/157))
+- :recycle: Refactor: migrate theme js from src to assets by js.build
+- :recycle: Refactor: change the post edit url splicing rules
+- :mag: Feat(SEO): add options to make output `baidu_urls.txt` file ([#138](https://github.com/hugo-fixit/FixIt/issues/138))
+- :truck: Feat: migrate exampleSite to docs submodule
+- :art: Style: add theme colors variables and add common color styles
+- :art: Style: add scroll bar for auto toc ([#136](https://github.com/hugo-fixit/FixIt/issues/136))
+- :art: Style: change the version badge style form flat-square to flat
+- :memo: Docs: revise theme documentations
+- :heavy_plus_sign: Feat: add theme core configuration settings file
+- :wrench: Feat(cdn): add unpkg cdn support
+- :wrench: Chore: change the theme minimum supported Hugo versions above **0.84.0**
+- :arrow_up: Chore(libs): update some third-party libraries
+  - Update Artalk from 2.2.12 to 2.3.4 ([#150](https://github.com/hugo-fixit/FixIt/issues/150))
+  - Update Waline from 1.5.2 to 2.6.1
+  - Update Valine from 1.4.18 to 1.5.0
+  - Update mermaid from 8.13.3 to 9.1.3
+- :arrow_up: Chore(deps-dev):
+  - Bump babel-preset-minify from 0.5.1 to 0.5.2 ([#145](https://github.com/hugo-fixit/FixIt/pull/145))
+  - Bump core-js from 3.22.0 to 3.24.1 ([#168](https://github.com/hugo-fixit/FixIt/pull/168))
+  - Bump @babel/preset-env from 7.16.11 to 7.18.10 ([#169](https://github.com/hugo-fixit/FixIt/pull/169))
+  - Bump @babel/cli from 7.17.6 to 7.18.10 ([#170](https://github.com/hugo-fixit/FixIt/pull/170))
+  - Bump @babel/core from 7.17.9 to 7.18.10 ([#171](https://github.com/hugo-fixit/FixIt/pull/171))
+- **Full Changelog:** @Lruihao [`v0.2.14...v0.2.15`](https://github.com/hugo-fixit/FixIt/compare/v0.2.14...v0.2.15)
+
+## v0.2.14 [2022.5.15]
+
+> Add hugo new features support.  
+> Snapshot: <https://fixit-p1tg6tsml-lruihao.vercel.app>
+
+- :recycle: Refactor: header layout
+  - :tada: Feat: add sub menu (nested menu) support ([#31](https://github.com/hugo-fixit/FixIt/issues/31))
+  - :sparkles: Feat: add user-defined content to menu items via the `params` field ([#99](https://github.com/hugo-fixit/FixIt/issues/99))
+  - :sparkles: Feat: modified language selector to submenu (@pandaoh[`eced169`](https://github.com/hugo-fixit/FixIt/commit/eced169713ce4a0208ce70ab556824e47eb671d5), @Lruihao[#31](https://github.com/hugo-fixit/FixIt/issues/31))
+  - :bug: Fix: add "no more translations" judgment logic ([#100](https://github.com/hugo-fixit/FixIt/issues/100))
+  - :bug: Fix: fix some header css bug ([#31](https://github.com/hugo-fixit/FixIt/issues/31))
+- :sparkles: Feat: enhance link render ([#96](https://github.com/hugo-fixit/FixIt/issues/96))
+  - Add external icon for external links automatically
+  - Add download icon for downloadable links
+- :sparkles: Feat: add giscus comment system ([#130](https://github.com/hugo-fixit/FixIt/issues/130))
+- :sparkles: Feat: link shortcode add `external-icon` option ([#96](https://github.com/hugo-fixit/FixIt/issues/96))
+- :sparkles: Feat: add GitHub Corners support ([#106](https://github.com/hugo-fixit/FixIt/issues/106))
+- :sparkles: Feat: add local avatar and gravatar support for post author ([#125](https://github.com/hugo-fixit/FixIt/issues/125))
+- :sparkles: Feat: add ~~total word count support in footer~~ ([#124](https://github.com/hugo-fixit/FixIt/issues/124))
+- :sparkles: Feat: add "Edit this page" button support ([#103](https://github.com/hugo-fixit/FixIt/issues/103))
+- :sparkles: Feat: add count badge for taxonomy ([#122](https://github.com/hugo-fixit/FixIt/issues/122))
+- :zap: Perf: add Gravatar config support
+- :bug: Fix: invalid front matter `comment: true` ([#108](https://github.com/hugo-fixit/FixIt/issues/108))
+- :bug: Fix: ibruce and watermark option negative value error ([#114](https://github.com/hugo-fixit/FixIt/issues/114))
+- :truck: Feat: *migrate ~~`home.profile.gravatarSite`~~ to `gravatar.host`*
+- :truck: Feat: *migrate ~~`ibruce.siteTime`~~ to `footer.siteTime`*
+- :lipstick: Style: add some common CSS styles Class ([#101](https://github.com/hugo-fixit/FixIt/issues/101))
+- :lipstick: Style: add the gap between and icon and text at blending typesetting (@ctj12461, @Lruihao[#118](https://github.com/hugo-fixit/FixIt/pull/118))
+- :lipstick: Style: modify blockquote CSS
+- :memo: Docs: revise theme documentations
+- :zap: Perf: remove third-party library clipboard.js ([#84](https://github.com/hugo-fixit/FixIt/issues/84))
+- :pencil2: Docs: fix highlight url typo in `theme-documentation-built-in-shortcodes` (@d-baer[#85](https://github.com/hugo-fixit/FixIt/pull/85))
+- :wrench: Chore(i18n): improve translations for the supported languages ([#119](https://github.com/hugo-fixit/FixIt/issues/119))
+- :wrench: Chore(i18n): add i18n support for console messages
+- :wrench: Chore: add deprecated parameter detection in cli
+- :arrow_up: Chore: update some third-party libraries
+- :wrench: Chore(deps-dev):
+  - Bump minimist from 1.2.5 to 1.2.6 ([#92](https://github.com/hugo-fixit/FixIt/pull/92))
+  - Bump @babel/core from 7.17.5 to 7.17.10 ([#126](https://github.com/hugo-fixit/FixIt/pull/126))
+  - Bump core-js from 3.21.1 to 3.22.5 ([#129](https://github.com/hugo-fixit/FixIt/pull/129))
+  - Bump @babel/cli from 7.17.6 to 7.17.10 ([#127](https://github.com/hugo-fixit/FixIt/pull/127))
+  - Bump @babel/preset-env from 7.16.11 to 7.17.10 ([`bc74d14`](https://github.com/hugo-fixit/FixIt/commit/bc74d149c16b36644fecdd5bef325bf8087f8593))
+- **Full Changelog:** @Lruihao [`v0.2.13...v0.2.14`](https://github.com/hugo-fixit/FixIt/compare/v0.2.13...v0.2.14)
+
+## v0.2.13 [2022.3.14]
+
+> Improve and add some new features.  
+> Snapshot: <https://fixit-bbh5g5x90-lruihao.vercel.app>
+
+- :recycle: Refactor: page layout ([#65](https://github.com/hugo-fixit/FixIt/issues/65))
+- :tada: Feat: add Artalk comment support ([#54](https://github.com/hugo-fixit/FixIt/issues/54), @hiifong[#57](https://github.com/hugo-fixit/FixIt/pull/57))
+- :tada: Feat: add Waline comment support ([#36](https://github.com/hugo-fixit/FixIt/issues/36))
+- :tada: Feat: add Twikoo comment support ([#64](https://github.com/hugo-fixit/FixIt/issues/64))
+- :sparkles: Feat: add recently updated section ([#50](https://github.com/hugo-fixit/FixIt/issues/50))
+- :sparkles: Feat: add article expiration reminder support ([#51](https://github.com/hugo-fixit/FixIt/issues/51))
+- :sparkles: Feat: add pageStyle option ([#62](https://github.com/hugo-fixit/FixIt/issues/62))
+- :sparkles: Style: add media style for print view ([#61](https://github.com/hugo-fixit/FixIt/issues/61))
+- :sparkles: Feat: add Gravatar mirror site support (@ctj12461[#66](https://github.com/hugo-fixit/FixIt/pull/66))
+- :sparkles: Feat: add archive count display ([#33](https://github.com/hugo-fixit/FixIt/issues/33))
+- :sparkles: Feat: add `details` shortcode ([#68](https://github.com/hugo-fixit/FixIt/issues/68))
+- :sparkles: Feat: add `center-quote` shortcode ([#69](https://github.com/hugo-fixit/FixIt/issues/69))
+- :sparkles: Feat: add markdown support for **title** parameter of the admonition shortcode
+- :sparkles: Feat: add 9 newly supported social links ([#17](https://github.com/hugo-fixit/FixIt/issues/17))
+- :zap: Perf: enhance highlight feature (GitHub syntax supported) and fix some css bugs ([#43](https://github.com/hugo-fixit/FixIt/issues/43))
+  - Inline Code
+  - Indented Code
+  - Block Fenced Code
+  - gist shortcode
+- :sparkles: Feat: add `params.page.code.edit` option support ([#76](https://github.com/hugo-fixit/FixIt/issues/76))
+- :mag: Feat: add 360 and sougou seo support
+- :bug: Fix: remove source map of local libraries to avoid 404 error ([#67](https://github.com/hugo-fixit/FixIt/issues/67))
+- :fire: Feat: remove shortcode cardlink ([#42](https://github.com/hugo-fixit/FixIt/issues/42))
+- :lipstick: Style: more refined theme style ([#40](https://github.com/hugo-fixit/FixIt/issues/40))
+- :pencil2: Style: fix typo *discription* should be **description** ([#60](https://github.com/hugo-fixit/FixIt/issues/60))
+- :wrench: Chore(update-libs):
+  - Update cell-watermark 1.0.3 and CDN support (fontFamily supported)
+  - Update animate.css 3.7.2 -> 4.1.1 ([#74](https://github.com/hugo-fixit/FixIt/issues/74))
+- :wrench: Chore: add atomic-algolia for exampleSite ([#70](https://github.com/hugo-fixit/FixIt/issues/70))
+- **Full Changelog:** @Lruihao [`v0.2.12...v0.2.13`](https://github.com/hugo-fixit/FixIt/compare/v0.2.12...v0.2.13)
 
 ## v0.2.12 [2022-1-27]
 
+> Fix most known bugs and add some new features.  
+> Snapshot: <https://fixit-e9lpwfkbp-lruihao.vercel.app>
+
 - :tada: Feat: add PWA support
-- :tada: Feat: add Watermark support ([#16](https://github.com/Lruihao/FixIt/issues/16))
-- :tada: Feat: add "不蒜子" count and site run time ([#18](https://github.com/Lruihao/FixIt/issues/18))
-- :sparkles: Feat: add pangu.js support ([#20](https://github.com/Lruihao/FixIt/issues/20))
-- :sparkles: Feat: add public network security config (only in China) ([#15](https://github.com/Lruihao/FixIt/issues/15))
-- :sparkles: Feat: add CustomJS option ([#24](https://github.com/Lruihao/FixIt/issues/24))
+- :tada: Feat: add Watermark support ([#16](https://github.com/hugo-fixit/FixIt/issues/16))
+- :tada: Feat: add "不蒜子" count and site run time ([#18](https://github.com/hugo-fixit/FixIt/issues/18))
+- :sparkles: Feat: add pangu.js support ([#20](https://github.com/hugo-fixit/FixIt/issues/20))
+- :sparkles: Feat: add public network security config (only in China) ([#15](https://github.com/hugo-fixit/FixIt/issues/15))
+- :sparkles: Feat: add CustomJS option ([#24](https://github.com/hugo-fixit/FixIt/issues/24))
 - :sparkles: Feat: add theme embedded archeTypes
-- :mag: Feat(SEO): optimize SEO meta ([#30](https://github.com/Lruihao/FixIt/issues/30))
-- :zap: Feat: remove lib smooth-scroll ([#1](https://github.com/Lruihao/FixIt/issues/1)) replaced by CSS native properties scroll-margin, scroll-behavior ([#39](https://github.com/Lruihao/FixIt/issues/39))
-- :zap: Perf: merge shortcode cardlink (deprecated v0.2.13) into shortcode link and add 'download' param ([#42](https://github.com/Lruihao/FixIt/issues/42))
-- :zap: Perf: optimize JS loading ([#25](https://github.com/Lruihao/FixIt/issues/25))
-- :recycle: Refactor: header title DOM and add subtitle option ([#26](https://github.com/Lruihao/FixIt/issues/26))
-- :bug: Fix: set mermaid theme as 'default' when initialization ([#38](https://github.com/Lruihao/FixIt/issues/38))
-- :bug: Fix: typeit print code error ([#19](https://github.com/Lruihao/FixIt/issues/19))
-- :bug: Fix: pre element overflow error ([#29](https://github.com/Lruihao/FixIt/issues/29))
-- :bug: Fix: toc display error without content header ([#21](https://github.com/Lruihao/FixIt/issues/21))
+- :mag: Feat(SEO): optimize SEO meta ([#30](https://github.com/hugo-fixit/FixIt/issues/30))
+- :zap: Feat: remove lib smooth-scroll ([#1](https://github.com/hugo-fixit/FixIt/issues/1)) replaced by CSS native properties scroll-margin, scroll-behavior ([#39](https://github.com/hugo-fixit/FixIt/issues/39))
+- :zap: Perf: merge shortcode cardlink (deprecated v0.2.13) into shortcode link and add 'download' param ([#42](https://github.com/hugo-fixit/FixIt/issues/42))
+- :zap: Perf: optimize JS loading ([#25](https://github.com/hugo-fixit/FixIt/issues/25))
+- :recycle: Refactor: header title DOM and add subtitle option ([#26](https://github.com/hugo-fixit/FixIt/issues/26))
+- :bug: Fix: set mermaid theme as 'default' when initialization ([#38](https://github.com/hugo-fixit/FixIt/issues/38))
+- :bug: Fix: typeit print code error ([#19](https://github.com/hugo-fixit/FixIt/issues/19))
+- :bug: Fix: pre element overflow error ([#29](https://github.com/hugo-fixit/FixIt/issues/29))
+- :bug: Fix: toc display error without content header ([#21](https://github.com/hugo-fixit/FixIt/issues/21))
 - :lipstick: Style: style detail adjustments, change scroll-behavior to smooth, taxonomy, header, footer, shortcode style etc.
-- :pencil: Docs: improve demo site documentation ([#37](https://github.com/Lruihao/FixIt/issues/37))
+- :pencil: Docs: improve demo site documentation ([#37](https://github.com/hugo-fixit/FixIt/issues/37))
 - :wrench: Chore: add commands `fixit_checker.sh`
 - :wrench: Chore(i18n): change some translations
 - :arrow_up: Chore: update all third-party libraries
-- **Full Changelog:** [`v0.2.11...v0.2.12`](https://github.com/Lruihao/FixIt/compare/v0.2.11...v0.2.12)
+- **Full Changelog:** @Lruihao [`v0.2.11...v0.2.12`](https://github.com/hugo-fixit/FixIt/compare/v0.2.11...v0.2.12)
+
 ## v0.2.11 [2021-12-19]
 
 > :tada: The beginning of FixIt to fix the theme LoveIt.
 
-- :sparkles: Feat: add cardlink shortcode ([Lruihao/hugo-blog@`df9eca2`](https://github.com/Lruihao/hugo-blog/commit/df9eca26af43287748fd8d4654014357a8269b0b)) 
+- :sparkles: Feat: add cardlink shortcode ([Lruihao/hugo-blog@`df9eca2`](https://github.com/Lruihao/hugo-blog/commit/df9eca26af43287748fd8d4654014357a8269b0b))
 - :tada: Feat: add friends layout template
 - :wrench: Chore(i18n): add translations for Traditional Chinese ([Lruihao/hugo-blog@`df9eca2`](https://github.com/Lruihao/hugo-blog/commit/b86157d8b84830bda415ab2488580afd843acac2))
 - :bug: Fix: mobile style ([Lruihao/hugo-blog#19](https://github.com/Lruihao/hugo-blog/issues/19))
 - :bug: Style: fix content h1 style ([Lruihao/hugo-blog#8](https://github.com/Lruihao/hugo-blog/issues/8))
 - :bug: Fix: `.params.author` should be `$params.author`  ([Lruihao/hugo-blog#1](https://github.com/Lruihao/hugo-blog/issues/1))
-- **Full Changelog:** [`v0.2.10...v0.2.11`](https://github.com/Lruihao/FixIt/compare/v0.2.10...v0.2.11)
+- **Full Changelog:** @Lruihao [`v0.2.10...v0.2.11`](https://github.com/hugo-fixit/FixIt/compare/v0.2.10...v0.2.11)
 
 ## v0.2.10 :arrow_down: [2020-5-29 before]
 
-Thanks [dillonzq/LoveIt](https://github.com/dillonzq/LoveIt/releases)
+Thanks [dillonzq/LoveIt](https://github.com/dillonzq/LoveIt/releases)

CONTRIBUTING.md

@@ -1,17 +1,18 @@
+# CONTRIBUTING
+
 ## How to contribute to this project
 
 First, fork this repository by clicking the fork button.
 
 Next, clone your forked repo.
 
-```
-git clone https://github.com/example/FixIt.git
-cd FixIt
+```bash
+git clone --recursive https://github.com/hugo-fixit/FixIt.git && cd FixIt
 ```
 
 Then, install the dev dependencies.
 
-```
+```bash
 npm install
 ```
 
@@ -19,51 +20,66 @@ And now you are ready to go!
 
 Here are some useful commands.
 
-```
-npm run babel #build theme.js with babel
-npm run build #build theme.js and then build the static site
-npm run start #build theme.js and then run a local debugging server
-npm run start:production #build theme.js and then run a local debugging server in production environment
-npm run serve #run a local debugging server without building a new theme.js
-npm run serve:production #run a local debugging server in production environment without building a new theme.js
+```bash
+# build theme.js with babel
+npm run babel
+# build theme.js and then build the static site
+npm run build
+# run a local debugging server with watch
+npm run server
+# run a local debugging server with watch in production environment
+npm run server:production
+# build theme.js and then run a local debugging server
+npm run start
+# build theme.js and then run a local debugging server in production environment
+npm run start:production
+
 ```
 
-Finally, create a new pull request at https://github.com/Lruihao/FixIt/pulls to submit your contribution 🎉
+Finally, create a new pull request at <https://github.com/hugo-fixit/FixIt/pulls> to submit your contribution 🎉
 
 ## Git standard for developers
 
 ### Branches
 
-| Branch | Discription |
+| Branch | Description |
 | :-- | :-- |
 | master | _The branch open to the public and release versions_ |
-| RC branch | _The development branch of the next version, e.g. v0.2.12-RC_ |
+| dev | _The development branch of the next version_ |
+| RC branch | _The release candidate branch of the next version, e.g. v0.2.12-RC_ |
 | single feature | _The branch to enhancements or fixes_ |
 
 ### Merge events
 
 | event | merge |
 | :-- | :-- |
-| release | **master => RC branch:** `--rebase` |
+| release | **RC branch => master:** `--rebase` |
 | PR | **others:master => master:** `--rebase` |
 | single feature| **feature branch => RC branch:** `--merge` |
 
 ### Commit message
 
 #### Format
-> {emoji} {type}: {subject within 50 words} (#{issue/pull request})
+
+`[{emoji} ]{type}[({module})]: {subject within 50 words}[ (#{issue/pull request})]`
+
+example:
+
+- :tada: Feat: add shortcode fixit-encryptor shortcode (#123)
+- :arrow_up: Chore(libs): update Artalk from 2.2.12 to 2.3.4 (#150)
 
 #### Emoji
-- https://gitmoji.dev
+
+- <https://gitmoji.dev>
 - [vscode plugin](https://github.com/maixiaojie/git-emoji-zh.git)
 - utools plugin `GitEmoji`
 
 #### Message
 
-| Emoji                                         | Type     | Example                                                      | Discription (No Ambiguous)                                   |
+| Emoji                                         | Type     | Example                                                      | Description (No Ambiguous)                                   |
 | :-------------------------------------------- | :------- | :----------------------------------------------------------- | :----------------------------------------------------------- |
 | :tada:  <br>:sparkles:                        | Feat     | Feat: add {feature}                                          | new feature                                                  |
-| :truck:                                       |          | Feat: adjust/migrate {feature name}，{change details}        | For the adjustment feature, it is necessary to describe the current situation (before) and after adjustment (after) |
+| :truck:                                       |          | Feat: adjust/migrate {feature name}, {change details}        | For the adjustment feature, it is necessary to describe the current situation (before) and after adjustment (after) |
 | :fire:                                        |          | Feat: delete {feature name}, {deletion reason}               | If the feature is deleted, the reason for deletion must be explained |
 | :bug: <br>:construction: <br>:rotating_light: | Fix      | Fix: fix {bug description}                                   | Fix known bugs                                               |
 | :art: <br>:lipstick: <br>:pencil2:            | Style    | Style: Typesetting/CSS style {optimizing content}            | Changes that do not affect code operation, such as code layout and style change |

LICENSE

@@ -2,7 +2,7 @@ The MIT License (MIT)
 
 Copyright (c) 2018 LIUZHICHAO.COM
 Copyright (c) 2019-2020 DILLONZQ.COM
-Copyright (c) 2021-2022 LRUIHAO.CN
+Copyright (c) 2021-2023 LRUIHAO.CN
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of
 this software and associated documentation files (the "Software"), to deal in

README.md

@@ -1,45 +1,41 @@
 # FixIt Theme | Hugo
 
-[![GitHub release (latest by date)](https://img.shields.io/github/v/release/Lruihao/FixIt?style=flat-square)](https://github.com/Lruihao/FixIt/releases)
-[![GitHub commits since tagged version](https://img.shields.io/github/commits-since/Lruihao/FixIt/v0.2.10?style=flat-square)](https://github.com/Lruihao/FixIt/compare/v0.2.10...master)
-[![Hugo](https://img.shields.io/badge/Hugo-%5E0.62.0-ff4088?style=flat-square&logo=hugo)](https://gohugo.io/)
-[![License](https://img.shields.io/github/license/Lruihao/FixIt?style=flat-square)](https://github.com/Lruihao/FixIt/blob/master/LICENSE)
+[![GitHub release (latest by date)](https://img.shields.io/github/v/release/hugo-fixit/FixIt?style=flat)](https://github.com/hugo-fixit/FixIt/releases)
+[![Hugo](https://img.shields.io/badge/Hugo-%5E0.84.0-ff4088?style=flat&logo=hugo)](https://gohugo.io/)
+[![License](https://img.shields.io/github/license/hugo-fixit/FixIt?style=flat)](/LICENSE)
 
-English README | [简体中文说明](https://github.com/Lruihao/FixIt/blob/main/README.zh-cn.md)
+👉 English README | [简体中文说明](README.zh-cn.md)
 
-> **FixIt** is a **clean**, **elegant** but **advanced** blog theme for [Hugo](https://gohugo.io/).
+> [FixIt](https://github.com/hugo-fixit/FixIt) is a **clean**, **elegant** but **advanced** blog theme for [Hugo](https://gohugo.io/).
 
-It is based on the original [LoveIt Theme](https://github.com/dillonzq/LoveIt), [LeaveIt Theme](https://github.com/liuzc/LeaveIt) and [KeepIt Theme](https://github.com/Fastbyte01/KeepIt).
+It is based on the original [LoveIt Theme](https://github.com/dillonzq/LoveIt), [KeepIt Theme](https://github.com/Fastbyte01/KeepIt) and [LeaveIt Theme](https://github.com/liuzc/LeaveIt).
 
-[LoveIt Theme](https://github.com/dillonzq/LoveIt) is a awesome hugo theme for us, I'm sorry that it's repository has been out of maintenance for a long time, so I rebuilt a new fork named FixIt so that I can better **Fix It** and make it more user-friendly.
+The FixIt theme inherits the excellent features of these themes, and adds new features and optimizations on those basis. Please read [Why Choose FixIt](#why-choose-fixit) to learn more.
 
-The FixIt theme inherits the excellent functions of these themes, and adds new functions and optimizations on this basis. Please read [Why Choose FixIt](#why-choose-fixit) to learn more.
+![Hugo Theme FixIt](https://fixit.lruihao.cn/images/Apple-Devices-Preview.jpg)
 
-![Hugo Theme FixIt](https://github.com/Lruihao/FixIt/raw/master/images/Apple-Devices-Preview.png)
+## [Getting started](https://fixit.lruihao.cn/categories/documentation/)
 
-## Getting started
 Head to this [documentation page](https://fixit.lruihao.cn/theme-documentation-basics/) for a complete guidence to get started with the FixIt theme.
 
-### [Demo Site](https://fixit.lruihao.cn)
-To see this theme in action, here is a live [demo site](https://fixit.lruihao.cn) which is rendered with **FixIt** theme.
-
-### [Documentation](https://fixit.lruihao.cn/categories/documentation/)
-Build Documentation Locally:
+Or run [Documentation Site](https://fixit.lruihao.cn) locally:
 
 ```bash
-hugo server --source=exampleSite
+git clone --recursive https://github.com/hugo-fixit/FixIt.git && cd FixIt
+
+hugo server --source=docs
 ```
 
-Of course, you can also read the [FixIt wiki](https://github.com/Lruihao/FixIt/wiki) directly.
+In addition, there is the [FixIt wiki](https://github.com/hugo-fixit/FixIt/wiki).
 
-## Migrate from LoveIt
+## Install or Migrate
 
 If you are currently using the LoveIt theme (or some other themes), it is very easy to migrate to FixIt.
 
-You can add this repo as a submodule of your site directory.
+You can add this repo as a submodule of your site directory. Alternatively, you can [install the theme](https://fixit.lruihao.cn/theme-documentation-basics/#install-theme) in other ways.
 
 ```bash
-git submodule add https://github.com/Lruihao/FixIt.git themes/FixIt
+git submodule add https://github.com/hugo-fixit/FixIt.git themes/FixIt
 ```
 
 And later you can update the submodule in your site directory to the latest commit using this command:
@@ -48,12 +44,6 @@ And later you can update the submodule in your site directory to the latest comm
 git submodule update --remote --merge
 ```
 
-Or use shell command `fixit_checker.sh` to update and commit in the theme directory.
-
-```bash
-sh fixit_checker.sh
-```
-
 Next, go to the `config.toml` and change the default theme to `FixIt`.
 
 ```diff
@@ -65,40 +55,26 @@ Now the migration is finished and everything is ready 🎉
 
 ## Why choose FixIt
 
-* Custom **Header**
-* Custom **CSS Style**
-* A new **home page**, compatible with the latest version of Hugo
-* A lot of **style detail adjustments,** including color, font size, margins, code preview style
-* More readable **dark mode**
-* Some beautiful **CSS animations**
-* Easy-to-use and self-expanding **table of contents**
-* More **social links**, **share sites** and **comment system**
-* **Search** supported by [Lunr.js](https://lunrjs.com/) or [algolia](https://www.algolia.com/)
-* **Copy code** to clipboard with one click
-* Extended Markdown syntax for **[Font Awesome](https://fontawesome.com/) icons**
-* Extended Markdown syntax for **ruby annotation**
-* Extended Markdown syntax for **fraction**
-* **Mathematical formula** supported by [KaTeX](https://katex.org/)
-* **Diagram syntax** shortcode supported by [mermaid](https://github.com/knsv/mermaid)
-* **Interactive data visualization** shortcode supported by [ECharts](https://echarts.apache.org/)
-* **Mapbox** shortcode supported by [Mapbox GL JS](https://docs.mapbox.com/mapbox-gl-js)
-* Embedded **music player** supported by [APlayer](https://github.com/MoePlayer/APlayer) and [MetingJS](https://github.com/metowolf/MetingJS)
-* **Bilibili** player supported
-* Kinds of **admonitions** shortcode supported
-* Custom style shortcodes supported
-* **CDN** for all third-party libraries supported
-* **PWA (Progressive Web App)** supported
-* **Web Watermark** supported by [Watermark](https://github.com/Lruihao/watermark)
-* **Chinese typesetting** supported by [pangu.js](https://github.com/vinta/pangu.js)
-* **Card type** link shortcode
-* **Friends** page embedded template
-* ...
+The FixIt theme inherits the excellent features of themes such as LoveIt, and adds new features and optimizations on those basis, as detailed in [Features](#features). In addition, the FixIt theme has the following advantages:
 
-In short,  
-if you prefer the design language and freedom of the FixIt theme,  
-if you want to use the extended Font Awesome icons conveniently,  
-if you want to embed mathematical formulas, flowcharts, music or Bilibili videos in your posts,  
-the FixIt theme may be more suitable for you.  
+* Complete Chinese and English official documentations
+* Community support: Theme official website, Discussions and official QQ group
+* Continuously and actively update
+* Constantly incorporate suggestions and ideas from all sides
+* Highly open theme customizable section
+
+In short, if you prefer the design language and freedom of the FixIt theme, and if you like to personalize your own themes as I do, the FixIt theme may be more suitable for you.
+
+## Who used FixIt
+
+To see this theme in action, here are some [live demo sites](https://fixit.lruihao.cn/friends/) which are rendered with **FixIt** theme.
+
+| Site                                                         | Repo                                                         |
+| :----------------------------------------------------------- | :----------------------------------------------------------- |
+| [FixIt Theme Official Website](https://fixit.lruihao.cn), [FixIt Preview](https://pre.fixit.lruihao.cn) | [hugo-fixit/docs](https://github.com/hugo-fixit/docs)        |
+| [FixIt Blog Template - Git](https://demo.fixit.lruihao.cn)   | [hugo-fixit/hugo-fixit-blog-git](https://github.com/hugo-fixit/hugo-fixit-blog-git) |
+| [FixIt Blog Template - Go](https://demo.fixit.lruihao.cn)    | [hugo-fixit/hugo-fixit-blog-go](https://github.com/hugo-fixit/hugo-fixit-blog-go) |
+| [Lruihao's note](https://lruihao.cn)                         | [Lruihao/hugo-blog](https://github.com/Lruihao/hugo-blog)    |
 
 ## Features
 
@@ -108,7 +84,7 @@ the FixIt theme may be more suitable for you.
 * Optimized SEO performance with a correct **SEO SCHEMA** based on JSON-LD
 * **[Google Analytics](https://analytics.google.com/analytics)** supported
 * **[Fathom Analytics](https://usefathom.com/)** supported
-* Search engine **verification** supported (Google, Bind, Yandex and Baidu)
+* Search engine **verification** supported (Google, Bing, Yandex, Pinterest, Baidu, 360 and Sogou)
 * **CDN** for third-party libraries supported
 * Automatically converted images with **Lazy Load** by [lazysizes](https://github.com/aFarkas/lazysizes)
 
@@ -126,23 +102,31 @@ the FixIt theme may be more suitable for you.
 
 * **Gravatar** supported by [Gravatar](https://gravatar.com)
 * Local **Avatar** supported
-* Up to **64** social links supported
+* Up to **87** social links supported
 * Up to **28** share sites supported
 * **Disqus** comment system supported by [Disqus](https://disqus.com)
 * **Gitalk** comment system supported by [Gitalk](https://github.com/gitalk/gitalk)
 * **Valine** comment system supported by [Valine](https://valine.js.org/)
+* **Waline** comment system supported by [Waline](https://waline.js.org/)
 * **Facebook comments** system supported by [Facebook](https://developers.facebook.com/docs/plugins/comments/)
 * **Telegram comments** system supported by [Telegram Comments](https://comments.app/)
 * **Commento** comment system supported by [Commento](https://commento.io/)
 * **Utterances** comment system supported by [Utterances](https://utteranc.es/)
+* **Artalk** comment system supported by [Artalk](https://artalk.js.org/)
+* **Twikoo** comment system supported by [Twikoo](https://twikoo.js.org/)
+* **giscus** comment system supported by [giscus](https://giscus.app/)
 
 ### Extended Features
 
-* **Search** supported by [Lunr.js](https://lunrjs.com/) or [algolia](https://www.algolia.com/)
+* **PWA (Progressive Web App)** supported
+* **Sub Menu** supported
+* **Content Encryption** supported (Pages, Partial)
+* **Friends** page embedded template
+* **Search** supported by [Lunr.js](https://lunrjs.com/) or [algolia](https://www.algolia.com/) or [Fuse.js](https://fusejs.io/)
 * **Twemoji** supported
 * Automatically **highlighting** code
 * **Copy code** to clipboard with one click
-* **Images gallery** supported by [lightgallery.js](https://github.com/sachinchoolur/lightgallery.js)
+* **Images gallery** supported by [lightgallery](https://github.com/sachinchoolur/lightgallery)
 * Extended Markdown syntax for **[Font Awesome](https://fontawesome.com/) icons**
 * Extended Markdown syntax for **ruby annotation**
 * Extended Markdown syntax for **fraction**
@@ -157,11 +141,8 @@ the FixIt theme may be more suitable for you.
 * **Custom script** shortcode
 * **Animated typing** supported by [TypeIt](https://typeitjs.com/)
 * **Cookie consent banner** supported by [cookieconsent](https://github.com/osano/cookieconsent)
-* **PWA (Progressive Web App)** supported
-* **Web Watermark** supported by [Watermark](https://github.com/Lruihao/watermark)
+* **Web Watermark** supported by [cell-watermark](https://github.com/Lruihao/watermark)
 * **Chinese typesetting** supported by [pangu.js](https://github.com/vinta/pangu.js)
-* **Card type** link shortcode
-* **Friends** page embedded template
 * ...
 
 ## Multilingual and i18n
@@ -170,6 +151,7 @@ FixIt supports the following languages:
 
 * English
 * Simplified Chinese
+* Traditional Chinese
 * French
 * Polish
 * Brazilian Portuguese
@@ -180,40 +162,50 @@ FixIt supports the following languages:
 * Russian
 * Romanian
 * Vietnamese
-* Traditional Chinese
-* [Contribute with a new language](https://github.com/Lruihao/FixIt/pulls)
+* [Contribute with a new language](https://github.com/hugo-fixit/FixIt/pulls)
+
 [Languages Compatibility](https://fixit.lruihao.cn/theme-documentation-basics/#language-compatibility)
 
-## [Roadmap](https://github.com/Lruihao/FixIt/projects/1)
+## [Roadmap](https://github.com/hugo-fixit/FixIt/projects/1)
 
-## [Changelog](https://github.com/Lruihao/FixIt/blob/main/CHANGELOG.md)
+## [Changelog](/CHANGELOG.md)
 
 ## Questions, ideas, bugs, pull requests
 
-All feedback is welcome! Head over to the [issue tracker](https://github.com/Lruihao/FixIt/issues).
+All feedback is welcome! Head over to the [issues](https://github.com/hugo-fixit/FixIt/issues) or [discussions](https://github.com/hugo-fixit/FixIt/discussions) tracker.
 
-## License
+## Contributing
 
-FixIt is licensed under the **MIT** license. Check the [LICENSE file](https://github.com/Lruihao/FixIt/blob/master/LICENSE) for details.
+Please see [CONTRIBUTING.md](CONTRIBUTING.md) for getting started with the contribution.
 
-Thanks to the authors of following resources included in the theme:
+Make sure that you follow [CODE_OF_CONDUCT.md](CODE_OF_CONDUCT.md) while contributing and engaging in the discussions.
+
+**When contributing, please first discuss the change you wish to make via an issue on this repository before making the actual change**.
+
+## [Contributors](contributors.md)
+
+## Acknowledgements
+
+<details open>
+<summary>Thanks to the authors of following resources included in the theme:</summary>
 
 * [normalize.css](https://github.com/necolas/normalize.css)
 * [Font Awesome](https://fontawesome.com/)
 * [Simple Icons](https://github.com/simple-icons/simple-icons)
 * [Animate.css](https://daneden.github.io/animate.css/)
-* [autocomplete.js](https://github.com/algolia/autocomplete.js)
+* [autocomplete-js](https://github.com/algolia/autocomplete)
 * [Lunr.js](https://lunrjs.com/)
 * [algoliasearch](https://github.com/algolia/algoliasearch-client-javascript)
+* [Fuse.js](https://fusejs.io/)
 * [lazysizes](https://github.com/aFarkas/lazysizes)
 * [object-fit-images](https://github.com/fregante/object-fit-images)
 * [Twemoji](https://github.com/twitter/twemoji)
-* [lightgallery.js](https://github.com/sachinchoolur/lightgallery.js)
-* [clipboard.js](https://github.com/zenorocha/clipboard.js)
+* [emoji-data](https://github.com/iamcal/emoji-data)
+* [lightgallery](https://github.com/sachinchoolur/lightgallery)
 * [Sharer.js](https://github.com/ellisonleao/sharer.js)
 * [TypeIt](https://typeitjs.com/)
 * [KaTeX](https://katex.org/)
-* [mermaid](https://github.com/knsv/mermaid)
+* [mermaid](https://github.com/mermaid-js/mermaid)
 * [ECharts](https://echarts.apache.org/)
 * [Mapbox GL JS](https://docs.mapbox.com/mapbox-gl-js)
 * [APlayer](https://github.com/MoePlayer/APlayer)
@@ -221,9 +213,43 @@ Thanks to the authors of following resources included in the theme:
 * [Gitalk](https://github.com/gitalk/gitalk)
 * [Valine](https://valine.js.org/)
 * [cookieconsent](https://github.com/osano/cookieconsent)
-* [Watermark](https://github.com/Lruihao/watermark)
+* [cell-watermark](https://github.com/Lruihao/watermark)
+* [不蒜子](http://busuanzi.ibruce.info/)
 * [pangu.js](https://github.com/vinta/pangu.js)
+* [Artalk](https://artalk.js.org/)
+* [Waline](https://waline.js.org/)
+* [Twikoo](https://twikoo.js.org/)
+* [github-corners](https://github.com/tholman/github-corners)
+* [giscus](https://giscus.app/)
+* [crypto-js](https://github.com/brix/crypto-js)
+* [vConsole](https://github.com/Tencent/vConsole)
+* [eruda](https://github.com/liriliri/eruda)
+* [pace](https://github.com/CodeByZach/pace)
+
+</details>
+
+<details open>
+<summary>The FixIt also draws on some features of the following projects, and thanks to their authors as well:</summary>
+
+* [DoIt](https://github.com/HEIGE-PCloud/DoIt)
+* [NexT](https://github.com/next-theme/hexo-theme-next)
+
+</details>
+
+## License
+
+FixIt is licensed under the **MIT** license. Check the [LICENSE file](LICENSE) for details.
 
 ## Author
 
 [Lruihao](https://lruihao.cn)
+
+## Sponsor
+
+If you enjoy the theme, please consider buying me a coffee ☕️.
+
+* [PayPal](https://paypal.me/Lruihao)
+* [Alipay](images/alipay.gif)
+* [Wechat](images/wechatpay.gif)
+
+Thanks! ❤️

README.zh-cn.md

@@ -1,44 +1,43 @@
 # FixIt 主题 | Hugo
 
-[![GitHub release (latest by date)](https://img.shields.io/github/v/release/Lruihao/FixIt?style=flat-square)](https://github.com/Lruihao/FixIt/releases)
-[![GitHub commits since tagged version](https://img.shields.io/github/commits-since/Lruihao/FixIt/v0.2.10?style=flat-square)](https://github.com/Lruihao/FixIt/compare/v0.2.10...master)
-[![Hugo](https://img.shields.io/badge/Hugo-%5E0.62.0-ff4088?style=flat-square&logo=hugo)](https://gohugo.io/)
-[![License](https://img.shields.io/github/license/Lruihao/FixIt?style=flat-square)](https://github.com/Lruihao/FixIt/blob/master/LICENSE)
+[![GitHub release (latest by date)](https://img.shields.io/github/v/release/hugo-fixit/FixIt?style=flat)](https://github.com/hugo-fixit/FixIt/releases)
+[![Hugo](https://img.shields.io/badge/Hugo-%5E0.84.0-ff4088?style=flat&logo=hugo)](https://gohugo.io/)
+[![License](https://img.shields.io/github/license/hugo-fixit/FixIt?style=flat)](/LICENSE)
 
-[English README](https://github.com/HEIGE-PCloud/DoIt/blob/main/README.md) | 简体中文说明
+👉 [English README](README.md) | 简体中文说明
 
-> [FixIt](https://github.com/Lruihao/FixIt) 是一个**简洁**、**优雅**且**高效**的 [Hugo](https://gohugo.io/) 博客主题。
+> [FixIt](https://github.com/hugo-fixit/FixIt) 是一个**简洁**、**优雅**且**高效**的 [Hugo](https://gohugo.io/) 博客主题。
 
-它的原型基于 [LoveIt 主题](https://github.com/dillonzq/LoveIt), [LeaveIt 主题](https://github.com/liuzc/LeaveIt) 和 [KeepIt 主题](https://github.com/Fastbyte01/KeepIt)。
-
-[LoveIt 主题](https://github.com/dillonzq/LoveIt) 对我们来说是一个很棒的 Hugo 主题，很抱歉的是它的存储库已经停止维护很长一段时间了，所以我重建了一个名为 FixIt 的新主题，这样我可以更好地 **Fix It** 并使它用户体验更好。
+它的原型基于 [LoveIt 主题](https://github.com/dillonzq/LoveIt)，[KeepIt 主题](https://github.com/Fastbyte01/KeepIt) 和 [LeaveIt 主题](https://github.com/liuzc/LeaveIt)。
 
 FixIt 主题继承了这些主题的优秀功能，并在此基础上添加了新的功能与优化，请阅读 [为什么选择 FixIt](#为什么选择-FixIt) 来了解更多。
 
-![Hugo Theme FixIt](https://github.com/Lruihao/FixIt/raw/master/images/Apple-Devices-Preview.png)
+![Hugo Theme FixIt](https://fixit.lruihao.cn/images/Apple-Devices-Preview.jpg)
+
+## [立即开始](https://fixit.lruihao.cn/zh-cn/categories/documentation/)
 
-## 立即开始
 前往这篇 [文档](https://fixit.lruihao.cn/zh-cn/theme-documentation-basics/)，阅读关于安装与使用的详细指南。
 
-### 主题 [预览](https://fixit.lruihao.cn/zh-cn/)
-为了直观地浏览主题特性，这里有一个基于 **FixIt** 主题渲染的 [预览网站](https://fixit.lruihao.cn/zh-cn/)。
+或者，在本地构建 [文档](https://fixit.lruihao.cn/zh-cn/)：
+
+> Gitee 镜像仓库：<https://gitee.com/lruihao/FixIt>
 
-### [文档](https://fixit.lruihao.cn/zh-cn/categories/documentation/)
-在本地构建文档：
 ```bash
-hugo server --source=exampleSite
+git clone --recursive https://github.com/hugo-fixit/FixIt.git && cd FixIt
+
+hugo server --source=docs
 ```
 
-当然，你也可以直接阅读 [FixIt 主题维基](https://github.com/Lruihao/FixIt/wiki)
+除此之外，还有 [FixIt 主题维基](https://github.com/hugo-fixit/FixIt/wiki)。
 
-## 从 LoveIt 迁移
+## 安装或迁移
 
 如果你现在正在使用 LoveIt 主题（或者一些其他的主题），你可以很容易地迁移至 FixIt。
 
-你可以将这个主题仓库添加为你的网站目录的子模块。
+你可以将这个主题仓库添加为你的网站目录的子模块。或者，您可以通过其他方式 [安装主题](https://fixit.lruihao.cn/zh-cn/theme-documentation-basics/#install-theme)。
 
 ```bash
-git submodule add https://github.com/Lruihao/FixIt.git themes/FixIt
+git submodule add https://github.com/hugo-fixit/FixIt.git themes/FixIt
 ```
 
 之后，你可以在站点目录通过这条命令来将主题更新至最新版本：
@@ -47,12 +46,6 @@ git submodule add https://github.com/Lruihao/FixIt.git themes/FixIt
 git submodule update --remote --merge
 ```
 
-或者在主题目录中使用 shell 命令 `fixit_checker.sh` 将主题更新至最新版本：
-
-```bash
-sh fixit_checker.sh
-```
-
 接着，前往 `config.toml` 并将默认主题更改为 `FixIt`。
 
 ```diff
@@ -64,40 +57,26 @@ sh fixit_checker.sh
 
 ## 为什么选择 FixIt
 
-* 自定义**标题栏**
-* 自定义 **CSS 样式**
-* 焕然一新的**主页**，已经兼容最新版 Hugo
-* 大量的**样式细节调整**，包括颜色、字体大小、边距、代码预览样式
-* 可读性更强的**深色模式**
-* 一些美观的 **CSS 动画**
-* 易用和自动展开的**文章目录**
-* 支持更多的**社交链接**、**网站分享**和**评论系统**
-* 支持基于 [Lunr.js](https://lunrjs.com/) 或 [algolia](https://www.algolia.com/) 的**搜索**
-* 一键**复制代码**到剪贴板
-* 支持基于 **[Font Awesome](https://fontawesome.com/) 图标**的扩展 Markdown 语法
-* 支持**上标注释**的扩展 Markdown 语法
-* 支持**分数**的扩展 Markdown 语法
-* 支持基于 [KaTeX](https://katex.org/) 的**数学公式**
-* 支持基于 [mermaid](https://github.com/knsv/mermaid) 的**图表**生成功能
-* 支持基于 [ECharts](https://echarts.apache.org/) 的**交互式数据可视化**生成功能
-* 支持基于 [Mapbox GL JS](https://docs.mapbox.com/mapbox-gl-js) 的 **Mapbox** 地图显示功能
-* 支持基于 [APlayer](https://github.com/MoePlayer/APlayer) 和 [MetingJS](https://github.com/metowolf/MetingJS) 的内嵌**音乐播放器**
-* 支持内嵌 **Bilibili** 视频
-* 支持多种**注释**的 shortcode
-* 支持自定义样式的 shortcode
-* 支持所有第三方库的 **CDN**
-* 支持**渐进式网页应用**
-* 支持基于 [Watermark](https://github.com/Lruihao/watermark) 的**网页水印**
-* 支持基于 [pangu.js](https://github.com/vinta/pangu.js) 的**中文排版**
-* 支持**卡片式链接**的 shortcode
-* 支持**友情链接**的页面模板
-* ...
+FixIt 主题继承了 LoveIt 等主题的优秀功能，并在它们的基础上添加了新的功能与优化，详见 [特性](#特性)。除此之外，FixIt 主题还有以下优点：
 
-所以，  
-如果你更偏好 FixIt 主题的设计语言和自由度，  
-如果你想便捷地使用扩展的 Font Awesome 图标，  
-如果你想在文章内嵌数学公式、流程图、音乐或是 Bilibili 视频，  
-那么，FixIt 主题可能是更适合你。  
+* 完善的中英文官方文档
+* 社区支持：主题官网、Discussions 和官方 QQ 群
+* 持续积极地更新
+* 不断收纳各方的建议和想法
+* 高度开放主题可自定义部分
+
+总之，如果你更偏好 FixIt 主题的设计语言和自由度，如果你和我一样喜欢个性化自定义主题，那么，FixIt 主题可能是更适合你。  
+
+## 谁在用 FixIt
+
+为了直观地浏览主题特性，这里有一些基于 **FixIt** 主题渲染的 [预览网站](https://fixit.lruihao.cn/zh-cn/friends/)。
+
+| 站点                                                          | 仓库                                                         |
+| :----------------------------------------------------------- | :---------------------------------------------------------- |
+| [FixIt 主题官网](https://fixit.lruihao.cn), [FixIt 预览版](https://pre.fixit.lruihao.cn) | [hugo-fixit/docs](https://github.com/hugo-fixit/docs)        |
+| [FixIt 博客模板 - Git](https://demo.fixit.lruihao.cn)   | [hugo-fixit/hugo-fixit-blog-git](https://github.com/hugo-fixit/hugo-fixit-blog-git) |
+| [FixIt 博客模板 - Go](https://demo.fixit.lruihao.cn)    | [hugo-fixit/hugo-fixit-blog-go](https://github.com/hugo-fixit/hugo-fixit-blog-go) |
+| [李瑞豪的博客](https://lruihao.cn)                       | [Lruihao/hugo-blog](https://github.com/Lruihao/hugo-blog)    |
 
 ## 特性
 
@@ -107,7 +86,7 @@ sh fixit_checker.sh
 * 使用基于 JSON-LD 格式 的 **SEO SCHEMA** 文件进行 SEO 优化
 * 支持 **[Google Analytics](https://analytics.google.com/analytics)**
 * 支持 **[Fathom Analytics](https://usefathom.com/)**
-* 支持搜索引擎的**网站验证** (Google, Bind, Yandex and Baidu)
+* 支持搜索引擎的**网站验证** (Google, Bing, Yandex, Pinterest, Baidu, 360 and Sogou)
 * 支持所有第三方库的 **CDN**
 * 基于 [lazysizes](https://github.com/aFarkas/lazysizes) 自动转换图片为**懒加载**
 
@@ -125,23 +104,31 @@ sh fixit_checker.sh
 
 * 支持 **[Gravatar](https://gravatar.com)** 头像
 * 支持本地**头像**
-* 支持多达 **64** 种社交链接
+* 支持多达 **87** 种社交链接
 * 支持多达 **28** 种网站分享
 * 支持 **[Disqus](https://disqus.com)** 评论系统
 * 支持 **[Gitalk](https://github.com/gitalk/gitalk)** 评论系统
 * 支持 **[Valine](https://valine.js.org/)** 评论系统
+* 支持 **[Waline](https://waline.js.org/)** 评论系统
 * 支持 **[Facebook](https://developers.facebook.com/docs/plugins/comments/) 评论**系统
 * 支持 **[Telegram comments](https://comments.app/) 评论**系统
 * 支持 **[Commento](https://commento.io/)** 评论系统
 * 支持 **[Utterances](https://utteranc.es/)** 评论系统
+* 支持 **[Artalk](https://artalk.js.org/)** 评论系统
+* 支持 **[Twikoo](https://twikoo.js.org/)** 评论系统
+* 支持 **[giscus](https://giscus.app/zh-CN/)** 评论系统
 
 ### 扩展功能
 
-* 支持基于 [Lunr.js](https://lunrjs.com/) 或 [algolia](https://www.algolia.com/) 的**搜索**
+* 支持**渐进式网页应用**
+* 支持**二级菜单**
+* 支持**内容加密**（页面、局部）
+* 支持**友情链接**的页面模板
+* 支持基于 [Lunr.js](https://lunrjs.com/) 或 [algolia](https://www.algolia.com/) 或 [Fuse.js](https://fusejs.io/) 的**搜索**
 * 支持 **Twemoji**
 * 支持**代码高亮**
 * 一键**复制代码**到剪贴板
-* 支持基于 [lightgallery.js](https://github.com/sachinchoolur/lightgallery.js) 的**图片画廊**
+* 支持基于 [lightgallery](https://github.com/sachinchoolur/lightgallery) 的**图片画廊**
 * 支持 **[Font Awesome](https://fontawesome.com/) 图标**的扩展 Markdown 语法
 * 支持**上标注释**的扩展 Markdown 语法
 * 支持**分数**的扩展 Markdown 语法
@@ -156,11 +143,8 @@ sh fixit_checker.sh
 * 支持**自定义脚本**的 shortcode
 * 支持基于 [TypeIt](https://typeitjs.com/) 的**打字动画** shortcode
 * 支持基于 [cookieconsent](https://github.com/osano/cookieconsent) 的 **Cookie 许可横幅**
-* 支持**渐进式网页应用**
-* 支持基于 [Watermark](https://github.com/Lruihao/watermark) 的**网页水印**
+* 支持基于 [cell-watermark](https://github.com/Lruihao/watermark) 的**网页水印**
 * 支持基于 [pangu.js](https://github.com/vinta/pangu.js) 的**中文排版**
-* 支持**卡片式链接**的 shortcode
-* 支持**友情链接**的页面模板
 * ...
 
 ## 多语言和国际化
@@ -169,6 +153,7 @@ FixIt 支持下列语言：
 
 * 英语
 * 简体中文
+* 繁体中文
 * 法语
 * 波兰语
 * 巴西葡萄牙语
@@ -179,38 +164,50 @@ FixIt 支持下列语言：
 * 俄语
 * 罗马尼亚语
 * 越南语
-* 繁体中文
-* [贡献一种新的语言](https://github.com/Lruihao/FixIt/pulls)
+* [贡献一种新的语言](https://github.com/hugo-fixit/FixIt/pulls)
+
 [语言兼容性](https://fixit.lruihao.cn/zh-cn/theme-documentation-basics/#language-compatibility)
 
-## [路线图](https://github.com/Lruihao/FixIt/projects/1)
+## [路线图](https://github.com/hugo-fixit/FixIt/projects/1)
 
-## 问题、想法、 bugs 和 PRs
+## [更新日志](/CHANGELOG.md)
 
-所有的反馈都是欢迎的！详见 [issue tracker](https://github.com/Lruihao/FixIt/issues)。
+## 问题、想法、bugs 和 PRs
 
-## 许可协议
+所有的反馈都是欢迎的！详见 [议题](https://github.com/hugo-fixit/FixIt/issues) 或者 [讨论](https://github.com/hugo-fixit/FixIt/discussions)。
 
-FixIt 根据 **MIT** 许可协议授权。 更多信息请查看 [LICENSE 文件](https://github.com/Lruihao/FixIt/blob/master/LICENSE)。
+## 参与贡献
 
-FixIt 主题中用到了以下项目，感谢它们的作者：
+请参阅 [CONTRIBUTING.md](CONTRIBUTING.md) 以了解贡献该项目的基本信息。
+
+确保在贡献和参与讨论时遵守 [CODE_OF_CONDUCT.md](CODE_OF_CONDUCT.md)。
+
+**贡献时，请先通过此存储库上的问题讨论您希望进行的更改，然后再进行实际更改**。
+
+## [所有贡献者](contributors.md)
+
+## 致谢
+
+<details open>
+<summary>FixIt 主题中用到了以下项目，感谢它们的作者：</summary>
 
 * [normalize.css](https://github.com/necolas/normalize.css)
 * [Font Awesome](https://fontawesome.com/)
 * [Simple Icons](https://github.com/simple-icons/simple-icons)
 * [Animate.css](https://daneden.github.io/animate.css/)
-* [autocomplete.js](https://github.com/algolia/autocomplete.js)
+* [autocomplete-js](https://github.com/algolia/autocomplete)
 * [Lunr.js](https://lunrjs.com/)
 * [algoliasearch](https://github.com/algolia/algoliasearch-client-javascript)
+* [Fuse.js](https://fusejs.io/)
 * [lazysizes](https://github.com/aFarkas/lazysizes)
 * [object-fit-images](https://github.com/fregante/object-fit-images)
 * [Twemoji](https://github.com/twitter/twemoji)
-* [lightgallery.js](https://github.com/sachinchoolur/lightgallery.js)
-* [clipboard.js](https://github.com/zenorocha/clipboard.js)
+* [emoji-data](https://github.com/iamcal/emoji-data)
+* [lightgallery](https://github.com/sachinchoolur/lightgallery)
 * [Sharer.js](https://github.com/ellisonleao/sharer.js)
 * [TypeIt](https://typeitjs.com/)
 * [KaTeX](https://katex.org/)
-* [mermaid](https://github.com/knsv/mermaid)
+* [mermaid](https://github.com/mermaid-js/mermaid)
 * [ECharts](https://echarts.apache.org/)
 * [Mapbox GL JS](https://docs.mapbox.com/mapbox-gl-js)
 * [APlayer](https://github.com/MoePlayer/APlayer)
@@ -218,9 +215,43 @@ FixIt 主题中用到了以下项目，感谢它们的作者：
 * [Gitalk](https://github.com/gitalk/gitalk)
 * [Valine](https://valine.js.org/)
 * [cookieconsent](https://github.com/osano/cookieconsent)
-* [Watermark](https://github.com/Lruihao/watermark)
+* [cell-watermark](https://github.com/Lruihao/watermark)
+* [不蒜子](http://busuanzi.ibruce.info/)
 * [pangu.js](https://github.com/vinta/pangu.js)
+* [Artalk](https://artalk.js.org/)
+* [Waline](https://waline.js.org/)
+* [Twikoo](https://twikoo.js.org/)
+* [github-corners](https://github.com/tholman/github-corners)
+* [giscus](https://giscus.app/zh-CN)
+* [crypto-js](https://github.com/brix/crypto-js)
+* [vConsole](https://github.com/Tencent/vConsole)
+* [eruda](https://github.com/liriliri/eruda)
+* [pace](https://github.com/CodeByZach/pace)
+
+</details>
+
+<details open>
+<summary>FixIt 主题还借鉴了以下项目的部分功能，同样感谢它们的作者：</summary>
+
+* [DoIt](https://github.com/HEIGE-PCloud/DoIt)
+* [NexT](https://github.com/next-theme/hexo-theme-next)
+
+</details>
+
+## 许可协议
+
+FixIt 根据 **MIT** 许可协议授权。 更多信息请查看 [LICENSE 文件](LICENSE)。
 
 ## 作者
 
 [Lruihao](https://lruihao.cn)
+
+## 赞助支持
+
+如果你喜爱这个主题，请考虑给我买杯咖啡 ☕️.
+
+* [PayPal](https://paypal.me/Lruihao)
+* [支付宝](images/alipay.gif)
+* [微信支付](images/wechatpay.gif)
+
+谢谢！❤️

archetypes/friends.md

@@ -3,10 +3,10 @@ title: "{{ replace .TranslationBaseName "-" " " | title }}"
 subtitle: ""
 type: "friends"
 date: {{ .Date }}
-description: "Friends of {{ .Site.Author.name }}"
+description: "{{ .Site.Author.name }}'s friends"
 keywords: 
   - Hugo
-  - friends tempalate
+  - friends template
 comment: false
 ---
 
@@ -14,14 +14,18 @@ comment: false
 ---
 <!-- You can define additional content below for this page. -->
 ## Base info
+
 ```yaml
 - nickname: Lruihao
   avatar: https://lruihao.cn/images/avatar.jpg
   url: https://lruihao.cn
-  discription: Lruihao's Note
+  description: Lruihao's Note
 ```
 
 ## Friendly Reminder
-> 1. If you want to exchange link, please leave a comment in the above format. (personal non-commercial blogs / websites only)
-> 2. Warn: Website failure, stop maintenance and improper content may be cancelled!
-> 3. Those websites that do not respect other people's labor achievements, reprint without source, or malicious acts, please do not come to exchange.
+
+{{< admonition info "Notice" true >}}
+1. If you want to exchange link, please leave a comment in the above format. (personal non-commercial blogs / websites only)
+2. :(fa-solid fa-exclamation-triangle): Website failure, stop maintenance and improper content may be unlinked!
+3. Those websites that do not respect other people's labor achievements, reprint without source, or malicious acts, please do not come to exchange.
+{{< /admonition >}}

archetypes/post-bundle/index.md

@@ -5,6 +5,7 @@ date: {{ .Date }}
 draft: true
 author: ""
 authorLink: ""
+authorEmail: ""
 description: ""
 keywords: ""
 license: ""
@@ -34,7 +35,11 @@ lightgallery: false
 seo:
   images: []
 
-# See details front matter: /theme-documentation-content/#front-matter
+repost:
+  enable: true
+  url: ""
+
+# See details front matter: https://fixit.lruihao.cn/theme-documentation-content/#front-matter
 ---
 
 <!--more-->

archetypes/posts.md

@@ -5,6 +5,7 @@ date: {{ .Date }}
 draft: true
 author: ""
 authorLink: ""
+authorEmail: ""
 description: ""
 keywords: ""
 license: ""
@@ -34,7 +35,11 @@ lightgallery: false
 seo:
   images: []
 
-# See details front matter: /theme-documentation-content/#front-matter
+repost:
+  enable: true
+  url: ""
+
+# See details front matter: https://fixit.lruihao.cn/theme-documentation-content/#front-matter
 ---
 
 <!--more-->

assets/css/_core/_base.scss

@@ -1,3 +1,5 @@
+@import "../../lib/normalize/normalize";
+
 html {
   font-family: $global-font-family;
   font-weight: $global-font-weight;
@@ -6,22 +8,24 @@ html {
   line-height: $global-line-height;
   width: 100%;
   scroll-behavior: smooth;
+  overflow: overlay;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {
   html {
-      scroll-behavior: auto;
+    scroll-behavior: auto;
   }
 }
 
 /* scrollbar, only support webkit */
 ::-webkit-scrollbar {
-  width: .5rem;
-  height: .5rem;
+  width: 0.5rem;
+  height: 0.5rem;
 }
 
 ::-webkit-scrollbar-thumb {
   background-color: $scrollbar-color;
+  @include border-radius($global-border-radius);
 
   &:hover {
     background-color: $scrollbar-hover-color;
@@ -31,7 +35,7 @@ html {
 ::selection {
   background-color: $selection-color;
 
-  [theme=dark] & {
+  [data-theme='dark'] & {
     background-color: $selection-color-dark;
   }
 }
@@ -42,29 +46,34 @@ body {
   @include overflow-wrap(break-word);
   scrollbar-color: auto;
 
-  &[theme=dark] {
+  &[data-theme='dark'] {
     color: $global-font-color-dark;
     background-color: $global-background-color-dark;
   }
 }
 
-@include ms;
-@include link(true, true);
-
-@import "../_partial/mask";
-@import "../_partial/icon";
-@import "../_partial/details";
-@import "../_partial/fixed-button";
-@import "../_partial/cookieconsent";
-
-img {
-  @include object-fit(contain);
+iframe {
+  border: 0;
+  @include border-radius($global-border-radius);
 }
 
-i.logo-icon{
-  width: 2em;
-  
-  .fa-ban {
-    color: $global-logo-icon-color;
-  }
-}
+[role='button'] {
+  cursor: pointer;
+}
+
+summary {
+  cursor: pointer;
+}
+
+abbr[title] {
+  cursor: help;
+  text-decoration-skip-ink: none;
+}
+
+@include link(true, true);
+
+@import '../_partials/mask';
+@import '../_partials/img';
+@import '../_partials/icon';
+@import '../_partials/details';
+@import '../_partials/widgets';

assets/css/_core/_common.scss

@@ -0,0 +1,66 @@
+// ==============================
+// Common Styles
+// 常用样式
+// ==============================
+
+.text-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.text-start {
+  text-align: left !important;
+}
+.text-end {
+  text-align: right !important;
+}
+.text-center {
+  text-align: center !important;
+}
+
+.d-none {
+  display: none !important;
+}
+.d-none-desktop {
+  display: none;
+}
+.d-none-mobile {
+  display: block;
+}
+
+.ms-1,
+.mx-1 {
+  margin-left: 0.25rem !important;
+}
+.me-1,
+.mx-1 {
+  margin-right: 0.25rem !important;
+}
+.ps-1,
+.px-1 {
+  padding-left: 0.25rem !important;
+}
+.pe-1,
+.px-1 {
+  padding-right: 0.25rem !important;
+}
+
+@each $color, $value in $theme-colors {
+  .text-#{$color} {
+    color: #{$value} !important;
+
+    [data-theme='dark'] & {
+      color: #{darken($value, 5%)} !important;
+    }
+  }
+}
+
+@each $key, $value in $orders {
+  .order-#{$key} {
+    order: #{$value} !important;
+  }
+}
+
+.variant-numeric {
+  font-variant-numeric: tabular-nums lining-nums;
+}

assets/css/_core/_footer.scss

@@ -6,15 +6,21 @@ footer {
   padding: 1rem 0;
 
   .footer-container {
-    font-size: .875rem;
+    display: flex;
+    flex-direction: column;
+    font-size: 0.875rem;
 
     .footer-line {
       width: 100%;
 
-      .footer-divider::before {
+      .footer-divider:not(:first-child)::before {
         content: '|';
-        margin-left: .25rem;
-        margin-right: .25rem;
+        margin-left: 0.25rem;
+        margin-right: 0.25rem;
+      }
+
+      .fixit-icon {
+        top: 0.25em;
       }
 
       .animate-icon {
@@ -25,7 +31,6 @@ footer {
       .run-times {
         font-variant-numeric: tabular-nums lining-nums;
       }
-
     }
   }
 
@@ -33,19 +38,25 @@ footer {
 }
 
 @keyframes icon-animate {
-  0%,100% {
-    transform: scale(1)
+  0%,
+  100% {
+    transform: scale(1);
   }
 
-  10%,30% {
-    transform: scale(.9)
+  10%,
+  30% {
+    transform: scale(0.9);
   }
 
-  20%,40%,60%,80% {
-    transform: scale(1.1)
+  20%,
+  40%,
+  60%,
+  80% {
+    transform: scale(1.1);
   }
 
-  50%,70% {
-    transform: scale(1.1)
+  50%,
+  70% {
+    transform: scale(1.1);
   }
-}
+}

assets/css/_core/_header.scss

@@ -4,12 +4,12 @@ header {
   background-color: $header-background-color;
   @include transition(box-shadow 0.3s ease);
 
-  [theme=dark] & {
+  [data-theme='dark'] & {
     background-color: $header-background-color-dark;
   }
 
   &:hover {
-    @include box-shadow(0 0 1.5rem 0 rgba(0, 0, 0, .1));
+    @include box-shadow(0 0 1.5rem 0 rgba(0, 0, 0, 0.1));
   }
 }
 
@@ -24,7 +24,7 @@ header {
 .header-title {
   font-family: $header-title-font-family;
   font-weight: bold;
-  margin-right: .5rem;
+  margin-right: 0.5rem;
   min-width: 10%;
   overflow: hidden;
   white-space: nowrap;
@@ -34,34 +34,58 @@ header {
   .logo {
     min-height: 1.5em;
     height: 1.5em;
-    vertical-align: text-bottom;
+    vertical-align: middle;
+    width: auto;
   }
-  
+
   .header-title-text {
-    margin-left: .25rem;
-    margin-right: .25rem;
+    margin-left: 0.25rem;
+    margin-right: 0.25rem;
   }
 
   .header-subtitle {
-    margin-left: .25rem;
-    font-size: .6em;
+    margin-left: 0.25rem;
+    font-size: 0.6em;
   }
 }
 
-.menu .menu-item {
-  position: relative;
-}
+.menu {
+  margin: 0;
+  padding: 0;
 
-.language-select {
-  position: absolute;
-  opacity: 0;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
+  .menu-item {
+    list-style: none;
 
-  &:hover {
-    cursor: pointer;
+    & .dropdown-icon {
+      margin-left: 0.25rem;
+      font-size: .875em;
+      color: $global-font-color;
+
+      [data-theme='dark'] & {
+        color: $global-font-color-dark;
+      }
+
+      &.open::before {
+        content: "\f078";
+      }
+    }
+
+    &.active {
+      >.menu-link,
+      >.nested-item>.menu-link {
+        font-weight: bold;
+        color: $menu-active-color;
+
+        [data-theme='dark'] & {
+          color: $menu-active-color-dark;
+        }
+      }
+    }
+
+    &.language,
+    &.theme-switch {
+      cursor: pointer;
+    }
   }
 }
 
@@ -72,17 +96,13 @@ header {
     color: transparent;
     box-sizing: border-box;
     height: 2.5rem;
-    width: 2.5rem;
-    @include border-radius(.5rem);
+    width: 1.25rem;
+    @include border-radius(0.5rem);
     border: none;
     outline: none;
-    background-color: $header-background-color;
+    background-color: transparent;
     vertical-align: baseline !important;
     @include transition(width 0.3s ease);
-
-    [theme=dark] & {
-      background-color: $header-background-color-dark;
-    }
   }
 
   @include placeholder(transparent);
@@ -95,8 +115,12 @@ header {
   }
 
   .search-toggle {
-    left: .5rem;
+    left: 0.5rem;
     right: auto;
+
+    #header-desktop.open & {
+      left: 1rem;
+    }
   }
 
   .search-loading {
@@ -107,14 +131,15 @@ header {
     display: none;
   }
 
-  .open &, &.mobile {
+  .open &,
+  &.mobile {
     input {
       color: $global-font-color;
       background-color: $search-background-color;
       padding: 0 2rem 0 2rem;
     }
 
-    [theme=dark] & {
+    [data-theme='dark'] & {
       input {
         color: $global-font-color-dark;
         background-color: $search-background-color-dark;
@@ -128,7 +153,7 @@ header {
     .search-button {
       color: $global-font-secondary-color;
 
-      [theme=dark] & {
+      [data-theme='dark'] & {
         color: $global-font-secondary-color-dark;
       }
     }
@@ -143,69 +168,112 @@ header {
   }
 }
 
-.theme-switch i {
-  @include transform(rotate(225deg));
+.theme-switch {
+  i {
+    @include transform(rotate(225deg));
+    @include transition(transform 0.4s ease);
+  }
+
+  &:hover i {
+    @include transform(rotate(45deg));
+  }
 }
 
 #header-desktop {
   display: block;
-  position: fixed;
+  position: sticky;
+  top: 0;
   height: $header-height;
   line-height: $header-height;
+  box-sizing: border-box;
 
-  [header-desktop=normal] & {
+  [data-header-desktop='normal'] & {
     position: static;
   }
 
+  nav {
+    overflow: hidden;
+    white-space: nowrap;
+  }
+
   .header-wrapper {
-    padding: 0 2rem 0 10vh;
+    // use css native function to calculate max value
+    padding: 0 2rem 0 MAX(10vh, $header-height);
+    height: 100%;
+
+    &[data-github-corner='right'] {
+      padding-right: $header-height;
+    }
 
     .header-title {
       font-size: $header-title-font-size;
+      height: 100%;
     }
 
     .menu {
-      overflow: hidden;
-      white-space: nowrap;
+      display: flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      float: right;
 
-      .menu-inner {
-        float: right;
+      >.menu-item:hover {
+        & .sub-menu {
+          display: block;
+          transform: translateX(-0.5rem);
+        }
       }
 
       .menu-item {
-        margin: 0 .5rem;
+        padding: 0 0.5rem;
 
         &.delimiter {
-          border-left: 1.5px solid $global-font-color;
+          width: 0;
+          margin: 0.125rem 0.25rem;
+          padding: 0;
+          border-left: 1px dashed lighten($global-font-secondary-color, 20%);
 
-          [theme=dark] & {
-            border-left-color: $global-border-color-dark;
+          [data-theme='dark'] & {
+            border-left-color: darken($global-font-secondary-color-dark, 20%);
           }
         }
 
         &.language {
           margin-right: 0;
         }
-
-        &.search {
-          margin: 0 -.5rem 0 0;
-        }
       }
 
-      a.active {
-        font-weight: 900;
-        color: $header-hover-color;
+      .sub-menu {
+        z-index: 160;
+        position: absolute;
+        margin: 0;
+        padding: 0.25rem 0;
+        display: none;
+        top: calc(#{$header-height} - 0.75rem);
+        border-radius: $global-border-radius;
+        border: 1px solid $global-border-color;
+        background-color: $header-background-color;
+        @include transition(box-shadow 0.3s ease);
 
-        [theme=dark] & {
-          color: $header-hover-color-dark;
+        [data-theme='dark'] & {
+          background-color: $header-background-color-dark;
+          border-color: $global-border-color-dark;
+        }
+
+        @include box-shadow(0 0 1.5rem 0 rgba(0, 0, 0, 0.1));
+
+        .menu-item {
+          height: $header-height*0.5;
+          line-height: $header-height*0.5;
+          max-width: 15rem;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          overflow-x: hidden;
         }
       }
     }
   }
 
   &.open .header-wrapper .menu .menu-item.search {
-    margin: 0 .25rem 0 .5rem;
-
     input {
       width: 24rem;
     }
@@ -214,11 +282,12 @@ header {
 
 #header-mobile {
   display: none;
-  position: fixed;
-  height: $header-height;
+  position: sticky;
+  top: 0;
+  min-height: $header-height;
   line-height: $header-height;
 
-  [header-mobile=normal] & {
+  [data-header-mobile='normal'] & {
     position: static;
   }
 
@@ -249,42 +318,41 @@ header {
           @include border-radius(3px);
           @include transition(all 0.3s ease-in-out);
 
-          [theme=dark] & {
+          [data-theme='dark'] & {
             background: $global-font-color-dark;
           }
         }
 
         span:nth-child(1) {
-          margin-bottom: .5rem;
+          margin-bottom: 0.5rem;
         }
 
         span:nth-child(3) {
-          margin-top: .5rem;
+          margin-top: 0.5rem;
         }
 
         &.active {
           span:nth-child(1) {
-            @include transform(rotate(45deg) translate(.4rem, .5rem));
+            @include transform(rotate(45deg) translate(0.4rem, 0.5rem));
           }
 
           span:nth-child(2) {
-            opacity: 0
+            opacity: 0;
           }
 
           span:nth-child(3) {
-            @include transform(rotate(-45deg) translate(.4rem, -.5rem));
+            @include transform(rotate(-45deg) translate(0.4rem, -0.5rem));
           }
         }
       }
     }
 
     .menu {
-      text-align: center;
       background: $header-background-color;
       border-top: 2px solid $global-border-color;
       display: none;
-      padding-top: .5rem;
-      @include box-shadow(0 .125rem .25rem rgba(0, 0, 0, .1));
+      padding: 0.5rem 0 0;
+      @include box-shadow(0 0.125rem 0.25rem rgba(0, 0, 0, 0.1));
 
       .search-wrapper {
         display: flex;
@@ -298,30 +366,95 @@ header {
       .search {
         flex-grow: 10;
 
-        .algolia-autocomplete, input {
+        .algolia-autocomplete,
+        input {
           width: 100%;
         }
       }
 
+      .search-loading,
+      .search-clear {
+        right:  0.5rem;
+      }
+
       .search-button {
         top: 0;
       }
 
       .search-cancel {
         display: none;
-        margin-left: .75rem;
+        margin-left: 0.75rem;
       }
 
       .menu-item {
         display: block;
+        position: relative;
         line-height: 2.5rem;
+        padding: 0 1rem;
+
+        &:hover {
+          background-color: lighten($global-font-secondary-color, 24%);
+
+          [data-theme='dark'] & {
+            background-color: darken($global-font-secondary-color-dark, 24%);
+          }
+        }
+
+        .menu-link {
+          display: block;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          overflow-x: hidden;
+          @include flex(4);
+        }
+
+        & .nested-item {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+
+          .menu-link {
+            max-width: 80%;
+          }
+        }
+        
+        &.theme-switch,
+        &.language {
+          text-align: center;
+        }
+
+        .language-select {
+          position: absolute;
+          opacity: 0;
+          left: 0;
+          top: 0;
+          width: 100%;
+          height: 100%;
+        }
+      }
+
+      .sub-menu {
+        padding-left: 0;
+        display: none;
+
+        &.open {
+          display: block;
+        }
+
+        .menu-item:hover {
+          background-color: lighten($global-font-secondary-color, 20%);
+
+          [data-theme='dark'] & {
+            background-color: darken($global-font-secondary-color-dark, 20%);
+          }
+        }
       }
 
       &.active {
         display: block;
       }
 
-      [theme=dark] & {
+      [data-theme='dark'] & {
         background: $header-background-color-dark;
         border-top-color: $global-border-color-dark;
       }
@@ -352,7 +485,7 @@ header {
   position: fixed;
   z-index: 200;
   top: $header-height;
-  @include box-shadow(0 .125rem .25rem rgba(0, 0, 0, .1));
+  @include box-shadow(0 0.125rem 0.25rem rgba(0, 0, 0, 0.1));
 
   &.desktop {
     right: 2rem;
@@ -368,7 +501,7 @@ header {
     right: 0 !important;
     background-color: $global-background-color;
 
-    [theme=dark] & {
+    [data-theme='dark'] & {
       background-color: $global-background-color-dark;
     }
 
@@ -377,7 +510,7 @@ header {
       max-height: calc(100vh - #{$header-height});
 
       .suggestion {
-        padding: .75rem 1rem;
+        padding: 0.75rem 1rem;
 
         .suggestion-title {
           display: inline-block;
@@ -390,12 +523,12 @@ header {
         }
 
         .suggestion-date {
-          font-size: .875rem;
+          font-size: 0.875rem;
           float: right;
           text-align: right;
           color: $global-font-secondary-color;
 
-          [theme=dark] & {
+          [data-theme='dark'] & {
             color: $global-font-secondary-color-dark;
           }
         }
@@ -409,7 +542,7 @@ header {
           @include overflow-wrap(break-word);
           color: $global-font-secondary-color;
 
-          [theme=dark] & {
+          [data-theme='dark'] & {
             color: $global-font-secondary-color-dark;
           }
         }
@@ -418,7 +551,7 @@ header {
           font-style: normal;
           background-color: $selection-color;
 
-          [theme=dark] & {
+          [data-theme='dark'] & {
             background-color: $selection-color-dark;
           }
         }
@@ -426,7 +559,7 @@ header {
         &.cursor {
           background: darken($code-background-color, 5%);
 
-          [theme=dark] & {
+          [data-theme='dark'] & {
             background: lighten($code-background-color-dark, 5%);
           }
         }
@@ -444,19 +577,19 @@ header {
       .search-query {
         font-weight: bold;
 
-        [theme=dark] & {
+        [data-theme='dark'] & {
           color: #ddd;
         }
       }
     }
 
     .search-footer {
-      padding: .5rem 1rem;
+      padding: 0.5rem 1rem;
       float: right;
-      font-size: .8rem;
+      font-size: 0.8rem;
       color: $global-font-secondary-color;
 
-      [theme=dark] {
+      [data-theme='dark'] {
         color: $global-font-secondary-color-dark;
       }
 

assets/css/_core/_layout.scss

@@ -8,8 +8,28 @@
   main {
     flex: 1 0 auto;
 
-    .container {
+    aside:first-child {
+      order: 2;
+    }
+
+    &.container {
+      display: flex;
+      align-items: flex-start;
+      justify-content: center;
       padding: 0 1rem;
+
+      &:has(.home:not(.posts)) {
+        align-items: center;
+      }
+    }
+
+    &.container-reverse {
+      @extend .container;
+      flex-direction: row-reverse;
     }
   }
 }
+
+@import "_core/header";
+@import "_core/footer";
+@import "_core/pagination";

assets/css/_core/_media.scss

@@ -1,12 +1,62 @@
+@media only screen and (min-width: 1441px) {
+  .page {
+    width: 60%;
+
+    [data-page-style='wide'] & {
+      width: 64%;
+    }
+
+    [data-page-style='narrow'] & {
+      max-width: 800px;
+    }
+  }
+
+  aside {
+    width: 20%;
+
+    [data-page-style='wide'] & {
+      width: 18%;
+    }
+
+    [data-page-style='narrow'] & {
+      width: calc(50% - 400px);
+    }
+  }
+}
+
 @media only screen and (max-width: 1440px) {
   .page {
     width: 56%;
+
+    [data-page-style='wide'] & {
+      width: 60%;
+    }
+  }
+
+  aside {
+    width: 22%;
+
+    [data-page-style='wide'] & {
+      width: 20%;
+    }
   }
 }
 
 @media only screen and (max-width: 1200px) {
   .page {
     width: 52%;
+
+    [data-page-style='wide'] & {
+      width: 56%;
+    }
+  }
+
+  aside {
+    width: 24%;
+
+    [data-page-style='wide'] & {
+      width: 22%;
+    }
   }
 
   #header-desktop .header-wrapper {
@@ -19,8 +69,8 @@
 }
 
 @media only screen and (max-width: 960px) {
-  #toc-auto {
-    display: none;
+  aside {
+    display: none !important;
   }
 
   #toc-static {
@@ -28,7 +78,7 @@
   }
 
   .page {
-    width: 80%;
+    width: 80% !important;
   }
 
   #header-desktop .header-wrapper {
@@ -41,28 +91,21 @@
     display: none;
   }
 
-  #header-mobile {
+  #header-mobile,
+  .d-none-desktop {
     display: block;
   }
 
-  body.blur {
-    overflow: hidden;
+  .d-none-mobile {
+    display: none !important;
   }
 
   .page {
-    width: 100%;
-
-    [header-mobile] & {
-      padding-top: $header-height;
-    }
-
-    [header-mobile=normal] & {
-      padding-top: 0;
-    }
+    width: 100% !important;
 
     .content {
       [id] {
-        [header-mobile=normal] & {
+        [data-header-mobile='normal'] & {
           scroll-margin-top: 0;
         }
       }
@@ -74,10 +117,59 @@
       }
     }
   }
-  
-  footer{
+
+  footer {
     .footer-container {
-      font-size: .618rem;
+      font-size: 0.618rem;
     }
   }
+  
+  .pagination .page-item {
+    margin: 0 5px;
+  }
+}
+
+@media only print {
+  @page {
+    size: A4 portrait;
+    margin: 1.27cm;
+  }
+
+  .page {
+    width: 100% !important;
+    padding-top: 0 !important;
+
+    .single-title,
+    .single-subtitle,
+    .post-meta {
+      text-align: center;
+    }
+
+    h1:not(.single-title),
+    .page-break-before {
+      page-break-before: always;
+    }
+
+    .page-break-after {
+      page-break-after: always;
+    }
+  }
+
+  .print-d-none,
+  header,
+  footer .footer-line:not(.powered):not(.copyright),
+  #toc-auto,
+  .comment-visitors,
+  .comment-count,
+  .code-header>.ellipses,
+  .code-header>.edit,
+  .code-header>.copy,
+  .post-info-share,
+  .post-info-more section:last-child,
+  .post-nav,
+  .fixed-buttons,
+  #comments,
+  .github-corner {
+    display: none !important;
+  }
 }

assets/css/_core/_pagination.scss

@@ -2,24 +2,29 @@
   display: flex;
   flex-direction: row;
   justify-content: center;
+  flex-wrap: wrap;
   list-style: none;
   white-space: nowrap;
   width: 100%;
-  padding: 1rem 0 0;
+  padding: 1rem 0;
 
   a {
-    font-size: .8rem;
-    color: #bfbfbf;
-    letter-spacing: .1rem;
+    font-size: 0.8rem;
+    color: $pagination-link-color;
+    letter-spacing: 0.1rem;
     font-weight: 700;
     padding: 5px 5px;
     text-decoration: none;
     @include transition(0.3s);
+
+    [data-theme='dark'] & {
+      color: $pagination-link-color-dark;
+    }
   }
 
   li {
-    padding-bottom: 3px;
-    margin: 0 20px;
+    padding: 5px;
+    margin: 0 10px;
     box-sizing: border-box;
     position: relative;
     display: inline;
@@ -32,14 +37,14 @@
       color: $pagination-link-hover-color;
     }
 
-    [theme=dark] &:hover a {
+    [data-theme='dark'] &:hover a {
       color: $pagination-link-hover-color-dark;
     }
 
-    &:before,
-    &:after {
+    &::before,
+    &::after {
       position: absolute;
-      content: "";
+      content: '';
       width: 0;
       height: 3px;
       background: $pagination-link-hover-color;
@@ -47,28 +52,22 @@
       bottom: 0px;
     }
 
-    [theme=dark] &:before,
-    [theme=dark] &:after {
+    [data-theme='dark'] &::before,
+    [data-theme='dark'] &::after {
       background: $pagination-link-hover-color-dark;
     }
 
-    &:before .active,
-    &:after .active {
-      width: 100%;
-    }
-
-    &:before {
+    &::before {
       left: 50%;
     }
 
-    &:after {
+    &::after {
       right: 50%;
     }
 
     &:hover {
-
-      &:before,
-      &:after {
+      &::before,
+      &::after {
         width: 50%;
       }
     }
@@ -78,13 +77,13 @@
         color: $pagination-link-hover-color;
       }
 
-      [theme=dark] & a {
+      [data-theme='dark'] & a {
         color: $pagination-link-hover-color-dark;
       }
 
-      &:before,
-      &:after {
-        width: 60%;
+      &::before,
+      &::after {
+        width: 50%;
       }
     }
   }

assets/css/_core/_root.scss

@@ -0,0 +1,11 @@
+:root {
+  // Note: Custom variable values only support SassScript inside `#{}`.
+
+  // Theme colors varibles
+  @each $color, $value in $theme-colors {
+    --#{$prefix}#{$color}: #{$value};
+  }
+  @each $color, $value in $theme-colors {
+    --#{$prefix}#{$color}-dark: #{darken($value, 5%)};
+  }
+}

assets/css/_mixin/_compatibility.scss

@@ -18,7 +18,6 @@
 
 @mixin transform($value) {
   -webkit-transform: $value;
-  -moz-transform: $value;
   -ms-transform: $value;
   -o-transform: $value;
   transform: $value;
@@ -26,8 +25,6 @@
 
 @mixin filter($value) {
   -webkit-filter: $value;
-  -moz-filter: $value;
-  -ms-filter: $value;
   filter: $value;
 }
 
@@ -47,19 +44,19 @@
 }
 
 @mixin placeholder($color) {
-  input::-webkit-input-placeholder{
+  input::-webkit-input-placeholder {
     color: $color;
   }
 
-  input:-moz-placeholder{
+  input:-moz-placeholder {
     color: $color;
   }
 
-  input::-moz-placeholder{
+  input::-moz-placeholder {
     color: $color;
   }
 
-  input:-ms-input-placeholder{
+  input:-ms-input-placeholder {
     color: $color;
   }
 
@@ -97,12 +94,6 @@
   line-break: $value;
 }
 
-@mixin ms {
-  input::-ms-clear {
-    display: none;
-  }
-}
-
 @mixin object-fit($value) {
   -o-object-fit: $value;
   object-fit: $value;

assets/css/_mixin/_details.scss

@@ -1,7 +1,7 @@
 @mixin details-transition-open {
-  @include transition(max-height 0.8s cubic-bezier(0, 1, 0, 1) -0.1s);
+  @include transition(max-height 0.2s cubic-bezier(0, 1, 0, 1) -0.1s);
 }
 
 @mixin details-transition-close {
-  @include transition(max-height 0.8s cubic-bezier(0.5, 0, 1, 0) 0s);
+  @include transition(max-height 0.2s cubic-bezier(0.5, 0, 1, 0) 0s);
 }

assets/css/_mixin/_index.scss

@@ -1,4 +1,4 @@
-@import "_compatibility";
-@import "_link";
-@import "_blur";
-@import "_details";
+@import '_compatibility';
+@import '_link';
+@import '_blur';
+@import '_details';

assets/css/_mixin/_link.scss

@@ -1,20 +1,46 @@
 @mixin link($light, $dark) {
-  a, a::before, a::after {
+  a,
+  a::before,
+  a::after {
     text-decoration: none;
 
-    color: if($light, $global-link-color, $single-link-color);
+    @if $light {
+      color: $global-link-color;
+    }
 
-    [theme=dark] & {
-      color: if($dark, $global-link-color-dark, $single-link-color-dark);
+    @else {
+      color: $single-link-color;
+    }
+
+    [data-theme='dark'] & {
+      @if $dark {
+        color: $global-link-color-dark;
+      }
+
+      @else {
+        color: $single-link-color-dark;
+      }
     }
   }
 
   a:active,
   a:hover {
-    color: if($light, $global-link-hover-color, $single-link-hover-color);
+    @if $light {
+      color: $global-link-hover-color;
+    }
 
-    [theme=dark] & {
-      color: if($dark, $global-link-hover-color-dark, $single-link-hover-color-dark);
+    @else {
+      color: $single-link-hover-color;
+    }
+
+    [data-theme='dark'] & {
+      @if $dark {
+        color: $global-link-hover-color-dark;
+      }
+
+      @else {
+        color: $single-link-hover-color-dark;
+      }
     }
   }
 }

assets/css/_page/_archive.scss

@@ -1,13 +1,27 @@
 .archive {
   .single-title {
+    padding: 1rem 0 0.5rem;
+    margin: 0;
+    font-size: 1.6rem;
+    font-weight: bold;
+    line-height: 140%;
+    text-align: right;
+  }
+
+  .single-subtitle {
+    margin: 0.5rem 0;
+    font-size: 1.2rem;
+    font-weight: normal;
+    line-height: 100%;
     text-align: right;
   }
 
   .group-title {
+    font-size: 1.2rem;
     margin-top: 1.5rem;
     margin-bottom: 1rem;
   }
 
-  @import "../_partial/_archive/terms";
-  @import "../_partial/_archive/tags";
+  @import '../_partials/_archive/terms';
+  @import '../_partials/_archive/tags';
 }

assets/css/_page/_friends.scss

@@ -1,9 +1,9 @@
 /**
- * @Description: Style of layout named 'Friend links'.
- * @Author: lruihao.cn
- * @Updated:  2021/9/20 19:26
+ * @Description: Style of layout named 'friends'.
+ * @Author: Lruihao <https://lruihao.cn>
+ * @Updated:  2022/3/11 21:36
  */
- 
+
 .friend-links {
   margin-top: 1rem;
   display: flex;
@@ -21,11 +21,11 @@
   height: 200px;
   font-size: 1rem;
   text-align: center;
-  background: rgba(255,255,255,0.3);
-  box-sizing: border-box; 
+  background: rgba(255, 255, 255, 0.3);
+  box-sizing: border-box;
   box-shadow: 3px 3px 5px #aaa;
-  border-radius: 5px;
-  border:none;
+  @include border-radius($global-border-radius);
+  border: none;
   transition-duration: 0.3s;
   margin-bottom: 1rem;
   display: flex;
@@ -40,13 +40,13 @@
 .friend-avatar {
   object-fit: cover;
   object-position: center;
-  width: 100%!important;
-  height: 150px!important;
-  border-radius: 5px;
+  width: 100% !important;
+  height: 150px !important;
+  @include border-radius($global-border-radius);
   margin: 0;
   padding: 0;
 }
-.friend-nickname{
+.friend-nickname {
   display: block;
   position: relative;
   color: #2bbc8a;
@@ -60,4 +60,4 @@
 }
 .friend-nickname:hover {
   color: #d480aa;
-}
+}

assets/css/_page/_home.scss

@@ -1,11 +1,9 @@
 .home {
   .home-profile {
-    @include transform(translateY( 16vh));
-    padding: 0 0 .5rem;
     text-align: center;
 
     .home-avatar {
-      padding: .5rem;
+      padding: 0.5rem;
 
       img {
         display: inline-block;
@@ -13,12 +11,12 @@
         height: auto;
         margin: 0 auto;
         @include border-radius(100%);
-        @include box-shadow(0 0 0 .3618em rgba(0, 0, 0, .05));
+        @include box-shadow(0 0 0 0.3618em rgba(0, 0, 0, 0.05));
         @include transition(all 0.4s ease);
 
         &:hover {
           position: relative;
-          @include transform(translateY(-.75rem));
+          @include transform(translateY(-0.75rem));
         }
       }
     }
@@ -27,18 +25,18 @@
       font-size: 1.25rem;
       font-weight: bold;
       margin: 0;
-      padding: .5rem;
+      padding: 0.5rem;
     }
 
     .home-subtitle {
       font-size: 1rem;
       font-weight: normal;
       margin: 0;
-      padding: .5rem;
+      padding: 0.5rem;
     }
 
     .links {
-      padding: .5rem;
+      padding: 0.5rem;
       font-size: 1.5rem;
 
       a * {
@@ -47,7 +45,7 @@
 
       img {
         height: 1.5rem;
-        padding: 0 .25rem;
+        padding: 0 0.25rem;
       }
     }
 
@@ -56,20 +54,19 @@
       line-height: 1.5rem;
       font-weight: normal;
       margin: 0;
-      padding: .5rem;
+      padding: 0.5rem;
       color: $global-font-secondary-color;
 
-      [theme=dark] & {
+      [data-theme='dark'] & {
         color: $global-font-secondary-color-dark;
       }
     }
   }
 }
 
-.home[posts] {
+.home.posts {
   .home-profile {
-    @include transform(translateY(0));
-    padding-top: 2rem;
+    padding: 2rem 0;
   }
 
   .home-avatar img {
@@ -78,11 +75,15 @@
 
   .summary {
     padding-top: 1rem;
-    padding-bottom: .8rem;
+    padding-bottom: 0.8rem;
     color: $global-font-color;
     border-bottom: 1px dashed $global-border-color;
 
-    [theme=dark] & {
+    &:first-of-type {
+      padding-top: 0;
+    }
+
+    [data-theme='dark'] & {
       color: $global-font-color-dark;
       border-bottom: 1px dashed $global-border-color-dark;
     }
@@ -100,11 +101,10 @@
         height: 100%;
         left: 0;
         top: 0;
-        @include object-fit(none);
-      }
 
-      img.lazyloaded {
-        @include object-fit(cover);
+        &.lazyloaded {
+          @include object-fit(cover);
+        }
       }
 
       &:hover {
@@ -121,14 +121,14 @@
     .content {
       @include box(vertical);
       -webkit-line-clamp: 3;
-      margin-top: .3rem;
+      margin-top: 0.3rem;
       width: 100%;
       overflow: hidden;
       text-overflow: ellipsis;
       @include overflow-wrap(break-word);
       color: $global-font-secondary-color;
 
-      [theme=dark] & {
+      [data-theme='dark'] & {
         color: $global-font-secondary-color-dark;
       }
 
@@ -143,7 +143,7 @@
         display: inline;
 
         &::after {
-          content: "\A";
+          content: '\A';
           white-space: pre;
         }
       }
@@ -154,21 +154,22 @@
 
       @include link(false, true);
 
-      b, strong {
+      b,
+      strong {
         color: $global-font-secondary-color;
 
-        [theme=dark] & {
+        [data-theme='dark'] & {
           color: $global-font-secondary-color-dark;
         }
       }
     }
 
     .post-footer {
-      margin-top: .4rem;
+      margin-top: 0.4rem;
       display: flex;
       justify-content: space-between;
       align-items: center;
-      font-size: .875rem;
+      font-size: 0.875rem;
 
       @include link(false, false);
 
@@ -176,6 +177,11 @@
         padding: 0;
 
         @include link(true, true);
+        
+        .post-tag:not(:last-child)::after {
+          content: ',';
+          margin-right: 0.25rem;
+        }
       }
     }
   }

assets/css/_page/_index.scss

@@ -1,22 +1,11 @@
 .page {
   position: relative;
-  max-width: 800px;
-  width: 60%;
-  margin: 0 auto;
 
-  [header-desktop] & {
-    padding-top: $header-height;
-  }
-
-  [header-desktop=normal] & {
-    padding-top: 0;
-  }
-  
   .content {
     [id] {
       scroll-margin-top: $header-height;
-      
-      [header-desktop=normal] & {
+
+      [data-header-desktop='normal'] & {
         scroll-margin-top: 0;
       }
     }
@@ -25,10 +14,10 @@
   @include blur;
 }
 
-@import "_single";
-@import "_special";
-@import "_archive";
-@import "_home";
-@import "_404";
-@import "_offline";
-@import "_friends";
+@import '_single';
+@import '_special';
+@import '_archive';
+@import '_home';
+@import '_404';
+@import '_offline';
+@import '_friends';

assets/css/_page/_offline.scss

@@ -1,7 +1,7 @@
 #content-offline {
   @include transform(translateY(30vh));
   text-align: center;
-  
+
   .offline-title {
     font-size: 3.6rem;
   }
@@ -16,4 +16,4 @@
   .error-text {
     font-size: 1.2rem;
   }
-}
+}

assets/css/_page/_single.scss

@@ -1,30 +1,42 @@
-@import "../_partial/_single/toc";
+@import '../_partials/_single/toc';
+@import '../_partials/_single/fixit-decryptor';
 
 .single {
   .single-title {
-    margin: 1rem 0 .5rem;
+    padding: 1rem 0 0.5rem;
+    margin: 0;
     font-size: 1.6rem;
     font-weight: bold;
     line-height: 140%;
+  
+    .icon-repost {
+      color: var(--#{$prefix}success);
+      display: inline-block;
+      width: max-content;
+      margin-right: 0.25rem;
+
+      [data-theme='dark'] & {
+        color: var(--#{$prefix}success-dark);
+      }
+    }
   }
 
   .single-subtitle {
-    margin: .4rem 0;
+    margin: 0.5rem 0;
     font-size: 1.2rem;
     font-weight: normal;
-    font-style: italic;
     line-height: 100%;
   }
 
   .post-meta {
-    font-size: .875rem;
+    font-size: 0.875rem;
     color: $global-font-secondary-color;
 
     span {
       display: inline-block;
     }
 
-    [theme=dark] & {
+    [data-theme='dark'] & {
       color: $global-font-secondary-color-dark;
     }
 
@@ -32,11 +44,26 @@
 
     .author {
       font-size: 1.05rem;
+      
+      img.avatar {
+        width: 1.3rem;
+        height: 1.3rem;
+        border-radius: 50%;
+        vertical-align: text-bottom;
+        border: 0.25px solid $global-border-color;
+        box-sizing: border-box;
+        object-position: center;
+        @include object-fit(cover);
+
+        [data-theme='dark'] & {
+          border-color: $global-border-color-dark;
+        }
+      }
     }
   }
 
   .featured-image {
-    margin: .5rem 0 1rem 0;
+    margin: 0.5rem 0 1rem 0;
 
     img {
       display: block;
@@ -44,15 +71,25 @@
       height: auto;
       margin: 0 auto;
       overflow: hidden;
-    }
 
-    img.lazyloaded {
-      width: 100%;
+      &.lazyloaded {
+        width: 100%;
+      }
     }
   }
 
+  #content[data-end-flag]:not([data-password])::after {
+    content: attr(data-end-flag);
+    display: block;
+    text-align: center;
+    color: $global-font-secondary-color;
+    font-size: 15px;
+    padding: 5px;
+  }
+
   .content {
-    > h1, > h2 {
+    > h1,
+    > h2 {
       font-size: 1.5rem;
 
       & code {
@@ -92,7 +129,7 @@
       font-weight: bold;
       margin: 1.2rem 0;
 
-      [theme=dark] & {
+      [data-theme='dark'] & {
         font-weight: bolder;
       }
     }
@@ -103,28 +140,29 @@
     > h5,
     > h6 {
       > .header-mark::before {
-        content: "|";
-        margin-right: .3125rem;
+        content: '|';
+        margin-right: 0.3125rem;
         color: $single-link-color;
 
-        [theme=dark] & {
+        [data-theme='dark'] & {
           color: $single-link-color-dark;
         }
       }
     }
 
     > h2 > .header-mark::before {
-      content: "#";
+      content: '#';
     }
 
     p {
-      margin: .5rem 0;
+      margin: 0.5rem 0;
     }
 
-    b, strong {
+    b,
+    strong {
       font-weight: bold;
 
-      [theme=dark] & {
+      [data-theme='dark'] & {
         color: #ddd;
       }
     }
@@ -132,19 +170,23 @@
     @include link(false, false);
 
     a {
+      white-space: normal;
       @include overflow-wrap(break-word);
 
-      [theme=dark] & b, [theme=dark] & strong {
+      [data-theme='dark'] & b,
+      [data-theme='dark'] & strong {
         color: $single-link-color-dark;
       }
     }
 
-    [theme=dark] a:hover b, [theme=dark] a:hover strong {
+    [data-theme='dark'] a:hover b,
+    [data-theme='dark'] a:hover strong {
       color: $single-link-hover-color-dark;
     }
 
-    ul, ol {
-      margin: .5rem 0;
+    ul,
+    ol {
+      margin: 0.5rem 0;
       padding-left: 2.5rem;
     }
 
@@ -159,7 +201,7 @@
         color: $global-font-secondary-color;
       }
 
-      [theme=dark] & {
+      [data-theme='dark'] & {
         background: $code-background-color-dark;
 
         rt {
@@ -174,7 +216,7 @@
       &::-webkit-scrollbar {
         background-color: $table-background-color;
 
-        [theme=dark] & {
+        [data-theme='dark'] & {
           background-color: $table-background-color-dark;
         }
       }
@@ -182,28 +224,47 @@
       > table {
         width: 100%;
         max-width: 100%;
-        margin: .625rem 0;
+        margin: 0.625rem 0;
         border-spacing: 0;
         background: $table-background-color;
         border-collapse: collapse;
 
-        [theme=dark] & {
+        [data-theme='dark'] & {
           background: $table-background-color-dark;
         }
 
         thead {
           background: $table-thead-color;
 
-          [theme=dark] & {
+          [data-theme='dark'] & {
             background-color: $table-thead-color-dark;
           }
         }
 
-        th, td {
-          padding: .3rem 1rem;
+        &:not([class]) tbody {
+          & tr:nth-child(odd) {
+            background: darken($table-background-color, 2.25%);
+
+            [data-theme='dark'] & {
+              background-color: lighten($table-background-color-dark, 2.75%);
+            }
+          }
+          
+          & tr:hover {
+            background: darken($table-background-color, 4.5%);
+
+            [data-theme='dark'] & {
+              background-color: lighten($table-background-color-dark, 5.5%);
+            }
+          }
+        }
+
+        th,
+        td {
+          padding: 0.3rem 1rem;
           border: 1px solid darken($table-thead-color, 2%);
 
-          [theme=dark] & {
+          [data-theme='dark'] & {
             border-color: darken($table-thead-color-dark, 2%);
           }
         }
@@ -213,67 +274,74 @@
     img {
       max-width: 100%;
       min-height: 1em;
+
+      &:not([data-h]) {
+        height: auto;
+      }
+    }
+    svg {
+      max-width: 100%;
     }
 
     figure {
-      margin: .5rem;
+      margin: 0.5rem;
       text-align: center;
 
       .image-caption:not(:empty) {
         min-width: 20%;
         max-width: 80%;
         display: inline-block;
-        padding: .5rem;
+        padding: 0.5rem;
         margin: 0 auto;
-        font-size: .875rem;
+        font-size: 0.875rem;
         color: #969696;
       }
 
       img {
         display: block;
-        height: auto;
         margin: 0 auto;
         overflow: hidden;
-      }
-    }
 
-    .lazyloading {
-      @include object-fit(none);
+        &.lazyloaded:not([data-w]) {
+          width: 100%;
+        }
+      }
     }
 
     blockquote {
       display: block;
-      border-left: .5rem solid $blockquote-color;
-      background-color: rgba($blockquote-color, .2);
-      padding: .25rem .75rem;
+      border-left: 0.25em solid $global-border-color;
+      color: $blockquote-color;
+      padding: 0 1em;
       margin: 1rem 0;
 
-      [theme=dark] & {
-        border-left-color: $blockquote-color-dark;
-        background-color: rgba($blockquote-color-dark, .2);
+      ul,
+      ol {
+        padding-left: 1.5em;
       }
+
+      [data-theme='dark'] & {
+        color: $blockquote-color-dark;
+        border-left-color: $global-border-color-dark;
+      }
+
+      @include link(false, true);
     }
 
     .footnotes {
       color: $global-font-secondary-color;
 
-      [theme=dark] & {
+      [data-theme='dark'] & {
         color: $global-font-secondary-color-dark;
       }
 
       p {
-        margin: .25rem 0;
+        margin: 0.25rem 0;
       }
     }
 
-    @import "../_partial/_single/code";
-    @import "../_partial/_single/instagram";
-    @import "../_partial/_single/admonition";
-    @import "../_partial/_single/echarts";
-    @import "../_partial/_single/mapbox";
-    @import "../_partial/_single/music";
-    @import "../_partial/_single/bilibili";
-    @import "../_partial/_single/cardlink";
+    @import '../_partials/_single/code';
+    @import '../_shortcodes';
 
     hr {
       margin: 1rem 0;
@@ -281,24 +349,24 @@
       border-top: 1px dashed $global-border-color;
       border-bottom: none;
 
-      [theme=dark] & {
+      [data-theme='dark'] & {
         border-top: 1px dashed $global-border-color-dark;
       }
     }
 
     kbd {
       display: inline-block;
-      padding: .25rem;
+      padding: 0 0.25rem;
       background-color: $global-background-color;
       border: 1px solid $global-border-color;
       border-bottom-color: $global-border-color;
-      @include border-radius(3px);
+      @include border-radius($global-border-radius);
       @include box-shadow(inset 0 -1px 0 $global-border-color);
-      font-size: .8rem;
+      font-size: 0.8rem;
       font-family: $code-font-family;
       color: $code-color;
 
-      [theme=dark] & {
+      [data-theme='dark'] & {
         background-color: $global-background-color-dark;
         border: 1px solid $global-border-color-dark;
         border-bottom-color: $global-border-color-dark;
@@ -307,24 +375,15 @@
       }
     }
 
-    .typeit {
-      .code {
-        padding: .375rem;
-        font-size: .875rem;
-        font-family: $code-font-family;
-        font-weight: bold;
-        word-break: break-all;
-      }
-    }
-
     .version {
       height: 1.25em;
       vertical-align: text-bottom;
     }
   }
 
-  @import "../_partial/_single/footer";
-  @import "../_partial/_single/comment";
+  @import '../_partials/_single/reward';
+  @import '../_partials/_single/footer';
+  @import '../_partials/_single/comment';
 }
 
 .lg-toolbar .lg-icon::after {

assets/css/_page/_special.scss

@@ -1,5 +1,6 @@
 .special {
-  .single-title, .single-subtitle {
+  .single-title,
+  .single-subtitle {
     text-align: right;
   }
 }

assets/css/_partial/_archive/_tags.scss

@@ -1,27 +0,0 @@
-.tag-cloud-tags {
-  margin: 10px 0;
-
-  @include link(true, true);
-
-  a {
-    display: inline-block;
-    position: relative;
-    margin: 5px 10px;
-    @include overflow-wrap(break-word);
-    @include transition(all ease-out 0.3s);
-
-    &:active,
-    &:focus,
-    &:hover {
-      @include transform(scale(1.2));
-    }
-
-    sup {
-      color: $global-font-secondary-color;
-
-      [theme=dark] & {
-        color: $global-font-secondary-color-dark;
-      }
-    }
-  }
-}

assets/css/_partial/_icon.scss

@@ -1,17 +0,0 @@
-svg.icon {
-  display: inline-block;
-  width: 1.25em;
-  height: 1em;
-  text-align: center;
-
-  path {
-    fill: currentColor;
-  }
-}
-
-img.emoji {
-  height: 1em;
-  width: 1em;
-  margin: 0 .05em 0 .1em;
-  vertical-align: -.1em;
-}

assets/css/_partial/_single/_admonition.scss

@@ -1,67 +0,0 @@
-.admonition {
-  position: relative;
-  margin: 1rem 0;
-  padding: 0 .75rem;
-  background-color: map-get($admonition-background-color-map, 'note');
-  border-left: .25rem solid map-get($admonition-color-map, 'note');
-  overflow: auto;
-
-  .admonition-title {
-    font-weight: bold;
-    margin: 0 -0.75rem;
-    padding: .25rem 1.8rem;
-    border-bottom: 1px solid map-get($admonition-background-color-map, 'note');
-    background-color: opacify(map-get($admonition-background-color-map, 'note'), 0.15);
-  }
-
-  &.open .admonition-title {
-    background-color: map-get($admonition-background-color-map, 'note');
-  }
-
-  .admonition-content {
-    padding: .5rem 0;
-  }
-
-  i.icon {
-    font-size: 0.85rem;
-    color: map-get($admonition-color-map, 'note');
-    position: absolute;
-    top: .6rem;
-    left: .4rem;
-  }
-
-  i.details-icon {
-    position: absolute;
-    top: .6rem;
-    right: .3rem;
-  }
-
-  @each $type, $color in $admonition-color-map {
-    &.#{$type} {
-      border-left-color: $color;
-
-      i.icon {
-        color: $color;
-      }
-    }
-  }
-
-  @each $type, $color in $admonition-background-color-map {
-    &.#{$type} {
-      background-color: $color;
-
-      .admonition-title {
-        border-bottom-color: $color;
-        background-color: opacify($color, 0.15);
-      }
-
-      &.open .admonition-title {
-        background-color: $color;
-      }
-    }
-  }
-
-  &:last-child {
-    margin-bottom: .75rem;
-  }
-}

assets/css/_partial/_single/_code.scss

@@ -1,386 +0,0 @@
-code {
-  display:inline-block;
-  max-width: 100%;
-  padding: 0 .4rem;
-  @include overflow-wrap(break-word);
-  @include line-break(anywhere);
-  font-size: $code-font-size;
-  font-family: $code-font-family;
-  color: $code-color;
-
-  [theme=dark] & {
-    color: $code-color-dark;
-  }
-}
-
-pre {
-  margin: 0;
-  padding: .25rem 0 .25rem .5rem;
-  overflow: auto;
-  @include tab-size(4);
-
-  code {
-    padding: 0;
-  }
-
-  img {
-    min-height: 1em;
-    max-height: 1.2em;
-    vertical-align: text-bottom;
-  }
-}
-
-code, pre, .highlight table, .highlight tr, .highlight td {
-  background: $code-background-color;
-
-  [theme=dark] & {
-    background: $code-background-color-dark;
-  }
-}
-
-.highlight, .gist {
-  font-family: $code-font-family;
-  font-size: $code-font-size;
-
-  .table-wrapper {
-    > table,
-    > table thead,
-    > table tr,
-    > table td {
-      margin: 0;
-      padding: 0;
-      border: none !important;
-      white-space: nowrap;
-    }
-  }
-}
-
-.highlight {
-  line-height: 1.4em;
-  margin: .5rem 0;
-
-  > .chroma {
-    position: relative;
-
-    .code-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      box-sizing: border-box;
-      width: 100%;
-      font-family: $global-font-family;
-      font-weight: bold;
-      color: $code-info-color;
-      background: darken($code-background-color, 8%);
-
-      [theme=dark] & {
-        color: $code-info-color-dark;
-        background: darken($code-background-color-dark, 6%);
-      }
-
-      &:hover {
-        cursor: pointer;
-      }
-
-      .code-title {
-        width: 100%;
-        padding: .4rem;
-      }
-
-      .code-title::after {
-        padding-left: .2rem;
-        content: 'Code';
-      }
-
-      @each $type, $text in $code-type-map {
-        &.#{$type} .code-title::after {
-          content: $text;
-        }
-      }
-    }
-
-    .lntd:first-child {
-      min-width: 1.6rem;
-      text-align: right;
-    }
-
-    .lntd:last-child {
-      width: 100%;
-
-      pre {
-        @include max-content(min-width);
-      }
-    }
-
-    .ln {
-      padding-right: .75rem;
-    }
-
-    .hl {
-      display: block;
-      background-color: darken($code-background-color, 10%);
-
-      [theme=dark] & {
-        background-color: darken($code-background-color-dark, 5%);
-      }
-    }
-
-    .ln, .lnt {
-      color: $global-font-secondary-color;
-
-      [theme=dark] & {
-        color: $global-font-secondary-color-dark;
-      }
-    }
-
-    .arrow {
-      padding: 0 .2rem;
-      @include transition(transform 0.2s ease);
-    }
-
-    .ellipses {
-      padding: .4rem;
-    }
-
-    .copy {
-      display: none;
-      padding: .4rem;
-
-      &:hover {
-        cursor: pointer;
-        color: $global-link-hover-color;
-
-        [theme=dark] & {
-          color: $global-link-hover-color-dark;
-        }
-      }
-    }
-
-    .table-wrapper {
-      max-height: 0;
-      overflow-y: hidden;
-      @include details-transition-open;
-    }
-
-    &.open {
-      .code-header {
-        background: darken($code-background-color, 3%);
-
-        [theme=dark] & {
-          background: darken($code-background-color-dark, 3%);
-        }
-      }
-
-      .table-wrapper {
-        max-height: $MAX_LENGTH;
-        @include details-transition-close;
-      }
-
-      .arrow {
-        @include transform(rotate(90deg));
-      }
-
-      .ellipses {
-        display: none;
-      }
-
-      .copy {
-        display: inline;
-      }
-    }
-  }
-
-  /* Comment */  .c,
-  /* CommentHashbang */  .ch,
-  /* CommentMultiline */  .cm,
-  /* CommentSingle */  .c1,
-  /* CommentSpecial */  .cs,
-  /* CommentPreproc */  .cp,
-  /* CommentPreprocFile */  .cpf { font-style: italic }
-  /* GenericUnderline */  .gl { text-decoration: underline }
-
-  @each $class, $color in $code-highlight-color-map {
-    .#{$class} { color: $color; }
-  }
-
-  [theme=dark] & {
-    @each $class, $color in $code-highlight-color-map-dark {
-      .#{$class} { color: $color; }
-    }
-  }
-}
-
-.gist {
-  .gist-file, .gist-data, .gist-meta {
-    border: none;
-  }
-
-  .gist-meta {
-    padding: .4rem .8rem;
-    background-color: darken($code-background-color, 5%);
-
-    @include link(false, false);
-
-    [theme=dark] & {
-      background-color: darken($code-background-color-dark, 5%);
-    }
-  }
-
-  [theme=dark] & {
-    // imported from https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/one-dark.css
-    .highlight {
-      background: #141414;
-    }
-    .blob-num,
-    .blob-code-inner,
-    .highlight,
-    .pl-enm,
-    .pl-ko,
-    .pl-mo,
-    .pl-mp1 .pl-sf,
-    .pl-ms,
-    .pl-pdc1,
-    .pl-scp,
-    .pl-smc,
-    .pl-som,
-    .pl-va,
-    .pl-vpf,
-    .pl-vpu,
-    .pl-mdr {
-        color: #aab1bf;
-    }
-    .pl-mb,
-    .pl-pdb {
-        font-weight: 700;
-    }
-    .pl-c,
-    .pl-c span,
-    .pl-pdc {
-        color: #5b6270;
-        font-style: italic;
-    }
-    .pl-sr .pl-cce {
-        color: #56b5c2;
-        font-weight: 400;
-    }
-    .pl-ef,
-    .pl-en,
-    .pl-enf,
-    .pl-eoai,
-    .pl-kos,
-    .pl-mh .pl-pdh,
-    .pl-mr {
-        color: #61afef;
-    }
-    .pl-ens,
-    .pl-vi {
-        color: #be5046;
-    }
-    .pl-enti,
-    .pl-mai .pl-sf,
-    .pl-ml,
-    .pl-sf,
-    .pl-sr,
-    .pl-sr .pl-sra,
-    .pl-src,
-    .pl-st,
-    .pl-vo {
-        color: #56b5c2;
-    }
-    .pl-eoi,
-    .pl-mri,
-    .pl-pds,
-    .pl-pse .pl-s1,
-    .pl-s,
-    .pl-s1 {
-        color: #97c279;
-    }
-    .pl-k,
-    .pl-kolp,
-    .pl-mc,
-    .pl-pde {
-        color: #c578dd;
-    }
-    .pl-mi,
-    .pl-pdi {
-        color: #c578dd;
-        font-style: italic;
-    }
-    .pl-mp,
-    .pl-stp {
-        color: #818896;
-    }
-    .pl-mdh,
-    .pl-mdi,
-    .pl-mdr {
-        font-weight: 400;
-    }
-    .pl-mdht,
-    .pl-mi1 {
-        color: #97c279;
-        background: #020;
-    }
-    .pl-md,
-    .pl-mdhf {
-        color: #df6b75;
-        background: #200;
-    }
-    .pl-corl {
-        color: #df6b75;
-        text-decoration: underline;
-    }
-    .pl-ib {
-        background: #df6b75;
-    }
-    .pl-ii {
-        background: #e0c184;
-        color: #fff;
-    }
-    .pl-iu {
-        background: #e05151;
-    }
-    .pl-ms1 {
-        color: #aab1bf;
-        background: #373b41;
-    }
-    .pl-c1,
-    .pl-cn,
-    .pl-e,
-    .pl-eoa,
-    .pl-eoac,
-    .pl-eoac .pl-pde,
-    .pl-kou,
-    .pl-mm,
-    .pl-mp .pl-s3,
-    .pl-mq,
-    .pl-s3,
-    .pl-sok,
-    .pl-sv,
-    .pl-mb {
-        color: #d19965;
-    }
-    .pl-enc,
-    .pl-entc,
-    .pl-pse .pl-s2,
-    .pl-s2,
-    .pl-sc,
-    .pl-smp,
-    .pl-sr .pl-sre,
-    .pl-stj,
-    .pl-v,
-    .pl-pdb {
-        color: #e4bf7a;
-    }
-    .pl-ent,
-    .pl-entl,
-    .pl-entm,
-    .pl-mh,
-    .pl-pdv,
-    .pl-smi,
-    .pl-sol,
-    .pl-mdh,
-    .pl-mdi {
-        color: #df6b75;
-    }
-  }
-}

assets/css/_partial/_single/_comment.scss

@@ -1,3 +0,0 @@
-#comments {
-  padding: 8rem 0 2rem;
-}

assets/css/_partial/_single/_mapbox.scss

@@ -1,4 +0,0 @@
-.mapbox {
-  margin: .5rem 0;
-  padding: .5rem 0;
-}

assets/css/_partial/_single/_music.scss

@@ -1,3 +0,0 @@
-meting-js {
-  margin: .5rem 0;
-}

assets/css/_partials/_archive/_tags.scss

@@ -0,0 +1,69 @@
+.tag-cloud-tags {
+  margin: 10px 0;
+
+  @include link(true, true);
+
+  a {
+    display: inline-block;
+    position: relative;
+    margin: 5px 10px;
+    @include overflow-wrap(break-word);
+    @include transition(all ease-out 0.3s);
+
+    &:active,
+    &:focus,
+    &:hover {
+      @include transform(scale(1.2));
+
+      sup {
+        color: $global-font-color;
+        @include transition(all ease-out 0.3s);
+
+        [data-theme='dark'] & {
+          color: $global-font-color-dark;
+        }
+      }
+    }
+
+    sup {
+      color: $global-font-secondary-color;
+
+      [data-theme='dark'] & {
+        color: $global-font-secondary-color-dark;
+      }
+    }
+  }
+}
+
+@for $grade from 0 through 10 {
+  $tag-cloud-color: mix($tag-cloud-end, $tag-cloud-start, $grade * 10);
+  $tag-cloud-color-dark: mix($tag-cloud-end-dark, $tag-cloud-start-dark, $grade * 10);
+
+  .tag-cloud-#{$grade} {
+    color: $tag-cloud-color!important;
+    font-size: var(--tag-font);
+    margin: 10px!important;
+
+    &:active,
+    &:focus,
+    &:hover {
+      color: $global-link-hover-color!important;
+
+      [data-theme='dark'] & {
+        color: $global-link-hover-color-dark;
+      }
+
+      sup {
+        opacity: 1;
+      }
+    }
+
+    [data-theme='dark'] & {
+      color: $tag-cloud-color-dark!important;
+    }
+
+    sup {
+      opacity: 0;
+    }
+  }
+}

assets/css/_partials/_archive/_terms.scss

@@ -1,6 +1,5 @@
 .categories-card {
   margin: 0 auto;
-  margin-top: 3rem;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
@@ -9,16 +8,19 @@
   line-height: 1.6rem;
 
   .card-item {
-    font-size: .875rem;
+    font-size: 0.875rem;
     text-align: left;
     width: 45%;
     display: flex;
     align-items: flex-start;
-    margin-top: 2rem;
     min-height: 10rem;
     padding: 0 2%;
     position: relative;
 
+    &:nth-child(n+3){
+      margin-top: 2rem;
+    }
+
     .card-item-wrapper {
       width: 100%;
       overflow: hidden;
@@ -28,7 +30,7 @@
         font-weight: bold;
         display: inline-block;
         margin-top: 1rem;
-        margin-bottom: .75rem;
+        margin-bottom: 0.75rem;
       }
 
       span {
@@ -44,7 +46,7 @@
   justify-content: space-between;
   align-items: center;
   box-sizing: border-box;
-  margin: .25rem 0 .25rem 1.5rem;
+  margin: 0.25rem 0 0.25rem 1.5rem;
 }
 
 .archive-item-link {
@@ -58,7 +60,7 @@
     background-color: transparent;
   }
 
-  [theme=dark] & {
+  [data-theme='dark'] & {
     color: $global-link-color-dark;
 
     &:hover {
@@ -68,13 +70,12 @@
 }
 
 .archive-item-date {
-  width: 4em;
   text-align: right;
   color: $global-font-secondary-color;
   white-space: nowrap;
   font-variant-numeric: tabular-nums lining-nums;
 
-  [theme=dark] & {
+  [data-theme='dark'] & {
     color: $global-font-secondary-color-dark;
   }
 }

assets/css/_partials/_details.scss

@@ -1,5 +1,7 @@
 .details {
   .details-summary {
+    @include border-radius($global-border-radius);
+
     &:hover {
       cursor: pointer;
     }
@@ -9,7 +11,7 @@
     color: $global-font-secondary-color;
     @include transition(transform 0.2s ease);
 
-    [theme=dark] & {
+    [data-theme='dark'] & {
       color: $global-font-secondary-color-dark;
     }
   }
@@ -21,12 +23,17 @@
   }
 
   &.open {
+    .details-summary {
+      @include border-radius($global-border-radius $global-border-radius 0 0);
+    }
+
     i.details-icon {
       @include transform(rotate(90deg));
     }
 
     .details-content {
-      max-height: $MAX_LENGTH;
+      max-height: 100%;
+      @include border-radius(0 0 $global-border-radius $global-border-radius);
       @include details-transition-close;
     }
   }

assets/css/_partials/_icon.scss

@@ -0,0 +1,26 @@
+svg.icon {
+  display: inline-block;
+  width: 1.25em;
+  height: 1em;
+  text-align: center;
+
+  path {
+    fill: currentColor;
+  }
+}
+
+img.emoji {
+  height: 1em;
+  width: 1em;
+  margin: 0 0.05em 0 0.1em;
+  vertical-align: -0.1em;
+}
+
+.fixit-icon {
+  display: inline-block;
+  height: 1.5em;
+  width: 1.5em;
+  line-height: 1.5em;
+  position: relative;
+  vertical-align: text-bottom;
+}

assets/css/_partials/_img.scss

@@ -0,0 +1,12 @@
+img {
+  @include border-radius($global-border-radius/2);
+
+  &.lazyload,
+  &.lazyloading {
+    @include object-fit(scale-down);
+  }
+
+  &.lazyloaded {
+    @include object-fit(contain);
+  }
+}

assets/css/_partials/_maps/_admonition.scss

@@ -0,0 +1,15 @@
+// Color map of admonition [$type $color $background-color, ... ]
+$admonition-color-map:
+  'note' #448aff rgba(68, 138, 255, 0.1),
+  'abstract' #00b0ff rgba(0, 176, 255, 0.1),
+  'info' #00b8d4 rgba(0, 184, 212, 0.1),
+  'tip' #00bfa5 rgba(0, 191, 165, 0.1),
+  'success' #00c853 rgba(0, 200, 83, 0.1),
+  'question' #64dd17 rgba(100, 221, 23, 0.1),
+  'warning' #ff9100 rgba(255, 145, 0, 0.1),
+  'failure' #ff5252 rgba(255, 82, 82, 0.1),
+  'danger' #ff1744 rgba(255, 23, 68, 0.1),
+  'bug' #f50057 rgba(245, 0, 87, 0.1),
+  'example' #651fff rgba(101, 31, 255, 0.1),
+  'quote' #9e9e9e rgba(159, 159, 159, 0.1)
+  !default;

assets/css/_partials/_maps/_code-highlight.scss

@@ -0,0 +1,157 @@
+// Color map of the code highlight
+$code-highlight-color-map: (
+  /* Error */ 'err': $code-error-color,
+  /* Keyword */ 'k': #cf222e,
+  /* KeywordConstant */ 'kc': #0550ae,
+  /* KeywordDeclaration */ 'kd': #cf222e,
+  /* KeywordNamespace */ 'kn': #cf222e,
+  /* KeywordPseudo */ 'kp': #cf222e,
+  /* KeywordReserved */ 'kr': #cf222e,
+  /* KeywordType */ 'kt': #cf222e,
+  /* Name */ 'n': $code-color,
+  /* NameAttribute */ 'na': #0550ae,
+  /* NameBuiltin */ 'nb': #0550ae,
+  /* NameBuiltinPseudo */ 'bp': $code-color,
+  /* NameClass */ 'nc': #8250df,
+  /* NameConstant */ 'no': #cf222e,
+  /* NameDecorator */ 'nd': #8250df,
+  /* NameEntity */ 'ni': #0550ae,
+  /* NameException */ 'ne': #0550ae,
+  /* NameFunction */ 'nf': #0550ae,
+  /* NameFunctionMagic */ 'fm': #0550ae,
+  /* NameLabel */ 'nl': #0550ae,
+  /* NameNamespace */ 'nn': #8250df,
+  /* NameOther */ 'nx': #0550ae,
+  /* NameProperty */ 'py': #0550ae,
+  /* NameTag */ 'nt': #116329,
+  /* NameVariable */ 'nv': #953800,
+  /* NameVariableClass */ 'vc': #0550ae,
+  /* NameVariableGlobal */ 'vg': #0550ae,
+  /* NameVariableInstance */ 'vi': #0550ae,
+  /* NameVariableMagic */ 'vm': #0550ae,
+  /* Literal */ 'l': #0550ae,
+  /* LiteralDate */ 'ld': #0a3069,
+  /* LiteralString */ 's': #0a3069,
+  /* LiteralStringAffix */ 'sa': #0a3069,
+  /* LiteralStringBacktick */ 'sb': #0a3069,
+  /* LiteralStringChar */ 'sc': #0a3069,
+  /* LiteralStringDelimiter */ 'dl': #0a3069,
+  /* LiteralStringDoc */ 'sd': #0a3069,
+  /* LiteralStringDouble */ 's2': #0a3069,
+  /* LiteralStringEscape */ 'se': #0a3069,
+  /* LiteralStringHeredoc */ 'sh': #0a3069,
+  /* LiteralStringInterpol */ 'si': #0a3069,
+  /* LiteralStringOther */ 'sx': #0a3069,
+  /* LiteralStringRegex */ 'sr': #0a3069,
+  /* LiteralStringSingle */ 's1': #0a3069,
+  /* LiteralStringSymbol */ 'ss': #0a3069,
+  /* LiteralNumber */ 'm': #0550ae,
+  /* LiteralNumberBin */ 'mb': #0550ae,
+  /* LiteralNumberFloat */ 'mf': #0550ae,
+  /* LiteralNumberHex */ 'mh': #0550ae,
+  /* LiteralNumberInteger */ 'mi': #0550ae,
+  /* LiteralNumberIntegerLong */ 'il': #0550ae,
+  /* LiteralNumberOct */ 'mo': #0550ae,
+  /* Operator */ 'o': #cf222e,
+  /* OperatorWord */ 'ow': #cf222e,
+  /* Punctuation */ 'p': $code-color,
+  /* Comment */ 'c': #6e7781,
+  /* CommentHashbang */ 'ch': #6e7781,
+  /* CommentMultiline */ 'cm': #6e7781,
+  /* CommentSingle */ 'c1': #6e7781,
+  /* CommentSpecial */ 'cs': #6e7781,
+  /* CommentPreproc */ 'cp': #0550ae,
+  /* CommentPreprocFile */ 'cpf': #6e7781,
+  /* Generic */ 'g': $code-color,
+  /* GenericDeleted */ 'gd': #82071e,
+  /* GenericEmph */ 'ge': $code-color,
+  /* GenericError */ 'gr': $code-error-color,
+  /* GenericHeading */ 'gh': $code-color,
+  /* GenericInserted */ 'gi': #116329,
+  /* GenericOutput */ 'go': $code-color,
+  /* GenericPrompt */ 'gp': $code-color,
+  /* GenericStrong */ 'gs': $code-color,
+  /* GenericSubheading */ 'gu': $code-color,
+  /* GenericTraceback */ 'gt': $code-error-color,
+  /* GenericUnderline */ 'gl': $code-color,
+  /* TextWhitespace */ 'w': $code-color,
+  /* Other */ 'x': $code-color
+) !default;
+$code-highlight-color-map-dark: (
+  /* Error */ 'err': $code-error-color,
+  /* Keyword */ 'k': #f47067,
+  /* KeywordConstant */ 'kc': #6cb6ff,
+  /* KeywordDeclaration */ 'kd': #f47067,
+  /* KeywordNamespace */ 'kn': #f47067,
+  /* KeywordPseudo */ 'kp': #f47067,
+  /* KeywordReserved */ 'kr': #f47067,
+  /* KeywordType */ 'kt': #f47067,
+  /* Name */ 'n': $code-color-dark,
+  /* NameAttribute */ 'na': #6cb6ff,
+  /* NameBuiltin */ 'nb': #dcbdfb,
+  /* NameBuiltinPseudo */ 'bp': $code-color-dark,
+  /* NameClass */ 'nc': #dcbdfb,
+  /* NameConstant */ 'no': #6cb6ff,
+  /* NameDecorator */ 'nd': #dcbdfb,
+  /* NameEntity */ 'ni': #6cb6ff,
+  /* NameException */ 'ne': #6cb6ff,
+  /* NameFunction */ 'nf': #dcbdfb,
+  /* NameFunctionMagic */ 'fm': #6cb6ff,
+  /* NameLabel */ 'nl': #6cb6ff,
+  /* NameNamespace */ 'nn': #f47067,
+  /* NameOther */ 'nx': #dcbdfb,
+  /* NameProperty */ 'py': #6cb6ff,
+  /* NameTag */ 'nt': #8ddb8c,
+  /* NameVariable */ 'nv': #f69d50,
+  /* NameVariableClass */ 'vc': #6cb6ff,
+  /* NameVariableGlobal */ 'vg': #6cb6ff,
+  /* NameVariableInstance */ 'vi': #6cb6ff,
+  /* NameVariableMagic */ 'vm': #6cb6ff,
+  /* Literal */ 'l': #6cb6ff,
+  /* LiteralDate */ 'ld': #96d0ff,
+  /* LiteralString */ 's': #96d0ff,
+  /* LiteralStringAffix */ 'sa': #96d0ff,
+  /* LiteralStringBacktick */ 'sb': #96d0ff,
+  /* LiteralStringChar */ 'sc': #96d0ff,
+  /* LiteralStringDelimiter */ 'dl': #96d0ff,
+  /* LiteralStringDoc */ 'sd': #96d0ff,
+  /* LiteralStringDouble */ 's2': #96d0ff,
+  /* LiteralStringEscape */ 'se': #96d0ff,
+  /* LiteralStringHeredoc */ 'sh': #96d0ff,
+  /* LiteralStringInterpol */ 'si': #96d0ff,
+  /* LiteralStringOther */ 'sx': #96d0ff,
+  /* LiteralStringRegex */ 'sr': #96d0ff,
+  /* LiteralStringSingle */ 's1': #96d0ff,
+  /* LiteralStringSymbol */ 'ss': #96d0ff,
+  /* LiteralNumber */ 'm': #6cb6ff,
+  /* LiteralNumberBin */ 'mb': #6cb6ff,
+  /* LiteralNumberFloat */ 'mf': #6cb6ff,
+  /* LiteralNumberHex */ 'mh': #6cb6ff,
+  /* LiteralNumberInteger */ 'mi': #6cb6ff,
+  /* LiteralNumberIntegerLong */ 'il': #6cb6ff,
+  /* LiteralNumberOct */ 'mo': #6cb6ff,
+  /* Operator */ 'o': #f47067,
+  /* OperatorWord */ 'ow': #f47067,
+  /* Punctuation */ 'p': $code-color-dark,
+  /* Comment */ 'c': #768390,
+  /* CommentHashbang */ 'ch': #768390,
+  /* CommentMultiline */ 'cm': #768390,
+  /* CommentSingle */ 'c1': #768390,
+  /* CommentSpecial */ 'cs': #768390,
+  /* CommentPreproc */ 'cp': #6cb6ff,
+  /* CommentPreprocFile */ 'cpf': #768390,
+  /* Generic */ 'g': $code-color-dark,
+  /* GenericDeleted */ 'gd': #ffd8d3,
+  /* GenericEmph */ 'ge': $code-color-dark,
+  /* GenericError */ 'gr': $code-error-color,
+  /* GenericHeading */ 'gh': $code-color-dark,
+  /* GenericInserted */ 'gi': #b4f1b4,
+  /* GenericOutput */ 'go': $code-color-dark,
+  /* GenericPrompt */ 'gp': $code-color-dark,
+  /* GenericStrong */ 'gs': $code-color-dark,
+  /* GenericSubheading */ 'gu': $code-color-dark,
+  /* GenericTraceback */ 'gt': $code-error-color,
+  /* GenericUnderline */ 'gl': $code-color-dark,
+  /* TextWhitespace */ 'w': $code-color-dark,
+  /* Other */ 'x': $code-color-dark
+) !default;

assets/css/_partials/_maps/_code-type.scss

@@ -0,0 +1,373 @@
+// Code type map
+$code-type-map: (
+  // Chroma supported languages
+  // @generator https://github.com/hugo-fixit/.tools/blob/main/tampermonkey/code-type-map-fetcher.user.js
+  "abap": "ABAP",
+  "abnf": "ABNF",
+  "as": "ActionScript",
+  "actionscript": "ActionScript",
+  "as3": "ActionScript 3",
+  "actionscript3": "ActionScript 3",
+  "ada": "Ada",
+  "ada95": "Ada",
+  "ada2005": "Ada",
+  "al": "AL",
+  "ng2": "Angular2",
+  "antlr": "ANTLR",
+  "apacheconf": "ApacheConf",
+  "aconf": "ApacheConf",
+  "apache": "ApacheConf",
+  "apl": "APL",
+  "applescript": "AppleScript",
+  "arduino": "Arduino",
+  "armasm": "ArmAsm",
+  "awk": "Awk",
+  "gawk": "Awk",
+  "mawk": "Awk",
+  "nawk": "Awk",
+  "ballerina": "Ballerina",
+  "make": "Base Makefile",
+  "makefile": "Base Makefile",
+  "mf": "Base Makefile",
+  "bsdmake": "Base Makefile",
+  "bash": "Bash",
+  "sh": "Bash",
+  "ksh": "Bash",
+  "zsh": "Bash",
+  "shell": "Bash",
+  "bash-session": "BashSession",
+  "console": "BashSession",
+  "shell-session": "BashSession",
+  "bat": "Batchfile",
+  "batch": "Batchfile",
+  "dosbatch": "Batchfile",
+  "winbatch": "Batchfile",
+  "bib": "BibTeX",
+  "bibtex": "BibTeX",
+  "bicep": "Bicep",
+  "blitzbasic": "BlitzBasic",
+  "b3d": "BlitzBasic",
+  "bplus": "BlitzBasic",
+  "bnf": "BNF",
+  "brainfuck": "Brainfuck",
+  "bf": "Brainfuck",
+  "c": "C",
+  "csharp": "C#",
+  "c\\#": "C#",
+  "cpp": "C++",
+  "c\\+\\+": "C++",
+  "caddyfile": "Caddyfile",
+  "caddy": "Caddyfile",
+  "caddyfile-directives": "Caddyfile Directives",
+  "caddyfile-d": "Caddyfile Directives",
+  "caddy-d": "Caddyfile Directives",
+  "capnp": "Cap'n Proto",
+  "cassandra": "Cassandra CQL",
+  "cql": "Cassandra CQL",
+  "ceylon": "Ceylon",
+  "cfengine3": "CFEngine3",
+  "cf3": "CFEngine3",
+  "cfs": "cfstatement",
+  "chai": "ChaiScript",
+  "chaiscript": "ChaiScript",
+  "cheetah": "Cheetah",
+  "spitfire": "Cheetah",
+  "clojure": "Clojure",
+  "clj": "Clojure",
+  "cmake": "CMake",
+  "cobol": "COBOL",
+  "coffee-script": "CoffeeScript",
+  "coffeescript": "CoffeeScript",
+  "coffee": "CoffeeScript",
+  "common-lisp": "Common Lisp",
+  "cl": "Common Lisp",
+  "lisp": "Common Lisp",
+  "coq": "Coq",
+  "cr": "Crystal",
+  "crystal": "Crystal",
+  "css": "CSS",
+  "cython": "Cython",
+  "pyx": "Cython",
+  "pyrex": "Cython",
+  "d": "D",
+  "dart": "Dart",
+  "diff": "Diff",
+  "udiff": "Diff",
+  "django": "Django/Jinja",
+  "jinja": "Django/Jinja",
+  "docker": "Docker",
+  "dockerfile": "Docker",
+  "dtd": "DTD",
+  "dylan": "Dylan",
+  "ebnf": "EBNF",
+  "elixir": "Elixir",
+  "ex": "Elixir",
+  "exs": "Elixir",
+  "elm": "Elm",
+  "emacs": "EmacsLisp",
+  "elisp": "EmacsLisp",
+  "emacs-lisp": "EmacsLisp",
+  "erlang": "Erlang",
+  "factor": "Factor",
+  "fennel": "Fennel",
+  "fnl": "Fennel",
+  "fish": "Fish",
+  "fishshell": "Fish",
+  "forth": "Forth",
+  "fortran": "Fortran",
+  "fortranfixed": "FortranFixed",
+  "fsharp": "FSharp",
+  "gas": "GAS",
+  "asm": "GAS",
+  "gdscript": "GDScript",
+  "gd": "GDScript",
+  "genshi": "Genshi",
+  "kid": "Genshi",
+  "xml\\+genshi": "Genshi",
+  "xml\\+kid": "Genshi",
+  "html\\+genshi": "Genshi HTML",
+  "html\\+kid": "Genshi HTML",
+  "genshitext": "Genshi Text",
+  "cucumber": "Gherkin",
+  "Cucumber": "Gherkin",
+  "gherkin": "Gherkin",
+  "Gherkin": "Gherkin",
+  "glsl": "GLSL",
+  "gnuplot": "Gnuplot",
+  "go": "Go",
+  "golang": "Go",
+  "go-html-template": "Go HTML Template",
+  "go-text-template": "Go Text Template",
+  "graphql": "GraphQL",
+  "graphqls": "GraphQL",
+  "gql": "GraphQL",
+  "groff": "Groff",
+  "nroff": "Groff",
+  "man": "Groff",
+  "groovy": "Groovy",
+  "handlebars": "Handlebars",
+  "hbs": "Handlebars",
+  "haskell": "Haskell",
+  "hs": "Haskell",
+  "hx": "Haxe",
+  "haxe": "Haxe",
+  "hxsl": "Haxe",
+  "hcl": "HCL",
+  "hexdump": "Hexdump",
+  "hlb": "HLB",
+  "html": "HTML",
+  "http": "HTTP",
+  "hylang": "Hy",
+  "idris": "Idris",
+  "idr": "Idris",
+  "igor": "Igor",
+  "igorpro": "Igor",
+  "ini": "INI",
+  "cfg": "INI",
+  "dosini": "INI",
+  "io": "Io",
+  "j": "J",
+  "java": "Java",
+  "js": "JavaScript",
+  "javascript": "JavaScript",
+  "json": "JSON",
+  "julia": "Julia",
+  "jl": "Julia",
+  "jungle": "Jungle",
+  "kotlin": "Kotlin",
+  "lighty": "Lighttpd configuration file",
+  "lighttpd": "Lighttpd configuration file",
+  "llvm": "LLVM",
+  "lua": "Lua",
+  "mako": "Mako",
+  "md": "markdown",
+  "mkd": "markdown",
+  "mason": "Mason",
+  "mathematica": "Mathematica",
+  "mma": "Mathematica",
+  "nb": "Mathematica",
+  "matlab": "Matlab",
+  "mcfunction": "mcfunction",
+  "meson": "Meson",
+  "meson\\.build": "Meson",
+  "metal": "Metal",
+  "minizinc": "MiniZinc",
+  "MZN": "MiniZinc",
+  "mzn": "MiniZinc",
+  "mlir": "MLIR",
+  "modula2": "Modula-2",
+  "m2": "Modula-2",
+  "monkeyc": "MonkeyC",
+  "morrowind": "MorrowindScript",
+  "mwscript": "MorrowindScript",
+  "myghty": "Myghty",
+  "mysql": "MySQL",
+  "mariadb": "MySQL",
+  "nasm": "NASM",
+  "newspeak": "Newspeak",
+  "nginx": "Nginx configuration file",
+  "nim": "Nim",
+  "nimrod": "Nim",
+  "nixos": "Nix",
+  "nix": "Nix",
+  "objective-c": "Objective-C",
+  "objectivec": "Objective-C",
+  "obj-c": "Objective-C",
+  "objc": "Objective-C",
+  "ocaml": "OCaml",
+  "octave": "Octave",
+  "ones": "OnesEnterprise",
+  "onesenterprise": "OnesEnterprise",
+  "1S": "OnesEnterprise",
+  "1S:Enterprise": "OnesEnterprise",
+  "openedge": "OpenEdge ABL",
+  "abl": "OpenEdge ABL",
+  "progress": "OpenEdge ABL",
+  "openedgeabl": "OpenEdge ABL",
+  "openscad": "OpenSCAD",
+  "org": "Org Mode",
+  "orgmode": "Org Mode",
+  "pacmanconf": "PacmanConf",
+  "perl": "Perl",
+  "pl": "Perl",
+  "php": "PHP",
+  "php3": "PHP",
+  "php4": "PHP",
+  "php5": "PHP",
+  "phtml": "PHTML",
+  "pig": "Pig",
+  "pkgconfig": "PkgConfig",
+  "plpgsql": "PL/pgSQL",
+  "text": "plaintext",
+  "plain": "plaintext",
+  "no-highlight": "plaintext",
+  "plutus-core": "Plutus Core",
+  "plc": "Plutus Core",
+  "pony": "Pony",
+  "postgresql": "PostgreSQL SQL dialect",
+  "postgres": "PostgreSQL SQL dialect",
+  "postscript": "PostScript",
+  "postscr": "PostScript",
+  "pov": "POVRay",
+  "powerquery": "PowerQuery",
+  "pq": "PowerQuery",
+  "powershell": "PowerShell",
+  "posh": "PowerShell",
+  "ps1": "PowerShell",
+  "psm1": "PowerShell",
+  "psd1": "PowerShell",
+  "prolog": "Prolog",
+  "promql": "PromQL",
+  "protobuf": "Protocol Buffer",
+  "proto": "Protocol Buffer",
+  "puppet": "Puppet",
+  "python": "Python",
+  "py": "Python",
+  "sage": "Python",
+  "python3": "Python",
+  "py3": "Python",
+  "python2": "Python 2",
+  "py2": "Python 2",
+  "qbasic": "QBasic",
+  "basic": "QBasic",
+  "qml": "QML",
+  "qbs": "QML",
+  "splus": "R",
+  "s": "R",
+  "r": "R",
+  "racket": "Racket",
+  "rkt": "Racket",
+  "ragel": "Ragel",
+  "perl6": "Raku",
+  "pl6": "Raku",
+  "raku": "Raku",
+  "jsx": "react",
+  "react": "react",
+  "reason": "ReasonML",
+  "reasonml": "ReasonML",
+  "registry": "reg",
+  "rst": "reStructuredText",
+  "rest": "reStructuredText",
+  "restructuredtext": "reStructuredText",
+  "rexx": "Rexx",
+  "arexx": "Rexx",
+  "rb": "Ruby",
+  "ruby": "Ruby",
+  "duby": "Ruby",
+  "rust": "Rust",
+  "rs": "Rust",
+  "sas": "SAS",
+  "sass": "Sass",
+  "scala": "Scala",
+  "scheme": "Scheme",
+  "scm": "Scheme",
+  "scilab": "Scilab",
+  "scss": "SCSS",
+  "sieve": "Sieve",
+  "smalltalk": "Smalltalk",
+  "squeak": "Smalltalk",
+  "st": "Smalltalk",
+  "smarty": "Smarty",
+  "snobol": "Snobol",
+  "sol": "Solidity",
+  "solidity": "Solidity",
+  "sparql": "SPARQL",
+  "sql": "SQL",
+  "squidconf": "SquidConf",
+  "squid\\.conf": "SquidConf",
+  "squid": "SquidConf",
+  "sml": "Standard ML",
+  "stylus": "Stylus",
+  "svelte": "Svelte",
+  "swift": "Swift",
+  "systemd": "SYSTEMD",
+  "systemverilog": "systemverilog",
+  "sv": "systemverilog",
+  "tablegen": "TableGen",
+  "tasm": "TASM",
+  "tcl": "Tcl",
+  "tcsh": "Tcsh",
+  "csh": "Tcsh",
+  "termcap": "Termcap",
+  "terminfo": "Terminfo",
+  "terraform": "Terraform",
+  "tf": "Terraform",
+  "tex": "TeX",
+  "latex": "TeX",
+  "thrift": "Thrift",
+  "toml": "TOML",
+  "tradingview": "TradingView",
+  "tv": "TradingView",
+  "tsql": "Transact-SQL",
+  "t-sql": "Transact-SQL",
+  "turing": "Turing",
+  "turtle": "Turtle",
+  "twig": "Twig",
+  "ts": "TypeScript",
+  "tsx": "TypeScript",
+  "typescript": "TypeScript",
+  "typoscript": "TypoScript",
+  "typoscriptcssdata": "TypoScriptCssData",
+  "typoscripthtmldata": "TypoScriptHtmlData",
+  "v": "verilog",
+  "vlang": "V",
+  "vsh": "V shell",
+  "vshell": "V shell",
+  "vb\\.net": "VB.net",
+  "vbnet": "VB.net",
+  "verilog": "verilog",
+  "vhdl": "VHDL",
+  "vim": "VimL",
+  "vue": "vue",
+  "vuejs": "vue",
+  "whiley": "Whiley",
+  "xml": "XML",
+  "xorg\\.conf": "Xorg",
+  "yaml": "YAML",
+  "yang": "YANG",
+  "zed": "Zed",
+  "zig": "Zig",
+  // Custom code type
+  "markdown": "markdown",
+  "yml": "YAML"
+) !default;

assets/css/_partials/_maps/_colors.scss

@@ -0,0 +1,17 @@
+// Theme colors
+$primary: #1772ee !default;
+$secondary: #919191 !default;
+$success: #13ce66 !default;
+$info: #0dcaf0 !default;
+$warning: #ffba00 !default;
+$danger: #ff4949 !default;
+
+// Theme colors map
+$theme-colors: (
+  'primary': $primary,
+  'secondary': $secondary,
+  'success': $success,
+  'info': $info,
+  'warning': $warning,
+  'danger': $danger
+) !default;

assets/css/_partials/_maps/_utilities.scss

@@ -0,0 +1,13 @@
+// Utilities
+
+// property order
+$orders: (
+  first: -1,
+  0: 0,
+  1: 1,
+  2: 2,
+  3: 3,
+  4: 4,
+  5: 5,
+  last: 6,
+) !default;

assets/css/_partials/_mask.scss

@@ -11,6 +11,6 @@
 
   .blur & {
     z-index: 100;
-    background-color: rgba(0, 0, 0, .25);
+    background-color: rgba(0, 0, 0, 0.25);
   }
 }

assets/css/_partials/_single/_code.scss

@@ -0,0 +1,350 @@
+// inline code
+code {
+  padding: 0.2em 0.4em;
+  margin: 0;
+  font-size: $code-font-size;
+  font-family: $code-font-family;
+  color: $code-color;
+  background-color: rgba(175, 184, 193, 0.2);
+  text-decoration: inherit;
+  @include border-radius($global-border-radius);
+  @include overflow-wrap(break-word);
+  @include line-break(auto);
+
+  [data-theme='dark'] & {
+    color: $code-color-dark;
+    background-color: rgba(99, 110, 123, 0.4);
+  }
+}
+
+// indented code
+pre {
+  margin: 0;
+  line-height: 1.45em;
+  padding: 0.5rem;
+  overflow: auto;
+  font-size: $code-font-size;
+  font-family: $code-font-family;
+  @include border-radius($global-border-radius);
+  @include tab-size(4);
+
+  background-color: $code-background-color;
+
+  [data-theme='dark'] & {
+    background-color: $code-background-color-dark;
+  }
+
+  code {
+    padding: 0;
+    background-color: transparent;
+    @include border-radius(0);
+    @include max-content(min-width);
+
+    [data-theme='dark'] & {
+      background-color: transparent;
+    }
+  }
+
+  img {
+    min-height: 1em;
+    max-height: 1.2em;
+    vertical-align: text-bottom;
+  }
+}
+
+.highlight,
+.gist {
+  font-size: $code-font-size;
+  font-family: $code-font-family;
+
+  .table-wrapper {
+    > table,
+    > table thead,
+    > table tr,
+    > table td {
+      margin: 0;
+      padding: 0;
+      border: none !important;
+      white-space: nowrap;
+    }
+  }
+}
+
+// block fenced code
+.highlight {
+  margin: 0.5rem 0;
+
+  > .chroma {
+    position: relative;
+
+    .code-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      box-sizing: border-box;
+      width: 100%;
+      font-family: $global-font-family;
+      font-weight: bold;
+      line-height: 1.4em;
+      color: $code-info-color;
+      background-color: darken($code-background-color, 3%);
+      @include border-radius($global-border-radius);
+      @include transition(border-radius 0.2s ease);
+
+      [data-theme='dark'] & {
+        color: $code-info-color-dark;
+        background-color: darken($code-background-color-dark, 6%);
+      }
+
+      &:hover {
+        cursor: pointer;
+      }
+
+      .code-title {
+        width: 100%;
+        padding: 0.4rem;
+
+        .arrow {
+          padding: 0 0.2rem;
+          @include transition(transform 0.2s ease);
+        }
+      }
+
+      .code-title::after {
+        padding-left: 0.2rem;
+        content: 'Code';
+      }
+
+      .ellipses {
+        padding: 0.4rem;
+      }
+
+      .edit,
+      .copy {
+        display: none;
+        padding: 0.4rem;
+
+        &:hover {
+          cursor: pointer;
+          color: $global-link-hover-color;
+
+          [data-theme='dark'] & {
+            color: $global-link-hover-color-dark;
+          }
+        }
+      }
+
+      @each $type, $text in $code-type-map {
+        &.language-#{$type} .code-title::after {
+          content: $text;
+        }
+      }
+    }
+
+    // delayed loading table-wrapper
+    .table-wrapper {
+      max-height: 0;
+      overflow: hidden;
+      @include border-radius(0 0 $global-border-radius $global-border-radius);
+      @include details-transition-open;
+    }
+
+    table {
+      border-spacing: 0;
+      width: auto;
+      overflow: auto;
+      display: block;
+      background-color: $code-background-color;
+
+      [data-theme='dark'] & {
+        background-color: $code-background-color-dark;
+      }
+
+      td {
+        vertical-align: top;
+        padding: 0;
+      }
+
+      pre {
+        padding: 0.25rem;
+        outline-offset: -1px;
+        @include border-radius(0);
+      }
+
+      /* lineNumbersInTable=false */
+      .ln {
+        min-width: 1.25rem;
+      }
+
+      // ========== lineNumbersInTable ========== //
+      // line numbers
+      .lntd:first-child {
+        min-width: 1.6rem;
+        text-align: right;
+
+        pre {
+          padding-right: 0;
+        }
+      }
+      // code content
+      .lntd:last-child {
+        width: 100%;
+
+        pre {
+          padding-left: 0.5rem;
+          padding-right: 0.5rem;
+        }
+        code {
+          width: 100%;
+        }
+      }
+      // ========== lineNumbersInTable ========== //
+    }
+
+    &.open {
+      .code-header {
+        background-color: darken($code-background-color, 6%);
+        @include border-radius($global-border-radius $global-border-radius 0 0);
+
+        [data-theme='dark'] & {
+          background-color: darken($code-background-color-dark, 3%);
+        }
+      }
+
+      .table-wrapper {
+        max-height: 100%;
+        @include details-transition-close;
+      }
+
+      .arrow {
+        @include transform(rotate(90deg));
+      }
+
+      .ellipses {
+        display: none;
+      }
+
+      .edit,
+      .copy {
+        display: inline;
+      }
+    }
+  }
+
+  /* LineHighlight */
+  .hl {
+    display: block;
+    background-color: $code-hightlight-color;
+    box-shadow: -0.5rem 0 0 $code-hightlight-color, 0.5rem 0 0 $code-hightlight-color;
+
+    [data-theme='dark'] & {
+      background-color: $code-hightlight-color-dark;
+      box-shadow: -0.5rem 0 0 $code-hightlight-color-dark, 0.5rem 0 0 $code-hightlight-color-dark;
+    }
+  }
+  /* GenericUnderline */
+  .gl {
+    text-decoration: underline;
+  }
+  /* GenericStrong */
+  .gs {
+    font-weight: bold;
+  }
+  /* GenericEmph */
+  .ge {
+    font-style: italic;
+  }
+  /* lineNumbersInTable=false */
+  .ln {
+    padding-right: 0.5rem;
+    display: inline-block;
+    min-width: 1.1rem;
+    text-align: right;
+  }
+  /* LineNumbers */
+  .lnt,
+  .ln {
+    color: $global-font-secondary-color;
+
+    [data-theme='dark'] & {
+      color: $global-font-secondary-color-dark;
+    }
+  }
+
+  // ========== Higtlight Color ========== //
+
+  /* Error */
+  .err {
+    font-style: italic;
+    border-bottom: 1px dotted $code-error-color;
+  }
+  /* GenericDeleted */
+  .gd {
+    background-color: #ffebe9;
+
+    [data-theme='dark'] & {
+      background-color: #78191b;
+    }
+  }
+  /* GenericInserted */
+  .gi {
+    background-color: #dafbe1;
+
+    [data-theme='dark'] & {
+      background-color: #1b4721;
+    }
+  }
+
+  @each $class, $color in $code-highlight-color-map {
+    .#{$class} {
+      color: $color;
+    }
+  }
+
+  [data-theme='dark'] & {
+    @each $class, $color in $code-highlight-color-map-dark {
+      .#{$class} {
+        color: $color;
+      }
+    }
+  }
+  // ========== Higtlight Color ========== //
+}
+
+// gist shortcode
+.gist {
+  .gist-file,
+  .gist-data,
+  .gist-meta {
+    border: none;
+  }
+
+  .gist-data {
+    background-color: transparent;
+  }
+
+  .gist-meta {
+    padding: 0.4rem 0.8rem;
+    @include link(false, false);
+    background-color: darken($code-background-color, 5%);
+
+    [data-theme='dark'] & {
+      background-color: darken($code-background-color-dark, 5%);
+    }
+  }
+
+  .table-wrapper {
+    .highlight,
+    &::-webkit-scrollbar {
+      background-color: #f6f8fa;
+
+      [data-theme='dark'] & {
+        background-color: #2d333b;
+      }
+    }
+  }
+
+  [data-theme='dark'] & {
+    @import './github-dark-dimmed';
+  }
+}

assets/css/_partials/_single/_comment.scss

@@ -0,0 +1,3 @@
+#comments {
+  padding: 2rem 0;
+}

assets/css/_partials/_single/_fixit-decryptor.scss

@@ -0,0 +1,67 @@
+.fixit-decryptor-container {
+  font-family: $global-font-family;
+  text-align: center;
+  margin-top: 3rem;
+
+  .fixit-encryptor-shortcode & {
+    margin-top: 1rem;
+  }
+
+  #fixit-decryptor-input,
+  .fixit-decryptor-input,
+  .fixit-encryptor-btn {
+    display: inline-block;
+    box-sizing: border-box;
+    outline: none;
+    color: $global-font-color;
+    border: 1px solid darken($global-border-color, 15%);
+    border-radius: $global-border-radius;
+    @include transition(all 0.1s ease-out);
+    box-shadow: 0px 0px 5px 0px darken($global-border-color, 15%);
+
+    &:active,
+    &:focus,
+    &:hover {
+      color: darken($global-link-hover-color, 6%);
+      border-color: $global-link-hover-color;
+      box-shadow: 0px 0px 5px 0px lighten($global-link-hover-color, 20%);
+
+      [data-theme='dark'] & {
+        color: lighten($global-link-hover-color-dark, 6%);
+        border-color: $global-link-hover-color-dark;
+        box-shadow: 0px 0px 5px 0px darken($global-link-hover-color-dark, 20%);
+      }
+    }
+
+    [data-theme='dark'] & {
+      color: $global-font-color-dark;
+      border-color: lighten($global-border-color-dark, 15%);
+      box-shadow: 0px 0px 5px 0px lighten($global-border-color-dark, 15%);
+    }
+  }
+
+  #fixit-decryptor-input,
+  .fixit-decryptor-input {
+    width: clamp(50%, 400px, 100%);
+    height: 3rem;
+    padding-left: 1rem;
+    padding-right: 1rem;
+    background-color: $global-background-color;
+
+    [data-theme='dark'] & {
+      background-color: $global-background-color-dark;
+    }
+  }
+
+  .fixit-encryptor-btn {
+    cursor: pointer;
+    @include transition(all 0.1s ease-out);
+    padding: 0.6rem 1rem;
+
+    background-color: $header-background-color;
+
+    [data-theme='dark'] & {
+      background-color: $header-background-color-dark;
+    }
+  }
+}

assets/css/_partials/_single/_footer.scss

@@ -1,11 +1,15 @@
 .post-footer {
-  margin-top: 3rem;
+  margin: 2rem 0;
+
+  &:has(~.post-reward) {
+    margin-bottom: 0;
+  }
 
   .post-info {
     border-bottom: 1px solid $global-border-color;
     padding: 1rem 0 0.3rem;
 
-    [theme=dark] & {
+    [data-theme='dark'] & {
       border-bottom: 1px solid $global-border-color-dark;
     }
 
@@ -17,7 +21,7 @@
         font-size: 0.8em;
         color: $global-font-secondary-color;
 
-        [theme=dark] & {
+        [data-theme='dark'] & {
           color: $global-font-secondary-color-dark;
         }
 
@@ -28,7 +32,7 @@
         font-size: 0.8em;
         color: $global-font-secondary-color;
 
-        [theme=dark] & {
+        [data-theme='dark'] & {
           color: $global-font-secondary-color-dark;
         }
 
@@ -37,9 +41,15 @@
 
       .post-info-md {
         font-size: 0.8rem;
-        width: 8rem;
+        width: fit-content;
 
         @include link(false, false);
+
+        >span:not(:first-child)::before {
+          content: '|';
+          margin-left: 0.25rem;
+          margin-right: 0.25rem;
+        }
       }
 
       .post-info-share {
@@ -63,36 +73,37 @@
     * {
       display: inline;
     }
+
+    @include link(true, true);
+
+    .post-tag:not(:last-child)::after {
+      content: ',';
+      margin-right: 0.25rem;
+    }
   }
 
   .post-nav {
-    &::before,
-    &::after {
-      content: ' ';
-      display: table;
-    }
+    display: flex;
+    justify-content: space-between;
+    gap: 1.5rem;
 
-    & a.prev,
-    & a.next {
+    .post-nav-item {
+      flex: 1;
       font-size: 1rem;
       font-weight: 600;
       @include transition(all 0.3s ease-out);
-    }
 
-    & a.prev {
-      float: left;
-    }
+      &[rel='next'] {
+        text-align: right;
+      }
 
-    & a.prev:hover {
-      @include transform(translateX(-4px));
-    }
+      &[rel='prev']:hover {
+        @include transform(translateX(-4px));
+      }
 
-    & a.next {
-      float: right;
-    }
-
-    & a.next:hover {
-      @include transform(translateX(4px));
+      &[rel='next']:hover {
+        @include transform(translateX(4px));
+      }
     }
   }
 }

assets/css/_partials/_single/_github-dark-dimmed.scss

@@ -0,0 +1,169 @@
+/**
+ * Theme: GitHub Dark Dimmed
+ * Description: Dark Dimmed theme as seen on github.com
+ * Author: github.com
+ * Maintainer: https://github.com/hugo-fixit/FixIt
+ * Updated: 2022-03-01
+ */
+& {
+  --color-fg-default: #adbac7;
+  --color-prettylights-syntax-comment: #768390;
+  --color-prettylights-syntax-constant: #6cb6ff;
+  --color-prettylights-syntax-entity: #dcbdfb;
+  --color-prettylights-syntax-storage-modifier-import: #adbac7;
+  --color-prettylights-syntax-entity-tag: #8ddb8c;
+  --color-prettylights-syntax-keyword: #f47067;
+  --color-prettylights-syntax-string: #96d0ff;
+  --color-prettylights-syntax-variable: #f69d50;
+  --color-prettylights-syntax-brackethighlighter-unmatched: #e5534b;
+  --color-prettylights-syntax-invalid-illegal-text: #cdd9e5;
+  --color-prettylights-syntax-invalid-illegal-bg: #922323;
+  --color-prettylights-syntax-carriage-return-text: #cdd9e5;
+  --color-prettylights-syntax-carriage-return-bg: #ad2e2c;
+  --color-prettylights-syntax-string-regexp: #8ddb8c;
+  --color-prettylights-syntax-markup-list: #eac55f;
+  --color-prettylights-syntax-markup-heading: #316dca;
+  --color-prettylights-syntax-markup-italic: #adbac7;
+  --color-prettylights-syntax-markup-bold: #adbac7;
+  --color-prettylights-syntax-markup-deleted-text: #ffd8d3;
+  --color-prettylights-syntax-markup-deleted-bg: #78191b;
+  --color-prettylights-syntax-markup-inserted-text: #b4f1b4;
+  --color-prettylights-syntax-markup-inserted-bg: #1b4721;
+  --color-prettylights-syntax-markup-changed-text: #ffddb0;
+  --color-prettylights-syntax-markup-changed-bg: #682d0f;
+  --color-prettylights-syntax-markup-ignored-text: #adbac7;
+  --color-prettylights-syntax-markup-ignored-bg: #255ab2;
+  --color-prettylights-syntax-meta-diff-range: #dcbdfb;
+  --color-prettylights-syntax-brackethighlighter-angle: #768390;
+  --color-prettylights-syntax-sublimelinter-gutter-mark: #545d68;
+  --color-prettylights-syntax-constant-other-reference-link: #96d0ff;
+
+  .blob-num,
+  .blob-code-inner {
+    color: val(--color-fg-default);
+  }
+
+  .pl-c /* comment, punctuation.definition.comment, string.comment */ {
+    color: var(--color-prettylights-syntax-comment);
+  }
+
+  .pl-c1 /* constant, entity.name.constant, variable.other.constant, variable.language, support, meta.property-name, support.constant, support.variable, meta.module-reference, markup.raw, meta.diff.header, meta.output */,
+  .pl-s .pl-v /* string variable */ {
+    color: var(--color-prettylights-syntax-constant);
+  }
+
+  .pl-e /* entity */,
+  .pl-en /* entity.name */ {
+    color: var(--color-prettylights-syntax-entity);
+  }
+
+  .pl-smi /* variable.parameter.function, storage.modifier.package, storage.modifier.import, storage.type.java, variable.other */,
+  .pl-s .pl-s1 /* string source */ {
+    color: var(--color-prettylights-syntax-storage-modifier-import);
+  }
+
+  .pl-ent /* entity.name.tag, markup.quote */ {
+    color: var(--color-prettylights-syntax-entity-tag);
+  }
+
+  .pl-k /* keyword, storage, storage.type */ {
+    color: var(--color-prettylights-syntax-keyword);
+  }
+
+  .pl-s /* string */,
+  .pl-pds /* punctuation.definition.string, source.regexp, string.regexp.character-class */,
+  .pl-s .pl-pse .pl-s1 /* string punctuation.section.embedded source */,
+  .pl-sr /* string.regexp */,
+  .pl-sr .pl-cce /* string.regexp constant.character.escape */,
+  .pl-sr .pl-sre /* string.regexp source.ruby.embedded */,
+  .pl-sr .pl-sra /* string.regexp string.regexp.arbitrary-repitition */ {
+    color: var(--color-prettylights-syntax-string);
+  }
+
+  .pl-v /* variable */,
+  .pl-smw /* sublimelinter.mark.warning */ {
+    color: var(--color-prettylights-syntax-variable);
+  }
+
+  .pl-bu /* invalid.broken, invalid.deprecated, invalid.unimplemented, message.error, brackethighlighter.unmatched, sublimelinter.mark.error */ {
+    color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
+  }
+
+  .pl-ii /* invalid.illegal */ {
+    color: var(--color-prettylights-syntax-invalid-illegal-text);
+    background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
+  }
+
+  .pl-c2 /* carriage-return */ {
+    color: var(--color-prettylights-syntax-carriage-return-text);
+    background-color: var(--color-prettylights-syntax-carriage-return-bg);
+  }
+
+  .pl-c2::before /* carriage-return */ {
+    content: '^M';
+  }
+
+  .pl-sr .pl-cce /* string.regexp constant.character.escape */ {
+    font-weight: bold;
+    color: var(--color-prettylights-syntax-string-regexp);
+  }
+
+  .pl-ml /* markup.list */ {
+    color: var(--color-prettylights-syntax-markup-list);
+  }
+
+  .pl-mh /* markup.heading */,
+  .pl-mh .pl-en /* markup.heading entity.name */,
+  .pl-ms /* meta.separator */ {
+    font-weight: bold;
+    color: var(--color-prettylights-syntax-markup-heading);
+  }
+
+  .pl-mi /* markup.italic */ {
+    font-style: italic;
+    color: var(--color-prettylights-syntax-markup-italic);
+  }
+
+  .pl-mb /* markup.bold */ {
+    font-weight: bold;
+    color: var(--color-prettylights-syntax-markup-bold);
+  }
+
+  .pl-md /* markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted */ {
+    color: var(--color-prettylights-syntax-markup-deleted-text);
+    background-color: var(--color-prettylights-syntax-markup-deleted-bg);
+  }
+
+  .pl-mi1 /* markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted */ {
+    color: var(--color-prettylights-syntax-markup-inserted-text);
+    background-color: var(--color-prettylights-syntax-markup-inserted-bg);
+  }
+
+  .pl-mc /* markup.changed, punctuation.definition.changed */ {
+    color: var(--color-prettylights-syntax-markup-changed-text);
+    background-color: var(--color-prettylights-syntax-markup-changed-bg);
+  }
+
+  .pl-mi2 /* markup.ignored, markup.untracked */ {
+    color: var(--color-prettylights-syntax-markup-ignored-text);
+    background-color: var(--color-prettylights-syntax-markup-ignored-bg);
+  }
+
+  .pl-mdr /* meta.diff.range */ {
+    font-weight: bold;
+    color: var(--color-prettylights-syntax-meta-diff-range);
+  }
+
+  .pl-ba /* brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote */ {
+    color: var(--color-prettylights-syntax-brackethighlighter-angle);
+  }
+
+  .pl-sg /* sublimelinter.gutter-mark */ {
+    color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
+  }
+
+  .pl-corl /* constant.other.reference.link, string.other.link */ {
+    text-decoration: underline;
+    color: var(--color-prettylights-syntax-constant-other-reference-link);
+  }
+}

assets/css/_partials/_single/_reward.scss

@@ -0,0 +1,81 @@
+.post-reward {
+  padding: 1rem;
+  text-align: center;
+
+  &~.post-footer {
+    margin-top: 0;
+  }
+
+  &:has(.reward-ways:empty) {
+    display: none;
+  }
+
+  .comment {
+    margin: 0.5rem 0;
+    font-weight: 500;
+  }
+
+  .reward-input:checked~.reward-ways {
+    display: block;
+  }
+
+  .reward-button {
+    display: inline-block;
+    box-sizing: border-box;
+    cursor: pointer;
+    outline: none;
+    color: lighten($reward-color, 5%);
+    border: 2px solid lighten($reward-color, 10%);
+    border-radius: $global-border-radius;
+    @include transition(all 0.3s ease-out);
+    padding: 0.6rem 1rem;
+    background-color: $global-background-color;
+    vertical-align: text-top;
+    line-height: 1rem;
+
+    &:active,
+    &:hover {
+      color: #ffffff;
+      border-color: $reward-color;
+      background-color: $reward-color;
+
+      [data-theme='dark'] & {
+        color: #ffffff;
+        border-color: $reward-color-dark;
+        background-color: $reward-color-dark;
+      }
+    }
+
+    [data-theme='dark'] & {
+      color: $reward-color;
+      border-color: lighten($reward-color, 5%);
+      background-color: $global-background-color-dark;
+    }
+  }
+}
+
+.reward-ways {
+  display: none;
+  padding-top: 20px;
+
+  div {
+    display: inline-block;
+
+    span {
+      display: block;
+    }
+
+    &:hover span[data-animation] {
+      animation: var(--animation-reward, jackInTheBox) 0.8s infinite linear;
+      // The animation may affect :hover of img in dark mode
+      pointer-events: none;
+    }
+  }
+
+  img {
+    display: inline-block;
+    margin: .8em 2em 0;
+    max-width: 100%;
+    width: $reward-img-width;
+  }
+}

assets/css/_partials/_single/_toc.scss

@@ -9,17 +9,17 @@
     font-size: $toc-content-font-size;
 
     ul {
-      text-indent: -0.85rem;
-      padding-left: .8rem;
+      text-indent: -0.8rem;
+      padding-left: 0.8rem;
       list-style: none;
 
       a:first-child::before {
-        content: "|";
+        content: '|';
         font-weight: bolder;
-        margin-right: .5rem;
+        margin-right: 0.5rem;
         color: $single-link-color;
 
-        [theme=dark] & {
+        [data-theme='dark'] & {
           color: $single-link-color-dark;
         }
       }
@@ -37,7 +37,7 @@
       color: $global-font-secondary-color;
     }
 
-    [theme=dark] & {
+    [data-theme='dark'] & {
       background: $code-background-color-dark;
 
       rt {
@@ -49,38 +49,51 @@
 
 #toc-auto {
   display: block;
-  position: absolute;
-  width: $MAX_LENGTH;
-  max-width: 0;
-  padding: 0 .8rem;
-  border-left: 4px solid $global-border-color;
+  position: sticky;
+  top: $header-height + 0.5rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
   @include overflow-wrap(break-word);
   box-sizing: border-box;
-  top: 10rem;
-  left: 0;
   visibility: hidden;
 
-  [header-desktop=normal] & {
-    top: 5rem;
-  }
-
   @include blur;
 
-  [theme=dark] & {
-    border-left-color: $global-border-color-dark;
+  .toc-title {
+    margin: 0.5rem 0;
+    cursor: pointer;
+
+    &::before {
+      content: '|';
+      font-weight: bolder;
+      margin-right: 0.5rem;
+      color: $global-border-color;
+
+      [data-theme='dark'] & {
+        color: $global-border-color-dark;
+      }
+    }
+
+    i.toc-icon {
+      @include transition(transform 0.2s ease);
+    }
   }
 
-  .toc-title {
-    margin: .8rem 0;
+  &.toc-hidden i.toc-icon {
+    @include transform(rotate(-90deg));
+    @include transition(transform 0.2s ease);
   }
 
   .toc-content {
+    overflow-y: scroll;
+    max-height: calc(100vh - #{2*$header-height});
+
     &.always-active ul {
       display: block;
     }
 
     > nav > ul {
-      margin: .625rem 0;
+      margin: 0;
     }
 
     ul {
@@ -97,14 +110,14 @@
       font-weight: bold;
       color: $single-link-color;
 
-      [theme=dark] & {
+      [data-theme='dark'] & {
         color: $single-link-color-dark;
       }
 
       &::before {
         color: $single-link-hover-color;
 
-        [theme=dark] & {
+        [data-theme='dark'] & {
           color: $single-link-hover-color-dark;
         }
       }
@@ -114,9 +127,9 @@
 
 #toc-static {
   display: none;
-  margin: .8rem 0;
+  margin: 0.8rem 0;
 
-  &[kept=true] {
+  &[data-kept='true'] {
     display: block;
   }
 
@@ -124,10 +137,10 @@
     display: flex;
     justify-content: space-between;
     line-height: 2em;
-    padding: 0 .75rem;
-    background: darken($code-background-color, 6%);
+    padding: 0 0.75rem;
+    background: darken($code-background-color, 3%);
 
-    [theme=dark] & {
+    [data-theme='dark'] & {
       background: darken($code-background-color-dark, 6%);
     }
   }
@@ -137,19 +150,19 @@
 
     > nav > ul {
       margin: 0;
-      padding: .4rem 1rem .4rem 1.8rem;
+      padding: 0.4rem 1rem 0.4rem 1.8rem;
     }
 
-    [theme=dark] & {
+    [data-theme='dark'] & {
       background-color: $code-background-color-dark;
     }
   }
 
   &.open {
     .toc-title {
-      background: darken($code-background-color, 3%);
+      background: darken($code-background-color, 6%);
 
-      [theme=dark] & {
+      [data-theme='dark'] & {
         background: darken($code-background-color-dark, 3%);
       }
     }

assets/css/_partials/_widgets.scss

@@ -0,0 +1,6 @@
+@import '_widgets/cookieconsent';
+@import '_widgets/fixed-button';
+@import '_widgets/github-corner';
+@import '_widgets/noscript-warning';
+@import '_widgets/reading-progress';
+@import '_widgets/typeit';

assets/css/_partials/_widgets/_cookieconsent.scss

@@ -2,14 +2,16 @@
   .cc-btn {
     color: $global-font-color;
 
-    &:hover, &:focus {
+    &:hover,
+    &:focus {
       background-color: #ccc;
     }
 
-    [theme=dark] & {
+    [data-theme='dark'] & {
       color: $global-font-color;
 
-      &:hover, &:focus {
+      &:hover,
+      &:focus {
         background-color: #fff;
       }
     }

assets/css/_partials/_widgets/_fixed-button.scss

@@ -1,46 +1,44 @@
-#fixed-buttons {
-  display: none;
-}
-
 .fixed-button {
-  display: none;
   z-index: 100;
   position: fixed;
   right: 1.5rem;
   font-size: 1rem;
-  line-height: 1.3rem;
-  padding: .6rem .6rem;
+  line-height: 1.5rem;
+  padding: 0.5rem 0.625rem;
   color: $global-font-secondary-color;
-  background: $header-background-color;
-  @include border-radius(2rem);
+  background-color: $header-background-color;
+  @include border-radius(1.25rem);
   @include transition(color 0.4s ease);
 
   @include blur;
 
-  &:hover, &:active {
+  &:hover,
+  &:active {
     color: $global-font-color;
     cursor: pointer;
   }
 
-  &:active, &:focus, &:hover {
+  &:active,
+  &:focus,
+  &:hover {
     outline: none;
   }
 
-  [theme=dark] & {
+  [data-theme='dark'] & {
     color: $global-font-secondary-color-dark;
-    background: $header-background-color-dark;
+    background-color: $header-background-color-dark;
 
-    &:hover, &:active {
+    &:hover,
+    &:active {
       color: $global-font-color-dark;
     }
   }
 }
 
-#back-to-top {
-  display: block;
+.back-to-top {
   bottom: 1.5rem;
 }
 
-#view-comments {
+.view-comments {
   bottom: 4.5rem;
 }

assets/css/_partials/_widgets/_github-corner.scss

@@ -0,0 +1,46 @@
+@keyframes octocat-wave {
+  0%,
+  100% {
+    transform: rotate(0);
+  }
+  20%,
+  60% {
+    transform: rotate(-25deg);
+  }
+  40%,
+  80% {
+    transform: rotate(10deg);
+  }
+}
+
+.github-corner {
+  position: fixed;
+  top: 0;
+  z-index: 150;
+
+  :hover .octo-arm {
+    animation: octocat-wave 560ms ease-in-out;
+  }
+  svg {
+    width: $header-height;
+    height: $header-height;
+    border: 0;
+    color: $github-corner-color;
+    fill: $github-corner-fill;
+
+    [data-theme='dark'] & {
+      color: $github-corner-color-dark;
+      fill: $github-corner-fill-dark;
+    }
+  }
+  &.left {
+    left: 0;
+
+    svg {
+      transform: scale(-1, 1);
+    }
+  }
+  &.right {
+    right: 0;
+  }
+}

assets/css/_partials/_widgets/_noscript-warning.scss

@@ -0,0 +1,16 @@
+.noscript-warning {
+  background-color: var(--#{$prefix}danger);
+  color: white;
+  font-size: 1rem;
+  font-weight: bold;
+  position: fixed;
+  text-align: center;
+  left: 0;
+  top: 0;
+  width: 100%;
+  z-index: 150;
+
+  [data-theme='dark'] & {
+    background-color: var(--#{$prefix}danger-dark);
+  }
+}

assets/css/_partials/_widgets/_reading-progress.scss

@@ -0,0 +1,12 @@
+.reading-progress-bar {
+  --progress: 0;
+  height: var(--progress-h, 2px);
+  width: var(--progress);
+  background-color: var(--bg-progress, var(--#{$prefix}info));
+  z-index: 150;
+  position: fixed;
+  
+  [data-theme="dark"] & {
+    background-color: var(--bg-progress-dark, var(--#{$prefix}info-dark));
+  }
+}

assets/css/_partials/_widgets/_typeit.scss

@@ -0,0 +1,22 @@
+.typeit {
+  .highlight {
+    padding: 0.375rem;
+    font-size: 0.875rem;
+    font-family: $code-font-family;
+    font-weight: bold;
+    word-break: break-all;
+    white-space: pre-wrap;
+  }
+
+  --ti-cursor-font-family: #{$global-font-family};
+  --ti-cursor-font-size: #{$global-font-size};
+  --ti-cursor-font-style: normal;
+  --ti-cursor-font-weight: #{$global-font-weight};
+  --ti-cursor-line-height: #{$global-line-height};
+  --ti-cursor-color: #{$global-font-color};
+  --ti-cursor-transform: translateX(0);
+
+  [data-theme='dark'] & {
+    --ti-cursor-color: #{$global-font-color-dark};
+  }
+}

assets/css/_shortcodes/_admonition.scss

@@ -0,0 +1,77 @@
+.admonition {
+  position: relative;
+  margin: 1rem 0;
+  padding: 0 0.75rem;
+  border-left: .25rem solid;
+  overflow: auto;
+  @include border-radius($global-border-radius);
+
+  .admonition-title {
+    font-weight: bold;
+    margin: 0 -0.75rem;
+    padding: 0.25rem 1.8rem;
+    border-bottom: 1px solid;
+    @include border-radius(0);
+  }
+
+  .admonition-content {
+    padding: 0.5rem 0;
+  }
+
+  i.icon {
+    font-size: 0.85rem;
+    position: absolute;
+    top: 0.6rem;
+    left: 0.4rem;
+  }
+
+  i.details-icon {
+    position: absolute;
+    top: 0.6rem;
+    right: 0.3rem;
+  }
+
+  @each $type, $color, $background-color in $admonition-color-map {
+    @if $type == 'note' {
+      background-color: $background-color;
+      border-left-color: $color;
+
+      .admonition-title {
+        border-bottom-color: $background-color;
+        background-color: opacify($background-color, 0.15);
+      }
+
+      &.open .admonition-title {
+        background-color: $background-color;
+      }
+
+      i.icon {
+        color: $color;
+      }
+    }
+    
+    @else {
+      &.#{$type} {
+        background-color: $background-color;
+        border-left-color: $color;
+
+        .admonition-title {
+          border-bottom-color: $background-color;
+          background-color: opacify($background-color, 0.15);
+        }
+
+        &.open .admonition-title {
+          background-color: $background-color;
+        }
+
+        i.icon {
+          color: $color;
+        }
+      }
+    }
+  }
+
+  &:last-child {
+    margin-bottom: 0.75rem;
+  }
+}

assets/css/_shortcodes/_cardlink.scss

@@ -0,0 +1,99 @@
+/**
+ * Card link style
+ * @author  @Lruihao https://lruihao.cn
+ */
+
+.card-link {
+  position: relative;
+  display: block;
+  margin: 0.5rem auto;
+  box-sizing: border-box;
+  width: clamp(50%, 400px, 100%);
+  max-width: 100%;
+  overflow: hidden;
+  text-decoration: none;
+  border: none;
+  @include border-radius(0.75rem);
+}
+
+.cl- {
+  &backdrop {
+    position: absolute;
+    top: 0.75rem;
+    bottom: 0.75rem;
+    left: 0;
+    right: 0;
+    background-image: var(--cl-bg-url);
+    background-repeat: no-repeat;
+    filter: blur(0.5rem);
+    opacity: 0.5;
+    background-size: contain;
+    background-position: center;
+  }
+
+  &content {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.75rem;
+    background-color: rgba(245, 245, 245, 0.88);
+  }
+
+  &text {
+    overflow: hidden;
+  }
+
+  &title {
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    max-height: calc(1rem * 1.25 * 2);
+    font-size: 1rem;
+    font-weight: 500;
+    line-height: 1.25;
+    color: $global-font-color;
+  }
+
+  &meta {
+    display: flex;
+    align-items: center;
+    margin-top: 0.25rem;
+    font-size: 0.825rem;
+    color: $global-font-secondary-color;
+  }
+
+  &icon-link {
+    width: 1rem;
+    height: 1rem;
+    flex-shrink: 0;
+    margin-right: 0.25rem;
+  }
+
+  &url {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &icon-globe {
+    width: 4rem;
+    height: 4rem;
+    flex-shrink: 0;
+    margin-left: 0.25rem;
+  }
+
+  [data-theme='dark'] & {
+    &content {
+      background-color: rgba(61, 62, 65, 0.88);
+    }
+
+    &title {
+      color: $global-font-color-dark;
+    }
+
+    &meta {
+      color: $global-font-secondary-color-dark;
+    }
+  }
+}

assets/css/_shortcodes/_center-quote.scss

@@ -0,0 +1,43 @@
+.blockquote-center {
+  border-left: none;
+  margin: 40px 0;
+  padding: 0;
+  position: relative;
+  text-align: center;
+  color: initial;
+
+  &::after,
+  &::before {
+    left: 0;
+    line-height: 1;
+    opacity: 0.6;
+    position: absolute;
+    width: 100%;
+  }
+
+  &::before {
+    border-top: 1px solid $global-border-color;
+    text-align: left;
+    top: -20px;
+    content: '\f10d';
+    font-family: 'Font Awesome 5 Free';
+    font-weight: 900;
+
+    [data-theme='dark'] & {
+      border-top-color: $global-border-color-dark;
+    }
+  }
+
+  &::after {
+    border-bottom: 1px solid $global-border-color;
+    bottom: -20px;
+    text-align: right;
+    content: '\f10e';
+    font-family: 'Font Awesome 5 Free';
+    font-weight: 900;
+
+    [data-theme='dark'] & {
+      border-bottom-color: $global-border-color-dark;
+    }
+  }
+}

assets/css/_shortcodes/_echarts.scss

@@ -1,4 +1,4 @@
 .echarts {
-  margin: .5rem 0;
+  margin: 0.5rem 0;
   text-align: center;
 }

assets/css/_shortcodes/_index.scss

@@ -0,0 +1,7 @@
+@import '_admonition';
+@import '_bilibili';
+@import '_cardlink';
+@import '_center-quote';
+@import '_echarts';
+@import '_instagram';
+@import '_mapbox';

assets/css/_shortcodes/_instagram.scss

@@ -1,5 +1,5 @@
 iframe.instagram-media {
-  [theme=dark] & {
+  [data-theme='dark'] & {
     border: none !important;
   }
 }

assets/css/_shortcodes/_mapbox.scss

@@ -0,0 +1,5 @@
+.mapbox {
+  margin: 0.5rem 0;
+  padding: 0.5rem 0;
+  @include border-radius($global-border-radius);
+}

assets/css/_variables.scss

@@ -3,33 +3,36 @@
 // ==============================
 
 // ========== Global ========== //
+// Prefix for :root CSS variables.
+$prefix: fi- !default;
+
 // Font and Line Height
 $global-font-family: system-ui, -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei UI, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif !default;
-$global-font-size: 16px;
-$global-font-weight: 400;
-$global-line-height: 1.5rem;
+$global-font-size: 16px !default;
+$global-font-weight: 400 !default;
+$global-line-height: 1.5rem !default;
 
-// Color of the theme logo
-$global-logo-icon-color: Tomato !default;
+// Radius of the border
+$global-border-radius: 5px !default;
 
 // Color of the background
-$global-background-color: #fff !default;
-$global-background-color-dark: #292a2d !default;
+$global-background-color: #ffffff !default;
+$global-background-color-dark: #292a2e !default;
 
 // Color of the text
 $global-font-color: #161209 !default;
-$global-font-color-dark: #a9a9b3 !default;
+$global-font-color-dark: #b1b1ba !default;
 
 // Color of the secondary text
-$global-font-secondary-color: #a9a9b3 !default;
-$global-font-secondary-color-dark: #5d5d5f !default;
+$global-font-secondary-color: #b1b1ba !default;
+$global-font-secondary-color-dark: #909092 !default;
 
 // Color of the link
 $global-link-color: #161209 !default;
-$global-link-color-dark: #a9a9b3 !default;
+$global-link-color-dark: #b1b1ba !default;
 
 // Color of the hover link
-$global-link-hover-color: #2d96bd !default;
+$global-link-hover-color: #2983bb !default; // 潮蓝
 $global-link-hover-color-dark: #fff !default;
 
 // Color of the border
@@ -42,7 +45,7 @@ $global-border-color-dark: #363636 !default;
 $scrollbar-color: #87878d !default;
 
 // Color of the hover scrollbar
-$scrollbar-hover-color: #a9a9b3 !default;
+$scrollbar-hover-color: #b1b1ba !default;
 // ========== Scrollbar ========== //
 
 // ========== Selection ========== //
@@ -63,27 +66,35 @@ $header-background-color-dark: #252627 !default;
 $header-title-font-family: $global-font-family !default;
 $header-title-font-size: 1.5rem !default;
 
-// Color of the hover header item
-$header-hover-color: #161209 !default;
-$header-hover-color-dark: #fff !default;
+// Color of the active menu item
+$menu-active-color: #161209 !default;
+$menu-active-color-dark: #fff !default;
 
 // Color of the search background
 $search-background-color: #e9e9e9 !default;
 $search-background-color-dark: #363636 !default;
 // ========== Header ========== //
 
+// ========== Tag Cloud ========== //
+// Color range of tag cloud
+$tag-cloud-start: $global-font-secondary-color!default;
+$tag-cloud-end: $global-font-color!default;
+$tag-cloud-start-dark: $global-font-secondary-color-dark!default;
+$tag-cloud-end-dark: $global-font-color-dark!default;
+// ========== Tag Cloud ========== //
+
 // ========== Single Content ========== //
 // Font size of the TOC
 $toc-title-font-size: 1.2rem !default;
 $toc-content-font-size: 1rem !default;
 
 // Color of the single link
-$single-link-color: #2d96bd !default;
-$single-link-color-dark: #55bde2 !default;
+$single-link-color: #2376b7 !default; // 花青
+$single-link-color-dark: #1781b5 !default; // 釉蓝
 
 // Color of the hover single link
-$single-link-hover-color: #ef3982 !default;
-$single-link-hover-color-dark: #bdebfc !default;
+$single-link-hover-color: #ea517f !default; // 莲瓣红
+$single-link-hover-color-dark: #619ac3 !default; // 羽扇豆蓝
 
 // Color of the table background
 $table-background-color: #fff !default;
@@ -94,14 +105,21 @@ $table-thead-color: #ededed !default;
 $table-thead-color-dark: #20252b !default;
 
 // Color of the blockquote
-$blockquote-color: #6bd6fd !default;
-$blockquote-color-dark: #59c5ec !default;
+$blockquote-color: #697681 !default;
+$blockquote-color-dark: #9ba3aa !default;
+
+// Color of reward
+$reward-color: tomato !default;
+$reward-color-dark: darken($reward-color, 5%) !default;
+
+// Width of reward image
+$reward-img-width: 180px !default;
 // ========== Single Content ========== //
 
 // ========== Pagination ========== //
 // Color of the link in pagination
-$pagination-link-color: #2d96bd !default;
-$pagination-link-color-dark: #a9a9b3 !default;
+$pagination-link-color: #bfbfbf !default;
+$pagination-link-color-dark: #b1b1ba !default;
 
 // Color of the hover link in pagination
 $pagination-link-hover-color: #000 !default;
@@ -110,260 +128,41 @@ $pagination-link-hover-color-dark: #fff !default;
 
 // ========== Code ========== //
 // Color of the code
-$code-color: #E74C3C !default;
-$code-color-dark: #E5BF78 !default;
+$code-color: #24292f !default;
+$code-color-dark: #adbac7 !default;
 
 // Color of the code background
-$code-background-color: #f5f5f5 !default;
-$code-background-color-dark: #272C34 !default;
+$code-background-color: #f6f8fa !default;
+$code-background-color-dark: #2d333b !default;
+
+$code-error-color: #dc3545 !default;
+
+// Color of the hightlight code
+$code-hightlight-color: #fff8c5 !default;
+$code-hightlight-color-dark: rgba(174, 124, 20, 0.15) !default;
 
 $code-info-color: #9c9c9c !default;
 $code-info-color-dark: #b1b0b0 !default;
 
 // Font size of the code
-$code-font-size: .875rem !default;
+$code-font-size: 0.875rem !default;
 
 // Font family of the code
 $code-font-family: Source Code Pro, Menlo, Consolas, Monaco, monospace, $global-font-family !default;
-
-// Code type map
-$code-type-map: (
-  // Custom code type
-  language-bash: 'Bash',
-  language-c: 'C',
-  language-cs: 'C#',
-  language-cpp: 'C++',
-  language-clojure: 'Clojure',
-  language-coffeescript: 'CoffeeScript',
-  language-css: 'CSS',
-  language-dart: 'Dart',
-  language-diff: 'Diff',
-  language-erlang: 'Erlang',
-  language-go: 'Go',
-  language-go-html-template: 'Go HTML Template',
-  language-groovy: 'Groovy',
-  language-haskell: 'Haskell',
-  language-html: 'HTML',
-  language-http: 'HTTP',
-  language-xml: 'XML',
-  language-java: 'Java',
-  language-js: 'JavaScript',
-  language-javascript: 'JavaScript',
-  language-json: 'JSON',
-  language-kotlin: 'Kotlin',
-  language-latex: 'LaTeX',
-  language-less: 'Less',
-  language-lisp: 'Lisp',
-  language-lua: 'Lua',
-  language-makefile: 'Makefile',
-  language-markdown: 'Markdown',
-  language-matlab: 'Matlab',
-  language-objectivec: 'Objective-C',
-  language-php: 'PHP',
-  language-perl: 'Perl',
-  language-python: 'Python',
-  language-r: 'R',
-  language-ruby: 'Ruby',
-  language-rust: 'Rust',
-  language-scala: 'Scala',
-  language-scss: 'Scss',
-  language-shell: 'Shell',
-  language-sql: 'SQL',
-  language-swift: 'Swift',
-  language-tex: 'TeX',
-  language-toml: 'TOML',
-  language-ts: 'TypeScript',
-  language-typescript: 'TypeScript',
-  language-vue: 'Vue',
-  language-yml: 'YAML',
-  language-yaml: 'YAML',
-) !default;
-
-// Color map of the code highlight
-$code-highlight-color-map: (
-  /* Parentheses */ 'p': #a9a9b3,
-  /* Keyword */ 'k': #b501a9,
-  /* KeywordConstant */ 'kc': #b501a9,
-  /* KeywordDeclaration */ 'kd': #b501a9,
-  /* KeywordNamespace */ 'kn': #b501a9,
-  /* KeywordPseudo */ 'kp': #b501a9,
-  /* KeywordReserved */ 'kr': #b501a9,
-  /* KeywordType */ 'kt': #b501a9,
-  /* Name */ 'n': #333333,
-  /* NameAttribute */ 'na': #2b77fa,
-  /* NameBuiltin */ 'nb': #f74840,
-  /* NameBuiltinPseudo */ 'bp': #f74840,
-  /* NameClass */ 'nc': #cb8100,
-  /* NameConstant */ 'no': #2b77fa,
-  /* NameDecorator */ 'nd': #0086c1,
-  /* NameEntity */ 'ni': #2b77fa,
-  /* NameException */ 'ne': #2b77fa,
-  /* NameFunction */ 'nf': #2b77fa,
-  /* NameFunctionMagic */ 'fm': #1ccad6,
-  /* NameLabel */ 'nl': #2b77fa,
-  /* NameNamespace */ 'nn': #2b77fa,
-  /* NameOther */ 'nx': #333333,
-  /* NameProperty */ 'py': #2b77fa,
-  /* NameTag */ 'nt': #2b77fa,
-  /* NameVariable */ 'nv': #2b77fa,
-  /* NameVariableClass */ 'vc': #2b77fa,
-  /* NameVariableGlobal */ 'vg': #2b77fa,
-  /* NameVariableInstance */ 'vi': #2b77fa,
-  /* NameVariableMagic */ 'vm': #2b77fa,
-  /* Literal */ 'l': #2aa198,
-  /* LiteralDate */ 'ld': #2aa198,
-  /* LiteralString */ 's': #24a443,
-  /* LiteralStringAffix */ 'sa': #24a443,
-  /* LiteralStringBacktick */ 'sb': #24a443,
-  /* LiteralStringChar */ 'sc': #24a443,
-  /* LiteralStringDelimiter */ 'dl': #24a443,
-  /* LiteralStringDoc */ 'sd': #24a443,
-  /* LiteralStringDouble */ 's2': #24a443,
-  /* LiteralStringEscape */ 'se': #24a443,
-  /* LiteralStringHeredoc */ 'sh': #24a443,
-  /* LiteralStringInterpol */ 'si': #24a443,
-  /* LiteralStringOther */ 'sx': #24a443,
-  /* LiteralStringRegex */ 'sr': #24a443,
-  /* LiteralStringSingle */ 's1': #24a443,
-  /* LiteralStringSymbol */ 'ss': #24a443,
-  /* LiteralNumber */ 'm': #e2893c,
-  /* LiteralNumberBin */ 'mb': #e2893c,
-  /* LiteralNumberFloat */ 'mf': #e2893c,
-  /* LiteralNumberHex */ 'mh': #e2893c,
-  /* LiteralNumberInteger */ 'mi': #e2893c,
-  /* LiteralNumberIntegerLong */ 'il': #e2893c,
-  /* LiteralNumberOct */ 'mo': #e2893c,
-  /* Operator */ 'o': #f19b04,
-  /* OperatorWord */ 'ow': #b501a9,
-  /* Comment */ 'c': #a0a1a8,
-  /* CommentHashbang */ 'ch': #a0a1a8,
-  /* CommentMultiline */ 'cm': #a0a1a8,
-  /* CommentSingle */ 'c1': #a0a1a8,
-  /* CommentSpecial */ 'cs': #a0a1a8,
-  /* CommentPreproc */ 'cp': #a0a1a8,
-  /* CommentPreprocFile */ 'cpf': #a0a1a8,
-  /* Generic */ 'g': #e72d40,
-  /* GenericDeleted */ 'gd': #e72d40,
-  /* GenericEmph */ 'ge': #e72d40,
-  /* GenericError */ 'gr': #e72d40,
-  /* GenericHeading */ 'gh': #e72d40,
-  /* GenericInserted */ 'gi': #e72d40,
-  /* GenericOutput */ 'go': #e72d40,
-  /* GenericPrompt */ 'gp': #e72d40,
-  /* GenericStrong */ 'gs': #e72d40,
-  /* GenericSubheading */ 'gu': #e72d40,
-  /* GenericTraceback */ 'gt': #e72d40,
-  /* TextWhitespace */ 'w': #bbbbbb,
-) !default;
-$code-highlight-color-map-dark: (
-  /* Parentheses */ 'p': #a9a9b3,
-  /* Keyword */ 'k': #d371e3,
-  /* KeywordConstant */ 'kc': #d371e3,
-  /* KeywordDeclaration */ 'kd': #d371e3,
-  /* KeywordNamespace */ 'kn': #d371e3,
-  /* KeywordPseudo */ 'kp': #d371e3,
-  /* KeywordReserved */ 'kr': #d371e3,
-  /* KeywordType */ 'kt': #d371e3,
-  /* Name */ 'n': #a9b2c0,
-  /* NameAttribute */ 'na': #41b0f5,
-  /* NameBuiltin */ 'nb': #19b9c4,
-  /* NameBuiltinPseudo */ 'bp': #ecbf6f,
-  /* NameClass */ 'nc': #ecbf6f,
-  /* NameConstant */ 'no': #41b0f5,
-  /* NameDecorator */ 'nd': #ecbf6f,
-  /* NameEntity */ 'ni': #41b0f5,
-  /* NameException */ 'ne': #41b0f5,
-  /* NameFunction */ 'nf': #41b0f5,
-  /* NameFunctionMagic */ 'fm': #19b9c4,
-  /* NameLabel */ 'nl': #41b0f5,
-  /* NameNamespace */ 'nn': #41b0f5,
-  /* NameOther */ 'nx': #a9a9b3,
-  /* NameProperty */ 'py': #41b0f5,
-  /* NameTag */ 'nt': #41b0f5,
-  /* NameVariable */ 'nv': #41b0f5,
-  /* NameVariableClass */ 'vc': #41b0f5,
-  /* NameVariableGlobal */ 'vg': #41b0f5,
-  /* NameVariableInstance */ 'vi': #41b0f5,
-  /* NameVariableMagic */ 'vm': #41b0f5,
-  /* Literal */ 'l': #2aa198,
-  /* LiteralDate */ 'ld': #2aa198,
-  /* LiteralString */ 's': #8cc570,
-  /* LiteralStringAffix */ 'sa': #8cc570,
-  /* LiteralStringBacktick */ 'sb': #8cc570,
-  /* LiteralStringChar */ 'sc': #8cc570,
-  /* LiteralStringDelimiter */ 'dl': #8cc570,
-  /* LiteralStringDoc */ 'sd': #8cc570,
-  /* LiteralStringDouble */ 's2': #8cc570,
-  /* LiteralStringEscape */ 'se': #8cc570,
-  /* LiteralStringHeredoc */ 'sh': #8cc570,
-  /* LiteralStringInterpol */ 'si': #8cc570,
-  /* LiteralStringOther */ 'sx': #8cc570,
-  /* LiteralStringRegex */ 'sr': #8cc570,
-  /* LiteralStringSingle */ 's1': #8cc570,
-  /* LiteralStringSymbol */ 'ss': #8cc570,
-  /* LiteralNumber */ 'm': #db985c,
-  /* LiteralNumberBin */ 'mb': #db985c,
-  /* LiteralNumberFloat */ 'mf': #db985c,
-  /* LiteralNumberHex */ 'mh': #db985c,
-  /* LiteralNumberInteger */ 'mi': #db985c,
-  /* LiteralNumberIntegerLong */ 'il': #db985c,
-  /* LiteralNumberOct */ 'mo': #db985c,
-  /* Operator */ 'o': #ecbf6f,
-  /* OperatorWord */ 'ow': #d371e3,
-  /* Comment */ 'c': #7e848f,
-  /* CommentHashbang */ 'ch': #7e848f,
-  /* CommentMultiline */ 'cm': #7e848f,
-  /* CommentSingle */ 'c1': #7e848f,
-  /* CommentSpecial */ 'cs': #7e848f,
-  /* CommentPreproc */ 'cp': #7e848f,
-  /* CommentPreprocFile */ 'cpf': #7e848f,
-  /* Generic */ 'g': #f16372,
-  /* GenericDeleted */ 'gd': #f16372,
-  /* GenericEmph */ 'ge': #f16372,
-  /* GenericError */ 'gr': #f16372,
-  /* GenericHeading */ 'gh': #f16372,
-  /* GenericInserted */ 'gi': #f16372,
-  /* GenericOutput */ 'go': #f16372,
-  /* GenericPrompt */ 'gp': #f16372,
-  /* GenericStrong */ 'gs': #f16372,
-  /* GenericSubheading */ 'gu': #f16372,
-  /* GenericTraceback */ 'gt': #f16372,
-  /* TextWhitespace */ 'w': #bbbbbb,
-) !default;
 // ========== Code ========== //
 
-// ========== Admonition ========== //
-// Color map of the admonition
-$admonition-color-map: (
-  'note': #448aff,
-  'abstract': #00b0ff,
-  'info': #00b8d4,
-  'tip': #00bfa5,
-  'success': #00c853,
-  'question': #64dd17,
-  'warning': #ff9100,
-  'failure': #ff5252,
-  'danger': #ff1744,
-  'bug': #f50057,
-  'example': #651fff,
-  'quote': #9e9e9e,
-) !default;
+// ========== GitHub Corners ========== //
+// Color of the GitHub Corners
+$github-corner-color: white !default;
+$github-corner-color-dark: black !default;
 
-// Color map of the admonition background
-$admonition-background-color-map: (
-  'note': rgba(68, 138, 255, 0.1),
-  'abstract': rgba(0, 176, 255, 0.1),
-  'info': rgba(0, 184, 212, 0.1),
-  'tip': rgba(0, 191, 165, 0.1),
-  'success': rgba(0, 200, 83, 0.1),
-  'question': rgba(100, 221, 23, 0.1),
-  'warning': rgba(255, 145, 0, 0.1),
-  'failure': rgba(255, 82, 82, 0.1),
-  'danger': rgba(255, 23, 68, 0.1),
-  'bug': rgba(245, 0, 87, 0.1),
-  'example': rgba(101, 31, 255, 0.1),
-  'quote': rgba(159, 159, 159, 0.1),
-) !default;
-// ========== Admonition ========== //
+// Color of the GitHub Corners background
+$github-corner-fill: $header-background-color-dark !default;
+$github-corner-fill-dark: $header-background-color !default;
+// ========== GitHub Corners ========== //
 
-$MAX_LENGTH: 12000px;
+@import '_partials/_maps/admonition';
+@import '_partials/_maps/code-highlight';
+@import '_partials/_maps/code-type';
+@import '_partials/_maps/colors';
+@import '_partials/_maps/utilities';

assets/css/style.scss

@@ -2,18 +2,11 @@
 
 @import "_variables";
 @import "_override";
-
 @import "_mixin/index";
-
+@import "_core/root";
 @import "_core/base";
 @import "_core/layout";
-
-@import "_page/index";
-
-@import "_partial/header";
-@import "_partial/footer";
-@import "_partial/pagination";
-
+@import "_core/common";
+@import "_page";
 @import "_core/media";
-
 @import "_custom";

assets/data/cdn/jsdelivr.yml

@@ -1,66 +1,86 @@
+# Tips: remove sourceMappingURL of local libraries to avoid source map 404 error.
+# See https://github.com/hugo-fixit/FixIt/issues/67
+
 prefix:
   libFiles: https://cdn.jsdelivr.net/npm/
-  # simple-icons@6.3.0 https://github.com/simple-icons/simple-icons
-  simpleIcons: https://cdn.jsdelivr.net/npm/simple-icons@6.3.0/icons/
+  # simple-icons@7.12.0 https://github.com/simple-icons/simple-icons
+  simpleIcons: https://cdn.jsdelivr.net/npm/simple-icons@7.12.0/icons/
 libFiles:
-  # algoliasearch@4.11.0 https://github.com/algolia/algoliasearch-client-javascript
-  algoliasearchJS: algoliasearch@4.11.0/dist/algoliasearch-lite.umd.min.js
+  # algoliasearch@4.14.2 https://github.com/algolia/algoliasearch-client-javascript
+  algoliasearchJS: algoliasearch@4.14.2/dist/algoliasearch-lite.umd.min.js
   # animate.css@4.1.1 https://github.com/daneden/animate.css
   animateCSS: animate.css@4.1.1/animate.min.css
   # aplayer@1.10.1 https://github.com/MoePlayer/APlayer
   aplayerCSS: aplayer@1.10.1/dist/APlayer.min.css
   aplayerJS: aplayer@1.10.1/dist/APlayer.min.js
-  # autocomplete.js@0.38.1 https://github.com/algolia/autocomplete.js
+  # artalk@2.3.4 https://github.com/ArtalkJS/Artalk
+  artalkCSS: artalk@2.3.4/dist/Artalk.min.css
+  artalkJS: artalk@2.3.4/dist/Artalk.min.js
+  # autocomplete-js@0.38.1 https://github.com/algolia/autocomplete
+  # TODO update autocompleteJS: '@algolia/autocomplete-js@1.7.1/dist/umd/index.production.js'
   autocompleteJS: autocomplete.js@0.38.1/dist/autocomplete.min.js
-  # clipboard.js@2.0.8 https://github.com/zenorocha/clipboard.js
-  clipboardJS: clipboard@2.0.8/dist/clipboard.min.js
+  # cell-watermark@1.0.3 https://github.com/Lruihao/watermark
+  cellWatermarkJS: cell-watermark@1.0.3/src/watermark.min.js
   # cookieconsent@3.1.1 https://github.com/osano/cookieconsent
   cookieconsentCSS: cookieconsent@3.1.1/build/cookieconsent.min.css
   cookieconsentJS: cookieconsent@3.1.1/build/cookieconsent.min.js
-  # echarts@5.2.2 https://github.com/apache/echarts
-  echartsJS: echarts@5.2.2/dist/echarts.min.js
-  echartsMacaronsJS: echarts@5.2.2/theme/macarons.min.js
-  # fontawesome-free@5.14.0 https://github.com/FortAwesome/Font-Awesome
-  fontawesomeFreeCSS: '@fortawesome/fontawesome-free@5.14.0/css/all.min.css'
+  # crypto-js@4.1.1 https://github.com/brix/crypto-js
+  cryptoCoreJS: crypto-js@4.1.1/core.js
+  cryptoEncBase64JS: crypto-js@4.1.1/enc-base64.js
+  cryptoMd5JS: crypto-js@4.1.1/md5.js
+  cryptoSha256JS: crypto-js@4.1.1/sha256.js
+  # echarts@5.3.3 https://github.com/apache/echarts
+  echartsJS: echarts@5.3.3/dist/echarts.min.js
+  # eruda@2.5.0 https://github.com/liriliri/eruda
+  erudaJS: eruda@2.5.0/eruda.js
+  # fontawesome-free@6.2.0 https://github.com/FortAwesome/Font-Awesome
+  fontawesomeFreeCSS: '@fortawesome/fontawesome-free@6.2.0/css/all.min.css'
+  # fusejs@6.6.2 https://github.com/krisk/fuse
+  fuseJS: fuse.js@6.6.2/dist/fuse.min.js
   # gitalk@1.7.2 https://github.com/gitalk/gitalk
   gitalkCSS: gitalk@1.7.2/dist/gitalk.min.css
   gitalkJS: gitalk@1.7.2/dist/gitalk.min.js
-  # katex@0.15.1 https://github.com/KaTeX/KaTeX
-  katexAutoRenderJS: katex@0.15.1/dist/contrib/auto-render.min.js
-  katexCopyTexCSS: katex@0.15.1/dist/contrib/copy-tex.min.css
-  katexCopyTexJS: katex@0.15.1/dist/contrib/copy-tex.min.js
-  katexCSS: katex@0.15.1/dist/katex.min.css
-  katexJS: katex@0.15.1/dist/katex.min.js
-  katexMhchemJS: katex@0.15.1/dist/contrib/mhchem.min.js
+  # katex@0.16.2 https://github.com/KaTeX/KaTeX
+  katexAutoRenderJS: katex@0.16.2/dist/contrib/auto-render.min.js
+  katexCopyTexJS: katex@0.16.2/dist/contrib/copy-tex.min.js
+  katexCSS: katex@0.16.2/dist/katex.min.css
+  katexJS: katex@0.16.2/dist/katex.min.js
+  katexMhchemJS: katex@0.16.2/dist/contrib/mhchem.min.js
   # lazysizes@5.3.2 https://github.com/aFarkas/lazysizes
   lazysizesJS: lazysizes@5.3.2/lazysizes.min.js
-   # lightgallery.js@1.4.0 https://github.com/sachinchoolur/lightgallery.js
-  # lg-thumbnail.js@1.4.0 https://github.com/sachinchoolur/lg-thumbnail.js
-  # lg-zoom.js@1.3.0 https://github.com/sachinchoolur/lg-zoom.js
-  lightgalleryCSS: lightgallery.js@1.4.0/dist/css/lightgallery.min.css
-  lightgalleryJS: lightgallery.js@1.4.0/dist/js/lightgallery.min.js
-  lightgalleryThumbnailJS: lg-thumbnail.js@1.2.0/dist/lg-thumbnail.min.js
-  lightgalleryZoomJS: lg-zoom.js@1.3.0/dist/lg-zoom.min.js
+  # lightgallery@2.6.1 https://github.com/sachinchoolur/lightgallery
+  lightgalleryCSS: lightgallery@2.6.1/css/lightgallery-bundle.min.css
+  lightgalleryJS: lightgallery@2.6.1/lightgallery.min.js
+  lightgalleryThumbnailJS: lightgallery@2.6.1/plugins/thumbnail/lg-thumbnail.min.js
+  lightgalleryZoomJS: lightgallery@2.6.1/plugins/zoom/lg-zoom.min.js
   # lunr.js@2.3.9 https://github.com/olivernn/lunr.js
   lunrJS: lunr@2.3.9/lunr.min.js
-  # mapbox-gl@1.10.1 https://docs.mapbox.com/mapbox-gl-js
-  mapboxGLCSS: mapbox-gl@1.10.1/dist/mapbox-gl.min.css
-  mapboxGLJS: mapbox-gl@1.10.1/dist/mapbox-gl.min.js
-  # mermaid@8.5.1 https://github.com/knsv/mermaid
-  mermaidJS: mermaid@8.5.1/dist/mermaid.min.js
+  # mapbox-gl@2.10.0 https://docs.mapbox.com/mapbox-gl-js
+  mapboxGLCSS: mapbox-gl@2.10.0/dist/mapbox-gl.css
+  mapboxGLJS: mapbox-gl@2.10.0/dist/mapbox-gl.js
+  # mermaid@9.1.7 https://github.com/mermaid-js/mermaid
+  mermaidJS: mermaid@9.1.7/dist/mermaid.min.js
   # meting@2.0.1 https://github.com/metowolf/MetingJS
   metingJS: meting@2.0.1/dist/Meting.min.js
-  # normalize.css@8.0.1 https://github.com/necolas/normalize.css
-  normalizeCSS: normalize.css@8.0.1/normalize.min.css
   # object-fit-images@3.2.4 https://github.com/fregante/object-fit-images
   objectFitImagesJS: object-fit-images@3.2.4/dist/ofi.min.js
   # pangu.js@4.0.7 https://github.com/vinta/pangu.js
   panguJS: pangu@4.0.7/dist/browser/pangu.min.js
+  # pace-js@1.2.4 https://github.com/CodeByZach/pace
+  paceJS: pace-js@1.2.4
   # sharer.js@0.4.2 https://github.com/ellisonleao/sharer.js
-  sharerJS: sharer.js@0.4.2/sharer.min.js
+  sharerJS: sharer.js@0.5.1/sharer.min.js
   # twemoji@13.1.0 https://github.com/twitter/twemoji
-  twemojiJS: twemoji@13.0.0/dist/twemoji.min.js
-  # typeit@7.0.4 https://github.com/alexmacarthur/typeit
-  typeitJS: typeit@7.0.4/dist/typeit.min.js
-  # valine@1.4.16 https://github.com/xCss/Valine
-  valineJS: valine@1.4.16/dist/Valine.min.js
+  twemojiJS: twemoji@14.0.2/dist/twemoji.min.js
+  # twikoo@1.6.8 https://github.com/imaegoo/twikoo
+  twikooJS: twikoo@1.6.8/dist/twikoo.all.min.js
+  # typeit@8.7.0 https://github.com/alexmacarthur/typeit
+  typeitJS: typeit@8.7.0/dist/index.umd.js
+  # valine@1.5.1 https://github.com/xCss/Valine
+  valineJS: valine@1.5.1/dist/Valine.min.js
+  # vconsole@3.14.6 https://github.com/Tencent/vConsole
+  vconsoleJS: vconsole@3.14.6/dist/vconsole.min.js
+  # waline@2.10.0 https://github.com/walinejs/waline
+  walineCSS: '@waline/client@2.10.0/dist/waline.css'
+  walineJS: '@waline/client@2.10.0/dist/waline.js'
+  

assets/data/cdn/unpkg.yml

@@ -0,0 +1,86 @@
+# Tips: remove sourceMappingURL of local libraries to avoid source map 404 error.
+# See https://github.com/hugo-fixit/FixIt/issues/67
+
+prefix:
+  libFiles: https://unpkg.com/
+  # simple-icons@7.12.0 https://github.com/simple-icons/simple-icons
+  simpleIcons: https://unpkg.com/simple-icons@7.12.0/icons/
+libFiles:
+  # algoliasearch@4.14.2 https://github.com/algolia/algoliasearch-client-javascript
+  algoliasearchJS: algoliasearch@4.14.2/dist/algoliasearch-lite.umd.min.js
+  # animate.css@4.1.1 https://github.com/daneden/animate.css
+  animateCSS: animate.css@4.1.1/animate.min.css
+  # aplayer@1.10.1 https://github.com/MoePlayer/APlayer
+  aplayerCSS: aplayer@1.10.1/dist/APlayer.min.css
+  aplayerJS: aplayer@1.10.1/dist/APlayer.min.js
+  # artalk@2.3.4 https://github.com/ArtalkJS/Artalk
+  artalkCSS: artalk@2.3.4/dist/Artalk.css
+  artalkJS: artalk@2.3.4/dist/Artalk.js
+  # autocomplete-js@0.38.1 https://github.com/algolia/autocomplete
+  # TODO update autocompleteJS: '@algolia/autocomplete-js@1.7.1/dist/umd/index.production.js'
+  autocompleteJS: autocomplete.js@0.38.1/dist/autocomplete.min.js
+  # cell-watermark@1.0.3 https://github.com/Lruihao/watermark
+  cellWatermarkJS: cell-watermark@1.0.3/src/watermark.min.js
+  # cookieconsent@3.1.1 https://github.com/osano/cookieconsent
+  cookieconsentCSS: cookieconsent@3.1.1/build/cookieconsent.min.css
+  cookieconsentJS: cookieconsent@3.1.1/build/cookieconsent.min.js
+  # crypto-js@4.1.1 https://github.com/brix/crypto-js
+  cryptoCoreJS: crypto-js@4.1.1/core.js
+  cryptoEncBase64JS: crypto-js@4.1.1/enc-base64.js
+  cryptoMd5JS: crypto-js@4.1.1/md5.js
+  cryptoSha256JS: crypto-js@4.1.1/sha256.js
+  # echarts@5.3.3 https://github.com/apache/echarts
+  echartsJS: echarts@5.3.3/dist/echarts.min.js
+  # eruda@2.5.0 https://github.com/liriliri/eruda
+  erudaJS: eruda@2.5.0/eruda.js
+  # fontawesome-free@6.2.0 https://github.com/FortAwesome/Font-Awesome
+  fontawesomeFreeCSS: '@fortawesome/fontawesome-free@6.2.0/css/all.min.css'
+  # fusejs@6.6.2 https://github.com/krisk/fuse
+  fuseJS: fuse.js@6.6.2/dist/fuse.min.js
+  # gitalk@1.7.2 https://github.com/gitalk/gitalk
+  gitalkCSS: gitalk@1.7.2/dist/gitalk.min.css
+  gitalkJS: gitalk@1.7.2/dist/gitalk.min.js
+  # katex@0.16.2 https://github.com/KaTeX/KaTeX
+  katexAutoRenderJS: katex@0.16.2/dist/contrib/auto-render.min.js
+  katexCopyTexJS: katex@0.16.2/dist/contrib/copy-tex.min.js
+  katexCSS: katex@0.16.2/dist/katex.min.css
+  katexJS: katex@0.16.2/dist/katex.min.js
+  katexMhchemJS: katex@0.16.2/dist/contrib/mhchem.min.js
+  # lazysizes@5.3.2 https://github.com/aFarkas/lazysizes
+  lazysizesJS: lazysizes@5.3.2/lazysizes.min.js
+  # lightgallery@2.6.1 https://github.com/sachinchoolur/lightgallery
+  lightgalleryCSS: lightgallery@2.6.1/css/lightgallery-bundle.min.css
+  lightgalleryJS: lightgallery@2.6.1/lightgallery.min.js
+  lightgalleryThumbnailJS: lightgallery@2.6.1/plugins/thumbnail/lg-thumbnail.min.js
+  lightgalleryZoomJS: lightgallery@2.6.1/plugins/zoom/lg-zoom.min.js
+  # lunr.js@2.3.9 https://github.com/olivernn/lunr.js
+  lunrJS: lunr@2.3.9/lunr.min.js
+  # mapbox-gl@2.10.0 https://docs.mapbox.com/mapbox-gl-js
+  mapboxGLCSS: mapbox-gl@2.10.0/dist/mapbox-gl.css
+  mapboxGLJS: mapbox-gl@2.10.0/dist/mapbox-gl.js
+  # mermaid@9.1.7 https://github.com/mermaid-js/mermaid
+  mermaidJS: mermaid@9.1.7/dist/mermaid.min.js
+  # meting@2.0.1 https://github.com/metowolf/MetingJS
+  metingJS: meting@2.0.1/dist/Meting.min.js
+  # object-fit-images@3.2.4 https://github.com/fregante/object-fit-images
+  objectFitImagesJS: object-fit-images@3.2.4/dist/ofi.min.js
+  # pangu.js@4.0.7 https://github.com/vinta/pangu.js
+  panguJS: pangu@4.0.7/dist/browser/pangu.min.js
+  # pace-js@1.2.4 https://github.com/CodeByZach/pace
+  paceJS: pace-js@1.2.4
+  # sharer.js@0.4.2 https://github.com/ellisonleao/sharer.js
+  sharerJS: sharer.js@0.5.1/sharer.min.js
+  # twemoji@13.1.0 https://github.com/twitter/twemoji
+  twemojiJS: twemoji@14.0.2/dist/twemoji.min.js
+  # twikoo@1.6.8 https://github.com/imaegoo/twikoo
+  twikooJS: twikoo@1.6.8/dist/twikoo.all.min.js
+  # typeit@8.7.0 https://github.com/alexmacarthur/typeit
+  typeitJS: typeit@8.7.0/dist/index.umd.js
+  # valine@1.5.1 https://github.com/xCss/Valine
+  valineJS: valine@1.5.1/dist/Valine.min.js
+  # vconsole@3.14.6 https://github.com/Tencent/vConsole
+  vconsoleJS: vconsole@3.14.6/dist/vconsole.min.js
+  # waline@2.10.0 https://github.com/walinejs/waline
+  walineCSS: '@waline/client@2.10.0/dist/waline.css'
+  walineJS: '@waline/client@2.10.0/dist/waline.js'
+  

assets/data/social.yml

@@ -4,7 +4,7 @@ github:
   Prefix: https://github.com/
   Title: GitHub
   Icon:
-    Class: fab fa-github-alt fa-fw
+    Class: fa-brands fa-github-alt fa-fw
 
 # 002: LinkedIn
 linkedin:
@@ -12,7 +12,7 @@ linkedin:
   Prefix: https://linkedin.com/in/
   Title: LinkedIn
   Icon:
-    Class: fab fa-linkedin fa-fw
+    Class: fa-brands fa-linkedin fa-fw
 
 # 003: Twitter
 twitter:
@@ -20,7 +20,7 @@ twitter:
   Prefix: https://twitter.com/
   Title: Twitter
   Icon:
-    Class: fab fa-twitter fa-fw
+    Class: fa-brands fa-twitter fa-fw
 
 # 004: Instagram
 instagram:
@@ -28,7 +28,7 @@ instagram:
   Prefix: https://www.instagram.com/
   Title: Instagram
   Icon:
-    Class: fab fa-instagram fa-fw
+    Class: fa-brands fa-instagram fa-fw
 
 # 005: facebook
 facebook:
@@ -36,7 +36,7 @@ facebook:
   Prefix: https://facebook.com/
   Title: facebook
   Icon:
-    Class: fab fa-facebook fa-fw
+    Class: fa-brands fa-facebook fa-fw
 
 # 006: Telegram
 telegram:
@@ -44,7 +44,7 @@ telegram:
   Prefix: https://t.me/
   Title: Telegram
   Icon:
-    Class: fab fa-telegram-plane fa-fw
+    Class: fa-brands fa-telegram-plane fa-fw
 
 # 007: Medium
 medium:
@@ -52,7 +52,7 @@ medium:
   Prefix: https://medium.com/
   Title: Medium
   Icon:
-    Class: fab fa-medium fa-fw
+    Class: fa-brands fa-medium fa-fw
 
 # 008: GitLab
 gitlab:
@@ -60,7 +60,7 @@ gitlab:
   Prefix: https://gitlab.com/
   Title: GitLab
   Icon:
-    Class: fab fa-gitlab fa-fw
+    Class: fa-brands fa-gitlab fa-fw
 
 # 009: YouTube Legacy
 youtubelegacy:
@@ -68,7 +68,7 @@ youtubelegacy:
   Prefix: https://www.youtube.com/user/
   Title: YouTube
   Icon:
-    Class: fab fa-youtube fa-fw
+    Class: fa-brands fa-youtube fa-fw
 
 # 010: YouTube Custom
 youtubecustom:
@@ -76,7 +76,7 @@ youtubecustom:
   Prefix: https://www.youtube.com/c/
   Title: YouTube
   Icon:
-    Class: fab fa-youtube fa-fw
+    Class: fa-brands fa-youtube fa-fw
 
 # 011: YouTube Channel
 youtubechannel:
@@ -84,7 +84,7 @@ youtubechannel:
   Prefix: https://www.youtube.com/channel/
   Title: YouTube
   Icon:
-    Class: fab fa-youtube fa-fw
+    Class: fa-brands fa-youtube fa-fw
 
 # 012: Tumblr
 tumblr:
@@ -92,7 +92,7 @@ tumblr:
   Template: https://%v.tumblr.com/
   Title: Tumblr
   Icon:
-    Class: fab fa-tumblr fa-fw
+    Class: fa-brands fa-tumblr fa-fw
 
 # 013: Quora
 quora:
@@ -100,7 +100,7 @@ quora:
   Prefix: https://www.quora.com/profile/
   Title: Quora
   Icon:
-    Class: fab fa-quora fa-fw
+    Class: fa-brands fa-quora fa-fw
 
 # 014: Keybase
 keybase:
@@ -108,7 +108,7 @@ keybase:
   Prefix: https://keybase.io/
   Title: Keybase
   Icon:
-    Class: fab fa-keybase fa-fw
+    Class: fa-brands fa-keybase fa-fw
 
 # 015: Pinterest
 pinterest:
@@ -116,7 +116,7 @@ pinterest:
   Prefix: https://www.pinterest.com/
   Title: Pinterest
   Icon:
-    Class: fab fa-pinterest fa-fw
+    Class: fa-brands fa-pinterest fa-fw
 
 # 016: Reddit
 reddit:
@@ -124,7 +124,7 @@ reddit:
   Prefix: https://www.reddit.com/user/
   Title: Reddit
   Icon:
-    Class: fab fa-reddit fa-fw
+    Class: fa-brands fa-reddit fa-fw
 
 # 017: CodePen
 codepen:
@@ -132,7 +132,7 @@ codepen:
   Prefix: https://codepen.io/
   Title: CodePen
   Icon:
-    Class: fab fa-codepen fa-fw
+    Class: fa-brands fa-codepen fa-fw
 
 # 018: freeCodeCamp
 freecodecamp:
@@ -140,7 +140,7 @@ freecodecamp:
   Prefix: https://freecodecamp.org/
   Title: freeCodeCamp
   Icon:
-    Class: fab fa-free-code-camp fa-fw
+    Class: fa-brands fa-free-code-camp fa-fw
 
 # 019: Bitbucket
 bitbucket:
@@ -148,7 +148,7 @@ bitbucket:
   Prefix: https://bitbucket.org/
   Title: Bitbucket
   Icon:
-    Class: fab fa-bitbucket fa-fw
+    Class: fa-brands fa-bitbucket fa-fw
 
 # 020: Stack Overflow
 stackoverflow:
@@ -156,7 +156,7 @@ stackoverflow:
   Prefix: https://stackoverflow.com/users/
   Title: Stack Overflow
   Icon:
-    Class: fab fa-codepen fa-fw
+    Class: fa-brands fa-stack-overflow fa-fw
 
 # 021: 微博
 weibo:
@@ -164,7 +164,7 @@ weibo:
   Prefix: https://weibo.com/
   Title: 微博
   Icon:
-    Class: fab fa-weibo fa-fw
+    Class: fa-brands fa-weibo fa-fw
 
 # 022: OK.RU
 odnoklassniki:
@@ -172,7 +172,7 @@ odnoklassniki:
   Prefix: https://ok.ru/
   Title: OK.RU
   Icon:
-    Class: fab fa-odnoklassniki fa-fw
+    Class: fa-brands fa-odnoklassniki fa-fw
 
 # 023: VK
 vk:
@@ -180,7 +180,7 @@ vk:
   Prefix: https://vk.com/
   Title: VK
   Icon:
-    Class: fab fa-vk fa-fw
+    Class: fa-brands fa-vk fa-fw
 
 # 024: Flickr
 flickr:
@@ -188,7 +188,7 @@ flickr:
   Prefix: https://www.flickr.com/photos/
   Title: Flickr
   Icon:
-    Class: fab fa-flickr fa-fw
+    Class: fa-brands fa-flickr fa-fw
 
 # 025: Xing
 xing:
@@ -196,7 +196,7 @@ xing:
   Prefix: https://www.xing.com/profile/
   Title: Xing
   Icon:
-    Class: fab fa-xing fa-fw
+    Class: fa-brands fa-xing fa-fw
 
 # 026: Snapchat
 snapchat:
@@ -204,7 +204,7 @@ snapchat:
   Prefix: https://www.snapchat.com/add/
   Title: Snapchat
   Icon:
-    Class: fab fa-snapchat fa-fw
+    Class: fa-brands fa-snapchat fa-fw
 
 # 027: SoundCloud
 soundcloud:
@@ -212,7 +212,7 @@ soundcloud:
   Prefix: https://soundcloud.com/
   Title: SoundCloud
   Icon:
-    Class: fab fa-soundcloud fa-fw
+    Class: fa-brands fa-soundcloud fa-fw
 
 # 028: Spotify
 spotify:
@@ -220,7 +220,7 @@ spotify:
   Prefix: https://open.spotify.com/user/
   Title: Spotify
   Icon:
-    Class: fab fa-spotify fa-fw
+    Class: fa-brands fa-spotify fa-fw
 
 # 029: Bandcamp
 bandcamp:
@@ -228,7 +228,7 @@ bandcamp:
   Template: https://%v.bandcamp.com/
   Title: Bandcamp
   Icon:
-    Class: fab fa-bandcamp fa-fw
+    Class: fa-brands fa-bandcamp fa-fw
 
 # 030: PayPal
 paypal:
@@ -236,7 +236,7 @@ paypal:
   Prefix: https://paypal.me/
   Title: PayPal
   Icon:
-    Class: fab fa-paypal fa-fw
+    Class: fa-brands fa-paypal fa-fw
 
 # 031: 500px
 fivehundredpx:
@@ -244,7 +244,7 @@ fivehundredpx:
   Prefix: https://500px.com/
   Title: 500px
   Icon:
-    Class: fab fa-500px fa-fw
+    Class: fa-brands fa-500px fa-fw
 
 # 032: Mix
 mix:
@@ -252,7 +252,7 @@ mix:
   Prefix: https://mix.com/
   Title: Mix
   Icon:
-    Class: fab fa-mix fa-fw
+    Class: fa-brands fa-mix fa-fw
 
 # 033: Goodreads
 goodreads:
@@ -260,7 +260,7 @@ goodreads:
   Prefix: https://www.goodreads.com/user/show/
   Title: Goodreads
   Icon:
-    Class: fab fa-goodreads fa-fw
+    Class: fa-brands fa-goodreads fa-fw
 
 # 034: Last.fm
 lastfm:
@@ -268,7 +268,7 @@ lastfm:
   Prefix: https://www.last.fm/user/
   Title: Last.fm
   Icon:
-    Class: fab fa-lastfm fa-fw
+    Class: fa-brands fa-lastfm fa-fw
 
 # 035: Foursquare
 foursquare:
@@ -276,7 +276,7 @@ foursquare:
   Prefix: https://foursquare.com/
   Title: Foursquare
   Icon:
-    Class: fab fa-foursquare fa-fw
+    Class: fa-brands fa-foursquare fa-fw
 
 # 036: Hacker News
 hackernews:
@@ -284,7 +284,7 @@ hackernews:
   Template: https://news.ycombinator.com/user?id=%v
   Title: Hacker News
   Icon:
-    Class: fab fa-hacker-news fa-fw
+    Class: fa-brands fa-hacker-news fa-fw
 
 # 037: Kickstarter
 kickstarter:
@@ -292,7 +292,7 @@ kickstarter:
   Prefix: https://kickstarter.com/profile/
   Title: Kickstarter
   Icon:
-    Class: fab fa-kickstarter fa-fw
+    Class: fa-brands fa-kickstarter fa-fw
 
 # 038: Patreon
 patreon:
@@ -300,7 +300,7 @@ patreon:
   Prefix: https://patreon.com/
   Title: Patreon
   Icon:
-    Class: fab fa-patreon fa-fw
+    Class: fa-brands fa-patreon fa-fw
 
 # 039: Steam
 steam:
@@ -308,7 +308,7 @@ steam:
   Prefix: https://steamcommunity.com/id/
   Title: Steam
   Icon:
-    Class: fab fa-steam fa-fw
+    Class: fa-brands fa-steam fa-fw
 
 # 040: Twitch
 twitch:
@@ -316,7 +316,7 @@ twitch:
   Prefix: https://www.twitch.tv/
   Title: Twitch
   Icon:
-    Class: fab fa-twitch fa-fw
+    Class: fa-brands fa-twitch fa-fw
 
 # 041: Strava
 strava:
@@ -324,7 +324,7 @@ strava:
   Prefix: https://www.strava.com/athletes/
   Title: Strava
   Icon:
-    Class: fab fa-strava fa-fw
+    Class: fa-brands fa-strava fa-fw
 
 # 042: Skype
 skype:
@@ -332,7 +332,7 @@ skype:
   Template: "skype:"
   Title: Skype
   Icon:
-    Class: fab fa-skype fa-fw
+    Class: fa-brands fa-skype fa-fw
 
 # 043: WhatsApp
 whatsapp:
@@ -340,7 +340,7 @@ whatsapp:
   Prefix: https://wa.me/
   Title: WhatsApp
   Icon:
-    Class: fab fa-whatsapp fa-fw
+    Class: fa-brands fa-whatsapp fa-fw
 
 # 044: 知乎
 zhihu:
@@ -348,7 +348,7 @@ zhihu:
   Prefix: https://www.zhihu.com/people/
   Title: 知乎
   Icon:
-    Simpleicons: zhihu
+    Class: fa-brands fa-zhihu fa-fw
 
 # 045: 豆瓣
 douban:
@@ -364,7 +364,7 @@ angellist:
   Prefix: https://angel.co/
   Title: Angellist
   Icon:
-    Class: fab fa-angellist fa-fw
+    Class: fa-brands fa-angellist fa-fw
 
 # 047: SlideShare
 slideshare:
@@ -372,7 +372,7 @@ slideshare:
   Prefix: https://slideshare.com/
   Title: SlideShare
   Icon:
-    Class: fab fa-slideshare fa-fw
+    Class: fa-brands fa-slideshare fa-fw
 
 # 048: JSFiddle
 jsfiddle:
@@ -380,7 +380,7 @@ jsfiddle:
   Prefix: https://jsfiddle.com/
   Title: JSFiddle
   Icon:
-    Class: fab fa-jsfiddle fa-fw
+    Class: fa-brands fa-jsfiddle fa-fw
 
 # 049: DeviantArt
 deviantart:
@@ -388,7 +388,7 @@ deviantart:
   Template: https://%v.deviantart.com/
   Title: DeviantArt
   Icon:
-    Class: fab fa-deviantart fa-fw
+    Class: fa-brands fa-deviantart fa-fw
 
 # 050: Behance
 behance:
@@ -396,7 +396,7 @@ behance:
   Prefix: https://behance.net/
   Title: Behance
   Icon:
-    Class: fab fa-behance fa-fw
+    Class: fa-brands fa-behance fa-fw
 
 # 051: Dribbble
 dribbble:
@@ -404,7 +404,7 @@ dribbble:
   Prefix: https://dribbble.com/
   Title: Dribbble
   Icon:
-    Class: fab fa-dribbble fa-fw
+    Class: fa-brands fa-dribbble fa-fw
 
 # 052: WordPress
 wordpress:
@@ -412,7 +412,7 @@ wordpress:
   Template: https://%v.wordpress.com/
   Title: WordPress
   Icon:
-    Class: fab fa-wordpress fa-fw
+    Class: fa-brands fa-wordpress fa-fw
 
 # 053: Vine
 vine:
@@ -420,7 +420,7 @@ vine:
   Prefix: https://vine.co/
   Title: Vine
   Icon:
-    Class: fab fa-vine fa-fw
+    Class: fa-brands fa-vine fa-fw
 
 # 054: Google Scholar
 googlescholar:
@@ -436,7 +436,7 @@ researchgate:
   Prefix: https://www.researchgate.net/profile/
   Title: ResearchGate
   Icon:
-    Class: fab fa-researchgate fa-fw
+    Class: fa-brands fa-researchgate fa-fw
 
 # 056: Mastodon
 mastodon:
@@ -444,7 +444,7 @@ mastodon:
   Prefix: https://mastodon.social/
   Title: Mastodon
   Icon:
-    Class: fab fa-mastodon fa-fw
+    Class: fa-brands fa-mastodon fa-fw
 
 # 057: Thingiverse
 thingiverse:
@@ -452,7 +452,7 @@ thingiverse:
   Prefix: https://www.thingiverse.com/
   Title: Thingiverse
   Icon:
-    Src: svg/icons/thingiverse.svg
+    Simpleicons: thingiverse
 
 # 058: Dev.To
 devto:
@@ -460,7 +460,7 @@ devto:
   Prefix: https://dev.to/
   Title: Dev.To
   Icon:
-    Class: fab fa-dev fa-fw
+    Class: fa-brands fa-dev fa-fw
 
 # 059: Gitea
 gitea:
@@ -491,21 +491,201 @@ bilibili:
   Prefix: https://space.bilibili.com/
   Title: bilibili
   Icon:
-    Src: svg/icons/bilibili.svg
+    Class: fa-brands fa-bilibili
 
-# 063: Email
-email:
+# 063: ORCID
+orcid:
   Weight: 63
+  Prefix: https://orcid.org/
+  Title: ORCID
+  Icon:
+    Class: fa-brands fa-orcid fa-fw
+
+# 064 Liberapay
+liberapay:
+  Weight: 64
+  Prefix: https://liberapay.com/
+  Title: Liberapay
+  Icon:
+    Simpleicons: liberapay
+
+# 065 Ko-Fi
+ko-fi:
+  Weight: 65
+  Prefix: https://ko-fi.com/
+  Title: Ko-Fi
+  Icon:
+    Simpleicons: kofi
+
+# 066: BuyMeaCoffee
+buymeacoffee:
+  Weight: 66
+  Prefix: https://www.buymeacoffee.com/
+  Title: BuyMeaCoffee
+  Icon:
+    Simpleicons: buymeacoffee
+
+# 067: Linktree
+linktree:
+  Weight: 67
+  Prefix: https://linktr.ee/
+  Title: Linktree
+  Icon:
+    Simpleicons: linktree
+
+# 068: QQ
+qq:
+  Weight: 68
+  Template: https://wpa.qq.com/msgrd?v=3&uin=%v&site=qq&menu=yes
+  Title: QQ
+  Icon:
+    Simpleicons: tencentqq
+
+# 069: QQ Group
+qqgroup:
+  Weight: 69
+  Template: https://qm.qq.com/cgi-bin/qm/qr?k=%v&jump_from=webapi
+  Title: QQ Group
+  Icon:
+    Class: fa-solid fa-users
+
+# 070: Diaspora
+diaspora:
+  Weight: 70
+  Title: diaspora*
+  Icon:
+    Simpleicons: diaspora
+
+# 071: CSDN
+csdn:
+  Weight: 71
+  Prefix: https://blog.csdn.net/
+  Title: CSDN
+  Icon:
+    Src: svg/icons/csdn.svg
+
+# 072: Discord User Profile
+discord:
+  Weight: 72
+  Prefix: https://discordapp.com/users/
+  Title: Discord
+  Icon:
+    Class: fa-brands fa-discord fa-fw
+
+# 073: Discord Server Invite Link
+discordInvite:
+  Weight: 73
+  Prefix: https://discord.gg/
+  Title: Discord
+  Icon:
+    Class: fa-brands fa-discord fa-fw
+
+# 074: Lichess user profile
+lichess:
+  Weight: 74
+  Prefix: https://lichess.org/@/
+  Title: Lichess
+  Icon:
+    Simpleicons: lichess
+
+# 075: Pleroma
+pleroma:
+  Weight: 75
+  Title: Pleroma
+  Icon:
+    Simpleicons: pleroma
+
+# 076: Kaggle
+kaggle:
+  Weight: 76
+  Prefix: https://kaggle.com/
+  Title: Kaggle
+  Icon:
+    Class: fa-brands fa-kaggle fa-fw
+
+# 077: MediaWiki
+mediawiki:
+  Weight: 77
+  Title: MediaWiki
+  Icon:
+    Class: fa-brands fa-wikipedia-w fa-fw
+
+# 078: Plume
+plume:
+  Weight: 78
+  Title: Plume
+  Icon:
+    Src: svg/icons/plume.svg
+
+# 079: Hack The Box
+hackthebox:
+  Weight: 79
+  Title: Hack The Box
+  Prefix: https://app.hackthebox.com/profile/
+  Icon:
+    Simpleicons: hackthebox
+
+# 080: Root-Me
+rootme:
+  Weight: 80
+  Title: Root-Me
+  Prefix: https://www.root-me.org/
+  Icon:
+    Src: svg/icons/rootme.svg
+
+# 081: Feishu
+feishu:
+  Weight: 81
+  Title: Feishu
+  Template: https://www.feishu.cn/invitation/page/add_contact/?token=%v
+  Icon:
+    Class: fa-solid fa-dove
+
+# 082: TryHackMe
+tryhackme:
+  Weight: 82
+  Title: TryHackMe
+  Prefix: https://tryhackme.com/p/
+  Icon:
+    Simpleicons: tryhackme
+
+# 083 douyin
+douyin:
+  Weight: 83
+  Title: 抖音
+  Prefix: https://www.douyin.com/user/
+  Icon:
+    Class: fa-brands fa-tiktok
+
+# 084 TikTok
+tiktok:
+  Weight: 84
+  Title: TikTok
+  Prefix: https://www.tiktok.com/
+  Icon:
+    Class: fa-brands fa-tiktok
+
+# Phone
+phone:
+  Weight: 997
+  Template: tel:%v
+  Title: Phone
+  Icon:
+    Class: fa-solid fa-phone fa-fw
+
+# Email
+email:
+  Weight: 998
   Template: mailto:%v
   Title: Email
   Icon:
-    Class: far fa-envelope fa-fw
+    Class: fa-regular fa-envelope fa-fw
 
-# 064: RSS
+# RSS
 rss:
-  Weight: 64
+  Weight: 999
   Url: /index.xml
   Title: RSS
   Newtab: true
   Icon:
-    Class: fas fa-rss fa-fw
+    Class: fa-solid fa-rss fa-fw

assets/fixit.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" version="1.1"><defs><style>.fixit-ban{opacity:.9;}</style></defs><path d="M159.12 338.69l24.8-16.54a78.87 78.87 0 0 1-6.77-22.72l-30.88 4.41a16 16 0 0 1-4.54-31.68l34.27-4.9v-.76l98.94 98.95a76.89 76.89 0 0 1-71.68-17.73l-26.39 17.59c-.15.11-.31.21-.47.31a16 16 0 0 1-17.28-26.93zm224.72-48.42a16 16 0 0 0-13.57-18.11l-34.27-4.9V244.9l34.27-4.9a16 16 0 1 0-4.54-31.68l-30.54 4.36a79.31 79.31 0 0 0-6.85-22.85l24.54-16.36a16 16 0 1 0-17.29-26.93l-.46.31-26 17.34a79.9 79.9 0 0 0-102.64-3l139.83 139.88 19.41 2.77a16 16 0 0 0 18.11-13.57z" fill="#358C3C" class="fixit-bug"/><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 432c-101.46 0-184-82.54-184-184a182.84 182.84 0 0 1 33.38-105.37l256 256A182.86 182.86 0 0 1 256 440zm150.62-78.63l-256-256A182.84 182.84 0 0 1 256 72c101.46 0 184 82.54 184 184a182.84 182.84 0 0 1-33.38 105.37z" fill="#FF6347" class="fixit-ban"/></svg>

assets/js/_custom.min.js

@@ -1 +0,0 @@
-const CustomJS=new function(){this.hello=(()=>(console.log("Hello CustomJS!"),this)),this.init=(()=>(this.hello(),this))};CustomJS.init(),document.addEventListener("DOMContentLoaded",()=>{console.log("DOM content loaded!")});

assets/js/custom.js.example

@@ -1,20 +1,20 @@
 /**
+ * Custom javascript for FixIt site.
  * @author @Lruihao https://lruihao.cn
- * @description Custom javascript for the hugo theme FixIt.
  */
-const CustomJS = new (function () {
+const FixItCustom = new (function () {
   /**
    * Hello World
    * You can define your own functions below.
-   * @returns {CustomJS}
+   * @returns {FixItCustom}
    */
   this.hello = () => {
-    console.log('Hello CustomJS!');
+    console.log('FixItCustom echo: Hello FixIt!');
     return this;
-  }
+  };
   /**
    * Initialize.
-   * @returns {CustomJS}
+   * @returns {FixItCustom}
    */
   this.init = () => {
     // Custom infos.
@@ -27,9 +27,9 @@ const CustomJS = new (function () {
  * Immediate.
  */
 (() => {
-  CustomJS.init();
+  FixItCustom.init();
   // It will be executed when the DOM tree is built.
   document.addEventListener('DOMContentLoaded', () => {
-    console.log('DOM content loaded!')
+    // FixItCustom.init();
   });
 })();

assets/js/fixit-decryptor.js

@@ -0,0 +1,223 @@
+/**
+ * FixIt decryptor for encrypted pages and fixit-encryptor shortcode
+ * @param {Object} options
+ * @param {Function} [options.decrypted] [Lifecycle Hooks] handler after decrypting
+ * @param {Function} [options.reset] [Lifecycle Hooks] handler after encrypting again
+ * @param {Number} [options.duration=86400] number of seconds to cache decryption statistics. unit: s
+ * @author @Lruihao https://lruihao.cn
+ * @since v0.2.15
+ */
+FixItDecryptor = function (options = {}) {
+  var _proto = FixItDecryptor.prototype;
+  this.options = options || {};
+  this.options.duration = this.options.duration || 24 * 60 * 60; // default cache one day
+  this.decryptedEventSet = new Set();
+  this.resetEventSet = new Set();
+  this.$el = document.querySelector('.fixit-decryptor-container');
+
+  /**
+   * decrypt content
+   * @param {String} base64EncodeContent encrypted content
+   */
+  var _decryptContent = (base64EncodeContent) => {
+    try {
+      this.$el.querySelector('.fixit-decryptor-loading').classList.add('d-none');
+      this.$el.querySelector('#fixit-decryptor-input').classList.add('d-none');
+      this.$el.querySelector('.fixit-encryptor-btn').classList.remove('d-none');
+      document.querySelector('#content').insertAdjacentHTML(
+        'afterbegin',
+        CryptoJS.enc.Base64.parse(base64EncodeContent).toString(CryptoJS.enc.Utf8)
+      );
+    } catch (err) {
+      return console.error(err);
+    }
+    // decrypted hook
+    console.log(this.decryptedEventSet)
+    for (const event of this.decryptedEventSet) {
+      event();
+    }    
+  };
+
+  /**
+   * initialize FixIt decryptor
+   */
+  _proto.init = () => {
+    this.addEventListener('decrypted', this.options?.decrypted);
+    this.addEventListener('reset', this.options?.reset);
+    this.validateCache();
+
+    const _decryptor = this;
+    this.$el.querySelector('#fixit-decryptor-input')?.addEventListener('keydown', function (e) {
+      if (e.key === 'Enter') {
+        e.preventDefault();
+        const $content = document.querySelector('#content');
+        const password = $content.getAttribute('data-password');
+        const input = this.value.trim();
+        const saltLen = input.length % 2 ? input.length : input.length + 1;
+        const inputMd5 = CryptoJS.MD5(input).toString();
+        const inputSha256 = CryptoJS.SHA256(input).toString();
+
+        this.value = '';
+        this.blur();
+        if (!input) {
+          alert('Please enter the correct password!');
+          return console.warn('Please enter the correct password!');
+        }
+        if (inputMd5 !== password) {
+          alert(`Password error: ${input} not the correct password!`);
+          return console.warn(`Password error: ${input} not the correct password!`);
+        }
+        // cache decryption statistics
+        window.localStorage?.setItem(
+          `fixit-decryptor/#${location.pathname}`,
+          JSON.stringify({
+            expiration: Math.ceil(Date.now() / 1000) + _decryptor.options.duration,
+            md5: inputMd5,
+            sha256: inputSha256.slice(saltLen)
+          })
+        );
+        _decryptContent($content.getAttribute('data-content').replace(inputSha256.slice(saltLen), ''));
+      }
+    });
+
+    this.$el.querySelector('.fixit-encryptor-btn')?.addEventListener('click', function (e) {
+      e.preventDefault();
+      this.classList.add('d-none')
+      _decryptor.$el.querySelector('#fixit-decryptor-input').classList.remove('d-none');
+      document.querySelector('#content').innerHTML = '';
+      document.querySelector('#content').insertAdjacentElement(
+        'afterbegin',
+        _decryptor.$el
+      );
+      window.localStorage?.removeItem(`fixit-decryptor/#${location.pathname}`);
+      // reset hook
+      for (const event of _decryptor.resetEventSet) {
+        event();
+      }
+    });
+  };
+
+  /**
+   * initialize fixit-encryptor shortcodes
+   */
+  _proto.initShortcodes = () => {
+    // TODO TODO shortcode decrypted event
+    // this.addEventListener('decrypted', this.options?.decrypted);
+    const _decryptor = this;
+    const $shortcodes = document.querySelectorAll('fixit-encryptor:not(.decrypted)');
+
+    $shortcodes.forEach($shortcode => {
+      $shortcode.querySelector('.fixit-decryptor-input')?.addEventListener('keydown', function (e) {
+        if (e.key === 'Enter') {
+          e.preventDefault();
+          const $decryptor = this.parentElement.parentElement;
+          const $content = $decryptor.nextElementSibling;
+          const password = $content.getAttribute('data-password');
+          const input = this.value.trim();
+          const saltLen = input.length % 2 ? input.length : input.length + 1;
+          const inputMd5 = CryptoJS.MD5(input).toString();
+          const inputSha256 = CryptoJS.SHA256(input).toString();
+  
+          this.value = '';
+          this.blur();
+          if (!input) {
+            alert('Please enter the correct password!');
+            return console.warn('Please enter the correct password!');
+          }
+          if (inputMd5 !== password) {
+            alert(`Password error: ${input} not the correct password!`);
+            return console.warn(`Password error: ${input} not the correct password!`);
+          }
+          try {
+            const base64EncodeContent = $content.getAttribute('data-content').replace(inputSha256.slice(saltLen), '');
+            $decryptor.querySelector('.fixit-decryptor-input').classList.add('d-none');
+            $content.insertAdjacentHTML(
+              'afterbegin',
+              CryptoJS.enc.Base64.parse(base64EncodeContent).toString(CryptoJS.enc.Utf8)
+            );
+            $decryptor.parentElement.classList.add('decrypted');
+          } catch (err) {
+            return console.error(err);
+          }
+          // TODO shortcode decrypted hook
+          // for (const event of _decryptor.decryptedEventSet) {
+          //   event();
+          // }
+        }
+      });
+    });
+  };
+
+  /**
+   * validate the cached decryption statistics in localStorage
+   * @returns {FixItDecryptor}
+   */
+  _proto.validateCache = () => {
+    const $content = document.querySelector('#content');
+    const password = $content.getAttribute('data-password');
+    const cachedStat = JSON.parse(window.localStorage?.getItem(`fixit-decryptor/#${location.pathname}`));
+
+    if (!cachedStat) {
+      this.$el.querySelector('.fixit-decryptor-loading').classList.add('d-none');
+      this.$el.querySelector('#fixit-decryptor-input').classList.remove('d-none');
+      return this;
+    }
+    if (cachedStat?.md5 !== password || Number(cachedStat?.expiration) < Math.ceil(Date.now() / 1000)) {
+      this.$el.querySelector('.fixit-decryptor-loading').classList.add('d-none');
+      this.$el.querySelector('#fixit-decryptor-input').classList.remove('d-none');
+      window.localStorage?.removeItem(`fixit-decryptor/#${location.pathname}`);
+      console.warn('The password has expired, please re-enter!');
+      return this;
+    }
+    _decryptContent($content.getAttribute('data-content').replace(cachedStat.sha256, ''));
+    return this;
+  };
+
+  /**
+   * add event listener for FixIt Decryptor
+   * @param {String} event event name
+   * @param {Function} listener event handler
+   * @returns {FixItDecryptor}
+   */
+  _proto.addEventListener = (event, listener) => {
+    if (typeof listener !== 'function') {
+      return this;
+    }
+    switch (event) {
+      case 'decrypted':
+        this.decryptedEventSet.add(listener);
+        break;
+      case 'reset':
+        this.resetEventSet.add(listener);
+        break;
+      default:
+        console.warn(`Event ${event} not found in FixIt Decryptor!`);
+        break;
+    }
+    return this;
+  };
+
+  /**
+   * remove event listener for FixIt Decryptor
+   * @param {String} event event name
+   * @param {Function} listener event handler
+   * @returns {FixItDecryptor}
+   */
+  _proto.removeEventListener = (event, listener) => {
+    if (typeof listener !== 'function') {
+      return this;
+    }
+    switch (event) {
+      case 'decrypted':
+        this.decryptedEventSet.delete(listener);
+        break;
+      case 'reset':
+        this.resetEventSet.delete(listener);
+        break;
+      default:
+        console.warn(`Event ${event} not found in FixIt Decryptor!`);
+        break;
+    }
+    return this;
+  };
+};

assets/js/service-worker.js

@@ -1,15 +1,21 @@
-const CACHE_VERSION = 1;
+/**
+ * Service Worker
+ * imported from https://github.com/HEIGE-PCloud/DoIt/blob/v0.2.11/src/js/sw.js
+ */
+CACHE_VERSION = 1;
 
 const BASE_CACHE_FILES = [
   '/css/style.min.css',
   '/js/theme.min.js',
-  '/site.webmanifest'
+  '/site.webmanifest',
+  '/fixit.min.svg'
 ];
 
 const OFFLINE_CACHE_FILES = [
   '/css/style.min.css',
   '/js/theme.min.js',
   '/site.webmanifest',
+  '/fixit.min.svg',
   '/offline/'
 ];
 
@@ -17,6 +23,7 @@ const NOT_FOUND_CACHE_FILES = [
   '/css/style.min.css',
   '/js/theme.min.js',
   '/site.webmanifest',
+  '/fixit.min.svg',
   '/404.html'
 ];
 

assets/lib/VERSION

@@ -1,27 +1,32 @@
-algoliasearch@4.11.0 https://github.com/algolia/algoliasearch-client-javascript
+algoliasearch@4.14.2 https://github.com/algolia/algoliasearch-client-javascript
 animate.css@4.1.1 https://github.com/daneden/animate.css
 aplayer@1.10.1 https://github.com/MoePlayer/APlayer
-autocomplete.js@0.38.1 https://github.com/algolia/autocomplete.js
-clipboard.js@2.0.8 https://github.com/zenorocha/clipboard.js
+artalk@2.3.4 https://github.com/ArtalkJS/Artalk
+autocomplete-js@0.38.1 https://github.com/algolia/autocomplete
+cell-watermark@1.0.3 https://github.com/Lruihao/watermark
 cookieconsent@3.1.1 https://github.com/osano/cookieconsent
-echarts@5.2.2 https://github.com/apache/echarts
-fontawesome-free@5.14.0 https://github.com/FortAwesome/Font-Awesome
+crypto-js@4.1.1 https://github.com/brix/crypto-js
+echarts@5.3.3 https://github.com/apache/echarts
+emoji-data@14.0.0 https://github.com/iamcal/emoji-data
+eruda@2.5.0 https://github.com/liriliri/eruda
+fontawesome-free@6.2.0 https://github.com/FortAwesome/Font-Awesome
+fusejs@6.6.2 https://github.com/krisk/fuse
 gitalk@1.7.2 https://github.com/gitalk/gitalk
-katex@0.15.1 https://github.com/KaTeX/KaTeX
+katex@0.16.2 https://github.com/KaTeX/KaTeX
 lazysizes@5.3.2 https://github.com/aFarkas/lazysizes
-lg-thumbnail.js@1.2.0 https://github.com/sachinchoolur/lg-thumbnail.js
-lg-zoom.js@1.3.0 https://github.com/sachinchoolur/lg-zoom.js
-lightgallery.js@1.4.0 https://github.com/sachinchoolur/lightgallery.js
+lightgallery@2.6.1 https://github.com/sachinchoolur/lightgallery
 lunr.js@2.3.9 https://github.com/olivernn/lunr.js
-mapbox-gl@2.3.1 https://github.com/mapbox/mapbox-gl-js
-mermaid@8.13.3 https://github.com/knsv/mermaid
+mapbox-gl@2.10.0 https://github.com/mapbox/mapbox-gl-js
+mermaid@9.1.7 https://github.com/mermaid-js/mermaid
 meting@2.0.1 https://github.com/metowolf/MetingJS
 normalize.css@8.0.1 https://github.com/necolas/normalize.css
-object-fit-images@3.2.4 https://github.com/fregante/object-fit-images
+object-fit-images@3.2.4 https://github.com/fregante/object-fit-images [archived]
 pangu.js@4.0.7 https://github.com/vinta/pangu.js
-sharer.js@0.4.2 https://github.com/ellisonleao/sharer.js
-simple-icons@5.21.1 https://github.com/simple-icons/simple-icons
-twemoji@13.1.0 https://github.com/twitter/twemoji
-typeit@7.0.4 https://github.com/alexmacarthur/typeit
-valine@1.4.16 https://github.com/xCss/Valine
-watermark@1.0.2 https://github.com/Lruihao/watermark.git
+sharer.js@0.5.1 https://github.com/ellisonleao/sharer.js
+simple-icons@7.12.0 https://github.com/simple-icons/simple-icons
+twemoji@14.0.2 https://github.com/twitter/twemoji
+twikoo@1.6.8 https://github.com/imaegoo/twikoo
+typeit@8.7.0 https://github.com/alexmacarthur/typeit
+valine@1.5.1 https://github.com/xCss/Valine
+vconsole@3.14.6 https://github.com/Tencent/vConsole
+waline@2.10.0 https://github.com/walinejs/waline