🔖 Chore: update FixIt version to v0.2.14

Merge commit '063f60ff54d03a410fb87010a35aba86da792d3a'
⬆️ Chore: update some third-party libraries
2026-08-30 02:02:40 +00:00 · 2022-05-15 23:07:03 +08:00 · 2022-05-15 23:03:39 +08:00 · 2022-05-15 22:57:12 +08:00 · 2022-05-15 21:54:23 +08:00 · 2022-05-15 13:07:20 +00:00
179 changed files with 8322 additions and 3694 deletions
@@ -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...
-配置文件或者前置参数的代码...
@@ -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 ...
+        配置文件或者前置参数的代码 ...
@@ -1,5 +1,5 @@
 blank_issues_enabled: false
 contact_links:
  - name: Theme Documentation 主题文档
-    url: https://hugoloveit.com/categories/documentation/
+    url: https://fixit.lruihao.cn/categories/documentation/
    about: Please read the documentation carefully. 请先仔细阅读主题文档.
@@ -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.
-如果可以的话, 提供实现这个功能的相关参考链接.
@@ -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. 
+          如果可以的话，提供实现这个功能的相关参考链接。
@@ -10,3 +10,7 @@ updates:
    schedule:
      interval: "monthly"
    open-pull-requests-limit: 1000
+    assignees:
+      - "Lruihao"
+    labels:
+      - "dependencies"
@@ -0,0 +1,45 @@
+name: Update Algolia Search Index
+
+on:
+  push:
+    branches:
+      - master
+  workflow_dispatch:
+
+jobs:
+  algolia-atomic:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+        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: './exampleSite/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: './exampleSite/public/zh-cn/index.json'
+        run: |
+          npm run algolia
@@ -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@v2
+        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=exampleSite --themesDir ../.. --gc
@@ -14,7 +14,7 @@ name: "CodeQL"
 on:
  pull_request:
    # The branches below must be a subset of the branches above
-    branches: [ main ]
+    branches: [ master ]
  schedule:
    - cron: '45 0 * * 1'

@@ -0,0 +1,24 @@
+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
+        env:
+          GITHUB_TOKEN: ${{ secrets.CONTRIBUTORS_TOKEN }}
@@ -2,8 +2,90 @@
 All notable changes to this project will be documented in this file.
 <!-- Releases see https://github.com/Lruihao/FixIt/releases -->

+## v0.2.14 [2022.5.15]
+
+> Add hugo new features support.
+
+- :recycle: Refactor: header layout
+  - :tada: Feat: add sub menu (nested menu) support ([#31](https://github.com/Lruihao/FixIt/issues/31))
+  - :sparkles: Feat: add user-defined content to menu items via the `params` field ([#99](https://github.com/Lruihao/FixIt/issues/99))
+  - :sparkles: Feat: modified language selector to submenu (@pandaoh[`eced169`](https://github.com/Lruihao/FixIt/commit/eced169713ce4a0208ce70ab556824e47eb671d5), @Lruihao[#31](https://github.com/Lruihao/FixIt/issues/31))
+  - :bug: Fix: add "no more translations" judgment logic ([#100](https://github.com/Lruihao/FixIt/issues/100))
+  - :bug: Fix: fix some header css bug ([#31](https://github.com/Lruihao/FixIt/issues/31))
+- :sparkles: Feat: enhance link render ([#96](https://github.com/Lruihao/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/Lruihao/FixIt/issues/130))
+- :sparkles: Feat: link shortcode add `external-icon` option ([#96](https://github.com/Lruihao/FixIt/issues/96))
+- :sparkles: Feat: add GitHub Corners support ([#106](https://github.com/Lruihao/FixIt/issues/106))
+- :sparkles: Feat: add local avatar and gravatar support for post author ([#125](https://github.com/Lruihao/FixIt/issues/125))
+- :sparkles: Feat: add ~~total word count support in footer~~ ([#124](https://github.com/Lruihao/FixIt/issues/124))
+- :sparkles: Feat: add "Edit this page" button support ([#103](https://github.com/Lruihao/FixIt/issues/103))
+- :sparkles: Feat: add count badge for taxonomy ([#122](https://github.com/Lruihao/FixIt/issues/122))
+- :zap: Perf: add Gravatar config support
+- :bug: Fix: invalid front matter `comment: true` ([#108](https://github.com/Lruihao/FixIt/issues/108))
+- :bug: Fix: ibruce and watermark option negative value error ([#114](https://github.com/Lruihao/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/Lruihao/FixIt/issues/101))
+- :lipstick: Style: add the gap between and icon and text at blending typesetting (@ctj12461, @Lruihao[#118](https://github.com/Lruihao/FixIt/pull/118))
+- :lipstick: Style: modify blockquote CSS
+- :memo: Docs: revised theme documentations
+- :zap: Perf: remove third-party library clipboard.js ([#84](https://github.com/Lruihao/FixIt/issues/84))
+- :pencil2: Docs: fix highlight url typo in `theme-documentation-built-in-shortcodes` (@d-baer[#85](https://github.com/Lruihao/FixIt/pull/85))
+- :wrench: Chore(i18n): improve translations for supported languages ([#119](https://github.com/Lruihao/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/Lruihao/FixIt/pull/92))
+  - Bump @babel/core from 7.17.5 to 7.17.10 ([#126](https://github.com/Lruihao/FixIt/pull/126))
+  - Bump core-js from 3.21.1 to 3.22.5 ([#129](https://github.com/Lruihao/FixIt/pull/129))
+  - Bump @babel/cli from 7.17.6 to 7.17.10 ([#127](https://github.com/Lruihao/FixIt/pull/127))
+  - Bump @babel/preset-env from 7.16.11 to 7.17.10 ([`bc74d14`](https://github.com/Lruihao/FixIt/commit/bc74d149c16b36644fecdd5bef325bf8087f8593))
+- **Full Changelog:** @Lruihao [`v0.2.13...v0.2.14`](https://github.com/Lruihao/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/Lruihao/FixIt/issues/65))
+- :tada: Feat: add Artalk comment support ([#54](https://github.com/Lruihao/FixIt/issues/54), @hiifong[#57](https://github.com/Lruihao/FixIt/pull/57))
+- :tada: Feat: add Waline comment support ([#36](https://github.com/Lruihao/FixIt/issues/36))
+- :tada: Feat: add Twikoo comment support ([#64](https://github.com/Lruihao/FixIt/issues/64))
+- :sparkles: Feat: add recently updated section ([#50](https://github.com/Lruihao/FixIt/issues/50))
+- :sparkles: Feat: add article expiration reminder support ([#51](https://github.com/Lruihao/FixIt/issues/51))
+- :sparkles: Feat: add pageStyle option ([#62](https://github.com/Lruihao/FixIt/issues/62))
+- :sparkles: Style: add media style for print view ([#61](https://github.com/Lruihao/FixIt/issues/61))
+- :sparkles: Feat: add Gravatar mirror site support (@ctj12461[#66](https://github.com/Lruihao/FixIt/pull/66))
+- :sparkles: Feat: add archive count display ([#33](https://github.com/Lruihao/FixIt/issues/33))
+- :sparkles: Feat: add `details` shortcode ([#68](https://github.com/Lruihao/FixIt/issues/68))
+- :sparkles: Feat: add `center-quote` shortcode ([#69](https://github.com/Lruihao/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/Lruihao/FixIt/issues/17))
+- :zap: Perf: enhance highlight feature (GitHub syntax supported) and fix some css bugs ([#43](https://github.com/Lruihao/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/Lruihao/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/Lruihao/FixIt/issues/67))
+- :fire: Feat: remove shortcode cardlink ([#42](https://github.com/Lruihao/FixIt/issues/42))
+- :lipstick: Style: more refined theme style ([#40](https://github.com/Lruihao/FixIt/issues/40))
+- :pencil2: Style: fix typo *discription* should be **description** ([#60](https://github.com/Lruihao/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/Lruihao/FixIt/issues/74))
+- :wrench: Chore: add atomic-algolia for exampleSite ([#70](https://github.com/Lruihao/FixIt/issues/70))
+- **Full Changelog:** @Lruihao [`v0.2.12...v0.2.13`](https://github.com/Lruihao/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))
@@ -25,7 +107,8 @@ All notable changes to this project will be documented in this file.
 - :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/Lruihao/FixIt/compare/v0.2.11...v0.2.12)
+
 ## v0.2.11 [2021-12-19]

 > :tada: The beginning of FixIt to fix the theme LoveIt.
@@ -36,7 +119,7 @@ All notable changes to this project will be documented in this file.
 - :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/Lruihao/FixIt/compare/v0.2.10...v0.2.11)

 ## v0.2.10 :arrow_down: [2020-5-29 before]

@@ -19,13 +19,20 @@ 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
+npm run server
+#run a local debugging server 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 🎉
@@ -34,7 +41,7 @@ Finally, create a new pull request at https://github.com/Lruihao/FixIt/pulls to

 ### 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_ |
@@ -44,7 +51,7 @@ Finally, create a new pull request at https://github.com/Lruihao/FixIt/pulls to

 | event | merge |
 | :-- | :-- |
-| release | **master => RC branch:** `--rebase` |
+| release | **RC branch => master:** `--rebase` |
 | PR | **others:master => master:** `--rebase` |
 | single feature| **feature branch => RC branch:** `--merge` |

@@ -60,7 +67,7 @@ Finally, create a new pull request at https://github.com/Lruihao/FixIt/pulls to

 #### 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) |
@@ -5,7 +5,7 @@
 [![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)

-English README | [简体中文说明](https://github.com/Lruihao/FixIt/blob/main/README.zh-cn.md)
+English README | [简体中文说明](https://github.com/Lruihao/FixIt/blob/master/README.zh-cn.md)

 > **FixIt** is a **clean**, **elegant** but **advanced** blog theme for [Hugo](https://gohugo.io/).

@@ -17,14 +17,11 @@ The FixIt theme inherits the excellent functions of these themes, and adds new f

 ![Hugo Theme FixIt](https://github.com/Lruihao/FixIt/raw/master/images/Apple-Devices-Preview.png)

-## Getting started
+## [Getting started](https://fixit.lruihao.cn/categories/documentation/)
+
 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
@@ -32,7 +29,7 @@ hugo server --source=exampleSite

 Of course, you can also read the [FixIt wiki](https://github.com/Lruihao/FixIt/wiki) directly.

-## Migrate from LoveIt
+## Migrate and Update

 If you are currently using the LoveIt theme (or some other themes), it is very easy to migrate to FixIt.

@@ -65,7 +62,7 @@ Now the migration is finished and everything is ready 🎉

 ## Why choose FixIt

-* Custom **Header**
+* Custom **Header (sub-menu supported)**
 * 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
@@ -88,7 +85,7 @@ Now the migration is finished and everything is ready 🎉
 * 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)
+* **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
@@ -100,6 +97,16 @@ 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.  

+## Who used FixIt
+
+To see this theme in action, here are some live demo sites which are rendered with **FixIt** theme.
+
+* [FixIt Theme Official Website](https://fixit.lruihao.cn)
+* [FixIt Theme Official Website - Preview](https://pre.fixit.lruihao.cn)
+* [Lruihao's note](https://lruihao.cn)
+* [hiifong's blog](https://52at.ml)
+* Add a your site by [making a PR](https://github.com/Lruihao/FixIt/pulls) (e.g. [#111](https://github.com/Lruihao/FixIt/pull/111))
+
 ## Features

 ### Performance and SEO
@@ -126,15 +133,18 @@ 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 **73** 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/)

 ### Extended Features

@@ -158,7 +168,7 @@ the FixIt theme may be more suitable for you.
 * **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
@@ -170,6 +180,7 @@ FixIt supports the following languages:

 * English
 * Simplified Chinese
+* Traditional Chinese
 * French
 * Polish
 * Brazilian Portuguese
@@ -180,17 +191,27 @@ FixIt supports the following languages:
 * Russian
 * Romanian
 * Vietnamese
-* Traditional Chinese
 * [Contribute with a new language](https://github.com/Lruihao/FixIt/pulls)
+
 [Languages Compatibility](https://fixit.lruihao.cn/theme-documentation-basics/#language-compatibility)

 ## [Roadmap](https://github.com/Lruihao/FixIt/projects/1)

-## [Changelog](https://github.com/Lruihao/FixIt/blob/main/CHANGELOG.md)
+## [Changelog](https://github.com/Lruihao/FixIt/blob/master/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/Lruihao/FixIt/issues) or [discussions](https://github.com/Lruihao/FixIt/discussions) tracker.
+
+## Contributing
+
+Please see [CONTRIBUTING.md](/CONTRIBUTING.md) for getting started with the contribution.
+
+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)

 ## License

@@ -209,7 +230,6 @@ Thanks to the authors of following resources included in the theme:
 * [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)
 * [Sharer.js](https://github.com/ellisonleao/sharer.js)
 * [TypeIt](https://typeitjs.com/)
 * [KaTeX](https://katex.org/)
@@ -221,8 +241,13 @@ 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)
 * [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/)

 ## Author

@@ -5,7 +5,7 @@
 [![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)

-[English README](https://github.com/HEIGE-PCloud/DoIt/blob/main/README.md) | 简体中文说明
+[English README](https://github.com/Lruihao/FixIt/blob/master/README.md) | 简体中文说明

 > [FixIt](https://github.com/Lruihao/FixIt) 是一个**简洁**、**优雅**且**高效**的 [Hugo](https://gohugo.io/) 博客主题。

@@ -17,21 +17,19 @@ FixIt 主题继承了这些主题的优秀功能，并在此基础上添加了

 ![Hugo Theme FixIt](https://github.com/Lruihao/FixIt/raw/master/images/Apple-Devices-Preview.png)

-## 立即开始
+## [立即开始](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/)：

-### [文档](https://fixit.lruihao.cn/zh-cn/categories/documentation/)
-在本地构建文档：
 ```bash
 hugo server --source=exampleSite
 ```

 当然，你也可以直接阅读 [FixIt 主题维基](https://github.com/Lruihao/FixIt/wiki)

-## 从 LoveIt 迁移
+## 迁移和升级

 如果你现在正在使用 LoveIt 主题（或者一些其他的主题），你可以很容易地迁移至 FixIt。

@@ -64,7 +62,7 @@ sh fixit_checker.sh

 ## 为什么选择 FixIt

-* 自定义**标题栏**
+* 自定义**标题栏（支持子菜单）**
 * 自定义 **CSS 样式**
 * 焕然一新的**主页**，已经兼容最新版 Hugo
 * 大量的**样式细节调整**，包括颜色、字体大小、边距、代码预览样式
@@ -87,7 +85,7 @@ sh fixit_checker.sh
 * 支持自定义样式的 shortcode
 * 支持所有第三方库的 **CDN**
 * 支持**渐进式网页应用**
-* 支持基于 [Watermark](https://github.com/Lruihao/watermark) 的**网页水印**
+* 支持基于 [cell-watermark](https://github.com/Lruihao/watermark) 的**网页水印**
 * 支持基于 [pangu.js](https://github.com/vinta/pangu.js) 的**中文排版**
 * 支持**卡片式链接**的 shortcode
 * 支持**友情链接**的页面模板
@@ -99,6 +97,15 @@ sh fixit_checker.sh
 如果你想在文章内嵌数学公式、流程图、音乐或是 Bilibili 视频，  
 那么，FixIt 主题可能是更适合你。  

+## 谁在用 FixIt
+为了直观地浏览主题特性，这里有一些基于 **FixIt** 主题渲染的预览网站。
+
+* [FixIt 主题官网](https://fixit.lruihao.cn/zh-cn/)
+* [FixIt 主题官网 - 预览](https://pre.fixit.lruihao.cn/zh-cn/)
+* [李瑞豪的博客](https://lruihao.cn)
+* [hiifong 的博客](https://52at.ml)
+* 你可以通过 [提交 PR](https://github.com/Lruihao/FixIt/pulls) 添加你的网站（例如：[#111](https://github.com/Lruihao/FixIt/pull/111)）
+
 ## 特性

 ### 性能和 SEO
@@ -125,15 +132,18 @@ sh fixit_checker.sh

 * 支持 **[Gravatar](https://gravatar.com)** 头像
 * 支持本地**头像**
-* 支持多达 **64** 种社交链接
+* 支持多达 **73** 种社交链接
 * 支持多达 **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/)** 评论系统

 ### 扩展功能

@@ -157,7 +167,7 @@ sh fixit_checker.sh
 * 支持基于 [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 +179,7 @@ FixIt 支持下列语言：

 * 英语
 * 简体中文
+* 繁体中文
 * 法语
 * 波兰语
 * 巴西葡萄牙语
@@ -179,15 +190,27 @@ FixIt 支持下列语言：
 * 俄语
 * 罗马尼亚语
 * 越南语
-* 繁体中文
 * [贡献一种新的语言](https://github.com/Lruihao/FixIt/pulls)
+
 [语言兼容性](https://fixit.lruihao.cn/zh-cn/theme-documentation-basics/#language-compatibility)

 ## [路线图](https://github.com/Lruihao/FixIt/projects/1)

-## 问题、想法、 bugs 和 PRs
+## [更新日志](https://github.com/Lruihao/FixIt/blob/master/CHANGELOG.md)

-所有的反馈都是欢迎的！详见 [issue tracker](https://github.com/Lruihao/FixIt/issues)。
+## 问题、想法、bugs 和 PRs
+
+所有的反馈都是欢迎的！详见 [议题](https://github.com/Lruihao/FixIt/issues) 或者 [讨论](https://github.com/Lruihao/FixIt/discussions)。
+
+## 参与贡献
+
+请参阅 [CONTRIBUTING.md](/CONTRIBUTING.md) 以了解贡献该项目的基本信息。
+
+确保在贡献和参与讨论时遵守 [CODE_OF_CONDUCT.md](/CODE_OF_CONDUCT.md)。
+
+**贡献时，请先通过此存储库上的问题讨论您希望进行的更改，然后再进行实际更改**。
+
+## [所有贡献者](/contributors.md)

 ## 许可协议

@@ -206,7 +229,6 @@ FixIt 主题中用到了以下项目，感谢它们的作者：
 * [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)
 * [Sharer.js](https://github.com/ellisonleao/sharer.js)
 * [TypeIt](https://typeitjs.com/)
 * [KaTeX](https://katex.org/)
@@ -218,8 +240,13 @@ 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)
 * [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)

 ## 作者

@@ -3,7 +3,7 @@ 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
@@ -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. :(fas 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 >}}
@@ -5,6 +5,7 @@ date: {{ .Date }}
 draft: true
 author: ""
 authorLink: ""
+authorEmail: ""
 description: ""
 keywords: ""
 license: ""
@@ -5,6 +5,7 @@ date: {{ .Date }}
 draft: true
 author: ""
 authorLink: ""
+authorEmail: ""
 description: ""
 keywords: ""
 license: ""
@@ -0,0 +1,40 @@
+// ==============================
+// 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,
+.d-none-desktop {
+  display: none;
+}
+.d-none-mobile {
+  display: block;
+}
+
+.ms-1 {
+  margin-left: 0.25rem !important;
+}
+.me-1 {
+  margin-right: 0.25rem !important;
+}
+.ps-1 {
+  padding-left: 0.25rem !important;
+}
+.pe-1 {
+  padding-right: 0.25rem !important;
+}
@@ -6,22 +6,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 +33,7 @@ html {
 ::selection {
  background-color: $selection-color;

-  [theme=dark] & {
+  [theme='dark'] & {
    background-color: $selection-color-dark;
  }
 }
@@ -42,29 +44,25 @@ body {
  @include overflow-wrap(break-word);
  scrollbar-color: auto;

-  &[theme=dark] {
+  &[theme='dark'] {
    color: $global-font-color-dark;
    background-color: $global-background-color-dark;
  }
 }

+img {
+  @include object-fit(contain);
+  @include border-radius($global-border-radius/2);
+}
+
+iframe {
+  @include border-radius($global-border-radius);
+}
+
@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);
-}
-
-i.logo-icon{
-  width: 2em;
-  
-  .fa-ban {
-    color: $global-logo-icon-color;
-  }
-}
+@import '../_partial/mask';
+@import '../_partial/icon';
+@import '../_partial/details';
+@import '../_partial/_widgets';
@@ -8,8 +8,20 @@
  main {
    flex: 1 0 auto;

-    .container {
+    aside:first-child {
+      order: 2;
+    }
+
+    &.container {
+      display: flex;
+      align-items: flex-start;
+      justify-content: center;
      padding: 0 1rem;
    }
+
+    &.container-reverse {
+      @extend .container;
+      flex-direction: row-reverse;
+    }
  }
 }
@@ -1,12 +1,62 @@
+@media only screen and (min-width: 1441px) {
+  .page {
+    width: 60%;
+
+    [page-style='wide'] & {
+      width: 64%;
+    }
+
+    [page-style='narrow'] & {
+      max-width: 800px;
+    }
+  }
+
+  aside {
+    width: 20%;
+
+    [page-style='wide'] & {
+      width: 18%;
+    }
+
+    [page-style='narrow'] & {
+      width: calc(50% - 400px);
+    }
+  }
+}
+
@media only screen and (max-width: 1440px) {
  .page {
    width: 56%;
+
+    [page-style='wide'] & {
+      width: 60%;
+    }
+  }
+
+  aside {
+    width: 22%;
+
+    [page-style='wide'] & {
+      width: 20%;
+    }
  }
 }

@media only screen and (max-width: 1200px) {
  .page {
    width: 52%;
+
+    [page-style='wide'] & {
+      width: 56%;
+    }
+  }
+
+  aside {
+    width: 24%;
+
+    [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] & {
+        [header-mobile='normal'] & {
          scroll-margin-top: 0;
        }
      }
@@ -74,10 +117,55 @@
      }
    }
  }
-  
-  footer{
+
+  footer {
    .footer-container {
-      font-size: .618rem;
+      font-size: 0.618rem;
    }
  }
 }
+
+@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;
+  }
+}
@@ -47,19 +47,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;
  }

@@ -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);
 }
@@ -1,4 +1,4 @@
-@import "_compatibility";
-@import "_link";
-@import "_blur";
-@import "_details";
+@import '_compatibility';
+@import '_link';
+@import '_blur';
+@import '_details';
@@ -1,10 +1,12 @@
@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);

-    [theme=dark] & {
+    [theme='dark'] & {
      color: if($dark, $global-link-color-dark, $single-link-color-dark);
    }
  }
@@ -13,7 +15,7 @@
  a:hover {
    color: if($light, $global-link-hover-color, $single-link-hover-color);

-    [theme=dark] & {
+    [theme='dark'] & {
      color: if($dark, $global-link-hover-color-dark, $single-link-hover-color-dark);
    }
  }
@@ -8,6 +8,6 @@
    margin-bottom: 1rem;
  }

-  @import "../_partial/_archive/terms";
-  @import "../_partial/_archive/tags";
+  @import '../_partial/_archive/terms';
+  @import '../_partial/_archive/tags';
 }
@@ -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;
-}
+}
@@ -1,11 +1,11 @@
 .home {
  .home-profile {
-    @include transform(translateY( 16vh));
-    padding: 0 0 .5rem;
+    @include transform(translateY(16vh));
+    padding: 0 0 0.5rem;
    text-align: center;

    .home-avatar {
-      padding: .5rem;
+      padding: 0.5rem;

      img {
        display: inline-block;
@@ -13,12 +13,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 +27,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 +47,7 @@

      img {
        height: 1.5rem;
-        padding: 0 .25rem;
+        padding: 0 0.25rem;
      }
    }

@@ -56,10 +56,10 @@
      line-height: 1.5rem;
      font-weight: normal;
      margin: 0;
-      padding: .5rem;
+      padding: 0.5rem;
      color: $global-font-secondary-color;

-      [theme=dark] & {
+      [theme='dark'] & {
        color: $global-font-secondary-color-dark;
      }
    }
@@ -78,11 +78,11 @@

  .summary {
    padding-top: 1rem;
-    padding-bottom: .8rem;
+    padding-bottom: 0.8rem;
    color: $global-font-color;
    border-bottom: 1px dashed $global-border-color;

-    [theme=dark] & {
+    [theme='dark'] & {
      color: $global-font-color-dark;
      border-bottom: 1px dashed $global-border-color-dark;
    }
@@ -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] & {
+      [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] & {
+        [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);

@@ -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] & {
+
+      [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';
@@ -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;
  }
-}
+}
@@ -1,15 +1,16 @@
-@import "../_partial/_single/toc";
+@import '../_partial/_single/toc';

 .single {
  .single-title {
-    margin: 1rem 0 .5rem;
+    padding: 1rem 0 0.5rem;
+    margin: 0;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 140%;
  }

  .single-subtitle {
-    margin: .4rem 0;
+    margin: 0.4rem 0;
    font-size: 1.2rem;
    font-weight: normal;
    font-style: italic;
@@ -17,14 +18,14 @@
  }

  .post-meta {
-    font-size: .875rem;
+    font-size: 0.875rem;
    color: $global-font-secondary-color;

    span {
      display: inline-block;
    }

-    [theme=dark] & {
+    [theme='dark'] & {
      color: $global-font-secondary-color-dark;
    }

@@ -32,11 +33,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);
+
+        [theme='dark'] & {
+          border-color: $global-border-color-dark;
+        }
+      }
    }
  }

  .featured-image {
-    margin: .5rem 0 1rem 0;
+    margin: 0.5rem 0 1rem 0;

    img {
      display: block;
@@ -52,7 +68,8 @@
  }

  .content {
-    > h1, > h2 {
+    > h1,
+    > h2 {
      font-size: 1.5rem;

      & code {
@@ -92,7 +109,7 @@
      font-weight: bold;
      margin: 1.2rem 0;

-      [theme=dark] & {
+      [theme='dark'] & {
        font-weight: bolder;
      }
    }
@@ -103,28 +120,29 @@
    > h5,
    > h6 {
      > .header-mark::before {
-        content: "|";
-        margin-right: .3125rem;
+        content: '|';
+        margin-right: 0.3125rem;
        color: $single-link-color;

-        [theme=dark] & {
+        [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] & {
+      [theme='dark'] & {
        color: #ddd;
      }
    }
@@ -132,19 +150,23 @@
    @include link(false, false);

    a {
+      white-space: normal;
      @include overflow-wrap(break-word);

-      [theme=dark] & b, [theme=dark] & strong {
+      [theme='dark'] & b,
+      [theme='dark'] & strong {
        color: $single-link-color-dark;
      }
    }

-    [theme=dark] a:hover b, [theme=dark] a:hover strong {
+    [theme='dark'] a:hover b,
+    [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 +181,7 @@
        color: $global-font-secondary-color;
      }

-      [theme=dark] & {
+      [theme='dark'] & {
        background: $code-background-color-dark;

        rt {
@@ -174,7 +196,7 @@
      &::-webkit-scrollbar {
        background-color: $table-background-color;

-        [theme=dark] & {
+        [theme='dark'] & {
          background-color: $table-background-color-dark;
        }
      }
@@ -182,28 +204,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] & {
+        [theme='dark'] & {
          background: $table-background-color-dark;
        }

        thead {
          background: $table-thead-color;

-          [theme=dark] & {
+          [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%);
+
+            [theme='dark'] & {
+              background-color: lighten($table-background-color-dark, 2.75%);
+            }
+          }
+          
+          & tr:hover {
+            background: darken($table-background-color, 4.5%);
+
+            [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] & {
+          [theme='dark'] & {
            border-color: darken($table-thead-color-dark, 2%);
          }
        }
@@ -216,16 +257,16 @@
    }

    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;
      }

@@ -243,37 +284,38 @@

    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;
      }
+
+      [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] & {
+      [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 '../_partial/_single/code';
+    @import '../_shortcodes/index';

    hr {
      margin: 1rem 0;
@@ -281,24 +323,24 @@
      border-top: 1px dashed $global-border-color;
      border-bottom: none;

-      [theme=dark] & {
+      [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] & {
+      [theme='dark'] & {
        background-color: $global-background-color-dark;
        border: 1px solid $global-border-color-dark;
        border-bottom-color: $global-border-color-dark;
@@ -309,8 +351,8 @@

    .typeit {
      .code {
-        padding: .375rem;
-        font-size: .875rem;
+        padding: 0.375rem;
+        font-size: 0.875rem;
        font-family: $code-font-family;
        font-weight: bold;
        word-break: break-all;
@@ -323,8 +365,8 @@
    }
  }

-  @import "../_partial/_single/footer";
-  @import "../_partial/_single/comment";
+  @import '../_partial/_single/footer';
+  @import '../_partial/_single/comment';
 }

 .lg-toolbar .lg-icon::after {
@@ -1,5 +1,6 @@
 .special {
-  .single-title, .single-subtitle {
+  .single-title,
+  .single-subtitle {
    text-align: right;
  }
 }
@@ -19,7 +19,7 @@
    sup {
      color: $global-font-secondary-color;

-      [theme=dark] & {
+      [theme='dark'] & {
        color: $global-font-secondary-color-dark;
      }
    }
@@ -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] & {
+  [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] & {
+  [theme='dark'] & {
    color: $global-font-secondary-color-dark;
  }
 }
@@ -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] & {
+    [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;
    }
  }
@@ -6,15 +6,19 @@ footer {
  padding: 1rem 0;

  .footer-container {
-    font-size: .875rem;
+    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 +29,6 @@ footer {
      .run-times {
        font-variant-numeric: tabular-nums lining-nums;
      }
-
    }
  }

@@ -33,19 +36,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);
  }
-}
+}
@@ -4,12 +4,12 @@ header {
  background-color: $header-background-color;
  @include transition(box-shadow 0.3s ease);

-  [theme=dark] & {
+  [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,52 @@ header {
  .logo {
    min-height: 1.5em;
    height: 1.5em;
-    vertical-align: text-bottom;
+    vertical-align: middle;
  }
-  
+
  .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;
+
+      [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;
+
+        [theme='dark'] & {
+          color: $menu-active-color-dark;
+        }
+      }
+    }
  }
 }

@@ -72,17 +90,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 +109,12 @@ header {
  }

  .search-toggle {
-    left: .5rem;
+    left: 0.5rem;
    right: auto;
+
+    #header-desktop.open & {
+      left: 1rem;
+    }
  }

  .search-loading {
@@ -107,14 +125,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] & {
+    [theme='dark'] & {
      input {
        color: $global-font-color-dark;
        background-color: $search-background-color-dark;
@@ -128,7 +147,7 @@ header {
    .search-button {
      color: $global-font-secondary-color;

-      [theme=dark] & {
+      [theme='dark'] & {
        color: $global-font-secondary-color-dark;
      }
    }
@@ -149,63 +168,98 @@ header {

 #header-desktop {
  display: block;
-  position: fixed;
+  position: sticky;
+  top: 0;
  height: $header-height;
  line-height: $header-height;
+  box-sizing: border-box;

-  [header-desktop=normal] & {
+  [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%;
+
+    &[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;
+        }
      }

      .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;
+          [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;
+        [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 +268,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] & {
+  [header-mobile='normal'] & {
    position: static;
  }

@@ -249,42 +304,41 @@ header {
          @include border-radius(3px);
          @include transition(all 0.3s ease-in-out);

-          [theme=dark] & {
+          [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 +352,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%);
+
+          [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%);
+
+          [theme='dark'] & {
+            background-color: darken($global-font-secondary-color-dark, 20%);
+          }
+        }
      }

      &.active {
        display: block;
      }

-      [theme=dark] & {
+      [theme='dark'] & {
        background: $header-background-color-dark;
        border-top-color: $global-border-color-dark;
      }
@@ -352,7 +471,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 +487,7 @@ header {
    right: 0 !important;
    background-color: $global-background-color;

-    [theme=dark] & {
+    [theme='dark'] & {
      background-color: $global-background-color-dark;
    }

@@ -377,7 +496,7 @@ header {
      max-height: calc(100vh - #{$header-height});

      .suggestion {
-        padding: .75rem 1rem;
+        padding: 0.75rem 1rem;

        .suggestion-title {
          display: inline-block;
@@ -390,12 +509,12 @@ header {
        }

        .suggestion-date {
-          font-size: .875rem;
+          font-size: 0.875rem;
          float: right;
          text-align: right;
          color: $global-font-secondary-color;

-          [theme=dark] & {
+          [theme='dark'] & {
            color: $global-font-secondary-color-dark;
          }
        }
@@ -409,7 +528,7 @@ header {
          @include overflow-wrap(break-word);
          color: $global-font-secondary-color;

-          [theme=dark] & {
+          [theme='dark'] & {
            color: $global-font-secondary-color-dark;
          }
        }
@@ -418,7 +537,7 @@ header {
          font-style: normal;
          background-color: $selection-color;

-          [theme=dark] & {
+          [theme='dark'] & {
            background-color: $selection-color-dark;
          }
        }
@@ -426,7 +545,7 @@ header {
        &.cursor {
          background: darken($code-background-color, 5%);

-          [theme=dark] & {
+          [theme='dark'] & {
            background: lighten($code-background-color-dark, 5%);
          }
        }
@@ -444,19 +563,19 @@ header {
      .search-query {
        font-weight: bold;

-        [theme=dark] & {
+        [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] {
+      [theme='dark'] {
        color: $global-font-secondary-color-dark;
      }

@@ -12,6 +12,15 @@ svg.icon {
 img.emoji {
  height: 1em;
  width: 1em;
-  margin: 0 .05em 0 .1em;
-  vertical-align: -.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;
 }
@@ -11,6 +11,6 @@

  .blur & {
    z-index: 100;
-    background-color: rgba(0, 0, 0, .25);
+    background-color: rgba(0, 0, 0, 0.25);
  }
 }
@@ -8,13 +8,17 @@
  padding: 1rem 0 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);
+
+    [theme='dark'] & {
+      color: $pagination-link-color-dark;
+    }
  }

  li {
@@ -32,14 +36,14 @@
      color: $pagination-link-hover-color;
    }

-    [theme=dark] &:hover a {
+    [theme='dark'] &:hover a {
      color: $pagination-link-hover-color-dark;
    }

    &:before,
    &:after {
      position: absolute;
-      content: "";
+      content: '';
      width: 0;
      height: 3px;
      background: $pagination-link-hover-color;
@@ -47,8 +51,8 @@
      bottom: 0px;
    }

-    [theme=dark] &:before,
-    [theme=dark] &:after {
+    [theme='dark'] &:before,
+    [theme='dark'] &:after {
      background: $pagination-link-hover-color-dark;
    }

@@ -66,7 +70,6 @@
    }

    &:hover {
-
      &:before,
      &:after {
        width: 50%;
@@ -78,7 +81,7 @@
        color: $pagination-link-hover-color;
      }

-      [theme=dark] & a {
+      [theme='dark'] & a {
        color: $pagination-link-hover-color-dark;
      }

@@ -1,26 +1,48 @@
+// inline code
 code {
-  display:inline-block;
+  display: inline-block;
  max-width: 100%;
-  padding: 0 .4rem;
-  @include overflow-wrap(break-word);
-  @include line-break(anywhere);
+  padding: 0 0.25rem;
  font-size: $code-font-size;
  font-family: $code-font-family;
  color: $code-color;
+  background-color: rgba(175, 184, 193, 0.2);
+  @include border-radius($global-border-radius);
+  @include overflow-wrap(break-word);
+  @include line-break(anywhere);

-  [theme=dark] & {
+  [theme='dark'] & {
    color: $code-color-dark;
+    background-color: rgba(99, 110, 123, 0.4);
  }
 }

+// indented code
 pre {
  margin: 0;
-  padding: .25rem 0 .25rem .5rem;
+  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;
+
+  [theme='dark'] & {
+    background-color: $code-background-color-dark;
+  }
+
  code {
    padding: 0;
+    background-color: transparent;
+    @include border-radius(0);
+    @include max-content(min-width);
+
+    [theme='dark'] & {
+      background-color: transparent;
+    }
  }

  img {
@@ -30,17 +52,10 @@ pre {
  }
 }

-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;
+.highlight,
+.gist {
  font-size: $code-font-size;
+  font-family: $code-font-family;

  .table-wrapper {
    > table,
@@ -55,9 +70,9 @@ code, pre, .highlight table, .highlight tr, .highlight td {
  }
 }

+// block fenced code
 .highlight {
-  line-height: 1.4em;
-  margin: .5rem 0;
+  margin: 0.5rem 0;

  > .chroma {
    position: relative;
@@ -70,12 +85,15 @@ code, pre, .highlight table, .highlight tr, .highlight td {
      width: 100%;
      font-family: $global-font-family;
      font-weight: bold;
+      line-height: 1.4em;
      color: $code-info-color;
-      background: darken($code-background-color, 8%);
+      background-color: darken($code-background-color, 3%);
+      @include border-radius($global-border-radius);
+      @include transition(border-radius 0.2s ease);

-      [theme=dark] & {
+      [theme='dark'] & {
        color: $code-info-color-dark;
-        background: darken($code-background-color-dark, 6%);
+        background-color: darken($code-background-color-dark, 6%);
      }

      &:hover {
@@ -84,14 +102,38 @@ code, pre, .highlight table, .highlight tr, .highlight td {

      .code-title {
        width: 100%;
-        padding: .4rem;
+        padding: 0.4rem;
+
+        .arrow {
+          padding: 0 0.2rem;
+          @include transition(transform 0.2s ease);
+        }
      }

      .code-title::after {
-        padding-left: .2rem;
+        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;
+
+          [theme='dark'] & {
+            color: $global-link-hover-color-dark;
+          }
+        }
+      }
+
      @each $type, $text in $code-type-map {
        &.#{$type} .code-title::after {
          content: $text;
@@ -99,80 +141,78 @@ code, pre, .highlight table, .highlight tr, .highlight td {
      }
    }

-    .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;
-        }
-      }
-    }
-
+    // delayed loading table-wrapper
    .table-wrapper {
      max-height: 0;
-      overflow-y: hidden;
+      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;
+
+      [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: darken($code-background-color, 3%);
+        background-color: darken($code-background-color, 6%);
+        @include border-radius($global-border-radius $global-border-radius 0 0);

-        [theme=dark] & {
-          background: darken($code-background-color-dark, 3%);
+        [theme='dark'] & {
+          background-color: darken($code-background-color-dark, 3%);
        }
      }

      .table-wrapper {
-        max-height: $MAX_LENGTH;
+        max-height: 100%;
        @include details-transition-close;
      }

@@ -184,203 +224,127 @@ code, pre, .highlight table, .highlight tr, .highlight td {
        display: none;
      }

+      .edit,
      .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 }
+  /* 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;

-  @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; }
+    [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;
+
+    [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;
+
+    [theme='dark'] & {
+      background-color: #78191b;
+    }
+  }
+  /* GenericInserted */
+  .gi {
+    background-color: #dafbe1;
+
+    [theme='dark'] & {
+      background-color: #1b4721;
+    }
+  }
+
+  @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;
+      }
+    }
+  }
+  // ========== Higtlight Color ========== //
 }

+// gist shortcode
 .gist {
-  .gist-file, .gist-data, .gist-meta {
+  .gist-file,
+  .gist-data,
+  .gist-meta {
    border: none;
  }

+  .gist-data {
+    background-color: transparent;
+  }
+
  .gist-meta {
-    padding: .4rem .8rem;
+    padding: 0.4rem 0.8rem;
+    @include link(false, false);
    background-color: darken($code-background-color, 5%);

-    @include link(false, false);
-
-    [theme=dark] & {
+    [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,
+  .table-wrapper {
    .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;
+    &::-webkit-scrollbar {
+      background-color: #f6f8fa;
+
+      [theme='dark'] & {
+        background-color: #2d333b;
+      }
    }
  }
+
+  [theme='dark'] & {
+    @import './github-dark-dimmed';
+  }
 }
@@ -5,7 +5,7 @@
    border-bottom: 1px solid $global-border-color;
    padding: 1rem 0 0.3rem;

-    [theme=dark] & {
+    [theme='dark'] & {
      border-bottom: 1px solid $global-border-color-dark;
    }

@@ -17,7 +17,7 @@
        font-size: 0.8em;
        color: $global-font-secondary-color;

-        [theme=dark] & {
+        [theme='dark'] & {
          color: $global-font-secondary-color-dark;
        }

@@ -28,7 +28,7 @@
        font-size: 0.8em;
        color: $global-font-secondary-color;

-        [theme=dark] & {
+        [theme='dark'] & {
          color: $global-font-secondary-color-dark;
        }

@@ -37,9 +37,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 {
@@ -0,0 +1,169 @@
+/**
+ * Theme: GitHub Dark Dimmed
+ * Description: Dark Dimmed theme as seen on github.com
+ * Author: github.com
+ * Maintainer: https://github.com/Lruihao/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);
+  }
+}
@@ -1,4 +0,0 @@
-.mapbox {
-  margin: .5rem 0;
-  padding: .5rem 0;
-}
@@ -1,3 +0,0 @@
-meting-js {
-  margin: .5rem 0;
-}
@@ -10,16 +10,16 @@

    ul {
      text-indent: -0.85rem;
-      padding-left: .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] & {
+        [theme='dark'] & {
          color: $single-link-color-dark;
        }
      }
@@ -37,7 +37,7 @@
      color: $global-font-secondary-color;
    }

-    [theme=dark] & {
+    [theme='dark'] & {
      background: $code-background-color-dark;

      rt {
@@ -49,29 +49,29 @@

 #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: .8rem 0;
+    margin: 0.5rem 0;
+
+    &::before {
+      content: '|';
+      font-weight: bolder;
+      margin-right: 0.5rem;
+      color: $global-border-color;
+
+      [theme='dark'] & {
+        color: $global-border-color-dark;
+      }
+    }
  }

  .toc-content {
@@ -80,7 +80,7 @@
    }

    > nav > ul {
-      margin: .625rem 0;
+      margin: 0.625rem 0;
    }

    ul {
@@ -97,14 +97,14 @@
      font-weight: bold;
      color: $single-link-color;

-      [theme=dark] & {
+      [theme='dark'] & {
        color: $single-link-color-dark;
      }

      &::before {
        color: $single-link-hover-color;

-        [theme=dark] & {
+        [theme='dark'] & {
          color: $single-link-hover-color-dark;
        }
      }
@@ -114,9 +114,9 @@

 #toc-static {
  display: none;
-  margin: .8rem 0;
+  margin: 0.8rem 0;

-  &[kept=true] {
+  &[kept='true'] {
    display: block;
  }

@@ -124,10 +124,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] & {
+    [theme='dark'] & {
      background: darken($code-background-color-dark, 6%);
    }
  }
@@ -137,19 +137,19 @@

    > nav > ul {
      margin: 0;
-      padding: .4rem 1rem .4rem 1.8rem;
+      padding: 0.4rem 1rem 0.4rem 1.8rem;
    }

-    [theme=dark] & {
+    [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] & {
+      [theme='dark'] & {
        background: darken($code-background-color-dark, 3%);
      }
    }
@@ -2,14 +2,16 @@
  .cc-btn {
    color: $global-font-color;

-    &:hover, &:focus {
+    &:hover,
+    &:focus {
      background-color: #ccc;
    }

-    [theme=dark] & {
+    [theme='dark'] & {
      color: $global-font-color;

-      &:hover, &:focus {
+      &:hover,
+      &:focus {
        background-color: #fff;
      }
    }
@@ -9,7 +9,7 @@
  right: 1.5rem;
  font-size: 1rem;
  line-height: 1.3rem;
-  padding: .6rem .6rem;
+  padding: 0.6rem 0.6rem;
  color: $global-font-secondary-color;
  background: $header-background-color;
  @include border-radius(2rem);
@@ -17,20 +17,24 @@

  @include blur;

-  &:hover, &:active {
+  &:hover,
+  &:active {
    color: $global-font-color;
    cursor: pointer;
  }

-  &:active, &:focus, &:hover {
+  &:active,
+  &:focus,
+  &:hover {
    outline: none;
  }

-  [theme=dark] & {
+  [theme='dark'] & {
    color: $global-font-secondary-color-dark;
    background: $header-background-color-dark;

-    &:hover, &:active {
+    &:hover,
+    &:active {
      color: $global-font-color-dark;
    }
  }
@@ -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;
+
+    [theme='dark'] & {
+      color: $github-corner-color-dark;
+      fill: $github-corner-fill-dark;
+    }
+  }
+  &.left {
+    left: 0;
+
+    svg {
+      transform: scale(-1, 1);
+    }
+  }
+  &.right {
+    right: 0;
+  }
+}
@@ -0,0 +1,3 @@
+@import '_cookieconsent';
+@import '_fixed-button';
+@import '_github-corner';
@@ -1,17 +1,19 @@
 .admonition {
  position: relative;
  margin: 1rem 0;
-  padding: 0 .75rem;
+  padding: 0 0.75rem;
  background-color: map-get($admonition-background-color-map, 'note');
-  border-left: .25rem solid map-get($admonition-color-map, 'note');
+  border-left: 0.25rem solid map-get($admonition-color-map, 'note');
  overflow: auto;
+  @include border-radius($global-border-radius);

  .admonition-title {
    font-weight: bold;
    margin: 0 -0.75rem;
-    padding: .25rem 1.8rem;
+    padding: 0.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);
+    @include border-radius(0);
  }

  &.open .admonition-title {
@@ -19,21 +21,21 @@
  }

  .admonition-content {
-    padding: .5rem 0;
+    padding: 0.5rem 0;
  }

  i.icon {
    font-size: 0.85rem;
    color: map-get($admonition-color-map, 'note');
    position: absolute;
-    top: .6rem;
-    left: .4rem;
+    top: 0.6rem;
+    left: 0.4rem;
  }

  i.details-icon {
    position: absolute;
-    top: .6rem;
-    right: .3rem;
+    top: 0.6rem;
+    right: 0.3rem;
  }

  @each $type, $color in $admonition-color-map {
@@ -62,6 +64,6 @@
  }

  &:last-child {
-    margin-bottom: .75rem;
+    margin-bottom: 0.75rem;
  }
 }
@@ -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: 400px;
+  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: url('/images/fixit.svg');
+    background-repeat: no-repeat;
+    filter: blur(0.15rem);
+    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;
+  }
+
+  [theme='dark'] & {
+    &content {
+      background-color: rgba(61, 62, 65, 0.88);
+    }
+
+    &title {
+      color: $global-font-color-dark;
+    }
+
+    &meta {
+      color: $global-font-secondary-color-dark;
+    }
+  }
+}
@@ -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;
+
+    [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;
+
+    [theme='dark'] & {
+      border-bottom-color: $global-border-color-dark;
+    }
+  }
+}
@@ -1,4 +1,4 @@
 .echarts {
-  margin: .5rem 0;
+  margin: 0.5rem 0;
  text-align: center;
 }
@@ -0,0 +1,7 @@
+@import '_admonition';
+@import '_bilibili';
+@import '_cardlink';
+@import '_center-quote';
+@import '_echarts';
+@import '_instagram';
+@import '_mapbox';
@@ -1,5 +1,5 @@
 iframe.instagram-media {
-  [theme=dark] & {
+  [theme='dark'] & {
    border: none !important;
  }
 }
@@ -0,0 +1,5 @@
+.mapbox {
+  margin: 0.5rem 0;
+  padding: 0.5rem 0;
+  @include border-radius($global-border-radius);
+}
@@ -9,27 +9,27 @@ $global-font-size: 16px;
 $global-font-weight: 400;
 $global-line-height: 1.5rem;

-// 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 +42,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,9 +63,9 @@ $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;
@@ -78,12 +78,12 @@ $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 +94,14 @@ $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;
 // ========== 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,18 +110,24 @@ $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;
@@ -176,159 +182,165 @@ $code-type-map: (
  language-typescript: 'TypeScript',
  language-vue: 'Vue',
  language-yml: 'YAML',
-  language-yaml: '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,
+  /* 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: (
-  /* 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,
+  /* 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;
 // ========== Code ========== //

@@ -346,7 +358,7 @@ $admonition-color-map: (
  'danger': #ff1744,
  'bug': #f50057,
  'example': #651fff,
-  'quote': #9e9e9e,
+  'quote': #9e9e9e
 ) !default;

 // Color map of the admonition background
@@ -362,8 +374,16 @@ $admonition-background-color-map: (
  '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),
+  'quote': rgba(159, 159, 159, 0.1)
 ) !default;
 // ========== Admonition ========== //

-$MAX_LENGTH: 12000px;
+// ========== GitHub Corners ========== //
+// Color of the GitHub Corners
+$github-corner-color: white !default;
+$github-corner-color-dark: black !default;
+
+// Color of the GitHub Corners background
+$github-corner-fill: $header-background-color-dark !default;
+$github-corner-fill-dark: $header-background-color !default;
+// ========== GitHub Corners ========== //
@@ -16,4 +16,5 @@

@import "_core/media";

+@import "_common";
@import "_custom";
@@ -3,38 +3,42 @@ prefix:
  # simple-icons@6.3.0 https://github.com/simple-icons/simple-icons
  simpleIcons: https://cdn.jsdelivr.net/npm/simple-icons@6.3.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.13.0 https://github.com/algolia/algoliasearch-client-javascript
+  algoliasearchJS: algoliasearch@4.13.0/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.1.4 https://github.com/ArtalkJS/Artalk
+  artalkCSS: artalk@2.2.12/dist/Artalk.min.css
+  artalkJS: artalk@2.2.12/dist/Artalk.min.js
  # autocomplete.js@0.38.1 https://github.com/algolia/autocomplete.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
+  echartsJS: echarts@5.3.2/dist/echarts.min.js
+  echartsMacaronsJS: echarts@5.3.2/theme/macarons.min.js
+  # TODO update
  # fontawesome-free@5.14.0 https://github.com/FortAwesome/Font-Awesome
  fontawesomeFreeCSS: '@fortawesome/fontawesome-free@5.14.0/css/all.min.css'
  # 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
+  katexAutoRenderJS: katex@0.15.3/dist/contrib/auto-render.min.js
+  katexCopyTexCSS: katex@0.15.3/dist/contrib/copy-tex.min.css
+  katexCopyTexJS: katex@0.15.3/dist/contrib/copy-tex.min.js
+  katexCSS: katex@0.15.3/dist/katex.min.css
+  katexJS: katex@0.15.3/dist/katex.min.js
+  katexMhchemJS: katex@0.15.3/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
+  # 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
@@ -43,11 +47,12 @@ libFiles:
  lightgalleryZoomJS: lg-zoom.js@1.3.0/dist/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.8.2 https://docs.mapbox.com/mapbox-gl-js
+  mapboxGLCSS: mapbox-gl@2.8.2/dist/mapbox-gl.min.css
+  mapboxGLJS: mapbox-gl@2.8.2/dist/mapbox-gl.min.js
+  # TODO update
+  # mermaid@8.13.3 https://github.com/knsv/mermaid
+  mermaidJS: mermaid@8.13.3/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
@@ -57,10 +62,13 @@ libFiles:
  # pangu.js@4.0.7 https://github.com/vinta/pangu.js
  panguJS: pangu@4.0.7/dist/browser/pangu.min.js
  # 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
+  twemojiJS: twemoji@14.0.2/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
+  valineJS: valine@1.4.18/dist/Valine.min.js
+  # waline@1.5.2 https://github.com/walinejs/waline
+  # TODO update
+  walineJS: "@waline/client@1.5.2/dist/Waline.min.js"
@@ -493,17 +493,88 @@ bilibili:
  Icon:
    Src: svg/icons/bilibili.svg

-# 063: Email
-email:
+# 063: ORCID
+orcid:
  Weight: 63
+  Prefix: https://orcid.org/
+  Title: ORCID
+  Icon:
+    Class: fab 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: QQGroup
+qqgroup:
+  Weight: 69
+  Template: https://qm.qq.com/cgi-bin/qm/qr?k=%v&jump_from=webapi
+  Title: QQGroup
+  Icon:
+    Class: fas 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: Email
+email:
+  Weight: 72
  Template: mailto:%v
  Title: Email
  Icon:
    Class: far fa-envelope fa-fw

-# 064: RSS
+# 073: RSS
 rss:
-  Weight: 64
+  Weight: 73
  Url: /index.xml
  Title: RSS
  Newtab: true
@@ -9,7 +9,7 @@ const CustomJS = new (function () {
   * @returns {CustomJS}
   */
  this.hello = () => {
-    console.log('Hello CustomJS!');
+    // console.log('Hello CustomJS!');
    return this;
  }
  /**
@@ -30,6 +30,6 @@ const CustomJS = new (function () {
  CustomJS.init();
  // It will be executed when the DOM tree is built.
  document.addEventListener('DOMContentLoaded', () => {
-    console.log('DOM content loaded!')
+    // console.log('DOM content loaded!')
  });
 })();
@@ -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!")});
@@ -1,27 +1,28 @@
-algoliasearch@4.11.0 https://github.com/algolia/algoliasearch-client-javascript
+algoliasearch@4.13.0 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
+artalk@2.2.12 https://github.com/ArtalkJS/Artalk
 autocomplete.js@0.38.1 https://github.com/algolia/autocomplete.js
-clipboard.js@2.0.8 https://github.com/zenorocha/clipboard.js
+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
+echarts@5.3.2 https://github.com/apache/echarts
 fontawesome-free@5.14.0 https://github.com/FortAwesome/Font-Awesome
 gitalk@1.7.2 https://github.com/gitalk/gitalk
-katex@0.15.1 https://github.com/KaTeX/KaTeX
+katex@0.15.3 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
 lunr.js@2.3.9 https://github.com/olivernn/lunr.js
-mapbox-gl@2.3.1 https://github.com/mapbox/mapbox-gl-js
+mapbox-gl@2.8.2 https://github.com/mapbox/mapbox-gl-js
 mermaid@8.13.3 https://github.com/knsv/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
 pangu.js@4.0.7 https://github.com/vinta/pangu.js
-sharer.js@0.4.2 https://github.com/ellisonleao/sharer.js
+sharer.js@0.5.1 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
+twemoji@14.0.2 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
+valine@1.4.18 https://github.com/xCss/Valine
+waline@1.5.2 https://github.com/walinejs/waline
@@ -0,0 +1 @@
+(function(e,t){"function"==typeof define&&define.amd?define([],t()):"object"==typeof module&&module.exports?module.exports=t():e.Watermark=t()})(this,function(){function e(t={}){var n=e.prototype;this.options=t,s(this),d(this,this.options),h(this),p(this),n.upload=function(e){if(e){o.disconnect(),i.disconnect(),this.options.content=e;for(const t of this._container.querySelectorAll(".cell-watermark"))t.innerHTML=e;o.observe(this._container.parentNode,{childList:!0,subtree:!0}),i.observe(this._container,{attributes:!0,childList:!0,characterData:!0,subtree:!0})}},n.render=function(e={}){l(this,Object.assign(this.options,e))},n.destroy=function(){i.disconnect(),o.disconnect(),window.removeEventListener("resize",r),this._container.parentNode.removeChild(this._container)}}var t,n,i,o,r,c=window.outerWidth,a=window.outerHeight,s=function(e){e._container=document.createElement("div"),e._container.classList.add("cell-watermark-container"),e._container.style.cssText="display: block; pointer-events: none;",e._container.setAttribute("aria-hidden",!0),t=document.querySelector(e.options.appendTo)||document.body,t.appendChild(e._container)},d=function(e,t){t.rowSpacing=t.rowSpacing||60,t.colSpacing=t.colSpacing||30,t.width=t.width||150,t.height=t.height||20;let i=parseInt(a/(t.height+t.rowSpacing)),o=parseInt(c/(t.width+t.colSpacing)),r=(c-t.width*o-t.colSpacing*(o-1))/2,s=(a-t.height*i-t.rowSpacing*(i-1))/2,d=document.createElement("div");d.classList.add("cell-watermark"),d.style.cssText="transform: rotate(15deg); opacity: 0.1; font-size: 0.85rem; text-align: center;position: fixed; user-select: none; word-break: break-all; overflow: hidden; z-index: 999999;";for(let n=0;n<i;n++){let i=s+(t.rowSpacing+t.height)*n,c=o;n%2!=0&&c++;for(let n=0;n<c;n++){let a=r+(t.colSpacing+t.width)*n;c!==o&&(a-=(t.colSpacing+t.width)/2);let s=d.cloneNode();s.style.cssText+=`left: ${a}px; top: ${i}px; width: ${t.width}px; height: ${t.height}px`,s.style.transform=`rotate(${t.rotate}deg)`,s.style.opacity=t.opacity,s.style.fontSize=`${t.fontSize}rem`,s.style.fontFamily=t.fontFamily,s.innerHTML=t.content,e._container.appendChild(s)}}n=e._container},l=function(e,t){i.disconnect(),e._container.innerHTML="",d(e,t),i.observe(e._container,{attributes:!0,childList:!0,characterData:!0,subtree:!0})},h=function(e){i=new MutationObserver(function(t,n){l(e,e.options)}),i.observe(e._container,{attributes:!0,childList:!0,characterData:!0,subtree:!0}),o=new MutationObserver(function(e){for(let i of e)"childList"===i.type&&i.removedNodes.length>0&&0===document.querySelectorAll(".cell-watermark-container").length&&t.appendChild(n)}),o.observe(e._container.parentNode,{childList:!0,subtree:!0})},p=function(e){r=function(){window.outerHeight===a&&window.outerWidth===c||(a=window.outerHeight,c=window.outerWidth,l(e,e.options))},window.addEventListener("resize",r)};return e});
@@ -1,240 +0,0 @@
-/*
-* Licensed to the Apache Software Foundation (ASF) under one
-* or more contributor license agreements.  See the NOTICE file
-* distributed with this work for additional information
-* regarding copyright ownership.  The ASF licenses this file
-* to you under the Apache License, Version 2.0 (the
-* "License"); you may not use this file except in compliance
-* with the License.  You may obtain a copy of the License at
-*
-*   http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing,
-* software distributed under the License is distributed on an
-* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-* KIND, either express or implied.  See the License for the
-* specific language governing permissions and limitations
-* under the License.
-*/
-
-(function(root, factory) {
-    if (typeof define === 'function' && define.amd) {
-        // AMD. Register as an anonymous module.
-        define(['exports', 'echarts'], factory);
-    } else if (
-        typeof exports === 'object' &&
-        typeof exports.nodeName !== 'string'
-    ) {
-        // CommonJS
-        factory(exports, require('echarts/lib/echarts'));
-    } else {
-        // Browser globals
-        factory({}, root.echarts);
-    }
-})(this, function(exports, echarts) {
-    var log = function(msg) {
-        if (typeof console !== 'undefined') {
-            console && console.error && console.error(msg);
-        }
-    };
-    if (!echarts) {
-        log('ECharts is not Loaded');
-        return;
-    }
-
-    var colorPalette = [
-        '#2ec7c9',
-        '#b6a2de',
-        '#5ab1ef',
-        '#ffb980',
-        '#d87a80',
-        '#8d98b3',
-        '#e5cf0d',
-        '#97b552',
-        '#95706d',
-        '#dc69aa',
-        '#07a2a4',
-        '#9a7fd1',
-        '#588dd5',
-        '#f5994e',
-        '#c05050',
-        '#59678c',
-        '#c9ab00',
-        '#7eb00a',
-        '#6f5553',
-        '#c14089'
-    ];
-
-    var theme = {
-        color: colorPalette,
-
-        title: {
-            textStyle: {
-                fontWeight: 'normal',
-                color: '#008acd'
-            }
-        },
-
-        visualMap: {
-            itemWidth: 15,
-            color: ['#5ab1ef', '#e0ffff']
-        },
-
-        toolbox: {
-            iconStyle: {
-                normal: {
-                    borderColor: colorPalette[0]
-                }
-            }
-        },
-
-        tooltip: {
-            backgroundColor: 'rgba(50,50,50,0.5)',
-            axisPointer: {
-                type: 'line',
-                lineStyle: {
-                    color: '#008acd'
-                },
-                crossStyle: {
-                    color: '#008acd'
-                },
-                shadowStyle: {
-                    color: 'rgba(200,200,200,0.2)'
-                }
-            }
-        },
-
-        dataZoom: {
-            dataBackgroundColor: '#efefff',
-            fillerColor: 'rgba(182,162,222,0.2)',
-            handleColor: '#008acd'
-        },
-
-        grid: {
-            borderColor: '#eee'
-        },
-
-        categoryAxis: {
-            axisLine: {
-                lineStyle: {
-                    color: '#008acd'
-                }
-            },
-            splitLine: {
-                lineStyle: {
-                    color: ['#eee']
-                }
-            }
-        },
-
-        valueAxis: {
-            axisLine: {
-                lineStyle: {
-                    color: '#008acd'
-                }
-            },
-            splitArea: {
-                show: true,
-                areaStyle: {
-                    color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)']
-                }
-            },
-            splitLine: {
-                lineStyle: {
-                    color: ['#eee']
-                }
-            }
-        },
-
-        timeline: {
-            lineStyle: {
-                color: '#008acd'
-            },
-            controlStyle: {
-                color: '#008acd',
-                borderColor: '#008acd'
-            },
-            symbol: 'emptyCircle',
-            symbolSize: 3
-        },
-
-        line: {
-            smooth: true,
-            symbol: 'emptyCircle',
-            symbolSize: 3
-        },
-
-        candlestick: {
-            itemStyle: {
-                color: '#d87a80',
-                color0: '#2ec7c9'
-            },
-            lineStyle: {
-                width: 1,
-                color: '#d87a80',
-                color0: '#2ec7c9'
-            },
-            areaStyle: {
-                color: '#2ec7c9',
-                color0: '#b6a2de'
-            }
-        },
-
-        scatter: {
-            symbol: 'circle',
-            symbolSize: 4
-        },
-
-        map: {
-            itemStyle: {
-                color: '#ddd'
-            },
-            areaStyle: {
-                color: '#fe994e'
-            },
-            label: {
-                color: '#d87a80'
-            }
-        },
-
-        graph: {
-            itemStyle: {
-                color: '#d87a80'
-            },
-            linkStyle: {
-                color: '#2ec7c9'
-            }
-        },
-
-        gauge: {
-            axisLine: {
-                lineStyle: {
-                    color: [
-                        [0.2, '#2ec7c9'],
-                        [0.8, '#5ab1ef'],
-                        [1, '#d87a80']
-                    ],
-                    width: 10
-                }
-            },
-            axisTick: {
-                splitNumber: 10,
-                length: 15,
-                lineStyle: {
-                    color: 'auto'
-                }
-            },
-            splitLine: {
-                length: 22,
-                lineStyle: {
-                    color: 'auto'
-                }
-            },
-            pointer: {
-                width: 5
-            }
-        }
-    };
-
-    echarts.registerTheme('macarons', theme);
-});
@@ -0,0 +1,8 @@
+/**
+ * Minified by jsDelivr using Terser v5.10.0.
+ * Original file: /npm/echarts@5.3.2/theme/macarons.js
+ *
+ * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
+ */
+!function(e,o){"function"==typeof define&&define.amd?define(["exports","echarts"],o):"object"==typeof exports&&"string"!=typeof exports.nodeName?o(exports,require("echarts/lib/echarts")):o({},e.echarts)}(this,(function(e,o){var l;if(!o)return l="ECharts is not Loaded",void("undefined"!=typeof console&&console&&console.error&&console.error(l));var r=["#2ec7c9","#b6a2de","#5ab1ef","#ffb980","#d87a80","#8d98b3","#e5cf0d","#97b552","#95706d","#dc69aa","#07a2a4","#9a7fd1","#588dd5","#f5994e","#c05050","#59678c","#c9ab00","#7eb00a","#6f5553","#c14089"],t={color:r,title:{textStyle:{fontWeight:"normal",color:"#008acd"}},visualMap:{itemWidth:15,color:["#5ab1ef","#e0ffff"]},toolbox:{iconStyle:{normal:{borderColor:r[0]}}},tooltip:{backgroundColor:"rgba(50,50,50,0.5)",axisPointer:{type:"line",lineStyle:{color:"#008acd"},crossStyle:{color:"#008acd"},shadowStyle:{color:"rgba(200,200,200,0.2)"}}},dataZoom:{dataBackgroundColor:"#efefff",fillerColor:"rgba(182,162,222,0.2)",handleColor:"#008acd"},grid:{borderColor:"#eee"},categoryAxis:{axisLine:{lineStyle:{color:"#008acd"}},splitLine:{lineStyle:{color:["#eee"]}}},valueAxis:{axisLine:{lineStyle:{color:"#008acd"}},splitArea:{show:!0,areaStyle:{color:["rgba(250,250,250,0.1)","rgba(200,200,200,0.1)"]}},splitLine:{lineStyle:{color:["#eee"]}}},timeline:{lineStyle:{color:"#008acd"},controlStyle:{color:"#008acd",borderColor:"#008acd"},symbol:"emptyCircle",symbolSize:3},line:{smooth:!0,symbol:"emptyCircle",symbolSize:3},candlestick:{itemStyle:{color:"#d87a80",color0:"#2ec7c9"},lineStyle:{width:1,color:"#d87a80",color0:"#2ec7c9"},areaStyle:{color:"#2ec7c9",color0:"#b6a2de"}},scatter:{symbol:"circle",symbolSize:4},map:{itemStyle:{color:"#ddd"},areaStyle:{color:"#fe994e"},label:{color:"#d87a80"}},graph:{itemStyle:{color:"#d87a80"},linkStyle:{color:"#2ec7c9"}},gauge:{axisLine:{lineStyle:{color:[[.2,"#2ec7c9"],[.8,"#5ab1ef"],[1,"#d87a80"]],width:10}},axisTick:{splitNumber:10,length:15,lineStyle:{color:"auto"}},splitLine:{length:22,lineStyle:{color:"auto"}},pointer:{width:5}}};o.registerTheme("macarons",t)}));
+//# sourceMappingURL=/sm/aab77075497467da0c338b3cfd12882e055a23bac9e90d20c0fc6df304a8e6f7.map
@@ -1247,5 +1247,3 @@
            transform: rotate(360deg);
  }
 }
-
-/*# sourceMappingURL=gitalk.css.map*/
@@ -1 +1 @@
-.katex,.katex-display{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}
+.katex,.katex-display{-webkit-user-select:all;-moz-user-select:all;user-select:all}
@@ -6,4 +6,3 @@
 */
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
-/*# sourceMappingURL=/sm/5d8a97cdb40a6c49031b52d63494a6eca084416b5b035e5698fdc5fa0969b2c3.map */
@@ -1 +0,0 @@
-var Watermark=function(){function t(e={}){var n=t.prototype;this.options=e,s(this),d(this,this.options),h(this),p(this),n.upload=function(t){if(t){o.disconnect(),i.disconnect(),this.options.content=t;for(const e of this._container.querySelectorAll(".cell-watermark"))e.innerHTML=t;o.observe(this._container.parentNode,{childList:!0,subtree:!0}),i.observe(this._container,{attributes:!0,childList:!0,characterData:!0,subtree:!0})}},n.render=function(t={}){l(this,Object.assign(this.options,t))},n.destroy=function(){i.disconnect(),o.disconnect(),window.removeEventListener("resize",r),this._container.parentNode.removeChild(this._container)}}var e,n,i,o,r,c=window.outerWidth,a=window.outerHeight,s=function(t){t._container=document.createElement("div"),t._container.classList.add("cell-watermark-container"),t._container.style.cssText="display: block; pointer-events: none;",t._container.setAttribute("aria-hidden",!0),e=document.querySelector(t.options.appendTo)||document.body,e.appendChild(t._container)},d=function(t,e){e.rowSpacing=e.rowSpacing||60,e.colSpacing=e.colSpacing||30,e.width=e.width||150,e.height=e.height||20;let i=parseInt(a/(e.height+e.rowSpacing)),o=parseInt(c/(e.width+e.colSpacing)),r=(c-e.width*o-e.colSpacing*(o-1))/2,s=(a-e.height*i-e.rowSpacing*(i-1))/2,d=document.createElement("div");d.classList.add("cell-watermark"),d.style.cssText="transform: rotate(15deg); opacity: 0.1; font-size: 0.85rem; text-align: center;position: fixed; user-select: none; word-break: break-all; overflow: hidden; z-index: 999999;";for(let n=0;n<i;n++){let i=s+(e.rowSpacing+e.height)*n,c=o;n%2!=0&&c++;for(let n=0;n<c;n++){let a=r+(e.colSpacing+e.width)*n;c!==o&&(a-=(e.colSpacing+e.width)/2);let s=d.cloneNode();s.style.cssText+=`left: ${a}px; top: ${i}px; width: ${e.width}px; height: ${e.height}px`,s.style.transform=`rotate(${e.rotate}deg)`,s.style.opacity=e.opacity,s.style.fontSize=`${e.fontSize}rem`,s.innerHTML=e.content,t._container.appendChild(s)}}n=t._container},l=function(t,e){i.disconnect(),t._container.innerHTML="",d(t,e),i.observe(t._container,{attributes:!0,childList:!0,characterData:!0,subtree:!0})},h=function(t){i=new MutationObserver(function(e,n){l(t,t.options)}),i.observe(t._container,{attributes:!0,childList:!0,characterData:!0,subtree:!0}),o=new MutationObserver(function(t){for(let i of t)"childList"===i.type&&i.removedNodes.length>0&&0===document.querySelectorAll(".cell-watermark-container").length&&e.appendChild(n)}),o.observe(t._container.parentNode,{childList:!0,subtree:!0})},p=function(t){r=function(){window.outerHeight===a&&window.outerWidth===c||(a=window.outerHeight,c=window.outerWidth,l(t,t.options))},window.addEventListener("resize",r)};return t}();
@@ -0,0 +1 @@
+<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512 0c282.784 0 512 229.216 512 512s-229.216 512-512 512S0 794.784 0 512 229.216 0 512 0z m189.952 752l11.2-108.224c-31.904 9.536-100.928 16.128-147.712 16.128-134.464 0-205.728-47.296-195.328-146.304 11.584-110.688 113.152-145.696 232.64-145.696 54.784 0 122.432 8.8 151.296 18.336L768 272.704C724.544 262.24 678.272 256 599.584 256c-203.2 0-388.704 94.88-406.4 263.488C178.336 660.96 303.584 768 535.616 768c80.672 0 138.464-6.432 166.336-16z"></path></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>
@@ -0,0 +1,303 @@
+# Contributors-Readme
+
+## Collaborators
+
+<!-- readme: collaborators -start -->
+<table>
+<tr>
+    <td align="center">
+        <a href="https://github.com/Lruihao">
+            <img src="https://avatars.githubusercontent.com/u/33419593?v=4" width="100;" alt="Lruihao"/>
+            <br />
+            <sub><b>Cell</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/pandaoh">
+            <img src="https://avatars.githubusercontent.com/u/38677740?v=4" width="100;" alt="pandaoh"/>
+            <br />
+            <sub><b>DoubleAm</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/hiifong">
+            <img src="https://avatars.githubusercontent.com/u/89133723?v=4" width="100;" alt="hiifong"/>
+            <br />
+            <sub><b>Hiifong</b></sub>
+        </a>
+    </td></tr>
+</table>
+<!-- readme: collaborators -end -->
+
+## [Contributors](https://github.com/Lruihao/FixIt/graphs/contributors)
+
+<!-- readme: contributors,d-baer -start -->
+<table>
+<tr>
+    <td align="center">
+        <a href="https://github.com/dillonzq">
+            <img src="https://avatars.githubusercontent.com/u/30786232?v=4" width="100;" alt="dillonzq"/>
+            <br />
+            <sub><b>Dillon</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/Lruihao">
+            <img src="https://avatars.githubusercontent.com/u/33419593?v=4" width="100;" alt="Lruihao"/>
+            <br />
+            <sub><b>Cell</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/Fastbyte01">
+            <img src="https://avatars.githubusercontent.com/u/16869546?v=4" width="100;" alt="Fastbyte01"/>
+            <br />
+            <sub><b>Giuseppe Pignataro</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/Programazing">
+            <img src="https://avatars.githubusercontent.com/u/11393826?v=4" width="100;" alt="Programazing"/>
+            <br />
+            <sub><b>Christopher C. Johnson</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/astropenguin">
+            <img src="https://avatars.githubusercontent.com/u/13254278?v=4" width="100;" alt="astropenguin"/>
+            <br />
+            <sub><b>Akio Taniguchi</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/DaveA-W">
+            <img src="https://avatars.githubusercontent.com/u/6415842?v=4" width="100;" alt="DaveA-W"/>
+            <br />
+            <sub><b>Dave A-W</b></sub>
+        </a>
+    </td></tr>
+<tr>
+    <td align="center">
+        <a href="https://github.com/maxlefou">
+            <img src="https://avatars.githubusercontent.com/u/6705075?v=4" width="100;" alt="maxlefou"/>
+            <br />
+            <sub><b>JM Fergeau</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/realsangil">
+            <img src="https://avatars.githubusercontent.com/u/15508203?v=4" width="100;" alt="realsangil"/>
+            <br />
+            <sub><b>Sangil Park</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/Fedomn">
+            <img src="https://avatars.githubusercontent.com/u/6177727?v=4" width="100;" alt="Fedomn"/>
+            <br />
+            <sub><b>Frank Ma</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/ctj12461">
+            <img src="https://avatars.githubusercontent.com/u/42143810?v=4" width="100;" alt="ctj12461"/>
+            <br />
+            <sub><b>Justin Chen</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/edte">
+            <img src="https://avatars.githubusercontent.com/u/50194671?v=4" width="100;" alt="edte"/>
+            <br />
+            <sub><b>Edte</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/solarpowerinncr">
+            <img src="https://avatars.githubusercontent.com/u/37186560?v=4" width="100;" alt="solarpowerinncr"/>
+            <br />
+            <sub><b>Solarpowerinncr</b></sub>
+        </a>
+    </td></tr>
+<tr>
+    <td align="center">
+        <a href="https://github.com/youngxhui">
+            <img src="https://avatars.githubusercontent.com/u/16971804?v=4" width="100;" alt="youngxhui"/>
+            <br />
+            <sub><b>Youngxhui</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/dogukanerel">
+            <img src="https://avatars.githubusercontent.com/u/19349444?v=4" width="100;" alt="dogukanerel"/>
+            <br />
+            <sub><b>Doğukan Erel</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/devandreacarratta">
+            <img src="https://avatars.githubusercontent.com/u/46504271?v=4" width="100;" alt="devandreacarratta"/>
+            <br />
+            <sub><b>Andrea Carratta</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/cmpsoares91">
+            <img src="https://avatars.githubusercontent.com/u/4914211?v=4" width="100;" alt="cmpsoares91"/>
+            <br />
+            <sub><b>Carlos Manuel Soares</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/AutomationD">
+            <img src="https://avatars.githubusercontent.com/u/1790594?v=4" width="100;" alt="AutomationD"/>
+            <br />
+            <sub><b>Dmitry Kireev</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/thejayhaykid">
+            <img src="https://avatars.githubusercontent.com/u/9452325?v=4" width="100;" alt="thejayhaykid"/>
+            <br />
+            <sub><b>Jake Hayes</b></sub>
+        </a>
+    </td></tr>
+<tr>
+    <td align="center">
+        <a href="https://github.com/markdluethje">
+            <img src="https://avatars.githubusercontent.com/u/31922494?v=4" width="100;" alt="markdluethje"/>
+            <br />
+            <sub><b>Mark-Daniel Lüthje</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/nirgn975">
+            <img src="https://avatars.githubusercontent.com/u/3472902?v=4" width="100;" alt="nirgn975"/>
+            <br />
+            <sub><b>Nir Galon</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/ramrodo">
+            <img src="https://avatars.githubusercontent.com/u/2797052?v=4" width="100;" alt="ramrodo"/>
+            <br />
+            <sub><b>Rodolfo Martínez Vega</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/SilkeHenderickx">
+            <img src="https://avatars.githubusercontent.com/u/28140438?v=4" width="100;" alt="SilkeHenderickx"/>
+            <br />
+            <sub><b>Silke Henderickx</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/tlereste">
+            <img src="https://avatars.githubusercontent.com/u/12964583?v=4" width="100;" alt="tlereste"/>
+            <br />
+            <sub><b>Thibault Le Reste</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/vanildosouto">
+            <img src="https://avatars.githubusercontent.com/u/1603028?v=4" width="100;" alt="vanildosouto"/>
+            <br />
+            <sub><b>Vanildo Souto Mangueira</b></sub>
+        </a>
+    </td></tr>
+<tr>
+    <td align="center">
+        <a href="https://github.com/victor-pogor">
+            <img src="https://avatars.githubusercontent.com/u/24962085?v=4" width="100;" alt="victor-pogor"/>
+            <br />
+            <sub><b>Victor Pogor</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/wtchangdm">
+            <img src="https://avatars.githubusercontent.com/u/1546333?v=4" width="100;" alt="wtchangdm"/>
+            <br />
+            <sub><b>W.T. Chang</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/anup92k">
+            <img src="https://avatars.githubusercontent.com/u/51033013?v=4" width="100;" alt="anup92k"/>
+            <br />
+            <sub><b>Anup</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/codedge">
+            <img src="https://avatars.githubusercontent.com/u/4409904?v=4" width="100;" alt="codedge"/>
+            <br />
+            <sub><b>Holger Lösken</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/hiifong">
+            <img src="https://avatars.githubusercontent.com/u/89133723?v=4" width="100;" alt="hiifong"/>
+            <br />
+            <sub><b>Hiifong</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/onisuly">
+            <img src="https://avatars.githubusercontent.com/u/8399827?v=4" width="100;" alt="onisuly"/>
+            <br />
+            <sub><b>Onisuly</b></sub>
+        </a>
+    </td></tr>
+<tr>
+    <td align="center">
+        <a href="https://github.com/quyleanh">
+            <img src="https://avatars.githubusercontent.com/u/9365035?v=4" width="100;" alt="quyleanh"/>
+            <br />
+            <sub><b>Quy Le Anh</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/sarathsp06">
+            <img src="https://avatars.githubusercontent.com/u/964542?v=4" width="100;" alt="sarathsp06"/>
+            <br />
+            <sub><b>Sarath Sadasivan Pillai</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/tomaja-linuxo">
+            <img src="https://avatars.githubusercontent.com/u/37209662?v=4" width="100;" alt="tomaja-linuxo"/>
+            <br />
+            <sub><b>Tomaja</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/ziobron">
+            <img src="https://avatars.githubusercontent.com/u/4595135?v=4" width="100;" alt="ziobron"/>
+            <br />
+            <sub><b>Łukasz Ziobroń</b></sub>
+        </a>
+    </td>
+    <td align="center">
+        <a href="https://github.com/d-baer">
+            <img src="https://avatars.githubusercontent.com/u/22482986?v=4" width="100;" alt="d-baer"/>
+            <br />
+            <sub><b>D-baer</b></sub>
+        </a>
+    </td></tr>
+</table>
+<!-- readme: contributors,d-baer -end -->
+
+## Bots
+
+<!-- readme: bots -start -->
+<table>
+<tr>
+    <td align="center">
+        <a href="https://github.com/dependabot[bot]">
+            <img src="https://avatars.githubusercontent.com/in/29110?v=4" width="100;" alt="dependabot[bot]"/>
+            <br />
+            <sub><b>dependabot[bot]</b></sub>
+        </a>
+    </td></tr>
+</table>
+<!-- readme: bots -end -->
@@ -0,0 +1,36 @@
+/**
+ * @author @Lruihao https://lruihao.cn
+ * @description Custom javascript for the hugo theme FixIt.
+ */
+const CustomJS = new (function () {
+  /**
+   * Rest in Peace. R.I.P 🕯️
+   * @2022-3-28 [3.21-mu5735] 沉痛哀悼 132 名遇难同胞：东航航班失事，遇难者含旅客 123 人，机组 9 人
+   * @returns {CustomJS}
+   */
+  this.RIP = () => {
+    if (new Date() < new Date('2022-03-31')) {
+      document.querySelector('html').style.filter = 'grayscale(100%)';
+    }
+    return this;
+  };
+  /**
+   * Initialize.
+   * @returns {CustomJS}
+   */
+  this.init = () => {
+    this.RIP();
+    return this;
+  };
+})();
+
+/**
+ * Immediate.
+ */
+(() => {
+  // CustomJS.init();
+  // It will be executed when the DOM tree is built.
+  document.addEventListener('DOMContentLoaded', () => {
+    // console.log('DOM content loaded!')
+  });
+})();
@@ -1,4 +1,4 @@
-baseURL = "https://example.com"
+baseURL = "https://fixit.lruihao.cn"
 # [en, zh-cn, fr, pl, ...] determines default content language
 # [en, zh-cn, fr, pl, ...] 设置默认的语言
 defaultContentLanguage = "en"
@@ -13,6 +13,10 @@ themesDir = "../.."
 # 网站标题
 title = "FixIt"

+# Ignore errors
+# 忽略错误
+ignoreErrors = ["error-remote-getjson"]
+
 # whether to use robots.txt
 # 是否使用 robots.txt
 enableRobotsTXT = true
@@ -46,55 +50,67 @@ enableEmoji = true
    [languages.en.menu]
      [[languages.en.menu.main]]
        identifier = "posts"
+        # Identifier of the parent menu item since v0.2.14
+        parent = ""
        # you can add extra information before the name (HTML format is supported), such as icons
-        pre = ""
+        pre = "<i class='fas fa-archive fa-fw fa-sm'></i>"
        # you can add extra information after the name (HTML format is supported), such as icons
        post = ""
        name = "Posts"
        url = "/posts/"
-        # title will be shown when you hover on this menu link.
+        # title will be shown when you hover on this menu link
        title = ""
        weight = 1
-      [[languages.en.menu.main]]
-        identifier = "tags"
-        pre = ""
-        post = ""
-        name = "Tags"
-        url = "/tags/"
-        title = ""
-        weight = 2
      [[languages.en.menu.main]]
        identifier = "categories"
-        pre = ""
+        pre = "<i class='fas fa-th fa-fw fa-sm'></i>"
        post = ""
        name = "Categories"
        url = "/categories/"
        title = ""
+        weight = 2
+      [[languages.en.menu.main]]
+        identifier = "tags"
+        pre = "<i class='fas fa-tags fa-fw fa-sm'></i>"
+        post = ""
+        name = "Tags"
+        url = "/tags/"
+        title = ""
        weight = 3
      [[languages.en.menu.main]]
        identifier = "documentation"
-        pre = ""
+        pre = "<i class='fas fa-book fa-fw fa-sm'></i>"
        post = ""
        name = "Docs"
        url = "/categories/documentation/"
-        title = ""
+        title = "Theme Documentation"
        weight = 4
+      [[languages.en.menu.main]]
+        identifier = "tests"
+        pre = "<i class='fas fa-flask fa-fw fa-sm'></i>"
+        post = ""
+        name = "Tests"
+        url = "/tests/"
+        title = "Test for FixIt"
+        weight = 5
+        [languages.en.menu.main.params]
+          draft = true
      [[languages.en.menu.main]]
        identifier = "friends"
-        pre = ""
+        pre = "<i class='fas fa-users fa-fw fa-sm'></i>"
        post = ""
        name = "Friends"
        url = "/friends/"
        title = ""
-        weight = 5
+        weight = 6
      [[languages.en.menu.main]]
        identifier = "about"
-        pre = ""
+        pre = "<i class='fas fa-info-circle fa-fw fa-sm'></i>"
        post = ""
        name = "About"
        url = "/about/"
        title = ""
-        weight = 6
+        weight = 7
      [[languages.en.menu.main]]
        identifier = "github"
        pre = "<i class='fab fa-github fa-fw'></i>"
@@ -102,7 +118,9 @@ enableEmoji = true
        name = ""
        url = "https://github.com/Lruihao/FixIt"
        title = "GitHub"
-        weight = 7
+        weight = 8
+        [languages.en.menu.main.params]
+          class = "d-none-desktop text-center"
    [languages.en.params]
      # site description
      description = "About FixIt Theme"
@@ -234,8 +252,18 @@ enableEmoji = true
        XMPP = ""
        Matrix = ""
        Bilibili = ""
+        # ORCID, ... , CSDN since v0.2.13
+        ORCID = ""
+        Liberapay = ""
+        Ko-Fi = ""
+        BuyMeaCoffee = ""
+        Linktree = ""
+        QQ = ""
+        QQGroup = ""
+        Diaspora = ""
+        CSDN = ""
        Email = "xxxx@xxxx.com"
-        RSS = true
+        RSS = true # since v0.2.0
        [languages.en.params.social.Mastodon]
          id = "@xxxx"
          prefix = "https://mastodon.technology/"
@@ -258,53 +286,65 @@ enableEmoji = true
    [languages.zh-cn.menu]
      [[languages.zh-cn.menu.main]]
        identifier = "posts"
+        # 父级菜单项的标识符 (identifier) since v0.2.14
+        parent = ""
        # 你可以在名称 (允许 HTML 格式) 之前添加其他信息, 例如图标
-        pre = ""
+        pre = "<i class='fas fa-archive fa-fw fa-sm'></i>"
        # 你可以在名称 (允许 HTML 格式) 之后添加其他信息, 例如图标
        post = ""
        name = "所有文章"
        url = "/posts/"
        title = ""
        weight = 1
-      [[languages.zh-cn.menu.main]]
-        identifier = "tags"
-        pre = ""
-        post = ""
-        name = "标签"
-        url = "/tags/"
-        title = ""
-        weight = 2
      [[languages.zh-cn.menu.main]]
        identifier = "categories"
-        pre = ""
+        pre = "<i class='fas fa-th fa-fw fa-sm'></i>"
        post = ""
        name = "分类"
        url = "/categories/"
        title = ""
+        weight = 2
+      [[languages.zh-cn.menu.main]]
+        identifier = "tags"
+        pre = "<i class='fas fa-tags fa-fw fa-sm'></i>"
+        post = ""
+        name = "标签"
+        url = "/tags/"
+        title = ""
        weight = 3
      [[languages.zh-cn.menu.main]]
        identifier = "documentation"
-        pre = ""
+        pre = "<i class='fas fa-book fa-fw fa-sm'></i>"
        name = "文档"
        url = "/categories/documentation/"
-        title = ""
+        title = "主题文档"
        weight = 4
+      [[languages.zh-cn.menu.main]]
+        identifier = "tests"
+        pre = "<i class='fas fa-flask fa-fw fa-sm'></i>"
+        post = ""
+        name = "测试"
+        url = "/tests/"
+        title = "FixIt 测试"
+        weight = 5
+        [languages.zh-cn.menu.main.params]
+          draft = true
      [[languages.zh-cn.menu.main]]
        identifier = "friends"
-        pre = ""
+        pre = "<i class='fas fa-users fa-fw fa-sm'></i>"
        post = ""
        name = "友链"
        url = "/friends/"
        title = "友情链接"
-        weight = 5
+        weight = 6
      [[languages.zh-cn.menu.main]]
        identifier = "about"
-        pre = ""
+        pre = "<i class='fas fa-info-circle fa-fw fa-sm'></i>"
        post = ""
        name = "关于"
        url = "/about/"
        title = ""
-        weight = 6
+        weight = 7
      [[languages.zh-cn.menu.main]]
        identifier = "github"
        pre = "<i class='fab fa-github fa-fw'></i>"
@@ -312,7 +352,9 @@ enableEmoji = true
        name = ""
        url = "https://github.com/Lruihao/FixIt"
        title = "GitHub"
-        weight = 7
+        weight = 8
+        [languages.zh-cn.menu.main.params]
+          class = "d-none-desktop text-center"
    [languages.zh-cn.params]
      # 网站描述
      description = "关于 FixIt 主题"
@@ -445,8 +487,18 @@ enableEmoji = true
        XMPP = ""
        Matrix = ""
        Bilibili = "xxxx"
+        # ORCID, ... , CSDN since v0.2.13
+        ORCID = ""
+        Liberapay = ""
+        Ko-Fi = ""
+        BuyMeaCoffee = ""
+        Linktree = ""
+        QQ = ""
+        QQGroup = "814031017"
+        Diaspora = ""
+        CSDN = ""
        Email = "xxxx@xxxx.com"
-        RSS = true
+        RSS = true # since v0.2.0
      # 盘古之白配置 since v0.2.12
      [languages.zh-cn.params.pangu]
        # 适用于中文写作用户
@@ -456,11 +508,22 @@ enableEmoji = true
      [languages.zh-cn.params.watermark]
        enable = true
        # 水印内容 (允许 HTML 格式)
-        content = '<i class="fa-stack fa-xs logo-icon"><i class="fas fa-ban fa-stack-2x"></i><i class="fas fa-bug fa-stack-1x"></i></i> FixIt 主题'
+        content = '<img class="fixit-icon" src="/images/fixit.svg" alt="FixIt logo" /> FixIt 主题'
        # 水印透明度
-        opacity = 0.02
+        opacity = 0.0125
        # 单水印高度 单位：px
-        height = 23
+        height = 21
+      # 在顶部右侧显示 GitHub 开源链接 since v0.2.14
+      [languages.zh-cn.params.githubCorner]
+        enable = true
+        permalink = "https://github.com/Lruihao/FixIt"
+        title = "在 GitHub 上查看源代码"
+        position = "right" # left, right
+      # Gravatar 设置 since v0.2.14
+      [languages.zh-cn.params.gravatar]
+        # Gravatar 主机，默认：“www.gravatar.com”
+        host = "gravatar.loli.net"
+        style = "mp" # "", mp, identicon, monsterid, wavatar, retro, blank, robohash

 [params]
  # FixIt theme version
@@ -484,28 +547,36 @@ enableEmoji = true
  # enable PWA since v0.2.12
  # 开启 PWA 支持 since v0.2.12
  enablePWA = true
+  # whether to add external Icon for external links automatically since v0.2.14
+  # 是否自动显示外链图标 since v0.2.14
+  externalIcon = true
+  # FixIt will, by default, inject a theme meta tag in the HTML head on the home page only. since v0.2.14
+  # You can turn it off, but we would really appreciate if you don’t, as this is a good way to watch FixIt's popularity on the rise.
+  # 默认情况下，FixIt 只会在主页的 HTML 头中注入主题元标记。since v0.2.14
+  # 您可以将其关闭，但如果您不这样做，我们将不胜感激，因为这是观察 FixIt 受欢迎程度上升的好方法。
+  disableThemeInject = false

  # Header config
  # 页面头部导航栏配置
  [params.header]
-    # desktop header mode ("fixed", "normal", "auto")
-    # 桌面端导航栏模式 ("fixed", "normal", "auto")
-    desktopMode = "fixed"
-    # mobile header mode ("fixed", "normal", "auto")
-    # 移动端导航栏模式 ("fixed", "normal", "auto")
+    # desktop header mode ("sticky", "normal", "auto")
+    # 桌面端导航栏模式 ("sticky", "normal", "auto")
+    desktopMode = "sticky"
+    # mobile header mode ("sticky", "normal", "auto")
+    # 移动端导航栏模式 ("sticky", "normal", "auto")
    mobileMode = "auto"
    # Header title config
    # 页面头部导航栏标题配置
    [params.header.title]
      # URL of the LOGO
      # LOGO 的 URL
-      logo = ""
+      logo = "/images/fixit.svg"
      # title name
      # 标题名称
      name = "FixIt"
      # you can add extra information before the name (HTML format is supported), such as icons
      # 你可以在名称 (允许 HTML 格式) 之前添加其他信息, 例如图标
-      pre = '<i class="fa-stack fa-xs logo-icon"><i class="fas fa-ban fa-stack-2x"></i><i class="fas fa-bug fa-stack-1x"></i></i>'
+      pre = ""
      # you can add extra information after the name (HTML format is supported), such as icons
      # 你可以在名称 (允许 HTML 格式) 之后添加其他信息, 例如图标
      post = ""
@@ -538,9 +609,15 @@ enableEmoji = true
    # whether to show the author
    # 是否显示作者
    author = true
-    # site creation time
+    # site creation year
    # 网站创立年份
-    since = 2019
+    since = 2021
+    # Site creation time since v0.2.14
+    # 网站创立时间 since v0.2.14
+    siteTime = '2021-12-18T16:15:22+08:00'
+    # whether to show total word count of site content since v0.2.14
+    # 是否显示网站内容总字数 since v0.2.14
+    wordCount = true
    # Public network security only in China (HTML format is supported) since v0.2.12
    # 公网安备信息，仅在中国使用 (支持 HTML 格式) since v0.2.12
    gov = ""
@@ -563,6 +640,13 @@ enableEmoji = true
    # amount of RSS pages
    # RSS 文章数目
    rss = 10
+    # recently updated posts settings since v0.2.13
+    # 最近更新文章设置 since v0.2.13
+    [params.section.recentlyUpdated]
+      enable = true
+      rss = true
+      days = 30
+      maxCount = 10

  # List (category or tag) page config
  # List (目录或标签) 页面配置
@@ -610,6 +694,12 @@ enableEmoji = true
    # whether to show the full text content in RSS
    # 是否在 RSS 中显示全文内容
    rssFullText = false
+    # Page style ("narrow", "normal", "wide", ...) since v0.2.13
+    # 页面样式 ("narrow", "normal", "wide", ...) since v0.2.13
+    pageStyle = "normal"
+    # Gravatar is force-used as the author's avatar since v0.2.14
+    # 强制使用 Gravatar 作为作者头像 since v0.2.14
+    gravatarForce = true
    # Table of the contents config
    # 目录配置
    [params.page.toc]
@@ -622,15 +712,40 @@ enableEmoji = true
      # whether to make the table of the contents in the sidebar automatically collapsed
      # 是否使侧边目录自动折叠展开
      auto = true
+      # position of TOC ("left", "right") since v0.2.13
+      # 目录位置 ("left", "right") since v0.2.13
+      position = "right"
+    # Display a message at the beginning of an article to warn the reader that its content might be expired. since v0.2.13
+    # 在文章开头显示提示信息，提醒读者文章内容可能过时。 since v0.2.13
+    [params.page.expirationReminder]
+      enable = true
+      # Display the reminder if the last modified time is more than 90 days ago
+      # 如果文章最后更新于这天数之前，显示提醒
+      reminder = 90
+      # Display warning if the last modified time is more than 180 days ago
+      # 如果文章最后更新于这天数之前，显示警告
+      warning = 180
+      # If the article expires, close the comment or not
+      # 如果文章到期是否关闭评论
+      closeComment = false
    # Code config
    # 代码配置
    [params.page.code]
      # whether to show the copy button of the code block
      # 是否显示代码块的复制按钮
      copy = true
+      # whether to show the edit button of the code block since v0.2.13
+      # 是否显示代码块的编辑按钮 since v0.2.13
+      edit = true
      # the maximum number of lines of displayed code by default
      # 默认展开显示的代码行数
      maxShownLines = 10
+    # Post edit since v0.2.14
+    # 文章编辑 since v0.2.14
+    [params.page.edit]
+      enable = true
+      # url = "https://github.com/user-name/repo-name/edit/branch-name/subdirectory-name" # Link for fork & edit
+      url = "https://github.com/Lruihao/FixIt/edit/master/exampleSite/content" # Link for fork & edit
    # KaTeX mathematical formulas config (KaTeX https://katex.org/)
    # KaTeX 数学公式配置 (KaTeX https://katex.org/)
    [params.page.math]
@@ -707,7 +822,22 @@ enableEmoji = true
    # Comment config
    # 评论系统设置
    [params.page.comment]
-      enable = false
+      enable = true
+      # Artalk comment config (https://artalk.js.org/) since v0.2.13
+      # Artalk 评论系统设置 (https://artalk.js.org/) since v0.2.13
+      [params.page.comment.artalk]
+        enable = false
+        server = "https://yourdomain/api/"
+        site = "默认站点"
+        placeholder = ""
+        noComment = ""
+        sendBtn = ""
+        editorTravel = true
+        flatMode = 'auto'
+        maxNesting = 3
+        # It take effect when `params.page.lightgallery` is enabled
+        # 当 `params.page.lightgallery` 启用时生效
+        lightgallery = false
      # Disqus comment config (https://disqus.com/)
      # Disqus 评论系统设置 (https://disqus.com/)
      [params.page.comment.disqus]
@@ -750,6 +880,23 @@ enableEmoji = true
        # 可以在你的项目下相同路径存放你自己的数据文件:
        # "assets/data/emoji/"
        emoji = ""
+        commentCount = true # since v0.2.13
+      # Waline comment config (https://waline.js.org) since v0.2.13
+      # Waline 评论系统设置 (https://waline.js.org) since v0.2.13
+      [params.page.comment.waline]
+        enable = false
+        serverURL = ""
+        visitor = false
+        emoji = ['https://cdn.jsdelivr.net/gh/walinejs/emojis/weibo']
+        meta = ['nick', 'mail', 'link']
+        requiredMeta = []
+        login = 'enable'
+        wordLimit = 0
+        pageSize = 10
+        uploadImage = false
+        highlight = true
+        mathTagSupport = false
+        commentCount = false
      # Facebook comment config (https://developers.facebook.com/docs/plugins/comments)
      # Facebook 评论系统设置 (https://developers.facebook.com/docs/plugins/comments)
      [params.page.comment.facebook]
@@ -759,7 +906,7 @@ enableEmoji = true
        appId = ""
        languageCode = ""
      # Telegram comments config (https://comments.app/)
-      # Telegram comments 评论系统设置 (https://comments.app/)
+      # Telegram 评论系统设置 (https://comments.app/)
      [params.page.comment.telegram]
        enable = false
        siteID = ""
@@ -770,11 +917,11 @@ enableEmoji = true
        dislikes = false
        outlined = false
      # Commento comment config (https://commento.io/)
-      # Commento comment 评论系统设置 (https://commento.io/)
+      # Commento 评论系统设置 (https://commento.io/)
      [params.page.comment.commento]
        enable = false
      # Utterances comment config (https://utteranc.es/)
-      # Utterances comment 评论系统设置 (https://utteranc.es/)
+      # Utterances 评论系统设置 (https://utteranc.es/)
      [params.page.comment.utterances]
        enable = false
        # owner/repo
@@ -783,6 +930,34 @@ enableEmoji = true
        label = ""
        lightTheme = "github-light"
        darkTheme = "github-dark"
+      # Twikoo comment config (https://twikoo.js.org/) since v0.2.13
+      # Twikoo 评论系统设置 (https://twikoo.js.org/) since v0.2.13
+      [params.page.comment.twikoo]
+        enable = false
+        envId = ""
+        region = ""
+        path = ""
+        visitor = true
+        commentCount = true
+        # It take effect when `params.page.lightgallery` is enabled
+        # 当 `params.page.lightgallery` 启用时生效
+        lightgallery = false
+      # Giscus comments config (https://giscus.app/) since v0.2.14
+      # Giscus 评论系统设置 (https://giscus.app/) since v0.2.14
+      [params.page.comment.giscus]
+        enable = true
+        repo = "Lruihao/FixIt"
+        repoId = "R_kgDOGihPtQ"
+        category = "General"
+        categoryId = "DIC_kwDOGihPtc4CApHX"
+        mapping = "title"
+        term = ""
+        reactionsEnabled = "1"
+        emitMetadata = "0"
+        inputPosition = "bottom" # top, bottom
+        lightTheme = "light"
+        darkTheme = "dark_dimmed"
+        lazyLoad = true
    # Third-party library config
    # 第三方库配置
    [params.page.library]
@@ -839,19 +1014,19 @@ enableEmoji = true
    enable = true
    # watermark's text (HTML format is supported)
    # 水印内容 (允许 HTML 格式)
-    content = '<i class="fa-stack fa-xs logo-icon"><i class="fas fa-ban fa-stack-2x"></i><i class="fas fa-bug fa-stack-1x"></i></i> FixIt Theme'
+    content = '<img class="fixit-icon" src="/images/fixit.svg" alt="FixIt logo" /> FixIt Theme'
    # watermark's transparency
    # 水印透明度
-    opacity = 0.02
+    opacity = 0.0125
    # parent of watermark's container
    # 水印父节点
-    appendTo = '.wrapper>.main'
+    appendTo = '.wrapper>main'
    # watermark's width. unit: px
    # 单水印宽度 单位：px
    width = 150
    # watermark's height. unit: px
    # 单水印高度 单位：px
-    height = 23
+    height = 21
    # row spacing of watermarks. unit: px
    # 水印行间距 单位：px
    rowSpacing = 60
@@ -864,6 +1039,9 @@ enableEmoji = true
    # watermark's fontSize. unit: rem
    # 水印字体大小，单位：rem
    fontSize = 0.85
+    # watermark's fontFamily
+    # 水印字体
+    fontFamily = 'inherit'

  # Busuanzi count since v0.2.12
  # 不蒜子统计 since v0.2.12
@@ -871,19 +1049,18 @@ enableEmoji = true
    enable = true
    # Enable in post meta
    # 在文章中开启
-    enablePost = false
-    # Site creation time
-    # 网站创立时间
-    siteTime = '2019-02-03T19:30:34+08:00'
+    enablePost = true
  
-  # Site verification code for Google/Bing/Yandex/Pinterest/Baidu
-  # 网站验证代码，用于 Google/Bing/Yandex/Pinterest/Baidu
+  # Site verification code for Google/Bing/Yandex/Pinterest/Baidu/360/Sogou
+  # 网站验证代码，用于 Google/Bing/Yandex/Pinterest/Baidu/360/Sogou
  [params.verification]
    google = ""
    bing = ""
    yandex = ""
    pinterest = ""
    baidu = ""
+    so = ""
+    sogou = ""

  # Site SEO config
  # 网站 SEO 配置
@@ -915,7 +1092,7 @@ enableEmoji = true
  # Cookie consent config
  # Cookie 许可配置
  [params.cookieconsent]
-    enable = false
+    enable = true
    # text strings used for Cookie consent banner
    # 用于 Cookie 许可横幅的文本字符串
    [params.cookieconsent.content]
@@ -958,9 +1135,20 @@ enableEmoji = true
  # "assets/js/_custom.js"
  [params.customJS]
    enable = true
-    # Use "_custom.min.js" in the same path
-    # 使用同目录下的压缩文件 "_custom.min.js"
-    minify = true
+  # GitHub banner in the top-right or top-left corner since v0.2.14
+  # 在左上角或者右上角显示 GitHub 开源链接 since v0.2.14
+  [params.githubCorner]
+    enable = true
+    permalink = "https://github.com/Lruihao/FixIt"
+    title = "View source on GitHub"
+    position = "right" # left, right
+  # Gravatar config since v0.2.14
+  # Gravatar 设置 since v0.2.14
+  [params.gravatar]
+    # Gravatar host, default: "www.gravatar.com"
+    # Gravatar 主机，默认：“www.gravatar.com”
+    host = "www.gravatar.com" # "cn.gravatar.com", "gravatar.loli.net"
+    style = "mp" # "", mp, identicon, monsterid, wavatar, retro, blank, robohash

 # Markup related configuration in Hugo
 # Hugo 解析文档的配置
@@ -968,13 +1156,14 @@ enableEmoji = true
  # Syntax Highlighting (https://gohugo.io/content-management/syntax-highlighting)
  # 语法高亮设置 (https://gohugo.io/content-management/syntax-highlighting)
  [markup.highlight]
+    ######## 必要配置 necessary configurations ########
+    # https://github.com/Lruihao/FixIt/issues/43
    codeFences = true
-    guessSyntax = true
    lineNos = true
    lineNumbersInTable = true
-    # false is a necessary configuration (https://github.com/dillonzq/LoveIt/issues/158)
-    # false 是必要的设置 (https://github.com/dillonzq/LoveIt/issues/158)
-    noClasses = false
+    noClasses = false 
+    ######## 必要配置 necessary configurations ########
+    guessSyntax = true
  # Goldmark is from Hugo 0.60 the default library used for Markdown
  # Goldmark 是 Hugo 0.60 以来的默认 Markdown 解析库
  [markup.goldmark]
@@ -2,6 +2,7 @@
 title: "About FixIt"
 date: 2019-08-02T11:04:49+08:00
 draft: false
+comment: false

 lightgallery: true

@@ -18,7 +19,7 @@ math:
 [![GitHub forks](https://img.shields.io/github/forks/Lruihao/FixIt?style=social)](https://github.com/Lruihao/FixIt/fork)
 {{< /style >}}

-> [<i class="fa-stack fa-xs logo-icon"><i class="fas fa-ban fa-stack-2x"></i><i class="fas fa-bug fa-stack-1x"></i></i> FixIt](https://github.com/Lruihao/FixIt) is a **clean**, **elegant** but **advanced** blog theme for [Hugo](https://gohugo.io/) developed by [Lruihao](https://lruihao.cn).
+> [<img class="fixit-icon" src="/images/fixit.svg" alt="FixIt logo" /> FixIt](https://github.com/Lruihao/FixIt) is a **clean**, **elegant** but **advanced** blog theme for [Hugo](https://gohugo.io/) developed by [Lruihao](https://lruihao.cn).
 >
 > 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).

@@ -32,7 +33,7 @@ math:
 * :(fab fa-searchengin fa-fw): Optimized SEO performance with a correct **SEO SCHEMA** based on JSON-LD
 * :(fab fa-google fa-fw): **[Google Analytics](https://analytics.google.com/analytics)** supported
 * :(far fa-chart-bar fa-fw): **[Fathom Analytics](https://usefathom.com/)** supported
-* :(fas fa-search fa-fw): Search engine **verification** supported (Google, Bind, Yandex and Baidu)
+* :(fas fa-search fa-fw): Search engine **verification** supported (Google, Bind, Yandex, Baidu, 360 and Sogou)
 * :(fas fa-tachometer-alt fa-fw): **CDN** for third-party libraries supported
 * :(fas fa-cloud-download-alt fa-fw): Automatically converted images with **Lazy Load** by [lazysizes](https://github.com/aFarkas/lazysizes)

@@ -50,15 +51,18 @@ math:

 * :(far fa-user fa-fw): **Gravatar** supported by [Gravatar](https://gravatar.com)
 * :(fas fa-user-circle fa-fw): Local **Avatar** supported
-* :(far fa-id-card fa-fw): Up to **64** social links supported
+* :(far fa-id-card fa-fw): Up to **73** social links supported
 * :(fas fa-share-square fa-fw): Up to **28** share sites supported
 * :(far fa-comment fa-fw): **Disqus** comment system supported by [Disqus](https://disqus.com)
 * :(far fa-comment-dots fa-fw): **Gitalk** comment system supported by [Gitalk](https://github.com/gitalk/gitalk)
 * :(far fa-comment-alt fa-fw): **Valine** comment system supported by [Valine](https://valine.js.org/)
+* :(far fa-comment-alt fa-fw): **Waline** comment system supported by [Waline](https://waline.js.org/)
 * :(far fa-comments fa-fw): **Facebook comments** system supported by [Facebook](https://developers.facebook.com/docs/plugins/comments/)
 * :(fas fa-comment fa-fw): **Telegram comments** system supported by [Comments](https://comments.app/)
 * :(fas fa-comment-dots fa-fw): **Commento** comment system supported by [Commento](https://commento.io/)
-* :(fas fa-comment-alt fa-fw): **Utterances** comment system supported by [Utterances](https://utteranc.es/)
+* :(far fa-comment-alt fa-fw): **Utterances** comment system supported by [Utterances](https://utteranc.es/)
+* :(far fa-comment-alt fa-fw): **Artalk** comment system supported by [Artalk](https://artalk.js.org/)
+* :(fas fa-comment-alt fa-fw): **Twikoo** comment system supported by [Twikoo](https://twikoo.js.org/)

 #### Extended Features

@@ -82,7 +86,7 @@ math:
 * :(fas fa-i-cursor fa-fw): **Animated typing** supported by [TypeIt](https://typeitjs.com/)
 * :(fas fa-cookie-bite fa-fw): **Cookie consent banner** supported by [cookieconsent](https://github.com/osano/cookieconsent)
 * :(fas fa-desktop fa-fw): **PWA (Progressive Web App)** supported
-* :(fas fa-signature fa-fw): **Web Watermark** supported by [Watermark](https://github.com/Lruihao/watermark)
+* :(fas fa-signature fa-fw): **Web Watermark** supported by [cell-watermark](https://github.com/Lruihao/watermark)
 * :(fas fa-language fa-fw): **Chinese typesetting** supported by [pangu.js](https://github.com/vinta/pangu.js)
 * :(fas fa-link fa-fw): **Card type** link shortcode
 * :(fas fa-users fa-fw): **Friends** page embedded template
@@ -107,7 +111,6 @@ Thanks to the authors of following resources included in the theme:
 * [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)
 * [Sharer.js](https://github.com/ellisonleao/sharer.js)
 * [TypeIt](https://typeitjs.com/)
 * [$ \KaTeX $](https://katex.org/)
@@ -119,5 +122,10 @@ 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)
-* [pangu.js](https://github.com/vinta/pangu.js)
+* [cell-watermark](https://github.com/Lruihao/watermark)
+* [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/)
--- a/Show More
+++ b/Show More
				`@@ -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!")});`
				`@@ -0,0 +1 @@`
				(function(e,t){"function"==typeof define&&define.amd?define([],t()):"object"==typeof module&&module.exports?module.exports=t():e.Watermark=t()})(this,function(){function e(t={}){var n=e.prototype;this.options=t,s(this),d(this,this.options),h(this),p(this),n.upload=function(e){if(e){o.disconnect(),i.disconnect(),this.options.content=e;for(const t of this._container.querySelectorAll(".cell-watermark"))t.innerHTML=e;o.observe(this._container.parentNode,{childList:!0,subtree:!0}),i.observe(this._container,{attributes:!0,childList:!0,characterData:!0,subtree:!0})}},n.render=function(e={}){l(this,Object.assign(this.options,e))},n.destroy=function(){i.disconnect(),o.disconnect(),window.removeEventListener("resize",r),this._container.parentNode.removeChild(this._container)}}var t,n,i,o,r,c=window.outerWidth,a=window.outerHeight,s=function(e){e._container=document.createElement("div"),e._container.classList.add("cell-watermark-container"),e._container.style.cssText="display: block; pointer-events: none;",e._container.setAttribute("aria-hidden",!0),t=document.querySelector(e.options.appendTo)\|\|document.body,t.appendChild(e._container)},d=function(e,t){t.rowSpacing=t.rowSpacing\|\|60,t.colSpacing=t.colSpacing\|\|30,t.width=t.width\|\|150,t.height=t.height\|\|20;let i=parseInt(a/(t.height+t.rowSpacing)),o=parseInt(c/(t.width+t.colSpacing)),r=(c-t.widtho-t.colSpacing(o-1))/2,s=(a-t.heighti-t.rowSpacing(i-1))/2,d=document.createElement("div");d.classList.add("cell-watermark"),d.style.cssText="transform: rotate(15deg); opacity: 0.1; font-size: 0.85rem; text-align: center;position: fixed; user-select: none; word-break: break-all; overflow: hidden; z-index: 999999;";for(let n=0;n<i;n++){let i=s+(t.rowSpacing+t.height)n,c=o;n%2!=0&&c++;for(let n=0;n<c;n++){let a=r+(t.colSpacing+t.width)n;c!==o&&(a-=(t.colSpacing+t.width)/2);let s=d.cloneNode();s.style.cssText+=`left: ${a}px; top: ${i}px; width: ${t.width}px; height: ${t.height}px`,s.style.transform=`rotate(${t.rotate}deg)`,s.style.opacity=t.opacity,s.style.fontSize=`${t.fontSize}rem`,s.style.fontFamily=t.fontFamily,s.innerHTML=t.content,e._container.appendChild(s)}}n=e._container},l=function(e,t){i.disconnect(),e._container.innerHTML="",d(e,t),i.observe(e._container,{attributes:!0,childList:!0,characterData:!0,subtree:!0})},h=function(e){i=new MutationObserver(function(t,n){l(e,e.options)}),i.observe(e._container,{attributes:!0,childList:!0,characterData:!0,subtree:!0}),o=new MutationObserver(function(e){for(let i of e)"childList"===i.type&&i.removedNodes.length>0&&0===document.querySelectorAll(".cell-watermark-container").length&&t.appendChild(n)}),o.observe(e._container.parentNode,{childList:!0,subtree:!0})},p=function(e){r=function(){window.outerHeight===a&&window.outerWidth===c\|\|(a=window.outerHeight,c=window.outerWidth,l(e,e.options))},window.addEventListener("resize",r)};return e});
				`@@ -1 +0,0 @@`
				var Watermark=function(){function t(e={}){var n=t.prototype;this.options=e,s(this),d(this,this.options),h(this),p(this),n.upload=function(t){if(t){o.disconnect(),i.disconnect(),this.options.content=t;for(const e of this._container.querySelectorAll(".cell-watermark"))e.innerHTML=t;o.observe(this._container.parentNode,{childList:!0,subtree:!0}),i.observe(this._container,{attributes:!0,childList:!0,characterData:!0,subtree:!0})}},n.render=function(t={}){l(this,Object.assign(this.options,t))},n.destroy=function(){i.disconnect(),o.disconnect(),window.removeEventListener("resize",r),this._container.parentNode.removeChild(this._container)}}var e,n,i,o,r,c=window.outerWidth,a=window.outerHeight,s=function(t){t._container=document.createElement("div"),t._container.classList.add("cell-watermark-container"),t._container.style.cssText="display: block; pointer-events: none;",t._container.setAttribute("aria-hidden",!0),e=document.querySelector(t.options.appendTo)\|\|document.body,e.appendChild(t._container)},d=function(t,e){e.rowSpacing=e.rowSpacing\|\|60,e.colSpacing=e.colSpacing\|\|30,e.width=e.width\|\|150,e.height=e.height\|\|20;let i=parseInt(a/(e.height+e.rowSpacing)),o=parseInt(c/(e.width+e.colSpacing)),r=(c-e.widtho-e.colSpacing(o-1))/2,s=(a-e.heighti-e.rowSpacing(i-1))/2,d=document.createElement("div");d.classList.add("cell-watermark"),d.style.cssText="transform: rotate(15deg); opacity: 0.1; font-size: 0.85rem; text-align: center;position: fixed; user-select: none; word-break: break-all; overflow: hidden; z-index: 999999;";for(let n=0;n<i;n++){let i=s+(e.rowSpacing+e.height)n,c=o;n%2!=0&&c++;for(let n=0;n<c;n++){let a=r+(e.colSpacing+e.width)n;c!==o&&(a-=(e.colSpacing+e.width)/2);let s=d.cloneNode();s.style.cssText+=`left: ${a}px; top: ${i}px; width: ${e.width}px; height: ${e.height}px`,s.style.transform=`rotate(${e.rotate}deg)`,s.style.opacity=e.opacity,s.style.fontSize=`${e.fontSize}rem`,s.innerHTML=e.content,t._container.appendChild(s)}}n=t._container},l=function(t,e){i.disconnect(),t._container.innerHTML="",d(t,e),i.observe(t._container,{attributes:!0,childList:!0,characterData:!0,subtree:!0})},h=function(t){i=new MutationObserver(function(e,n){l(t,t.options)}),i.observe(t._container,{attributes:!0,childList:!0,characterData:!0,subtree:!0}),o=new MutationObserver(function(t){for(let i of t)"childList"===i.type&&i.removedNodes.length>0&&0===document.querySelectorAll(".cell-watermark-container").length&&e.appendChild(n)}),o.observe(t._container.parentNode,{childList:!0,subtree:!0})},p=function(t){r=function(){window.outerHeight===a&&window.outerWidth===c\|\|(a=window.outerHeight,c=window.outerWidth,l(t,t.options))},window.addEventListener("resize",r)};return t}();
				`@@ -0,0 +1 @@`
				<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512 0c282.784 0 512 229.216 512 512s-229.216 512-512 512S0 794.784 0 512 229.216 0 512 0z m189.952 752l11.2-108.224c-31.904 9.536-100.928 16.128-147.712 16.128-134.464 0-205.728-47.296-195.328-146.304 11.584-110.688 113.152-145.696 232.64-145.696 54.784 0 122.432 8.8 151.296 18.336L768 272.704C724.544 262.24 678.272 256 599.584 256c-203.2 0-388.704 94.88-406.4 263.488C178.336 660.96 303.584 768 535.616 768c80.672 0 138.464-6.432 166.336-16z"></path></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>