Merge branch 'hotfix_v4.6.3' with data config change.

fixed #136  category name: .Page.Title => .Name

.gitignore

@@ -3,15 +3,29 @@
 exampleSite/*
 
 # Exclude special files in content folder
+exampleSite/content/**/
 !exampleSite/content
-exampleSite/content/*
+!exmapleSite/content/about.md
 !exampleSite/content/archives
 !exampleSite/content/post
+!exampleSite/content/post/image-viewer
+
+# Exclude special files in data folder
+!exampleSite/data
+
+# Exclude special files in layouts folder
+!exampleSite/layouts
 
 # Exclude special files in static folder
 !exampleSite/static
 
 # Exclude special files
 !exampleSite/config.yaml
-!exampleSite/start.sh
+!exampleSite/startup.sh
 
+data/*
+!data/config.yaml
+!data/resources.yaml
+
+# vscode
+.vscode/

README.md

@@ -1,7 +1,7 @@
-[中文](README.zh.md) | [English](#)
+[中文](https://github.com/hugo-next/hugo-theme-next/blob/main/README.zh.md) | [English](#)
 
 <a title="Hugo NexT Website" href="https://preview.hugo-next.eu.org">
-  <img align="right" alt="NexT logo" width="266" src="https://lisenhui.gitee.io/imgs/hugo-next/logo/hugo-next-primary.png">
+<img align="right" alt="NexT logo" width="266" src="images/hugo-next-primary.png">
 </a>
 
 ## Hugo NexT
@@ -10,41 +10,74 @@
 
 > All page designs & configuration compatibility with Hexo NexT, it's very easy migrate your site from Hexo to Hugo and enjoy yourself.
 
-[![Gitter](https://img.shields.io/gitter/room/hugo-next/hugo-them-next?logo=gitter&style=flat-square)](https://gitter.im/hugo-next/community) [![Build Hugo Version](https://img.shields.io/badge/Hugo-%3E=0.89.0-red?style=flat-square&logo=hugo&color=%23FF4088&&label=Hugo%20Extended)](https://github.com/gohugoio/hugo/releases/latest) [![GitHub deployments](https://img.shields.io/github/deployments/hugo-next/hugo-next.github.io/github-pages?style=flat-square&label=gh-pg&logo=GitHub)](https://github.com/hugo-next/hugo-theme-next) [![Repos Size](https://img.shields.io/github/repo-size/hugo-next/hugo-theme-next?style=flat-square&color=%23FFBF3B&logo=Files)](https://github.com/hugo-next/hugo-theme-next/find/main) [![GitHub](https://img.shields.io/github/license/hugo-next/hugo-theme-next?logo=webauthn&style=flat-square)](https://github.com/hugo-next/hugo-theme-next/blob/main/LICENSE)
+[![Gitter](https://img.shields.io/gitter/room/hugo-next/hugo-them-next?logo=gitter&style=flat-square&label=Gitter)](https://gitter.im/hugo-next/community) [![Build Hugo Version](https://img.shields.io/badge/Hugo-%3E=0.89.0-red?style=flat-square&logo=hugo&color=%23FF4088&&label=Hugo%20Extended)](https://github.com/gohugoio/hugo/releases/latest) [![GitHub deployments](https://img.shields.io/github/deployments/hugo-next/hugo-next.github.io/github-pages?style=flat-square&logo=GitHub&label=Github%20Pages)](https://github.com/hugo-next/hugo-theme-next)  [![Contributors](https://img.shields.io/github/contributors/hugo-next/hugo-theme-next?style=flat-square&color=%235E0D73&logo=contributorcovenant&label=Contributors)](https://github.com/hugo-next/hugo-theme-next/graphs/contributors) [![Latest Release](https://img.shields.io/github/v/release/hugo-next/hugo-theme-next?include_prereleases&style=flat-square&color=%23DD2C00&logo=semanticrelease&label=Latest%20Release)](https://github.com/hugo-next/hugo-theme-next/releases)  [![Repos Size](https://img.shields.io/github/repo-size/hugo-next/hugo-theme-next?style=flat-square&color=%23FFBF3B&logo=Files&label=Repo%20Size)](https://github.com/hugo-next/hugo-theme-next/find/main) [![GitHub](https://img.shields.io/github/license/hugo-next/hugo-theme-next?logo=webauthn&style=flat-square&label=License)](https://github.com/hugo-next/hugo-theme-next/blob/main/LICENSE)
 
-## 4 Scheme
+![Screenshot](images/screenshot.png)
+
+## 🎨 4 Scheme
 
 * :heart_decoration: Muse
 * :six_pointed_star: Mist
 * :pisces: Pisces
 * :gemini: Gemini (**default**)
 
-## Live Preview
+## 👀 Live Preview
 
-| Environment | :gemini: (**Default**) | :heart_decoration: | :six_pointed_star: | :pisces: | Status |
-| :---: | :---: | :---: | :---: | :---: | :---: |
+| Environment |           :gemini: (**Default**)           |               :heart_decoration:               |               :six_pointed_star:               |                      :pisces:                      |                                               Status                                               |
+| :---------: | :-----------------------------------------: | :--------------------------------------------: | :--------------------------------------------: | :------------------------------------------------: | :-------------------------------------------------------------------------------------------------: |
 | Preliminary | [Gemini](https://preview.hugo-next.eu.org/) | [Muse](https://preview.hugo-next.eu.org/muse/) | [Mist](https://preview.hugo-next.eu.org/mist/) | [Pisces](https://preview.hugo-next.eu.org/pisces/) | ![Vercel](https://therealsujitk-vercel-badge.vercel.app/?app=preview-hugo-next&style=for-the-badge) |
-| Production | [Gemini](https://hugo-next.eu.org/) | [Muse](https://hugo-next.eu.org/muse/) | [Mist](https://hugo-next.eu.org/mist/) | [Pisces](https://hugo-next.eu.org/pisces/) | ![Vercel](https://therealsujitk-vercel-badge.vercel.app/?app=hugo-next&style=for-the-badge) |
+| Production |     [Gemini](https://hugo-next.eu.org/)     |     [Muse](https://hugo-next.eu.org/muse/)     |     [Mist](https://hugo-next.eu.org/mist/)     |     [Pisces](https://hugo-next.eu.org/pisces/)     |     ![Vercel](https://therealsujitk-vercel-badge.vercel.app/?app=hugo-next&style=for-the-badge)     |
 
 > - Preliminary: all new feature developments will be previewed as soon as possible.
 > - Production: Only the features that are tested stably and meet the requirements will be officially released.
 
-## Quick Start
+## 👣 Quick Start
 
-Before use `Hugo NexT` theme, please make sure installed `Git` & `Hugo Extened` software in your PC, then use `submodule` to lead into the theme, see below commands:
+Before use `Hugo NexT` theme, please make sure installed `Git` & `Hugo Extened` software in your PC.
+
+### 📰 Use Template
+
+If there your first time build blog site, Recommended use template of `Github` which can easily create your site code. Click & visit this repository: [hugo-theme-next-starter](https://github.com/hugo-next/hugo-theme-next-starter), then click the green button which name call `Use this template` upper right corner on the page. Just like below image:
+
+![Use Template](images/use-hugo-next-starter.png)
+
+After do that click the green button which name call `Create repository from template`, then will create your site code automatic, and clone it on your PC environment.
+
+### 📐 Direct Reference
+
+If you had a blog site, then use `submodule` to lead into the theme, see below commands:
 
 ```shell
-$ hugo new site hugo-next-exmaple
 $ cd hugo-next-exmaple
-$ git init
 $ git submodule add https://github.com/hugo-next/hugo-theme-next.git themes/hugo-theme-next
-$ cp -r themes/hugo-theme-next/exampleSite/* .
-$ rm -rf config.toml
+$ cp themes/hugo-theme-next/exampleSite/config.yaml .
+$ mv config.toml config.toml.backup
+```
+
+Or use `Hugo module` to lead into the theme, see below commands:
+
+```shell
+$ cd hugo-next-exmaple
+$ hugo mod init hugo-next-exmaple
+$ wget -O config.yaml https://github.com/hugo-next/hugo-theme-next/raw/main/exampleSite/config.yaml
+$ sed -i 's/hugo-theme-next/github.com\/hugo-next\/hugo-theme-next\/v4/' config.yaml
+$ mv config.toml config.toml.backup
+```
+
+### 💻 Preview on Local
+
+```shell
+$ cd hugo-next-exmaple
 $ hugo server
 ```
 
 Done that input adrress http://127.0.0.1:1313/ on browser will see the effect & good luck for you! :tada::tada::tada:
 
+> **Note**
+> Don't use `hugo server` command deploy your site and enable internet visit, it just used to preview when you develop on local environment. Recommended use `hugo` command build static files all site, then deploy them into Web server such as `Nginx`.
+
+### 🔄 Upgrade Theme
+
 Execute command as below in your site directory when the theme upgrade.
 
 ```shell
@@ -52,7 +85,14 @@ $ cd hugo-next-exmaple
 $ git submodule update --remote
 ```
 
-## New Post
+Execute command as below if you are using `Hugo module`:
+
+```shell
+$ cd hugo-next-exmaple
+$ hugo mod get -u
+```
+
+## 📝 New Post
 
 There had ready a new post template for you,  It is recommended to use the following Hugo command to quickly create a new post:
 
@@ -60,8 +100,10 @@ There had ready a new post template for you,  It is recommended to use the follo
 $ hugo new posts/hello-world.md
 ```
 
-All front matter parameters's description in post as below:
+> **Note**
+> By defalut `hugo new` command will create new post under `content` root directory, so in here `posts` were you custom subfolder in `content` directory.
 
+All front matter parameters's description in post as below:
 
 ```yml
 ---
@@ -88,41 +130,74 @@ tags:
 #expand: true
 # It's means that will redirecting to external links
 #extlink:
-# Switch to enabled or disabled comment plugins in this post
+# Disabled comment plugins in this post
 #comment:
 # enable: false
-# Enable table of content
+# Disable table of content int this post
+# Notice: By default will automatic build table of content 
+# with h2-h4 title in post and without other settings
 #toc: false
 # Absolute link for visit
 #url: "{{ lower .Name }}.html"
 # Sticky post set-top in home page and the smaller nubmer will more forward.
 #weight: 1
+# Support Math Formulas render, options: mathjax, katex
+#math: mathjax
+# Enable chart render, such as: flow, sequence, classes etc
+#mermaid: true
 ---
 ```
 
-## Feedback
+## 🎉 User's Cases
+
+- [Hugo Docs & Demo](https://hugo-next.eu.org/)
+- [凡梦星尘空间站](https://lisenhui.cn/)
+- [阿哈吉](https://a.happy2008.top/)
+- [研究僧](https://yuanlucas.com/)
+- [Zero's Record](https://izeroo.cn/)
+- [More Cases](https://hugo-next.eu.org/flinks.html)
+
+Hope could submmit your site information in this file [flinks.yaml](https://github.com/hugo-next/hugo-next-docs/blob/develop/data/flinks.yaml) end line such as below code sytle when you use `Hugo NexT` theme, thanks.
+
+```yaml
+- name: NexT 主题
+  desc: 保持简单的易用性和强大的功能
+  avatar: https://hugo-next.eu.org/imgs/hugo_next_avatar.png
+  link: https://hugo-next.eu.org
+```
+
+## 🙋 Feedback
 
 - Join us [GitHub Discussions](https://github.com/hugo-next/hugo-theme-next/discussions) or [Gitter](https://gitter.im/hugo-next/community) to chat :beers:
 - [GitHub Issues](https://github.com/hugo-next/hugo-theme-next/issues/new?labels=Bug&template=bug-report.md) submit a new bug :bug:
 - [GitHub Feature](https://github.com/hugo-next/hugo-theme-next/issues/new?labels=Feature+Request&template=feature-request.md) tell me your ideas :sparkles:
 
-## Join us
+## 👨‍👩‍👧‍👦 Join us
 
 All features development progress and new request in [Hugo NexT V4 Roadmap](https://github.com/hugo-next/hugo-theme-next/issues/9), welcome to join us and compelete it together.
 
-## License
+## 📜 License
 
 [MIT License](LICENSE)
 
 Copyright (c) 2022, hugo-next teams.
 
-## Thanks
+## 💖 Thanks
 
 That's my hobby to develop `Hugo NexT` theme, thanks all people who gived the donate, and let we follow it growth up.
 
-List of Donors(Order by Date):
+List of Donors(Order desc by Date):
+
+| Donation time | Donors | Donation mode | Donation content | Message                                                                    |
+| :-----------: | ------ | ------------- | ---------------- | -------------------------------------------------------------------------- |
+|  2024.05.11  | *祥    | alipay        | RMB 66.66        | Thank you for creating such a great theme.                                 |
+|  2023.07.25  | *五    | alipay        | RMB 50.00        | I really like the 'Next' theme, thank you, let me buy you a cup of coffee. |
+|  2023.06.01  | **霖   | alipay        | RMB 10.00        | /                                                                          |
+|  2022.11.15  | f888   | xianyu        | RMB 6.20         | Good luck.                                                                 |
+|  2022.09.30  | *軒    | wechat pay    | RMB 66.66        | Hope it could help more people.                                            |
+|  2022.09.30  | N*l    | wechat pay    | RMB 20.00        | /                                                                          |
+|  2022.07.09  | *风    | wechat pay    | RMB 10.00        | /                                                                          |
+|  2022.05.08  | *泉    | wechat pay    | RMB 6.60         | Good luck with next develop.                                               |
+|  2022.02.28  | *娇    | wechat pay    | RMB 5.00         | /                                                                          |
+|  2021.12.21  | z*y    | wechat pay    | RMB 18.88        | /                                                                          |
 
-| Donation time | Donors | Donation mode | Donation content | Message |
-| ------- | ------ | ------ | ---- | ---- |
-| 2021.12.21 | z*y | wechat pay | RMB 18.88 |  / |
-| 2022.05.08 | *泉 | wechat pay | RMB 6.60 | Good luck with next develop. |

README.zh.md

@@ -1,7 +1,7 @@
-[中文](#) | [English](README.md)
+[中文](#) | [English](https://github.com/hugo-next/hugo-theme-next/blob/main/README.md)
 
 <a title="Hugo NexT 站点" href="https://preview.hugo-next.eu.org">
-  <img align="right" alt="NexT logo" width="266" src="https://lisenhui.gitee.io/imgs/hugo-next/logo/hugo-next-primary.png">
+<img align="right" alt="NexT logo" width="266" src="images/hugo-next-primary.png">
 </a>
 
 ## Hugo NexT
@@ -10,40 +10,74 @@
 
 > 本主题的所有页面设计和配置项都与原来 `Hexo` 引擎的 `NexT` 主题保持了良好的兼容性，可以非常平滑的从 `Hexo` 迁移至 `Hugo` 引擎，欢迎大家使用并反馈。
 
-[![Gitter](https://img.shields.io/gitter/room/hugo-next/hugo-them-next?logo=gitter&style=flat-square)](https://gitter.im/hugo-next/community) [![Build Hugo Version](https://img.shields.io/badge/Hugo-%3E=0.89.0-red?style=flat-square&logo=hugo&color=%23FF4088&&label=Hugo%20Extended)](https://github.com/gohugoio/hugo/releases/latest) [![GitHub deployments](https://img.shields.io/github/deployments/hugo-next/hugo-next.github.io/github-pages?style=flat-square&label=gh-pg&logo=GitHub)](https://github.com/hugo-next/hugo-theme-next) [![Repos Size](https://img.shields.io/github/repo-size/hugo-next/hugo-theme-next?style=flat-square&color=%23FFBF3B&logo=Files)](https://github.com/hugo-next/hugo-theme-next/find/main) [![GitHub](https://img.shields.io/github/license/hugo-next/hugo-theme-next?logo=webauthn&style=flat-square)](https://github.com/hugo-next/hugo-theme-next/blob/main/LICENSE)
+[![Gitter](https://img.shields.io/gitter/room/hugo-next/hugo-them-next?logo=gitter&style=flat-square&label=Gitter)](https://gitter.im/hugo-next/community) [![Build Hugo Version](https://img.shields.io/badge/Hugo-%3E=0.89.0-red?style=flat-square&logo=hugo&color=%23FF4088&&label=Hugo%20Extended)](https://github.com/gohugoio/hugo/releases/latest) [![GitHub deployments](https://img.shields.io/github/deployments/hugo-next/hugo-next.github.io/github-pages?style=flat-square&logo=GitHub&label=Github%20Pages)](https://github.com/hugo-next/hugo-theme-next)  [![Contributors](https://img.shields.io/github/contributors/hugo-next/hugo-theme-next?style=flat-square&color=%235E0D73&logo=contributorcovenant&label=Contributors)](https://github.com/hugo-next/hugo-theme-next/graphs/contributors) [![Latest Release](https://img.shields.io/github/v/release/hugo-next/hugo-theme-next?include_prereleases&style=flat-square&color=%23DD2C00&logo=semanticrelease&label=Latest%20Release)](https://github.com/hugo-next/hugo-theme-next/releases)  [![Repos Size](https://img.shields.io/github/repo-size/hugo-next/hugo-theme-next?style=flat-square&color=%23FFBF3B&logo=Files&label=Repo%20Size)](https://github.com/hugo-next/hugo-theme-next/find/main) [![GitHub](https://img.shields.io/github/license/hugo-next/hugo-theme-next?logo=webauthn&style=flat-square&label=License)](https://github.com/hugo-next/hugo-theme-next/blob/main/LICENSE)
 
-## 4 种页面模式
+![截图](images/screenshot.png)
+
+## 🎨 4 种页面模式
 
 * :heart_decoration: 冥想 (Muse)
 * :six_pointed_star: 迷雾 (Mist)
 * :pisces: 双鱼座 (Pisces)
 * :gemini: 双子座 (Gemini) (**默认**)
 
-## 在线预览
+## 👀 在线预览
 
-| 环境 | :gemini: (**Default**) | :heart_decoration: | :six_pointed_star: | :pisces: | 状态 |
-| :---: | :---: | :---: | :---: | :---: | :---: |
+|   环境   |           :gemini: (**Default**)           |               :heart_decoration:               |               :six_pointed_star:               |                      :pisces:                      |                                            状态                                            |
+| :------: | :-----------------------------------------: | :--------------------------------------------: | :--------------------------------------------: | :------------------------------------------------: | :-----------------------------------------------------------------------------------------: |
 | 开发版本 | [双子座](https://preview.hugo-next.eu.org/) | [冥想](https://preview.hugo-next.eu.org/muse/) | [迷雾](https://preview.hugo-next.eu.org/mist/) | [双鱼座](https://preview.hugo-next.eu.org/pisces/) | ![Vercel](https://therealsujitk-vercel-badge.vercel.app/?app=hugo-next&style=for-the-badge) |
-| 正式版本 | [双子座](https://hugo-next.eu.org/) | [冥想](https://hugo-next.eu.org/muse/) | [迷雾](https://hugo-next.eu.org/mist/) | [双鱼座](https://hugo-next.eu.org/pisces/) | ![Vercel](https://therealsujitk-vercel-badge.vercel.app/?app=hugo-next&style=for-the-badge) |
+| 正式版本 |     [双子座](https://hugo-next.eu.org/)     |     [冥想](https://hugo-next.eu.org/muse/)     |     [迷雾](https://hugo-next.eu.org/mist/)     |     [双鱼座](https://hugo-next.eu.org/pisces/)     | ![Vercel](https://therealsujitk-vercel-badge.vercel.app/?app=hugo-next&style=for-the-badge) |
 
 > - 开发版本： 所有的新功能开发都会在此第一时间发布预览
 > - 正式版本： 只有测试稳定且符合要求的功能才会正式发布
 
-## 快速开始
+## 👣 快速开始
 
-在使用 `Hugo NexT` 主题之前，请确认你的电脑上已经安装 `Git` 和 `Hugo Extened` 两款软件，然后通过 `submodule` 模式引用本主题，参考如下命令：
+在使用 `Hugo NexT` 主题之前，请确认你的电脑上已经安装 `Git` 和 `Hugo Extened` 两款软件。
+
+### 📰 使用模板
+
+如果你是初次建站的话，可以使用 `Github` 的模板功能，一键生成你的站点仓库代码。访问 [hugo-theme-next-starter](https://github.com/hugo-next/hugo-theme-next-starter) 点击右上角的 `Use this template` 绿色按钮然后填写代码仓库的相关信息，参考如下：
+
+![使用模板创建](images/use-hugo-next-starter.png)
+
+最后点击 `Create repository from template` 绿色按钮，会直接在你的空间中生成站点代码，再把它克隆到本地进行创作。
+
+### 📐 直接引用
+
+如果你已经有站点，可通过 `submodule` 模式引用本主题，参考如下命令：
 
 ```shell
-$ hugo new site hugo-next-exmaple
 $ cd hugo-next-exmaple
-$ git init
 $ git submodule add https://github.com/hugo-next/hugo-theme-next.git themes/hugo-theme-next
-$ cp -r themes/hugo-theme-next/exampleSite/* .
-$ rm -rf config.toml
+$ cp themes/hugo-theme-next/exampleSite/config.yaml .
+$ mv config.toml config.toml.backup
+```
+
+或通过 `Hugo module` 模式引用本主题，参考如下命令：
+
+```shell
+$ cd hugo-next-exmaple
+$ hugo mod init hugo-next-exmaple
+$ wget -O config.yaml https://github.com/hugo-next/hugo-theme-next/raw/main/exampleSite/config.yaml
+$ sed -i 's/hugo-theme-next/github.com\/hugo-next\/hugo-theme-next\/v4/' config.yaml
+$ mv config.toml config.toml.backup
+```
+
+### 💻 本地预览
+
+```shell
+$ cd hugo-next-exmaple
 $ hugo server
 ```
+
 打开浏览器，在地址栏输入 http://127.0.0.1:1313/ 查看主题效果，祝你好运！:tada::tada::tada:
 
+> **Note**
+> 要注意下 `hugo server` 命令只是用于本地开发或写文章时预览，并非是将其直接对外网开放访问。在正式发布时，可通过 `hugo` 命令生成全站静态文件，然后部署到类似 `Nginx` 的 Web 服务器即可。
+
+### 🔄 主题更新
+
 后续更新主题只需要在你的站点目录中，执行如下命令：
 
 ```shell
@@ -51,9 +85,17 @@ $ cd hugo-next-exmaple
 $ git submodule update --remote
 ```
 
+如使用 `Hugo module`，执行如下命令：
+
+```shell
+$ cd hugo-next-exmaple
+$ hugo mod get -u
+```
+
+> **Note**
 > 本主题的代码同时也同步到 `Gitee` 仓库，在国内环境可切换用 [https://gitee.com/hugo-next/hugo-theme-next.git](https://gitee.com/hugo-next/hugo-theme-next.git) 镜像速度更快，也更稳定。
 
-## 发表新文章
+## 📝 发表新文章
 
 主题已经配置了默认的文章模板，建议使用如下 Hugo 命令快速创建新的文章：
 
@@ -61,8 +103,10 @@ $ git submodule update --remote
 $ hugo new posts/hello-world.md
 ```
 
-关于文章头部那些参数作用的说明参考如下：
+> **Note**
+> 其中 `posts` 路径是 `content` 根目录下的子文件夹，可依据自己的文件管理形态调整。
 
+关于文章头部那些参数作用的说明参考如下：
 
 ```yml
 ---
@@ -94,19 +138,42 @@ tags:
 #expand: true
 # 外部链接地址，访问时直接跳转
 #extlink:
-# 在当前页面开启或关闭评论功能
+# 在当前页面关闭评论功能
 #comment:
 # enable: false
-# 开启文章目录功能
+# 关闭当前页面目录功能
+# 注意：正常情况下文章中有H2-H4标题会自动生成目录，无需额外配置
 #toc: false
 # 绝对访问路径
 #url: "{{ lower .Name }}.html"
 # 开启文章置顶，数字越小越靠前
 #weight: 1
+# 开启数学公式渲染，可选值： mathjax, katex
+#math: mathjax
+# 开启各种图渲染，如流程图、时序图、类图等
+#mermaid: true
 ---
 ```
 
-## 使用反馈
+## 🎉 用户案例
+
+- [Hugo Docs & Demo](https://hugo-next.eu.org/)
+- [凡梦星尘空间站](https://lisenhui.cn/)
+- [阿哈吉](https://a.happy2008.top/)
+- [研究僧](https://yuanlucas.com/)
+- [Zero's Record](https://izeroo.cn/)
+- [更多案例上线](https://hugo-next.eu.org/flinks.html)
+
+如你也正在使用 `Hugo NexT` 主题，欢迎在 [flinks.yaml](https://github.com/hugo-next/hugo-next-docs/blob/develop/data/flinks.yaml)  文件底部提交贵站的名称、描述、头像、链接等信息，具体格式内容参考如下：
+
+```yaml
+- name: NexT 主题
+  desc: 保持简单的易用性和强大的功能
+  avatar: https://hugo-next.eu.org/imgs/hugo_next_avatar.png
+  link: https://hugo-next.eu.org
+```
+
+## 🙋 使用反馈
 
 - 加入 [GitHub Discussions](https://github.com/hugo-next/hugo-theme-next/discussions) 或 [Gitter](https://gitter.im/hugo-next/community) 在线讨论 :beers:
 - [GitHub Issues](https://github.com/hugo-next/hugo-theme-next/issues/new?labels=Bug&template=bug-report.md) 提交错误报告 :bug:
@@ -114,23 +181,32 @@ tags:
 
 > 国内用户也可加入 QQ 群交流： 604710815
 
-## 欢迎加入
+## 👨‍👩‍👧‍👦 欢迎加入
 
 关于本主题的开发进度和后续的发展路线图，可访问 [Hugo NexT V4 Roadmap](https://github.com/hugo-next/hugo-theme-next/issues/9) 查看详情，也欢迎大家参与一起来完善。
 
-## 许可证
+## 📜 许可证
 
 [MIT License](LICENSE)
 
 Copyright (c) 2022， hugo-next 团队
 
-## 致谢
+## 💖 致谢
 
 开发 `Hugo NexT` 主题原本是个人的业余爱好，但没想到网友们这么的热情，感谢有你们的支持，让我们一起来见证它的成长。
 
-以下是捐助名单列表（按时间顺序）：
+以下是打赏名单列表（按时间倒序）：
+
+|  打赏时间  | 打赏者 | 打赏方式 | 打赏内容 | 留言                             |
+| :--------: | ------ | -------- | -------- | -------------------------------- |
+| 2024.05.11 | *祥    | 支付宝   | ￥66.66  | 感谢创作这么好的主题             |
+| 2023.07.25 | *五    | 微信支付 | ￥50.00  | 很喜欢next主题，感谢，请你喝咖啡 |
+| 2023.06.01 | **霖   | 支付宝   | ¥10.00  | /                                |
+| 2022.11.15 | f888   | 咸鱼     | ¥6.20   | 聊表心意                         |
+| 2022.09.30 | *軒    | 微信支付 | ¥66.66  | 愿项目造福更多人！               |
+| 2022.09.30 | N*l    | 微信支付 | ¥20.00  | /                                |
+| 2022.07.09 | *风    | 微信支付 | ¥10.00  | /                                |
+| 2022.05.08 | *泉    | 微信支付 | ¥6.60   | 祝开发next顺利                   |
+| 2022.02.28 | *娇    | 微信支付 | ¥5.00   | /                                |
+| 2021.12.21 | z*y    | 微信支付 | ¥18.88  | /                                |
 
-| 捐助时间 | 捐助者 | 捐助方式 | 捐助内容 | 留言 |
-| :-------: | ------ | ------ | ---- | ---- |
-| 2021.12.21 | z*y | 微信支付 | ¥18.88 | / |
-| 2022.05.08 | *泉 | 微信支付 | ¥6.60 | 祝开发next顺利 |顺利 |

VERSION

@@ -1 +1 @@
-4.1.0
+4.6.3

archetypes/default.md

@@ -27,12 +27,12 @@ tags:
 # 外部链接地址，访问时直接跳转
 # It's means that will redirecting to external links
 #extlink:
-# 在当前页面开启或关闭评论功能
-# Switch to enabled or disabled comment plugins in this post
+# 在当前页面关闭评论功能
+# Disabled comment plugins in this post
 #comment:
 #  enable: false
-# 开启文章目录功能
-# Enable table of content
+# 关闭文章目录功能
+# Disable table of content
 #toc: false
 # 绝对访问路径
 # Absolute link for visit
@@ -40,6 +40,12 @@ tags:
 # 开启文章置顶，数字越小越靠前
 # Sticky post set-top in home page and the smaller nubmer will more forward.
 #weight: 1
+# 开启数学公式渲染，可选值： mathjax, katex
+# Support Math Formulas render, options: mathjax, katex
+#math: mathjax
+# 开启各种图渲染，如流程图、时序图、类图等
+# Enable chart render, such as: flow, sequence, classes etc
+#mermaid: true
 ---
 
 {{ .Name }}

assets/css/_colors.scss

@@ -26,51 +26,52 @@
   --highlight-gutter-background: #{$highlight-gutter-background};
   --highlight-gutter-foreground: #{$highlight-gutter-foreground};
 
+  --highlight-img-fill: brightness(1) invert(0);
+
   color-scheme: light;
 }
 
-@if $darkmode {
-  @media (prefers-color-scheme: dark) {
-    :root {
-      --body-bg-color: #{$body-bg-color-dark};
-      --content-bg-color: #{$content-bg-color-dark};
-      --card-bg-color: #{$card-bg-color-dark};
-      --text-color: #{$text-color-dark};
-      --blockquote-color: #{$blockquote-color-dark};
-      --link-color: #{$link-color-dark};
-      --link-hover-color: #{$link-hover-color-dark};
-      --brand-color: #{$brand-color-dark};
-      --brand-hover-color: #{$brand-hover-color-dark};
-      --table-row-odd-bg-color: #{$table-row-odd-bg-color-dark};
-      --table-row-hover-bg-color: #{$table-row-hover-bg-color-dark};
-      --menu-item-bg-color: #{$menu-item-bg-color-dark};
-      --theme-color: #{$theme-color-dark};
+:root[data-theme="dark"] {
+  --body-bg-color: #{$body-bg-color-dark};
+  --content-bg-color: #{$content-bg-color-dark};
+  --card-bg-color: #{$card-bg-color-dark};
+  --text-color: #{$text-color-dark};
+  --blockquote-color: #{$blockquote-color-dark};
+  --link-color: #{$link-color-dark};
+  --link-hover-color: #{$link-hover-color-dark};
+  --brand-color: #{$brand-color-dark};
+  --brand-hover-color: #{$brand-hover-color-dark};
+  --table-row-odd-bg-color: #{$table-row-odd-bg-color-dark};
+  --table-row-hover-bg-color: #{$table-row-hover-bg-color-dark};
+  --menu-item-bg-color: #{$menu-item-bg-color-dark};
+  --theme-color: #{$theme-color-dark};
 
-      --btn-default-bg: #{$btn-default-bg-dark};
-      --btn-default-color: #{$btn-default-color-dark};
-      --btn-default-border-color: #{$btn-default-border-color-dark};
-      --btn-default-hover-bg: #{$btn-default-hover-bg-dark};
-      --btn-default-hover-color: #{$btn-default-hover-color-dark};
-      --btn-default-hover-border-color: #{$btn-default-hover-border-color-dark};
+  --btn-default-bg: #{$btn-default-bg-dark};
+  --btn-default-color: #{$btn-default-color-dark};
+  --btn-default-border-color: #{$btn-default-border-color-dark};
+  --btn-default-hover-bg: #{$btn-default-hover-bg-dark};
+  --btn-default-hover-color: #{$btn-default-hover-color-dark};
+  --btn-default-hover-border-color: #{$btn-default-hover-border-color-dark};
 
-      --highlight-background: #{$highlight-background-dark};
-      --highlight-foreground: #{$highlight-foreground-dark};
-      --highlight-gutter-background: #{$highlight-gutter-background-dark};
-      --highlight-gutter-foreground: #{$highlight-gutter-foreground-dark};
+  --highlight-background: #{$highlight-background-dark};
+  --highlight-foreground: #{$highlight-foreground-dark};
+  --highlight-gutter-background: #{$highlight-gutter-background-dark};
+  --highlight-gutter-foreground: #{$highlight-gutter-foreground-dark};
 
-      color-scheme: dark;
-    }
+  --highlight-img-fill: brightness(0) invert(1);
 
-    img {
-      opacity: .75;
+  color-scheme: dark;
+}
 
-      &:hover {
-        opacity: .9;
-      }
-    }
+img[data-theme="dark"] {
+  opacity: .75;
+  filter: brightness(1) invert(0);
 
-    iframe {
-      color-scheme: light;
-    }
+  &:hover {
+    opacity: .9;
   }
 }
+
+iframe[data-theme="dark"] {
+  color-scheme: light;
+}

assets/css/_common/components/back-to-top.scss

@@ -1,45 +0,0 @@
-@if $back2top_enable {
-  .back-to-top {
-    font-size: $b2t-font-size;
-
-    @if not $back2top_scrollpercent {
-      span {
-        display: none;
-      }
-    }
-
-    @if $back2top_sidebar {
-      margin: 20px - $sidebar-offset -10px -20px;
-      opacity: 0;
-      transition: opacity $transition-ease;
-
-      &.back-to-top-on {
-        cursor: pointer;
-        opacity: $b2t-opacity;
-
-        &:hover {
-          opacity: $b2t-opacity-hover;
-        }
-      }
-    } @else {
-      bottom: $b2t-position-bottom;
-      box-sizing: border-box;
-      color: $b2t-color;
-      padding: 0 6px;
-      transition: bottom $transition-ease;
-      @include sidebar-toggle();
-
-      @if not $back2top_scrollpercent {
-        width: 24px;
-      }
-
-      &:hover {
-        color: $sidebar-highlight;
-      }
-
-      &.back-to-top-on {
-        bottom: $b2t-position-bottom-on;
-      }
-    }
-  }
-}

assets/css/_common/components/index.scss

@@ -12,7 +12,7 @@
   z-index: $zindex-5;
 }
 
-@import 'back-to-top';
+@import 'tool-buttons';
 @import 'reading-progress';
 
 @import 'post';

assets/css/_common/components/pages/categories.scss

@@ -15,14 +15,23 @@
     list-style: none;
     margin: 0;
     padding: 0;
-  }
 
-  .category-list-item {
-    margin: 5px 10px;
+    .category-list-item:before {
+      font-family: var(--fa-style-family,"Font Awesome 6 Free");
+      font-weight: var(--fa-style,900);
+      content: "\f07c";
+      margin-right: 5px;
+    }
+  
+    .category-list-item {
+      margin: 5px 10px;
+      font-weight: bold;
+    }
   }
 
   .category-list-count {
     color: $grey;
+    padding: 0 2px;
 
     &::before {
       content: ' (';
@@ -33,7 +42,19 @@
     }
   }
 
-  .category-list-child {
-    padding-left: 10px;
+  .category-children-list {
+    padding-left: 38px;
+    list-style: none;
+
+    .category-children-list-item:before {
+      font-family: var(--fa-style-family,"Font Awesome 6 Free");
+      font-weight: var(--fa-style,900);
+      content: "\f0ae";
+      margin-right: 5px;
+    }
+
+    .category-children-list-item {
+      font-size: 0.925em;
+    }
   }
 }

assets/css/_common/components/pages/flinks.scss

@@ -0,0 +1,141 @@
+.flinks-block {
+
+  .flinks-block-title {
+    text-align: center;
+    font-weight: bold;
+  }
+
+  .flinks-list-title {
+    font-size: 1.25em;
+    font-weight: bold;
+  }
+
+  .flinks-lists > div:not(:first-child) {
+    margin-top: 40px;
+  }
+
+  .flinks-list-desc {
+    font-style: italic;
+  }
+
+  .flinks-list-items {
+    overflow: auto;
+    padding: 10px 10px 0;
+    text-align: center;
+
+
+
+    .flinks-list-item {
+      @include mobile() {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
+      position: relative;
+      float: left;
+      overflow: hidden;
+      margin: 15px 7px;
+      width: calc(100% / 3 - 18px);
+      height: 90px;
+      border-radius: 8px;
+      line-height: 17px;
+      -webkit-transform: translateZ(0);
+      border: groove 1px var(--highlight-foreground);
+      box-shadow: .6rem .5rem 0.3rem var(--body-bg-color);
+
+      &:hover:before,
+      &:focus:before,
+      &:active:before {
+        -webkit-transform:scale(1);
+        -moz-transform:scale(1);
+        -o-transform:scale(1);
+        -ms-transform:scale(1);
+        transform: scale(1);
+      }
+
+
+      &:hover .flinks-item-icon {
+        margin-left:-10px;
+        width:0;
+      }
+
+      &:before {
+          position: absolute;
+          top: 0;
+          right: 0;
+          bottom: 0;
+          left: 0;
+          z-index: -1;
+          background: var(--body-bg-color);
+          content: ' ';
+          transition: transform .3s ease-out;
+          transform: scale(0);
+      }
+
+      a {
+          //color: var(--font-color);
+          text-decoration: none;
+      }
+
+      .flinks-item-icon {
+        float: left;
+        overflow: hidden;
+        margin: 15px 10px;
+        width: 60px;
+        height: 60px;
+        border-radius: 35px;
+        border: solid 1px var(--body-bg-color);
+        -webkit-transition: width .3s ease-out;
+        -moz-transition: width .3s ease-out;
+        -o-transition: width .3s ease-out;
+        -ms-transition: width .3s ease-out;
+        transition: width .3s ease-out;
+
+        img {
+          width: 100%;
+          height: 100%;
+          -webkit-transition: filter 375ms ease-in .2s,-webkit-transform .3s;
+          -moz-transition: filter 375ms ease-in .2s,-moz-transform .3s;
+          -o-transition: filter 375ms ease-in .2s,-o-transform .3s;
+          -ms-transition: filter 375ms ease-in .2s,-ms-transform .3s;
+          transition: filter 375ms ease-in .2s,transform .3s;
+          object-fit: cover;
+        }
+      }
+
+      .flinks-item-name, .flinks-item-desc {
+          overflow:hidden;
+          -o-text-overflow:ellipsis;
+          text-overflow:ellipsis;
+          white-space:nowrap
+      }
+
+      .flinks-item-name {
+        padding: 20px 0 0 0;
+        height: 20px;
+        font-weight: 700;
+        font-size: 1em;
+        font-weight: bold;
+
+        @include mobile() {
+          display: none;
+        }
+      }
+
+      .flinks-item-desc {
+        padding: 10px 0;
+        font-size: .92em;
+
+        @include mobile() {
+          display: none;
+        }
+      }
+
+    }
+  }
+
+  .flinks-page-desc {
+    margin-top: 20px;
+  }
+}

assets/css/_common/components/pages/index.scss

@@ -3,3 +3,4 @@
 @import 'schedule';
 @import 'breadcrumb';
 @import 'tag-cloud';
+@import 'flinks';

assets/css/_common/components/post/index.scss

@@ -18,7 +18,7 @@
 
 .use-motion {
   @if $motion_trans_post_block {
-    .post-block, .pagination, .comments, .post-comments {
+    .post-block, .flinks-block, .pagination, .comments, .post-comments {
       visibility: hidden;
     }
   }
@@ -42,6 +42,34 @@
   }
 }
 
+@if $toc_number {
+.autonumber {
+  h2 {
+    counter-reset: h3;
+    &:before{
+      counter-increment: h2; 
+      content: counter(h2) ". ";
+    }
+  }
+
+  h3 {
+    counter-reset: h4;
+    &:before{
+      counter-increment: h3; 
+      content: counter(h2) ". " counter(h3) ". ";
+    }
+  }
+
+  h4 {
+    counter-reset: h5;
+    &:before{
+      counter-increment: h4; 
+      content: counter(h2) "." counter(h3) "." counter(h4) ". ";
+    }
+  }
+}
+} 
+
 @import 'post-collapse';
 @import 'post-body';
 @import 'post-gallery';

assets/css/_common/components/post/post-body.scss

@@ -76,4 +76,8 @@
       width: 100%;
     }
   }
+
+  svg {
+    max-width: 98%;
+  }
 }

assets/css/_common/components/post/post-footer.scss

@@ -3,7 +3,7 @@
 // Fix issue #16
 // To do: use `gap` instead of `margin`
 // See https://caniuse.com/flexbox-gap
-.post-footer {
+.post-footer, .flinks-list-footer {
   @include flex-column();
 
   hr{
@@ -59,6 +59,10 @@
       @include post-card();
       border: none;
       background: none;
+
+      li {
+        word-break: break-all;
+      }
     }
   }
 

assets/css/_common/components/post/post-header.scss

@@ -114,8 +114,7 @@
   height: 0;
 }
 
-@if $busuanzi_post_views {
-  #busuanzi_container_page_pv {
-    display: inline-block;
-  }
+#comments-count {
+  cursor: pointer;
+  border-bottom: 1px solid $link-decoration-color;
 }

assets/css/_common/components/third-party/index.scss

@@ -3,10 +3,10 @@
 @import 'utterances';
 @import 'search';
 @import 'related-posts';
-@import 'math';
 @import 'gitter';
 @import 'livere';
 @import 'waline';
+@import 'mermaid';
 
 .use-motion .animated {
   // Fix issue #48 #55

assets/css/_common/components/third-party/math.scss

@@ -1,9 +0,0 @@
-@if $math_mathjax_enable {
-  mjx-container[jax='CHTML'][display='true'], .has-jax {
-    overflow: auto hidden;
-  }
-
-  mjx-container[display='true'] + br {
-    display: none;
-  }
-}

assets/css/_common/components/third-party/mermaid.scss

@@ -0,0 +1,3 @@
+.post-block .post-body .mermaid {
+  background: var(--highlight-foreground);
+}

assets/css/_common/components/third-party/search.scss

@@ -13,7 +13,7 @@
     transition: visibility .4s, background .4s;
     visibility: hidden;
     width: 100%;
-    z-index: $zindex-4;
+    z-index: $zindex-4; 
 
     .search-active & {
       background: rgba(0, 0, 0, .3);
@@ -24,7 +24,7 @@
   .search-popup {
     background: var(--card-bg-color);
     border-radius: 5px;
-    height: 80%;
+    height: 65%;
     margin: auto;
     transform: scale(0);
     transition: transform .4s;
@@ -55,12 +55,7 @@
     }
 
     .search-header {
-      background: $gainsboro;
-      @if $darkmode {
-        @media (prefers-color-scheme: dark) {
-          background: $grey-dim;
-        }
-      }
+      background: var(--content-bg-color);      
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
       display: flex;
@@ -72,6 +67,7 @@
       border: 0;
       outline: 0;
       width: 100%;
+      color: var(--text-color);
 
       &::-webkit-search-cancel-button {
         display: none;
@@ -81,15 +77,46 @@
     .search-result-container {
       height: calc(100% - 55px);
       overflow: auto;
-      padding: 5px 25px;
+      padding: 0px 25px;
+    }
 
-      hr {
-        margin: 5px 0 10px;
+    .search-footer {
+      background: var(--content-bg-color);
+      border-bottom-left-radius: 5px;
+      border-bottom-right-radius: 5px;
+      padding: 0 5px;
+      color: var(--text-color);
 
-        &:first-child {
-          display: none;
+      .search-meta-info {
+        height: 26px;
+        display: flex;
+        padding: 5px 0;
+        
+        .search-hit-stats {
+          font-size: $font-size-smaller;
+          width: 65%;
+          padding: 2px 8px;
+        }
+
+        .search-vendor {
+          width: 34%;
+          text-align: right;
+          font-size: $font-size-small;
+          font-weight: bold;
+          
+          img {
+            width: 68px;
+            margin: 5px;
+            vertical-align: middle;
+            display: inline;
+          } 
+
+          a {
+            border: none;
+          }     
         }
       }
+
     }
 
     .search-result-list {
@@ -106,6 +133,13 @@
       padding: 5px 0;
     }
   }
+
+  mark.search-keyword {
+    background: transparent;
+    border-bottom: 1px dashed $red;
+    color: $red;
+    font-weight: bold;
+  }
 }
 
 @if $algolia_search_enable {
@@ -130,9 +164,16 @@
 
   .algolia-pagination {
     // Override default style of ul
-    margin: 40px 0;
+    //margin: 40px 0;
     opacity: 1;
     padding: 0;
+    font-size: $font-size-smallest;
+    margin-bottom: -16px;
+
+    .pagination {
+      visibility: visible;
+      margin: 0;
+    }
 
     .pagination-item {
       display: inline-block;
@@ -169,11 +210,4 @@
       margin: auto;
     }
   }
-
-  mark.search-keyword {
-    background: transparent;
-    border-bottom: 1px dashed $red;
-    color: $red;
-    font-weight: bold;
-  }
-}
+}

assets/css/_common/components/third-party/waline.scss

@@ -2,4 +2,17 @@
   .wl-actions>button:nth-child(3) {
     display: none
   }
+  
+  @include mobile() {
+    .wl-reaction-img {   
+      width: 28px;
+      height: 28px;    
+    }
+    .wl-reaction-votes {
+      padding: 0.85px;
+      font-weight: 500;
+      font-size: .65em;
+      line-height: .85;
+    }
+  }
 }

assets/css/_common/components/tool-buttons.scss

@@ -0,0 +1,95 @@
+.tool-buttons {
+
+  @include sidebar-toggle();
+  background: none;
+  bottom: 58px;
+  filter: alpha(opacity=0);
+  font-size: $font-size-smaller;
+  @include mobile() {
+    font-size: $font-size-smallest;
+  }
+
+  .button {
+    display: block;
+    margin-bottom: 5px;
+    width: 36px;
+    height: 36px;
+    border-radius: 5px;
+    background-color: $tool-btn-bg;
+    color: $tool-btn-color;
+    text-align: center;
+    line-height: 35px;
+    padding: 0;
+    outline: 0;
+    border: none;
+    text-transform: none;
+    cursor: pointer;
+    opacity: $tool-btn-opacity;
+    touch-action: manipulation;
+
+    @include mobile() {
+      width: 24px;
+      height: 24px;
+      line-height: 24px;
+      border-radius: 3px;
+    }
+
+    &:hover {
+      color: $tool-btn-hover-fore-color;
+      opacity: $tool-btn-opacity-hover;
+    }
+  }
+
+  .goto-comments {
+    display: none;
+  }
+
+  .goto-comments-on {
+    display: block;
+  }
+}
+
+@if $back2top_enable {
+  .back-to-top {
+
+    @if not $back2top_scrollpercent {
+      span {
+        display: none;
+      }
+    }
+
+    @if $back2top_sidebar {
+      margin: 20px -$sidebar-offset -10px -20px;
+      opacity: 0;
+      transition: opacity $transition-ease;
+
+      &.back-to-top-on {
+        cursor: pointer;
+        opacity: $b2t-opacity;
+
+        &:hover {
+          opacity: $b2t-opacity-hover;
+        }
+      }
+    } @else {
+      bottom: $b2t-position-bottom;
+      box-sizing: border-box;
+      color: $b2t-color;
+      padding: 0 6px;
+      transition: bottom $transition-ease;
+      @include sidebar-toggle();
+
+      @if not $back2top_scrollpercent {
+        width: 24px;
+      }
+
+      &:hover {
+        color: $sidebar-highlight;
+      }
+
+      &.back-to-top-on {
+        bottom: $b2t-position-bottom-on;
+      }
+    }
+  }
+}

assets/css/_common/outline/footer/index.scss

@@ -29,6 +29,16 @@
     font-size: $font-size-smallest;
   }
 
+  .google-translate {
+    display: flex;
+    justify-content: center;
+    .fa {
+      font-size: $font-size-larger;
+      margin: auto 0;
+      line-height: normal;
+    }
+  }
+
   @if $footer_vendors_enable {
     .vendors-list {
       a {
@@ -37,6 +47,15 @@
 
       img {
         display: inline-block;
+        max-width: 50px;
+        filter: var(--highlight-img-fill);
+        @include mobile() {
+          max-width: 40px;
+        }
+
+        &:last-child {
+          max-height: 18px;
+        }
       }
       
       $footer_vendors_imgs_len: length($footer_vendors_imgs_width);
@@ -97,16 +116,3 @@
     vertical-align: middle;
   }
 }
-
-.busuanzi-count {
-  @if $busuanzi_visitors {
-    #busuanzi_container_site_uv {
-      display: none;
-    }
-  }
-  @if $busuanzi_views {
-    #busuanzi_container_site_pv {
-      display: none;
-    }
-  }
-}

assets/css/_common/outline/header/menu.scss

@@ -1,12 +1,26 @@
 // Menu
 // --------------------------------------------------
-.menu {
+.menu, .menu-children {
   margin: 0;
   padding: 1em 0;
   text-align: center;
 }
 
-.menu-item {
+.menu-children {
+  max-height: 0;
+  padding: 0; 
+  overflow: hidden;
+  transition: max-height 1.5s ease-out;
+}
+
+ .menu-children {
+  &.expand {
+    max-height: 400px; 
+    transition: max-height 1.5s ease-in;
+  }
+}
+
+.menu-item, .menu-child-item {
   display: inline-block;
   list-style: none;
   margin: 0 10px;
@@ -33,6 +47,8 @@
 
   .fa, .fab, .far, .fas {
     margin-right: 8px;
+    width: 16px;
+    text-align: center;
   }
 
   .badge {
@@ -49,6 +65,15 @@
       margin-left: 0;
     }
   }
+
+  .menu-item-shrink-icon {
+    float: right;
+  }
+}
+
+.menu-child-item {
+  display: block;
+  margin: 0;
 }
 
 .use-motion .menu-item {

assets/css/_common/outline/sidebar/index.scss

@@ -1,4 +1,4 @@
-.sidebar-inner {
+.sidebar-inner, .sidebar-card-widget {
   color: $grey-dark;
   // Init Sidebar & TOC inner dimensions on all pages and for all schemes.
   $offset : if(($scheme == 'Pisces') or ($scheme == 'Gemini'), $sidebar-offset, $sidebar-padding);
@@ -27,6 +27,8 @@
 
   img {
     display: inline-block;
+    max-width: 120px;
+    max-height: 42px;
   }
 }
 
@@ -39,3 +41,4 @@
 @import 'sidebar-toggle';
 @import 'sidebar-toc';
 @import 'site-state';
+@import 'sidebar-card-widget';

assets/css/_common/outline/sidebar/sidebar-author.scss

@@ -1,6 +1,7 @@
 .site-author-image {
   border: $site-author-image-border-width solid $site-author-image-border-color;
-  max-width: $site-author-image-width;
+  width: $site-author-image-width;
+  height: $site-author-image-width;
   padding: 2px;
 
   @if $avatar_rounded {

assets/css/_common/outline/sidebar/sidebar-card-widget.scss

@@ -0,0 +1,60 @@
+.sidebar-card-widget {
+  background: var(--content-bg-color);
+  @if ($scheme == 'Pisces') or ($scheme == 'Gemini'){
+    border-radius: $border-radius;
+    box-shadow: $box-shadow;
+  }
+  box-sizing: border-box;
+  color: var(--text-color);
+  margin-top: $sidebar-offset;
+
+  .item-headline {
+    text-align: left;
+    font-size: $font-size-small;
+    font-weight: bold;
+
+    span {
+      margin-left: 8px;
+    }
+  }
+
+  .siteinfo {
+    font-size: $font-size-small;
+    text-align: left;
+
+    .siteinfo-item {
+      display: flex;
+      -webkit-box-align: center;
+      align-items: center;
+      padding: 2px 10px 0;
+
+      i {
+        width: 16px;
+        height: 16px;
+        text-align: center;
+        margin-right: 4px;
+      }
+
+
+      div:first-child {
+        -webkit-box-flex: 1;
+        -moz-box-flex: 1;
+        -o-box-flex: 1;
+        box-flex: 1;
+        -webkit-flex: 1;
+        -ms-flex: 1;
+        flex: 1;
+        padding-right: 20px;
+      }
+    }
+  }
+}
+
+.back-to-top-card {
+  margin: 0;
+  padding: 0;
+
+  div:first-child {
+    margin: 0;
+  }
+}

assets/css/_common/outline/sidebar/sidebar-nav.scss

@@ -22,6 +22,7 @@
 
     &:hover {
       color: $sidebar-nav-hover-color;
+      border-bottom-color: $sidebar-highlight;
     }
   }
 }
@@ -29,6 +30,7 @@
 .sidebar-toc-active .sidebar-nav-toc, .sidebar-overview-active .sidebar-nav-overview {
   border-bottom-color: $sidebar-highlight;
   color: $sidebar-highlight;
+  font-weight: bold;
 
   &:hover {
     color: $sidebar-highlight;

assets/css/_common/outline/sidebar/sidebar-toc.scss

@@ -1,62 +1,103 @@
-@if $toc_enable {
-  .post-toc {
-    font-size: $font-size-small;
-    padding: 0 8px;
+.post-toc {
+  font-size: $font-size-small;
+  padding: 0 8px;
 
-    ul {
-      list-style: none;
-      margin: 0;
-      padding: 0 2px 5px 10px;
-      text-align: left;
+  .active-current {
+    color: $orange;
+  }
 
-      > li {
-        padding-left: 0;
-      }
+  ul {
 
-      a {
-        transition: all $transition-ease;
-      }
-    }
+    list-style: none;
+    margin: 0;
+    padding: 0 2px 5px 10px;
+    text-align: left;
+    counter-reset: item;
 
-    .nav-item {
-      line-height: 1.8;
-      overflow: hidden;
-      text-overflow: ellipsis;
+    >li {
 
-      @if not $toc_wrap {
-        white-space: nowrap;
-      }
-    }
 
-    .nav {
-      .nav-child {
-        display: if($toc_expand_all, block, none);
-      }
+      > ul {
+        border-left: 1px solid;
+        margin-left: 4px;
 
-      .active > .nav-child {
-        display: block;
-      }
-
-      .active-current > .nav-child {
-        display: block;
-
-        > .nav-item {
-          display: block;
+        li {
+          position: relative;
+          padding-left: 0;
+          
+          &:before {
+            position: absolute;
+            content: ' ';
+            top: 0.14em;
+            left: -0.75em;
+            width: 0.65em;
+            height: 0.815em;
+            border-style: none none dashed none;
+            border-width: 0.05em;
+          }          
         }
       }
 
-      .active > a {
-        border-bottom-color: $sidebar-highlight;
-        color: $sidebar-highlight;
+
+    }
+
+
+
+    a {
+      transition: all $transition-ease;
+      border: none;
+      @if $toc_number {
+        &:before {
+          content: counters(item, ".") ". ";
+          counter-increment: item;
+        }
       }
 
-      .active-current > a {
-        color: $sidebar-highlight;
-
-        &:hover {
-          color: $sidebar-highlight;
-        }
+      &:hover {
+        text-decoration: underline;
+        color: $orange;
       }
     }
   }
-}
+
+  .nav-item {
+    line-height: 1.8;
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    @if not $toc_wrap {
+      white-space: nowrap;
+    }
+  }
+
+  .nav {
+    .nav-child {
+      display: if($toc_expand_all, block, none);
+    }
+
+    .active>.nav-child {
+      display: block;
+    }
+
+    .active-current>.nav-child {
+      display: block;
+
+      >.nav-item {
+        display: block;
+      }
+    }
+
+    .active>a {
+      border-bottom-color: $sidebar-highlight;
+      color: $sidebar-highlight;
+    }
+
+    .active-current>a {
+      color: $sidebar-highlight;
+
+      &:hover {
+        color: $sidebar-highlight;
+      }
+    }
+  }
+}

assets/css/_common/scaffolding/highlight/copy-code.scss

@@ -2,14 +2,30 @@
 .highlight {
 
   background: var(--highlight-background);
+  margin-bottom: 26px;
 
-  .table-container, pre {
+  //TODO  Need fixed the copy button show position.
+  div:first-child {
+    overflow-x: auto;
+  }
+
+  pre {
     position: relative;
+    overflow-x: auto;
   }
 
-  .table-container table tbody tr {
-    background: none;
+  table tbody tr {
+    //TODO Fixed the too long code line over
+    // layout background color.
+    background: #272822;    
   }
+
+  /* pre > code span {
+    white-space: break-spaces;
+    overflow: hidden;
+    word-break: break-all;
+    word-wrap: break-word;
+  } */
 }
 
 @if $codeblock_copy_btn_enable {

assets/css/_common/scaffolding/highlight/index.scss

@@ -6,7 +6,7 @@
 }
 
 pre {
-  padding: 10px;
+  padding: 18px;
   margin: 0;
 }
 

assets/css/_common/scaffolding/normalize.scss

@@ -17,6 +17,7 @@ html {
  */
 body {
   margin: 0;
+  counter-reset: h2;
 }
 
 /**

assets/css/_common/scaffolding/tags/note.scss

@@ -1,7 +1,7 @@
 //@use 'sass:map';
 
 @if $note_style != 'disabled' {
-  .post-body .note {
+  .main .note {
     $note-icons : $note_icons;
     $note-style : $note_style;
 

assets/css/_mixins.scss

@@ -1,6 +1,6 @@
 @mixin mobile-smallest() {
   @media (max-width: 413px) {
-    @content;;
+    @content;
   }
 }
 
@@ -99,7 +99,7 @@
   @if $icon {
     content: $icon;
   }
-  font-family: 'Font Awesome 5 Free';
+  font-family: 'Font Awesome 6 Free';
   font-weight: 900;
 }
 

assets/css/_schemes/Gemini/index.scss

@@ -25,7 +25,7 @@
 // ==================================================
 // Post blocks.
 .main-inner > {
-  .sub-menu, .post-block, .tabs-comment, .comments, .post-comments, .pagination {
+  .sub-menu, .post-block, .flinks-block, .tabs-comment, .comments, .post-comments, .pagination {
     background: var(--content-bg-color);
     border-radius: $border-radius-inner;
     box-shadow: $box-shadow-inner;
@@ -47,7 +47,7 @@
 }
 
 // Post & Comments blocks.
-.post-block, .comments, .post-comments {
+.post-block, .flinks-block, .comments, .post-comments {
   padding: $content-desktop-padding;
 }
 
@@ -70,7 +70,7 @@
     border-bottom: 1px solid $body-bg-color;
   }
 
-  h3 {
+  h3, h4 {
     border-bottom: 1px dotted $body-bg-color;
   }
 }
@@ -91,7 +91,7 @@
     }
   }
 
-  .post-block {
+  .post-block, .flinks-block {
     // Inside posts blocks content padding (default 40px).
     padding: ($content-tablet-padding * 2);
   }
@@ -119,7 +119,7 @@
     }
   }
 
-  .post-block {
+  .post-block, .flinks-block {
     // Inside posts blocks content padding (default 40px).
     padding: $sidebar-offset;
   }

assets/css/_schemes/Mist/_menu.scss

@@ -34,6 +34,10 @@
       }
     }
 
+    // a + ul {
+    //   top: calc(30% + 5px); 
+    // }
+
     .badge {
       background: white;
       border-radius: 10px;
@@ -41,5 +45,24 @@
       padding: 1px 4px;
       text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
     }
+
+    .menu-item-shrink-icon {
+      margin-left: 5px;
+    }
+  }
+}
+
+.menu-children {
+  display: none;
+  transition: transform 1s ease-in-out;
+  transform: translateY(-100%);
+  // position: absolute;
+  // z-index: 999;
+
+  &.expand {
+    display: block;
+    max-height: 400px; 
+    transition: transform 1.5s ease-in;
+    transform: translateY(-100%);
   }
 }

assets/css/_schemes/Pisces/_menu.scss

@@ -43,4 +43,4 @@
     top: 50%;
     width: 6px;
   }
-}
+}

assets/css/_variables/base.scss

@@ -283,13 +283,20 @@ $site-state-item-name-color           : inherit;
 
 // Components
 // --------------------------------------------------
+// Tool buttons
+$tool-btn-bg               : $black-deep;
+$tool-btn-color            : white;
+$tool-btn-hover-fore-color : $orange;
+$tool-btn-opacity          : .8;
+$tool-btn-opacity-hover    : 1;
+
 // Back to top
 $b2t-opacity                  : .8;
 $b2t-opacity-hover            : 1;
 $b2t-position-bottom          : -100px;
 $b2t-position-bottom-on       : 19px;
 $b2t-position-right           : 30px;
-$b2t-position-right-mobile    : 20px;
+$b2t-position-right-mobile    : 16px;
 $b2t-font-size                : 12px;
 $b2t-color                    : white;
 $b2t-bg-color                 : $black-deep;

assets/css/gemini/style.css

@@ -1,176 +0,0 @@
-/** User-defined style. **/
-{{ $P := .Site.Params -}}
-
-{{- with $P.sidebar -}}
-{{- $width := (int (math.Max .width 240)) -}}
-{{- $offset := (int (math.Max .offset 12)) -}}
-{{- $padding := (int (math.Max .padding 18)) -}}
-{{- $positPad := (add $width $offset) }}
-.main {
-{{ if eq .position "right" }}
-  flex-direction: row-reverse;
-{{- end }}
-}
-.header-inner {
-  width: {{ $width }}px;
-}
-.main-inner {
-  width: calc(100% - {{ $positPad }}px);
-}
-.sidebar {
-  width: {{ $width }}px;
-  visibility: inherit;
-}
-.sidebar-inner {
-  padding: {{ $padding }}px 10px;
-}
-.footer-inner {
-  padding-{{ .position }}: {{ $positPad }}px;
-}
-{{- end }}
-
-.site-author-image {
-{{- if $P.avatar.rounded }}
-  border-radius:50%;
-{{- end }}
-{{- if $P.avatar.rotated }}
-  transition: transform 1s ease-out;
-{{- end }}
-}
-
-.site-author-image:hover {
-  transform: rotateZ(360deg);
-}
-
-.site-state-item {
-  border-left: 1px solid #eee;
-}
-.site-state-item:first-child {
-  border-left: none;
-}
-
-.rss-link {
-  border-top: 1px dotted #ccc;
-  border-bottom: 1px dotted #ccc;
-  text-align: center;
-  margin: 10px 0 0 0;
-}
-
-.rss-link a {
-  display: block;
-  color: #fc6423;
-  border-bottom: none;
-}
-
-.rss-link a:hover {
-  animation-name: wobble-vertical;
-  animation-duration: 2s;
-  animation-timing-function: ease-in-out;
-  animation-iteration-count: 1;
-}
-
-.rss-link a:hover > i {
-  -webkit-transform: scaleY(-1);
-  transform: scaleY(-1);
-}
-
-.links-of-social a {
-  font-size: 0.8125em;
-}
-.links-of-social .fa,
-.links-of-social .fab,
-.links-of-social .far,
-.links-of-social .fas {
-  margin-right: 2px;
-}
-.links-of-social {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-}
-.links-of-social-item {
-  margin: 5px 0 0;
-{{- if and $P.socialIcons.enable (not $P.socialIcons.iconsOnly) }}
-  width: 50%;
-{{- end }}
-}
-.links-of-social-item a {
-  box-sizing: border-box;
-  display: inline-block;
-  max-width: 100%;
-  overflow: hidden;
-  padding: 0 5px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.links-of-social-item a {
-  border-bottom: 0;
-  border-radius: 4px;
-  display: block;
-}
-.links-of-social-item a:hover {
-  background: var(--body-bg-color);
-}
-
-.cc-license {
-{{ if eq $P.creativeCommons.size "big" }}
-  margin-top: 10px;
-{{ else }}
-  margin-top: 5px;
-{{- end }}
-}
-
-.back-to-top {
-  bottom: 30px;
-}
-
-.posts-expand .post-meta-container {
-  margin: 10px auto;
-}
-
-.post-meta-item-icon {
-  margin: 0 0 0 -5px;
-}
-
-:not(.post-meta-break) + .post-meta-item::before {
-    content: '|';
-    margin: 0 0.3em;
-}
-
-.post-meta-catg:not(:last-child)::after {
-  content: ';';
-  margin: 0px;
-}
-
-.posts-expand .post-header {
-  margin: 0;
-}
-
-.posts-expand .post-body {
-  margin: 28px 0;
-}
-
-.post-footer-btn {
-  text-align: center;
-}
-
-.beian img {
-  display: inline-block;
-  margin: 0 3px;
-  vertical-align: middle;
-}
-
-.with-love {
-{{- with $P.footer.icon.color }}
-  color: {{ $P.footer.icon.color  }};
-{{- end }}
-{{- if $P.footer.icon.animated }}
-  animation: icon-animate 1.33s ease-in-out infinite;
-{{- end }}
-}
-
-/* Font Awesome */
-.fa-spin {
-  -webkit-animation: fa-spin .8s infinite linear;
-  animation: fa-spin .8s infinite linear;
-} 

assets/css/main.scss

@@ -1,6 +1,6 @@
 // CSS Style Guide          : https://codeguide.co/#css
 // All variables from site's config content.
-{{- $P := .Site.Params }}
+{{ $P := .Site.Params }}
 // Base
 $scheme                     : {{ $P.scheme }};
 $darkmode                   : {{ $P.darkmode }};
@@ -33,11 +33,6 @@ $footer_vendors_enable      : {{ isset $P.footer "vendors" }};
 {{ printf "$footer_vendors_imgs_width:%s;" (delimit (after 1 $width) ", ") }}
 {{ end }}
 
-// Counter
-$busuanzi_visitors          : {{ $P.busuanzi.visitors }};
-$busuanzi_views             : {{ $P.busuanzi.views }};
-$busuanzi_post_views        : {{ $P.busuanzi.postViews }};
-
 // Font
 $font_enable                : {{ $P.font.enable }};
 $font_global_size           : {{ default $P.font.global.size 1 }};
@@ -70,11 +65,12 @@ $back2top_sidebar           : {{ $P.backTop.sidebar }};
 $avatar_rotated             : {{ $P.avatar.rotated }};
 $avatar_rounded             : {{ $P.avatar.rounded }};
 $avatar_rounded             : {{ $P.avatar.rounded }};
-$site_state                 : {{ $P.siteState }};
+$site_state                 : {{ $P.siteState.basic }};
 $social_icons_only          : {{ $P.socialIcons.iconsOnly }};
 $social_icons_transition    : {{ $P.socialIcons.transition }};
 $links_settings_layout      : {{ $P.linksSets.layout }};
 $toc_enable                 : {{ $P.toc.enable }};
+$toc_number                 : {{ $P.toc.number }};
 $toc_expand_all             : {{ $P.toc.expandAll }};
 $toc_wrap                   : {{ $P.toc.wrap }};
 
@@ -112,7 +108,6 @@ $reading_progress_position  : {{ $P.readingProgress.position }};
 $reading_progress_reversed  : {{ $P.readingProgress.reversed }};
 
 // Thirdparty
-$math_mathjax_enable        : {{ $P.math.mathjax.enable }};
 // TODO
 //$related_posts_enable       : {{ $P.relatedPosts.enable }};
 $related_posts_enable       : false;
@@ -134,18 +129,18 @@ $disqusjs_enable            : false;
 $livere_enable              : {{ isset $P "livere" }};
 $utterances_enable          : {{ isset $P "utterances" }};
 $waline_enable              : {{ isset $P "waline" }};
-{{- with .Site.Params.comments }}
-{{- $tce := and (isset . "nav") (and .storage (gt (len .nav) 1)) }}
+{{ with .Site.Params.comments }}
+{{ $tce := and (isset . "nav") (and .storage (gt (len .nav) 1)) }}
 $two_comments_enable        : {{ $tce }};
-{{- if $tce }}
-{{- $sortNav  := sort .nav "weight" }}
+{{ if $tce }}
+{{ $sortNav  := sort .nav "weight" }}
 $two_comments_actived       : {{ .active }};
 $first_comment_color        : {{ (index $sortNav 0).color }};
 $first_comment_name         : {{ lower (index $sortNav 0).name }};
 $second_comment_color       : {{ (index $sortNav 1).color }};
 $second_comment_name        : {{ lower (index $sortNav 1).name }};
-{{- end }}
-{{- end }}
+{{ end }}
+{{ end }}
 
 // 
 // Variables Layer
@@ -180,9 +175,4 @@ $second_comment_name        : {{ lower (index $sortNav 1).name }};
 
 // Schemes Layer
 // --------------------------------------------------
-{{ printf "@import '_schemes/%s/';" $P.scheme }}
-
-// Custom Layer
-// TODO 
-// --------------------------------------------------
-// @import 'theme.injects.style';
+{{ printf "@import '_schemes/%s/';" $P.scheme }}

assets/js/config.js

@@ -1,4 +1,52 @@
-if (!window.NexT) window.NexT = {};
+/* global NexT, boot, CONFIG */
+window.NexT = {};
+NexT.boot = {};
+NexT.plugins = {};
+
+// Defined comment component & add register event
+NexT.plugins.comments = {};
+NexT.plugins.comments.register = function() {
+  if (!NexT.CONFIG.page.comments) return;
+  for(var c in NexT.plugins.comments) { 
+    if (c === 'register') continue;
+    eval('NexT.plugins.comments.'+c)();
+  };
+}
+
+// Defined search engine & add register event
+NexT.plugins.search = {}
+NexT.plugins.search.register = function() {
+  for(var s in NexT.plugins.search) { 
+    if (s === 'register') continue;
+    eval('NexT.plugins.search.'+s)();
+  };
+}
+
+// Defined share plugin & add register event
+NexT.plugins.share = {}
+NexT.plugins.share.register = function() {
+  for(var s in NexT.plugins.share) { 
+    if (s === 'register') continue;
+    eval('NexT.plugins.share.'+s)();
+  };
+}
+
+// Defined other plugin & add register event
+NexT.plugins.others = {}
+NexT.plugins.others.register = function() {
+  for(var o in NexT.plugins.others) { 
+    if (o === 'register') continue;
+    eval('NexT.plugins.others.'+o)();
+  };
+}
+
+// Add event to register all third party plugins
+NexT.plugins.register = function() {
+  for(var p in NexT.plugins) {
+    if (p === 'register') continue;
+    eval('NexT.plugins.'+p+'.register')();
+  }
+};
 
 (function() {
   const className = 'next-config';

assets/js/motion.js

@@ -95,7 +95,7 @@ NexT.motion.middleWares = {
       });
     }
 
-    animate(postblock, '.post-block, .pagination, .post-comments');
+    animate(postblock, '.post-block,.flinks-block, .pagination, .post-comments');
     animate(collheader, '.collection-header');
     animate(postheader, '.post-header');
     animate(postbody, '.post-body');

assets/js/next-boot.js

@@ -1,11 +1,37 @@
-/* global NexT, CONFIG */
+/* boot starup */
 
-NexT.boot = {};
+(function () {
+  const onPageLoaded = () => document.dispatchEvent(
+    new Event('page:loaded', {
+      bubbles: true
+    })
+  );
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('readystatechange', onPageLoaded, { once: true });
+  } else {
+    onPageLoaded();
+  }
+  document.addEventListener('pjax:success', onPageLoaded);
+})();
 
 NexT.boot.registerEvents = function() {
 
-  // NexT.utils.registerScrollPercent();
+  NexT.utils.registerMenuClick();
+  NexT.utils.registerImageLoadEvent();
+  NexT.utils.registerScrollPercent();
   // NexT.utils.registerCanIUseTag();
+  NexT.utils.registerToolButtons();
+  // Register comment's components
+  NexT.plugins.register();
+
+  // Register comment counter click event
+  const commentCnt = document.querySelector('#comments-count');
+  if (commentCnt && NexT.CONFIG.page.isPage) {
+    commentCnt.addEventListener('click',  event => {
+      NexT.utils.slidScrollBarAnime('comments');
+    });
+  }
 
   // Mobile top menu bar.
   document.querySelector('.site-nav-toggle .toggle').addEventListener('click', event => {
@@ -33,18 +59,21 @@ NexT.boot.registerEvents = function() {
 
 NexT.boot.refresh = function() {
 
+  NexT.utils.fmtSiteInfo();
+
   if (!NexT.CONFIG.page.isPage) return;
  
   NexT.utils.registerSidebarTOC();
-  NexT.utils.replacePostCRLink();
   NexT.utils.registerCopyCode();
   NexT.utils.registerPostReward();
   if(NexT.CONFIG.page.comments) {    
     NexT.utils.initCommontesDispaly();
     NexT.utils.registerCommonSwitch();
+    NexT.utils.domAddClass('#goto-comments', 'goto-comments-on');
   } else {
-    NexT.utils.hideCommontes();
+    NexT.utils.hideComments();
   }
+  NexT.utils.registerImageViewer();
 
   //TODO
    /**

assets/js/third-party/comments/artalk.js

@@ -1,13 +1,9 @@
-document.addEventListener('DOMContentLoaded', () => {
-
+/* Artalk comment plugin */
+NexT.plugins.comments.artalk = function() {
   const element = '.artalk-container';
-  if (!NexT.CONFIG.page.comments 
-    || !NexT.CONFIG.artalk
+  if (!NexT.CONFIG.artalk
     || !NexT.utils.checkDOMExist(element)) return; 
 
-  const artalk_css = NexT.utils.getCDNResource(NexT.CONFIG.artalk.css);
-  NexT.utils.getStyle(artalk_css, null);
-
   const artalk_js = NexT.utils.getCDNResource(NexT.CONFIG.artalk.js);
   const {
     site,
@@ -15,10 +11,10 @@ document.addEventListener('DOMContentLoaded', () => {
     server,
   } = NexT.CONFIG.artalk.cfg;
 
-  NexT.utils.loadComments(element)
-    .then(() => NexT.utils.getScript(artalk_js, {
-    }))
-    .then(() => {
+  NexT.utils.lazyLoadComponent(element, function() {
+    NexT.utils.getScript(artalk_js, function(){
+      const artalk_css = NexT.utils.getCDNResource(NexT.CONFIG.artalk.css);
+      NexT.utils.getStyle(artalk_css);
 
       new Artalk({
         el          : element,
@@ -29,8 +25,9 @@ document.addEventListener('DOMContentLoaded', () => {
         locale      : NexT.CONFIG.lang,
         placeholder : placeholder,
         darkMode    : 'auto'
-      });
+      });      
+    });
 
-      NexT.utils.hiddeLodingCmp(element);
+    NexT.utils.hiddeLodingCmp(element);
   });
-});
+}

assets/js/third-party/comments/giscus.js

@@ -1,5 +1,5 @@
-document.addEventListener('DOMContentLoaded', () => {
-
+/* Giscus comment plugin */
+NexT.plugins.comments.giscus = function() {
   const element = '.giscus-container';
   if (!NexT.CONFIG.page.comments 
     || !NexT.CONFIG.giscus
@@ -17,8 +17,8 @@ document.addEventListener('DOMContentLoaded', () => {
     theme } = NexT.CONFIG.giscus.cfg;
 
 
-  NexT.utils.loadComments(element)
-    .then(() => NexT.utils.getScript(NexT.CONFIG.giscus.js, {
+  NexT.utils.lazyLoadComponent(element, function() {
+    NexT.utils.getScript(NexT.CONFIG.giscus.js, {
       attributes: {
         'async'                  : true,
         'crossorigin'            : 'anonymous',
@@ -35,7 +35,8 @@ document.addEventListener('DOMContentLoaded', () => {
         'data-loading'           : 'lazy'
       },
       parentNode: document.querySelector(element)
-    }));
-
+    });   
+    
     NexT.utils.hiddeLodingCmp(element);
-});
+  });      
+}

assets/js/third-party/comments/livere.js

@@ -1,11 +1,10 @@
-document.addEventListener('DOMContentLoaded', () => {
-
+/* LiveRe comment plugin */
+NexT.plugins.comments.livere = function() {
   const element = '#lv-container';
-  if (!NexT.CONFIG.page.comments 
-    || !NexT.CONFIG.livere
+  if (!NexT.CONFIG.livere
     || !NexT.utils.checkDOMExist(element)) return; 
 
-  NexT.utils.loadComments(element).then(() => {
+  NexT.utils.lazyLoadComponent(element, function() {
     NexT.utils.getScript(NexT.CONFIG.livere.js, {
       attributes: {
         async: true
@@ -15,4 +14,4 @@ document.addEventListener('DOMContentLoaded', () => {
 
     NexT.utils.hiddeLodingCmp(element);
   });
-});
+}

assets/js/third-party/comments/utterances.js

@@ -1,8 +1,7 @@
-document.addEventListener('DOMContentLoaded', () => {
-
+/* Utterances comment plugin */
+NexT.plugins.comments.utterances = function() {
   const element = '.utterances-container';
-  if (!NexT.CONFIG.page.comments 
-    || !NexT.CONFIG.utterances
+  if (!NexT.CONFIG.utterances
     || !NexT.utils.checkDOMExist(element)) return;
 
   const { 
@@ -11,17 +10,19 @@ document.addEventListener('DOMContentLoaded', () => {
     label, 
     theme } = NexT.CONFIG.utterances.cfg;
 
-  NexT.utils.loadComments(element)
-    .then(() => NexT.utils.getScript(NexT.CONFIG.utterances.js, {
+  NexT.utils.lazyLoadComponent(element, function() {
+    NexT.utils.getScript(NexT.CONFIG.utterances.js, {
       attributes: {
         'async'       : true,
         'crossorigin' : 'anonymous',
         'repo'        : repo,
         'issue-term'  : issueterm,
+        'label'       : label,
         'theme'       : theme
       },
       parentNode: document.querySelector(element)
-    }));
+    });
 
     NexT.utils.hiddeLodingCmp(element);
-});
+  }); 
+}

assets/js/third-party/comments/waline.js

@@ -1,48 +1,57 @@
-document.addEventListener('DOMContentLoaded', () => {
-
+/* Waline comment plugin */
+NexT.plugins.comments.waline = function() {
   const element = '.waline-container';
-  if (!NexT.CONFIG.page.comments 
-    || !NexT.CONFIG.waline
+  if (!NexT.CONFIG.waline
     || !NexT.utils.checkDOMExist(element)) return; 
   
   const {
+    comment,
     emoji, 
     imguploader, 
     pageview, 
     placeholder, 
+    sofa,
     requiredmeta, 
     serverurl, 
-    wordlimit
+    wordlimit,
+    reaction,
+    reactiontext,
+    reactiontitle
   } = NexT.CONFIG.waline.cfg;
 
-
-  const waline_css = NexT.utils.getCDNResource(NexT.CONFIG.waline.css);
-  NexT.utils.getStyle(waline_css, null);
-
   const waline_js = NexT.utils.getCDNResource(NexT.CONFIG.waline.js);
 
-  const locale = {
-    placeholder: placeholder
+  let locale = {
+    placeholder   : placeholder,
+    sofa          : sofa,
+    reactionTitle : reactiontitle
   };
 
-  NexT.utils.loadComments(element)
-    .then(() => NexT.utils.getScript(waline_js, {
-    }))
-    .then(() => {
+  reactiontext.forEach(function(value, index){
+    locale['reaction'+index] = value;
+  });
+
+  NexT.utils.lazyLoadComponent(element, function () {    
+    NexT.utils.getScript(waline_js, function(){
+      const waline_css = NexT.utils.getCDNResource(NexT.CONFIG.waline.css);
+      NexT.utils.getStyle(waline_css, 'before');
 
       Waline.init({
         locale,
         el            : element,
         pageview      : pageview,
+        comment       : comment,
         emoji         : emoji,
         imageUploader : imguploader,
         wordLimit     : wordlimit,
         requiredMeta  : requiredmeta,
+        reaction      : reaction,
         serverURL     : serverurl,
         lang          : NexT.CONFIG.lang,
-        dark          : "auto"
+        dark          : 'html[data-theme="dark"]'
       });
 
       NexT.utils.hiddeLodingCmp(element);
+    })
   });
-});
+}

assets/js/third-party/others/counter.js

@@ -0,0 +1,31 @@
+/* Page's view & comment counter plugin */
+NexT.plugins.others.counter = function() {
+    let pageview_js = undefined;
+    let comment_js = undefined;
+
+    const post_meta = NexT.CONFIG.postmeta;
+
+    const views = post_meta.views;
+    if(views != undefined && views.enable) {
+      if (views.plugin == 'waline') {
+        pageview_js = NexT.utils.getCDNResource(NexT.CONFIG.page.waline.js[0]);
+        NexT.utils.getScript(pageview_js, function(){
+          Waline.pageviewCount({
+            serverURL: NexT.CONFIG.waline.cfg.serverurl
+          });
+        });
+      }
+    }
+
+    const comments = post_meta.comments;
+    if (comments != undefined && comments.enable) {
+      if (comments.plugin == 'waline') {
+        comment_js = NexT.utils.getCDNResource(NexT.CONFIG.page.waline.js[1]);
+        NexT.utils.getScript(comment_js, function(){
+          Waline.commentCount({
+            serverURL: NexT.CONFIG.waline.cfg.serverurl
+          });
+        });
+      }
+    }
+}

assets/js/third-party/others/lawidget.js

@@ -0,0 +1,17 @@
+/* 51La sidebar data widget */
+NexT.plugins.others.lawidget = function() {
+  const element = '#siteinfo-card-widget';
+  const lawt_js = NexT.CONFIG.lawidget.js.replace('laId', NexT.CONFIG.lawidget.id);
+  
+  NexT.utils.lazyLoadComponent(element, function () {    
+    NexT.utils.getScript(lawt_js,{
+      attributes: {
+        id: 'LA-DATA-WIDGET',
+        crossorigin: 'anonymous',
+        charset: 'UTF-8',
+        defer: true
+      },
+      parentNode: document.getElementById('la-siteinfo-widget')
+    }, NexT.utils.fmtLaWidget());
+  });
+}

assets/js/third-party/others/math.js

@@ -0,0 +1,38 @@
+/* Math render plugin */
+NexT.plugins.others.math = function() {
+  const render = NexT.CONFIG.page.math.render;
+  
+  if (render === 'mathjax') {
+    const render_js = NexT.utils.getCDNResource(NexT.CONFIG.page.math.js);
+    NexT.utils.getScript(render_js, function(){
+      window.MathJax = {
+        tex: {
+          inlineMath: [["$", "$"]],
+        }
+      };
+    });
+  }
+
+  if (render === 'katex') {
+    const render_css = NexT.utils.getCDNResource(NexT.CONFIG.page.math.css);
+    NexT.utils.getStyle(render_css);
+    const render_js_list = NexT.CONFIG.page.math.js;    
+    render_js_list.forEach(js => {
+      const js_loader = NexT.utils.getScript(NexT.utils.getCDNResource(js));
+      if(js.name === 'auto-render') {
+        js_loader.then(function(){
+          renderMathInElement(document.body, {
+            delimiters: [
+                {left: '$$', right: '$$', display: true},
+                {left: '$', right: '$', display: false},
+                {left: '\\(', right: '\\)', display: false},
+                {left: '\\[', right: '\\]', display: true}
+            ],
+            
+            throwOnError : false
+          })
+        });
+      }
+    });
+  }
+}

assets/js/third-party/others/mermaid.js

@@ -0,0 +1,15 @@
+/* Mermaid plugin */
+NexT.plugins.others.mermaid = function() {
+  const mermaid_js = NexT.utils.getCDNResource(NexT.CONFIG.page.mermaid.js);
+
+  NexT.utils.getScript(mermaid_js, function(){
+    mermaid.initialize({
+      sequence: { 
+        showSequenceNumbers: true,
+        actorMargin: 50, 
+        diagramMarginX:10, 
+        diagramMarginY:10
+      }
+    });
+  });
+}

assets/js/third-party/others/translate.js

@@ -0,0 +1,9 @@
+/* Google translate plugin */
+NexT.plugins.others.translate = function() {
+  const element = '#gtranslate';
+  if (!NexT.utils.checkDOMExist(element)) return;
+  NexT.utils.lazyLoadComponent(element, function() { 
+    window.translateelement_styles='/css/google-translate.min.css'; 
+    NexT.utils.getScript('/js/third-party/google-translate.min.js');
+  });
+}

assets/js/third-party/search/algolia.js

@@ -0,0 +1,142 @@
+/* Algolia search engine */
+NexT.plugins.search.algolia = function() {
+
+  const algoliajs = NexT.utils.getCDNResource(NexT.CONFIG.algolia.js);
+  const instantschjs = NexT.utils.getCDNResource(NexT.CONFIG.algolia.instantjs);
+
+  NexT.utils.getScript(algoliajs);
+  NexT.utils.getScript(instantschjs, function() {
+    
+    const { indexname, appid, apikey, hits } = NexT.CONFIG.algolia.cfg;
+    const indexName = indexname;
+
+    const search = instantsearch({
+      indexName,
+      searchClient: algoliasearch(appid, apikey),
+      searchFunction: helper => {
+        if (document.querySelector('.search-input').value) {
+          helper.search();
+        }
+      }
+    });
+
+    const markKeyWords = function(content) {
+      return content.replaceAll("<mark>", '<mark class="search-keyword">');
+    };
+
+    if (typeof pjax === 'object') {
+      search.on('render', () => {
+        pjax.refresh(document.querySelector('.algolia-hits'));
+      });
+    }
+
+    // Registering Widgets
+    search.addWidgets([
+      instantsearch.widgets.configure({
+        hitsPerPage: hits.perpage || 10
+      }),
+
+      instantsearch.widgets.searchBox({
+        container: '.search-input-container',
+        placeholder: NexT.CONFIG.i18n.placeholder,
+        // Hide default icons of algolia search
+        showReset: false,
+        showSubmit: false,
+        showLoadingIndicator: true,
+        cssClasses: {
+          input: 'search-input'
+        }
+      }),
+
+      instantsearch.widgets.stats({
+        container: '.algolia-stats',
+        templates: {
+          text: data => {
+            const stats = NexT.CONFIG.i18n.hits_time
+              .replace('${hits}', data.nbHits)
+              .replace('${time}', data.processingTimeMS);
+            return `${stats}`;
+          }
+        },
+        cssClasses: {
+          text: 'search-stats'
+        }
+      }),
+
+      instantsearch.widgets.hits({
+        container: '.algolia-hits',
+        escapeHTML: true,
+        templates: {
+          item: data => {
+            const { title, content } = data._highlightResult;
+            let result = `<a href="${data.permalink}" class="search-result-title">${markKeyWords(title.value)}</a>`;
+            //const content = excerpt || excerptStrip || content;
+            if (content && content.value) {
+              const div = document.createElement('div');
+              div.innerHTML = markKeyWords(content.value);
+              result += `<a href="${data.permalink}"><p class="search-result">${div.innerHTML.substring(0, 200)}...</p></a>`;
+            }
+            return result;
+          },
+          empty: data => {
+            return `<div class="algolia-hits-empty">
+              ${NexT.CONFIG.i18n.empty.replace('${query}', data.query)}
+            </div>`;
+          }
+        },
+        cssClasses: {
+          list: 'search-result-list'
+        }
+      }),
+
+      instantsearch.widgets.pagination({
+        container: '.algolia-pagination',
+        scrollTo: false,
+        showFirst: true,
+        showLast: true,
+        templates: {
+          first: '<i class="fa fa-angle-double-left"></i>',
+          last: '<i class="fa fa-angle-double-right"></i>',
+          previous: '<i class="fa fa-angle-left"></i>',
+          next: '<i class="fa fa-angle-right"></i>'
+        },
+        cssClasses: {
+          list: ['pagination', 'algolia-pagination'],
+          item: 'pagination-item',
+          link: 'page-number',
+          selectedItem: 'current',
+          disabledItem: 'disabled-item'
+        }
+      })
+    ]);
+
+    search.start();
+
+    // Handle and trigger popup window
+    document.querySelectorAll('.popup-trigger').forEach(element => {
+      element.addEventListener('click', () => {
+        document.body.classList.add('search-active');
+        setTimeout(() => document.querySelector('.search-input').focus(), 500);
+      });
+    });
+
+    // Monitor main search box
+    const onPopupClose = () => {
+      document.body.classList.remove('search-active');
+    };
+
+    document.querySelector('.search-pop-overlay').addEventListener('click', event => {
+      if (event.target === document.querySelector('.search-pop-overlay')) {
+        onPopupClose();
+      }
+    });
+    document.querySelector('.popup-btn-close').addEventListener('click', onPopupClose);
+    document.addEventListener('pjax:success', onPopupClose);
+    window.addEventListener('keyup', event => {
+      if (event.key === 'Escape') {
+        onPopupClose();
+      }
+    });
+  });
+
+}

assets/js/third-party/search/local.js

@@ -0,0 +1,326 @@
+/* LocalSearch engine */
+class LocalSearch {
+  constructor({
+    path = '',
+    unescape = false,
+    top_n_per_article = 1
+  }) {
+    this.path = path;
+    this.unescape = unescape;
+    this.top_n_per_article = top_n_per_article;
+    this.isfetched = false;
+    this.datas = null;
+  }
+
+  getIndexByWord(words, text, caseSensitive = false) {
+    const index = [];
+    const included = new Set();
+
+    if (!caseSensitive) {
+      text = text.toLowerCase();
+    }
+    words.forEach(word => {
+      if (this.unescape) {
+        const div = document.createElement('div');
+        div.innerText = word;
+        word = div.innerHTML;
+      }
+      const wordLen = word.length;
+      if (wordLen === 0) return;
+      let startPosition = 0;
+      let position = -1;
+      if (!caseSensitive) {
+        word = word.toLowerCase();
+      }
+      while ((position = text.indexOf(word, startPosition)) > -1) {
+        index.push({ position, word });
+        included.add(word);
+        startPosition = position + wordLen;
+      }
+    });
+    // Sort index by position of keyword
+    index.sort((left, right) => {
+      if (left.position !== right.position) {
+        return left.position - right.position;
+      }
+      return right.word.length - left.word.length;
+    });
+    return [index, included];
+  }
+
+  // Merge hits into slices
+  mergeIntoSlice(start, end, index) {
+    let item = index[0];
+    let { position, word } = item;
+    const hits = [];
+    const count = new Set();
+    while (position + word.length <= end && index.length !== 0) {
+      count.add(word);
+      hits.push({
+        position,
+        length: word.length
+      });
+      const wordEnd = position + word.length;
+
+      // Move to next position of hit
+      index.shift();
+      while (index.length !== 0) {
+        item = index[0];
+        position = item.position;
+        word = item.word;
+        if (wordEnd > position) {
+          index.shift();
+        } else {
+          break;
+        }
+      }
+    }
+    return {
+      hits,
+      start,
+      end,
+      count: count.size
+    };
+  }
+
+  // Highlight title and content
+  highlightKeyword(val, slice) {
+    let result = '';
+    let index = slice.start;
+    for (const { position, length } of slice.hits) {
+      result += val.substring(index, position);
+      index = position + length;
+      result += `<mark class="search-keyword">${val.substr(position, length)}</mark>`;
+    }
+    result += val.substring(index, slice.end);
+    return result;
+  }
+
+  getResultItems(keywords) {
+    const resultItems = [];
+    this.datas.forEach(({ title, content, url }) => {
+      // The number of different keywords included in the article.
+      const [indexOfTitle, keysOfTitle] = this.getIndexByWord(keywords, title);
+      const [indexOfContent, keysOfContent] = this.getIndexByWord(keywords, content);
+      const includedCount = new Set([...keysOfTitle, ...keysOfContent]).size;
+
+      // Show search results
+      const hitCount = indexOfTitle.length + indexOfContent.length;
+      if (hitCount === 0) return;
+
+      const slicesOfTitle = [];
+      if (indexOfTitle.length !== 0) {
+        slicesOfTitle.push(this.mergeIntoSlice(0, title.length, indexOfTitle));
+      }
+
+      let slicesOfContent = [];
+      while (indexOfContent.length !== 0) {
+        const item = indexOfContent[0];
+        const { position } = item;
+        // Cut out 100 characters. The maxlength of .search-input is 80.
+        const start = Math.max(0, position - 20);
+        const end = Math.min(content.length, position + 80);
+        slicesOfContent.push(this.mergeIntoSlice(start, end, indexOfContent));
+      }
+
+      // Sort slices in content by included keywords' count and hits' count
+      slicesOfContent.sort((left, right) => {
+        if (left.count !== right.count) {
+          return right.count - left.count;
+        } else if (left.hits.length !== right.hits.length) {
+          return right.hits.length - left.hits.length;
+        }
+        return left.start - right.start;
+      });
+
+      // Select top N slices in content
+      const upperBound = parseInt(this.top_n_per_article, 10);
+      if (upperBound >= 0) {
+        slicesOfContent = slicesOfContent.slice(0, upperBound);
+      }
+
+      let resultItem = '';
+
+      url = new URL(url, location.origin);
+      url.searchParams.append('highlight', keywords.join(' '));
+
+      if (slicesOfTitle.length !== 0) {
+        resultItem += `<li><a href="${url.href}" class="search-result-title">${this.highlightKeyword(title, slicesOfTitle[0])}</a>`;
+      } else {
+        resultItem += `<li><a href="${url.href}" class="search-result-title">${title}</a>`;
+      }
+
+      slicesOfContent.forEach(slice => {
+        resultItem += `<a href="${url.href}"><p class="search-result">${this.highlightKeyword(content, slice)}...</p></a>`;
+      });
+
+      resultItem += '</li>';
+      resultItems.push({
+        item: resultItem,
+        id  : resultItems.length,
+        hitCount,
+        includedCount
+      });
+    });
+    return resultItems;
+  }
+
+  fetchData() {
+    const isXml = !this.path.endsWith('json');
+    fetch(this.path)
+      .then(response => response.text())
+      .then(res => {
+        // Get the contents from search data
+        this.isfetched = true;
+        this.datas = isXml ? [...new DOMParser().parseFromString(res, 'text/xml').querySelectorAll('entry')].map(element => ({
+          title  : element.querySelector('title').textContent,
+          content: element.querySelector('content').textContent,
+          url    : element.querySelector('url').textContent
+        })) : JSON.parse(res);
+        // Only match articles with non-empty titles
+        this.datas = this.datas.filter(data => data.title).map(data => {
+          data.title = data.title.trim();
+          data.content = data.content ? data.content.trim().replace(/<[^>]+>/g, '') : '';
+          data.url = decodeURIComponent(data.url).replace(/\/{2,}/g, '/');
+          return data;
+        });
+        // Remove loading animation
+        window.dispatchEvent(new Event('search:loaded'));
+      });
+  }
+
+  // Highlight by wrapping node in mark elements with the given class name
+  highlightText(node, slice, className) {
+    const val = node.nodeValue;
+    let index = slice.start;
+    const children = [];
+    for (const { position, length } of slice.hits) {
+      const text = document.createTextNode(val.substring(index, position));
+      index = position + length;
+      const mark = document.createElement('mark');
+      mark.className = className;
+      mark.appendChild(document.createTextNode(val.substr(position, length)));
+      children.push(text, mark);
+    }
+    node.nodeValue = val.substring(index, slice.end);
+    children.forEach(element => {
+      node.parentNode.insertBefore(element, node);
+    });
+  }
+
+  // Highlight the search words provided in the url in the text
+  highlightSearchWords(body) {
+    const params = new URL(location.href).searchParams.get('highlight');
+    const keywords = params ? params.split(' ') : [];
+    if (!keywords.length || !body) return;
+    const walk = document.createTreeWalker(body, NodeFilter.SHOW_TEXT, null);
+    const allNodes = [];
+    while (walk.nextNode()) {
+      if (!walk.currentNode.parentNode.matches('button, select, textarea')) allNodes.push(walk.currentNode);
+    }
+    allNodes.forEach(node => {
+      const [indexOfNode] = this.getIndexByWord(keywords, node.nodeValue);
+      if (!indexOfNode.length) return;
+      const slice = this.mergeIntoSlice(0, node.nodeValue.length, indexOfNode);
+      this.highlightText(node, slice, 'search-keyword');
+    });
+  }
+}
+
+NexT.plugins.search.localsearch = function() {
+  if (! NexT.CONFIG.localSearch.path) {
+    // Search DB path
+    console.warn('`search indexes file` is not configurate!');
+    return;
+  }
+  const localSearch = new LocalSearch({
+    path             : NexT.CONFIG.localSearch.path,
+    top_n_per_article: NexT.CONFIG.localSearch.topnperarticle,
+    unescape         : NexT.CONFIG.localSearch.unescape
+  });
+
+  const input = document.querySelector('.search-input');
+
+  const inputEventFunction = () => {
+    if (!localSearch.isfetched) return;
+    const searchText = input.value.trim().toLowerCase();
+    const keywords = searchText.split(/[-\s]+/);
+    const container = document.querySelector('.search-result-container');
+    let resultItems = [];
+    if (searchText.length > 0) {
+      // Perform local searching
+      resultItems = localSearch.getResultItems(keywords);
+    }
+    if (keywords.length === 1 && keywords[0] === '') {
+      container.classList.add('no-result');
+      container.innerHTML = '<div class="search-result-icon"><i class="fa fa-search fa-5x"></i></div>';
+    } else if (resultItems.length === 0) {
+      container.classList.add('no-result');
+      container.innerHTML = '<div class="search-result-icon"><i class="far fa-frown fa-5x"></i></div>';
+    } else {
+      resultItems.sort((left, right) => {
+        if (left.includedCount !== right.includedCount) {
+          return right.includedCount - left.includedCount;
+        } else if (left.hitCount !== right.hitCount) {
+          return right.hitCount - left.hitCount;
+        }
+        return right.id - left.id;
+      });
+      const stats = NexT.CONFIG.i18n.hits.replace('${hits}', resultItems.length);
+
+      container.classList.remove('no-result');
+      container.innerHTML = `<div class="search-stats">${stats}</div>
+        <hr>
+        <ul class="search-result-list">${resultItems.map(result => result.item).join('')}</ul>`;
+      if (typeof pjax === 'object') pjax.refresh(container);
+    }
+  };
+
+  localSearch.highlightSearchWords(document.querySelector('.post-body'));
+  if (NexT.CONFIG.localSearch.preload) {
+    localSearch.fetchData();
+  }
+
+  if (NexT.CONFIG.localSearch.trigger === 'auto') {
+    input.addEventListener('input', inputEventFunction);
+  } else {
+    document.querySelector('.search-icon').addEventListener('click', inputEventFunction);
+    input.addEventListener('keypress', event => {
+      if (event.key === 'Enter') {
+        inputEventFunction();
+      }
+    });
+  }
+  window.addEventListener('search:loaded', inputEventFunction);
+
+  // Handle and trigger popup window
+  document.querySelectorAll('.popup-trigger').forEach(element => {
+    element.addEventListener('click', () => {
+      document.body.classList.add('search-active');
+      // Wait for search-popup animation to complete
+      setTimeout(() => input.focus(), 500);
+      if (!localSearch.isfetched) localSearch.fetchData();
+    });
+  });
+
+  // Monitor main search box
+  const onPopupClose = () => {
+    document.body.classList.remove('search-active');
+  };
+
+  document.querySelector('.search-pop-overlay').addEventListener('click', event => {
+    if (event.target === document.querySelector('.search-pop-overlay')) {
+      onPopupClose();
+    }
+  });
+  document.querySelector('.popup-btn-close').addEventListener('click', onPopupClose);
+  document.addEventListener('pjax:success', () => {
+    localSearch.highlightSearchWords(document.querySelector('.post-body'));
+    onPopupClose();
+  });
+  window.addEventListener('keyup', event => {
+    if (event.key === 'Escape') {
+      onPopupClose();
+    }
+  });
+}

assets/js/third-party/share/addthis.js

@@ -1,16 +1,16 @@
-document.addEventListener('DOMContentLoaded', () => {
-
+/* AddThis share plugin */
+NexT.plugins.share.addthis = function() {
   const element = '.addthis_inline_share_toolbox';
   if (!NexT.CONFIG.addthis || !NexT.utils.checkDOMExist(element)) return; 
 
   const addthis_js = NexT.CONFIG.addthis.js + '?pubid=' + NexT.CONFIG.addthis.cfg.pubid;
 
-  NexT.utils.loadComments(element).then(() => {
+  NexT.utils.lazyLoadComponent(element, function() {
     NexT.utils.getScript(addthis_js, {
       attributes: {
-        async: true
+        async: false
       },
       parentNode: document.querySelector(element)
     });
   });
-});
+}

assets/js/utils.js

@@ -1,68 +1,274 @@
-/* global NexT, CONFIG */
+/* util tools */
 
-HTMLElement.prototype.wrap = function(wrapper) {
+HTMLElement.prototype.wrap = function (wrapper) {
   this.parentNode.insertBefore(wrapper, this);
   this.parentNode.removeChild(this);
   wrapper.appendChild(this);
 };
 
-(function() {
-  const onPageLoaded = () => document.dispatchEvent(
-    new Event('page:loaded', {
-      bubbles: true
-    })
-  );
-
-  if (document.readyState === 'loading') {
-    document.addEventListener('readystatechange', onPageLoaded, { once: true });
-  } else {
-    onPageLoaded();
-  }
-  document.addEventListener('pjax:success', onPageLoaded);
-})();
-
 NexT.utils = {
+  registerMenuClick: function() {
+    const pMenus = document.querySelectorAll('.main-menu > li > a.menus-parent');
+    pMenus.forEach(function(item) {
+      const icon = item.querySelector('span > i');
+      var ul = item.nextElementSibling;  
+      
+      item.addEventListener('click', function(e) {
+        e.preventDefault();
+        
+        ul.classList.toggle('expand');
+        if (ul.classList.contains('expand')) {
+          icon.className = 'fa fa-angle-down';
+        } else {
+          icon.className = 'fa fa-angle-right';
+        }
+      });
 
-  checkDOMExist: function(selector) {
+      var cCls = ul.querySelectorAll('.menu-item-active');
+      if (cCls != null && cCls.length > 0) {
+        item.click();
+      }
+    });
+  },
+  registerImageLoadEvent: function() {
+    const images = document.querySelectorAll('.sidebar img, .post-block img, .vendors-list img');
+			
+    const callback = (entries) => {
+      entries.forEach(item => {
+        if (item.intersectionRatio > 0) {
+          let ele = item.target;
+          let imgSrc = ele.getAttribute('data-src');
+          if (imgSrc) {
+            let img = new Image();
+            img.addEventListener('load', function() {
+              ele.src = imgSrc;
+            }, false);
+            ele.src = imgSrc;
+            // Prevent load image again
+            ele.removeAttribute('data-src');
+          }
+        }
+      })
+    };
+      
+    const observer = new IntersectionObserver(callback);
+    images.forEach(img => {
+      observer.observe(img);
+    });
+  },
+
+  registerImageViewer: function() {
+    const post_body = document.querySelector('.post-body');
+    if (post_body) {
+      new Viewer(post_body,{ navbar:2, toolbar:2 });
+    }
+  },
+
+  registerToolButtons: function () {
+    const buttons = document.querySelector('.tool-buttons');
+    
+    const scrollbar_buttons = buttons.querySelectorAll('div:not(#toggle-theme)');
+    scrollbar_buttons.forEach(button => {
+      let targetId = button.id;
+      if (targetId != '') {
+        targetId = targetId.substring(5);
+      }
+      button.addEventListener('click', () => {
+        this.slidScrollBarAnime(targetId);
+      });
+    });
+
+    buttons.querySelector('div#toggle-theme').addEventListener('click', () => {
+      const cur_theme = document.documentElement.getAttribute('data-theme');
+      window.theme.toggle(cur_theme === 'dark' ? 'light' : 'dark');
+    });
+  },
+
+  slidScrollBarAnime: function (targetId, easing = 'linear', duration = 500) {
+    const targetObj = document.getElementById(targetId);
+   
+    window.anime({
+      targets: document.scrollingElement,
+      duration: duration,
+      easing: easing,
+      scrollTop:  targetId == '' || !targetObj ? 0 : targetObj.getBoundingClientRect().top + window.scrollY
+    });
+  },
+
+  domAddClass: function (selector, cls) {
+    const doms = document.querySelectorAll(selector);
+    if (doms) {
+      doms.forEach(dom => {
+        dom.classList.add(cls);
+      });
+    }
+  },
+
+  fmtSiteInfo: function () {
+    const runtimeCount = document.getElementById('runTimes');
+    if (runtimeCount) {
+      const publishDate = runtimeCount.getAttribute('data-publishDate');
+      const runTimes = this.diffDate(publishDate, 2);
+      runtimeCount.innerText = runTimes;
+    }
+
+    const wordsCount = document.getElementById('wordsCount');
+    if (wordsCount) {
+      const words = wordsCount.getAttribute('data-count');
+      wordsCount.innerText = this.numberFormat(words);
+    }
+
+    const readTimes = document.getElementById('readTimes');
+    if (readTimes) {
+      const times = readTimes.getAttribute('data-times');
+
+      const hour = 60;
+      const day = hour * 24;
+
+      const daysCount = parseInt(times / day);
+      const hoursCount = parseInt(times / hour);
+
+      let timesLabel;
+      if (daysCount >= 1) {
+        timesLabel = daysCount + NexT.CONFIG.i18n.ds_days + parseInt((times - daysCount * day) / hour) + NexT.CONFIG.i18n.ds_hours;
+      } else if (hoursCount >= 1) {
+        timesLabel = hoursCount + NexT.CONFIG.i18n.ds_hours + (times - hoursCount * hour) + NexT.CONFIG.i18n.ds_mins;
+      } else {
+        timesLabel = times + NexT.CONFIG.i18n.ds_mins;
+      }
+
+      readTimes.innerText = timesLabel;
+    }
+
+    const lastPushDate = document.getElementById('last-push-date');
+    if (lastPushDate) {
+      const pushDateVal = this.diffDate(lastPushDate.getAttribute('data-lastPushDate'), 1);
+      lastPushDate.innerText = pushDateVal;
+    }
+  },
+
+  fmtLaWidget: function(){
+    setTimeout(function(){
+      const laWidget = document.querySelectorAll('#la-siteinfo-widget span');
+      if (laWidget.length > 0) {
+        const valIds = [0, 2, 4, 6];
+        const domIds = ['today_site_pv', 'yesterday_site_pv', 'month_site_pv', 'total_site_pv']
+        for (let i in valIds) {
+          let pv = NexT.utils.numberFormat(laWidget[valIds[i]].innerText);
+          document.getElementById(domIds[i]).innerText = pv;
+        }
+      }
+    }, 800);
+  },
+
+  fmtBusuanzi: function () {
+    setTimeout(function(){
+      const bszUV = document.getElementById('busuanzi_value_site_uv');    
+      if (bszUV) {
+        bszUV.innerText = NexT.utils.numberFormat(bszUV.innerText);
+      }
+      const bszPV = document.getElementById('busuanzi_value_site_pv');
+      if (bszPV) {
+        bszPV.innerText = NexT.utils.numberFormat(bszPV.innerText);
+      }
+    }, 800);  
+  },
+
+  numberFormat: function (number) {
+    let result;
+    if (number.indexOf(',') > 0) {
+      number = number.replaceAll(",", "");
+    }
+
+    if (number > 10000) {
+      result = (number / 10000.0).toFixed(2) + ' w';
+    } else if (number > 1000) {
+      result = (number / 1000.0).toFixed(2) + ' k';
+    } else {
+      result = number;
+    }
+    return result;
+  },
+
+  diffDate: function (date, mode = 0) {
+    const dateNow = new Date();
+    const datePost = new Date(date);
+    const dateDiff = dateNow.getTime() - datePost.getTime();
+    const minute = 1000 * 60;
+    const hour = minute * 60;
+    const day = hour * 24;
+    const month = day * 30;
+    const year = month * 12;
+
+    let result;
+    if (mode == 1) {
+      const monthCount = dateDiff / month;
+      const dayCount = dateDiff / day;
+      const hourCount = dateDiff / hour;
+      const minuteCount = dateDiff / minute;
+
+      if (monthCount > 12) {
+        result = datePost.toLocaleDateString().replace(/\//g, '-');
+      } else if (monthCount >= 1) {
+        result = parseInt(monthCount) + NexT.CONFIG.i18n.ds_month;
+      } else if (dayCount >= 1) {
+        result = parseInt(dayCount) + NexT.CONFIG.i18n.ds_day;
+      } else if (hourCount >= 1) {
+        result = parseInt(hourCount) + NexT.CONFIG.i18n.ds_hour;
+      } else if (minuteCount >= 1) {
+        result = parseInt(minuteCount) + NexT.CONFIG.i18n.ds_min;
+      } else {
+        result = NexT.CONFIG.i18n.ds_just;
+      }
+    } else if (mode == 2) {
+      const yearCount = parseInt(dateDiff / year);
+      if (yearCount >= 1) {
+        const dayCount = parseInt((dateDiff - (yearCount * year)) / day);
+        result = yearCount + NexT.CONFIG.i18n.ds_years + dayCount + NexT.CONFIG.i18n.ds_days;
+      } else {
+        const dayCount = parseInt(dateDiff / day);
+        result = dayCount + NexT.CONFIG.i18n.ds_days;
+      }
+    } else {
+      result = parseInt(dateDiff / day);
+    }
+
+    return result;
+  },
+
+  checkDOMExist: function (selector) {
     return document.querySelector(selector) != null;
   },
 
-  getCDNResource: function(res) {
-    let { plugins, router } = NexT.CONFIG.vendor;
-    let { name, version, file, alias } = res;
+  getCDNResource: function (res) {
 
-    let npm_name = name;
+    let router = NexT.CONFIG.vendor.router;
+    let { name, version, file, alias, alias_name } = res;
+   
     let res_src = '';
-    switch(plugins) {
-      case 'cdnjs':
-        let cdnjs_name = alias || name;
-        let cdnjs_file = file.replace(/\.js$/, '.min.js').replace(/^(dist|lib|source\/js|)\/(browser\/|)/, '');
-        res_src = `${router}/${cdnjs_name}/${version}/${cdnjs_file}`
+  
+    switch (router.type) {
+      case "modern":
+        if (alias_name) name = alias_name;
+        let alias_file = file.replace(/^(dist|lib|source|\/js|)\/(browser\/|)/, '');
+        if (alias_file.indexOf('min') == -1) {          
+          alias_file = alias_file.replace(/\.js$/, '.min.js');
+        }
+        res_src = `${router.url}/${name}/${version}/${alias_file}`;
         break;
       default:
-        res_src = `${router}/${npm_name}@${version}/${file}`
+        if (alias) name = alias;
+        res_src = `${router.url}/${name}@${version}/${file}`;
+        break;
     }
 
     return res_src;
   },
 
-  replacePostCRLink: function() {
-    if (NexT.CONFIG.hostname.startsWith('http')) return;
-    // Try to support mutli domain without base URL sets.
-    let href = window.location.href;
-    if (href.indexOf('#')>-1){
-      href = href.split('#')[0];
-    }
-    let postLink = document.getElementById('post-cr-link');
-    if (!postLink) return;
-    postLink.text = href;
-    postLink.href = href;
-  },
-
   /**
    * One-click copy code support.
    */
-  registerCopyCode: function() {
+  registerCopyCode: function () {
     if (!NexT.CONFIG.copybtn) return;
 
     let figure = document.querySelectorAll('.highlight pre');
@@ -75,7 +281,7 @@ NexT.utils = {
       const button = element.querySelector('.copy-btn');
       button.addEventListener('click', () => {
         const lines = element.querySelector('.code') || element.querySelector('code');
-        const code = lines.innerText;
+        const code = lines.innerText.replace(/(\n{2,})/g, '\n');
         if (navigator.clipboard) {
           // https://caniuse.com/mdn-api_clipboard_writetext
           navigator.clipboard.writeText(code).then(() => {
@@ -109,7 +315,7 @@ NexT.utils = {
     });
   },
 
-  wrapTableWithBox: function() {
+  wrapTableWithBox: function () {
     document.querySelectorAll('table').forEach(element => {
       const box = document.createElement('div');
       box.className = 'table-container';
@@ -117,7 +323,7 @@ NexT.utils = {
     });
   },
 
-  registerVideoIframe: function() {
+  registerVideoIframe: function () {
     document.querySelectorAll('iframe').forEach(element => {
       const supported = [
         'www.youtube.com',
@@ -139,7 +345,7 @@ NexT.utils = {
     });
   },
 
-  registerScrollPercent: function() {
+  registerScrollPercent: function () {
     const backToTop = document.querySelector('.back-to-top');
     const readingProgressBar = document.querySelector('.reading-progress-bar');
     // For init back to top in sidebar if page was scrolled after page refresh.
@@ -148,8 +354,10 @@ NexT.utils = {
         const contentHeight = document.body.scrollHeight - window.innerHeight;
         const scrollPercent = contentHeight > 0 ? Math.min(100 * window.scrollY / contentHeight, 100) : 0;
         if (backToTop) {
-          backToTop.classList.toggle('back-to-top-on', Math.round(scrollPercent) >= 5);
-          backToTop.querySelector('span').innerText = Math.round(scrollPercent) + '%';
+          const scrollPercentRound = Math.round(scrollPercent)
+          const isShow = scrollPercentRound >= 5;
+          backToTop.classList.toggle('back-to-top-on', isShow);
+          backToTop.querySelector('span').innerText = scrollPercentRound + '%';
         }
         if (readingProgressBar) {
           readingProgressBar.style.setProperty('--progress', scrollPercent.toFixed(2) + '%');
@@ -166,21 +374,12 @@ NexT.utils = {
       }
       this.activateNavByIndex(index);
     }, { passive: true });
-
-    backToTop && backToTop.addEventListener('click', () => {
-      window.anime({
-        targets  : document.scrollingElement,
-        duration : 500,
-        easing   : 'linear',
-        scrollTop: 0
-      });
-    });
   },
 
   /**
    * Tabs tag listener (without twitter bootstrap).
    */
-  registerTabsTag: function() {
+  registerTabsTag: function () {
     // Binding `nav-tabs` & `tab-content` by real time permalink changing.
     document.querySelectorAll('.tabs ul.nav-tabs .tab').forEach(element => {
       element.addEventListener('click', event => {
@@ -195,7 +394,7 @@ NexT.utils = {
         // https://stackoverflow.com/questions/20306204/using-queryselector-with-ids-that-are-numbers
         const tActive = document.getElementById(element.querySelector('a').getAttribute('href').replace('#', ''));
         [...tActive.parentNode.children].forEach(target => {
-        // Array.prototype.slice.call(tActive.parentNode.children).forEach(target => {
+          // Array.prototype.slice.call(tActive.parentNode.children).forEach(target => {
           target.classList.toggle('active', target === tActive);
         });
         // Trigger event
@@ -205,9 +404,9 @@ NexT.utils = {
         if (!NexT.CONFIG.stickytabs) return;
         const offset = nav.parentNode.getBoundingClientRect().top + window.scrollY + 10;
         window.anime({
-          targets  : document.scrollingElement,
-          duration : 500,
-          easing   : 'linear',
+          targets: document.scrollingElement,
+          duration: 500,
+          easing: 'linear',
           scrollTop: offset
         });
       });
@@ -216,7 +415,7 @@ NexT.utils = {
     window.dispatchEvent(new Event('tabs:register'));
   },
 
-  registerCanIUseTag: function() {
+  registerCanIUseTag: function () {
     // Get responsive height passed from iframe.
     window.addEventListener('message', ({ data }) => {
       if (typeof data === 'string' && data.includes('ciu_embed')) {
@@ -234,7 +433,7 @@ NexT.utils = {
       target.classList.toggle('menu-item-active', target.hostname === location.hostname && (isSamePath || isSubPath));
     });
   },
-
+	
   registerLangSelect: function() {
     const selects = document.querySelectorAll('.lang-select');
     selects.forEach(sel => {
@@ -250,19 +449,25 @@ NexT.utils = {
     });
   },*/
 
-  registerSidebarTOC: function() {
-    this.sections = [...document.querySelectorAll('.post-toc li a.nav-link')].map(element => {
+  registerSidebarTOC: function () {
+    const toc = document.getElementById('TableOfContents');
+    if (!toc.hasChildNodes()) {
+      const tocActive = document.querySelector('.sidebar-inner');
+      tocActive.classList.remove('sidebar-nav-active', 'sidebar-toc-active');
+      tocActive.classList.add('sidebar-overview-active');
+    }
+    this.sections = [...document.querySelectorAll('.post-toc li a')].map(element => {
       const target = document.getElementById(decodeURI(element.getAttribute('href')).replace('#', ''));
       // TOC item animation navigate.
       element.addEventListener('click', event => {
         event.preventDefault();
         const offset = target.getBoundingClientRect().top + window.scrollY;
         window.anime({
-          targets  : document.scrollingElement,
-          duration : 500,
-          easing   : 'linear',
+          targets: document.scrollingElement,
+          duration: 500,
+          easing: 'linear',
           scrollTop: offset,
-          complete : () => {
+          complete: () => {
             history.pushState(null, document.title, element.href);
           }
         });
@@ -271,7 +476,7 @@ NexT.utils = {
     });
   },
 
-  registerPostReward: function() {
+  registerPostReward: function () {
     const button = document.querySelector('.reward-container button');
     if (!button) return;
     button.addEventListener('click', () => {
@@ -279,22 +484,22 @@ NexT.utils = {
     });
   },
 
-  initCommontesDispaly: function(){   
+  initCommontesDispaly: function () {
     const comms = document.querySelectorAll('.comment-wrap > div');
-    if (comms.length<=1) return;
-    comms.forEach(function(item){
-      var dis = window.getComputedStyle(item, null).display;
+    if (comms.length <= 1) return;
+    comms.forEach(function (item) {
+      let dis = window.getComputedStyle(item, null).display;
       item.style.display = dis;
     });
   },
 
-  registerCommonSwitch: function() {
+  registerCommonSwitch: function () {
     const button = document.querySelector('.comment-switch .switch-btn');
     if (!button) return;
     const comms = document.querySelectorAll('.comment-wrap > div');
     button.addEventListener('click', () => {
       button.classList.toggle('move');
-      comms.forEach(function(item){        
+      comms.forEach(function (item) {
         if (item.style.display === 'none') {
           item.style.cssText = "display: block; animation: tabshow .8s";
         } else {
@@ -304,17 +509,20 @@ NexT.utils = {
     });
   },
 
-  hideCommontes:function() {
-    document.querySelector('.post-comments').style.display = 'none';
+  hideComments: function () {
+    let postComments = document.querySelector('.post-comments');
+    if (postComments !== null) {
+        postComments.style.display = 'none';
+    }
   },
 
-  hiddeLodingCmp: function(selector) {
+  hiddeLodingCmp: function (selector) {
     const loadding = document.querySelector(selector).previousElementSibling;
     loadding.style.display = 'none';
   },
 
-  activateNavByIndex: function(index) {
-    const target = document.querySelectorAll('.post-toc li a.nav-link')[index];
+  activateNavByIndex: function (index) {
+    const target = document.querySelectorAll('.post-toc li a')[index];
     if (!target || target.classList.contains('active-current')) return;
 
     document.querySelectorAll('.post-toc .active').forEach(element => {
@@ -330,14 +538,14 @@ NexT.utils = {
     const tocElement = document.querySelector('.sidebar-panel-container');
     if (!tocElement.parentNode.classList.contains('sidebar-toc-active')) return;
     window.anime({
-      targets  : tocElement,
-      duration : 200,
-      easing   : 'linear',
+      targets: tocElement,
+      duration: 200,
+      easing: 'linear',
       scrollTop: tocElement.scrollTop - (tocElement.offsetHeight / 2) + target.getBoundingClientRect().top - tocElement.getBoundingClientRect().top
     });
   },
 
-  updateSidebarPosition: function() {
+  updateSidebarPosition: function () {
     if (window.innerWidth < 992 || NexT.CONFIG.scheme === 'Pisces' || NexT.CONFIG.scheme === 'Gemini') return;
     // Expand sidebar on post detail page by default, when post has a toc.
     const hasTOC = document.querySelector('.post-toc');
@@ -351,7 +559,7 @@ NexT.utils = {
     }
   },
 
-  activateSidebarPanel: function(index) {
+  activateSidebarPanel: function (index) {
     const duration = 200;
     const sidebar = document.querySelector('.sidebar-inner');
     const panel = document.querySelector('.sidebar-panel-container');
@@ -361,34 +569,39 @@ NexT.utils = {
 
     window.anime({
       duration,
-      targets   : panel,
-      easing    : 'linear',
-      opacity   : 0,
+      targets: panel,
+      easing: 'linear',
+      opacity: 0,
       translateY: [0, -20],
-      complete  : () => {
+      complete: () => {
         // Prevent adding TOC to Overview if Overview was selected when close & open sidebar.
         sidebar.classList.replace(activeClassName[1 - index], activeClassName[index]);
         window.anime({
           duration,
-          targets   : panel,
-          easing    : 'linear',
-          opacity   : [0, 1],
+          targets: panel,
+          easing: 'linear',
+          opacity: [0, 1],
           translateY: [-20, 0]
         });
       }
     });
   },
 
-  getStyle: function(src, parent) {    
+  getStyle: function (src, position='after', parent) {
     const link = document.createElement('link');
     link.setAttribute('rel', 'stylesheet');
     link.setAttribute('type', 'text/css');
     link.setAttribute('href', src);
 
-    (parent || document.head).appendChild(link);
+    const head = (parent || document.head);
+    if (position === 'before') {
+      head.prepend(link);
+    } else {
+      head.append(link);
+    }
   },
 
-  getScript: function(src, options = {}, legacyCondition) {
+  getScript: function (src, options = {}, legacyCondition) {
     if (typeof options === 'function') {
       return this.getScript(src, {
         condition: legacyCondition
@@ -406,7 +619,7 @@ NexT.utils = {
       } = {},
       parentNode = null
     } = options;
-    
+
     return new Promise((resolve, reject) => {
       if (condition) {
         resolve();
@@ -440,9 +653,9 @@ NexT.utils = {
     });
   },
 
-  loadComments: function(selector, legacyCallback) {
+  lazyLoadComponent: function(selector, legacyCallback) {
     if (legacyCallback) {
-      return this.loadComments(selector).then(legacyCallback);
+      return this.lazyLoadComponent(selector).then(legacyCallback);
     }
     return new Promise(resolve => {
       const element = document.querySelector(selector);

data/config.yaml

@@ -1,4 +1,5 @@
 # Hugo NexT theme's custom config
-# 
 
-version: 4.1.0
+version: 4.6.3
+
+domain: hugo-next.eu.org

data/resources.yaml

@@ -1,31 +1,81 @@
 # CDN 公共资源商列表
 # Public CDN vendor list
 vendors: 
-  cdnjs: "https://cdnjs.cloudflare.com/ajax/libs"
-  unpkg: "https://unpkg.com"
+  - name: cdnjs
+    home: "https://cdnjs.com"
+    logo: "https://cdnjs.com/_/f7a2ebfb819c118086546e481876aef6.svg"
+    type: "modern"
+    url: "https://cdnjs.cloudflare.com/ajax/libs"
+
+  - name: unpkg
+    home: "https://unpkg.com"
+    logo: "https://unpkg.fly.dev/_client/b870d5fb04d2854d.png"
+    type: "nodejs"
+    url: "https://unpkg.com"
+
+  - name: bootcdn
+    home: "https://www.bootcdn.cn"
+    logo: "https://www.bootcdn.cn/assets/img/logo.png"
+    type: "modern"
+    url: "https://cdn.bootcdn.net/ajax/libs"
+
+  - name: staticfile
+    home: "https://staticfile.net/"
+    logo: "https://www.staticfile.net/images/logo.png"
+    type: "modern"
+    url: "https://cdn.staticfile.net"
+
+  - name: 7ed
+    home: "https://www.7ed.net"
+    logo: "https://github.com/7ednet/homepage/raw/main/_images/logo.svg"
+    type: "modern"
+    url: "https://use.sevencdn.com/ajax/libs"
+
+  - name: zstatic
+    home: "https://www.zstatic.net"
+    logo: "https://www.zstatic.net/favicon/favicon-16x16.png"
+    type: "modern"
+    url: "https://s4.zstatic.net/ajax/libs"
+
+  - name: zeyao
+    home: "https://cdn.jsdmirror.com/"
+    logo: "https://img.cuteapi.com/2023/08/29/Background.png"
+    type: "nodejs" 
+    url: "https://cdn.jsdmirror.com/npm"
+
+  - name: jsdelivr
+    home: "https://www.jsdelivr.com/"
+    logo: "https://www.jsdelivr.com/assets/0c183396fdb0079ea31849b02bc5e3429f1740de/img/jsdelivr-horizontal-regular.svg"
+    type: "nodejs"
+    url: "https://cdn.jsdelivr.net/npm"
 
 # JavaScript 资源
 # JavaScript Resources
 js:
   - name: animejs
-    version: 3.2.1
+    version: 3.2.2
     file: lib/anime.min.js
-  # TODO
-  #- name: mathjax
-  #  version: 3.2.0
-  #  file: es5/tex-mml-chtml.js
+
+  - name: viewerjs
+    version: 1.11.6
+    file: dist/viewer.min.js
 
 # CSS 资源
 # CSS Resources
 css:
-  - name: '@fortawesome/fontawesome-free'
-    version: 6.1.2
+  - name: font-awesome
+    version: 6.6.0
     file: css/all.min.css
-    alias: font-awesome
+    alias: '@fortawesome/fontawesome-free'
+
   - name: animate.css
-    version: 3.1.1
+    version: 4.1.1
     file: animate.min.css
 
+  - name: viewerjs
+    version: 1.11.6
+    file: dist/viewer.min.css
+
 # 第三方服务组件资源
 # 3rd servcies Resource
 
@@ -33,35 +83,41 @@ css:
 # Site analytics engine
 analytics:
   la: https://sdk.51.la/js-sdk-pro.min.js
+  laWidget: https://v6-widget.51.la/v6/laId/quote.js?theme=0&col=true&f=12&display=0,0,0,1,0,1,1,1
+  baidu: https://hm.baidu.com/hm.js?
+  google: https://www.googletagmanager.com/gtag/js?id=
+  busuanzi: https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js
 
 # 文章分享
 # Share
 addthis:
   js: https://s7.addthis.com/js/300/addthis_widget.js
 
-# 评论组件资源
-# Comment component Resources
+# 评论组件
+# Comment component
 waline:
   js:
-    name: '@waline/client'
-    version: 2.6.1
+    name: waline
+    version: 2.15.8
     file: dist/waline.js
-    alias: waline
+    alias: "@waline/client"
+
   css:
-    name: '@waline/client'
-    version: 2.6.1
+    name: waline
+    version: 2.15.8
     file: dist/waline.css
-    alias: waline
+    alias: "@waline/client"
 
 artalk:
   js:
     name: artalk
-    version: 2.3.4
-    file: dist/Artalk.js
+    version: 2.6.4
+    file: dist/Artalk.min.js
+
   css:
     name: artalk
-    version: 2.3.4
-    file: dist/Artalk.css
+    version: 2.6.4
+    file: dist/Artalk.min.css
 
 giscus:
   js: https://giscus.app/client.js
@@ -70,4 +126,64 @@ utterances:
   js: https://utteranc.es/client.js
 
 livere:
-  js: https://cdn-city.livere.com/js/embed.dist.js
+  js: https://cdn-city.livere.com/js/embed.dist.js
+
+# 全文搜索
+# Full text search
+algolia:
+  name: algoliasearch
+  version: 4.24.0
+  file: dist/algoliasearch-lite.umd.js
+
+instant:
+  name: instantsearch.js
+  version: 4.73.2
+  file: dist/instantsearch.production.min.js
+
+plugins:
+  # 数学公式渲染
+  mathjax:
+    js:
+      name: mathjax
+      version: 3.2.2
+      file: es5/tex-mml-chtml.js
+
+  katex:
+    js:
+      - name: katex
+        alias_name: KaTeX
+        version: 0.16.9
+        file: dist/katex.min.js
+        
+      - name: auto-render
+        alias: katex
+        alias_name: KaTeX
+        version: 0.16.9
+        file: dist/contrib/auto-render.min.js
+
+    css:
+      name: katex
+      alias_name: KaTeX
+      version: 0.16.9
+      file: dist/katex.min.css
+
+  # 画图渲染
+  mermaid:
+    js:
+      name: mermaid
+      version: 10.9.1
+      file: dist/mermaid.min.js
+  # 文章访问/评论统计
+  waline:
+    js:
+      - name: pageview
+        alias_name: waline
+        version: 2.15.8
+        file: dist/pageview.js
+        alias: "@waline/client" 
+
+      - name: comment
+        alias_name: waline
+        version: 2.15.8
+        file: dist/comment.js
+        alias: "@waline/client"

exampleSite/config.yaml

@@ -39,21 +39,71 @@ markup:
     renderer:
       unsafe: true
   highlight:
+    # # 高亮代码的样式名称，可选：monokai | emacs | api | dracula | friendly
+    # # 更多的样式：https://xyproto.github.io/splash/docs/all.html
+    # # Highlight style: monokai | emacs | api | dracula | friendly
+    # # More: https://xyproto.github.io/splash/docs/all.html 
+    # style: "monokai"
+    anchorLineNos: true
     codeFences: true
-    lineNos: true
-    lineNumbersInTable: true
+    guessSyntax: true
+    hl_Lines: ""
+    hl_inline: false
+    lineAnchors: ""
+    lineNoStart: 1
+    lineNos: false
+    lineNumbersInTable: false
     noClasses: true
-    # 高亮代码的样式名称，可选：monokai | emacs | api | dracula | friendly
-    # 更多的样式：https://xyproto.github.io/splash/docs/all.html
-    # Highlight style: monokai | emacs | api | dracula | friendly
-    # More: https://xyproto.github.io/splash/docs/all.html 
-    style: "monokai"
+    noHl: false
+    style: monokai
+    tabWidth: 2
   tableOfContents:
-    # 开始/结束标题级别：1-6
+    # 开始/结束标题级别：1-6 (建议从2开始)
     # Heading title level of start or end: 1-6
-    startLevel: 1
-    endLevel: 3
-    ordered: false
+    # Recommand start at 2
+    startLevel: 2
+    endLevel: 4
+
+# 站点文章导航文件
+# Site map of all articles
+sitemap:
+  filename: "sitemap.xml"
+  changefreq: "weekly"
+  priority: 0.5
+
+outputFormats:
+  RSS:
+    baseName: "rss"
+  # 自定义生成本地搜索文件
+  # Custom file of indexes for local search
+  LocalIndexes:
+    mediaType: application/xml
+    baseName: searchindexes
+    isPlainText: true
+    notAlternative: true
+  # 生成 Algolia 索引文件
+  # Build indexes of Aloglia
+  AlgoliaIndexes:
+    mediaType: application/json
+    baseName: algolia
+    isPlainText: true
+    notAlternative: true
+
+# 默认使用本地搜索，如切换到 Algolia 搜索引擎，
+# 请将下面的 LocalIndexes 替换成 AlgoliaIndexes
+# By default use local search, before switch to Algolia engine
+# Please replace LocalIndexes with AlgoliaIndexes
+outputs:
+  home: ["HTML", "RSS", "LocalIndexes"]
+
+# 输出 robots 文件支持爬虫扫描
+# Enable robots with support crawler scan
+enableRobotsTXT: true
+
+# 强制输出时压缩文件
+# Compress all files when output
+minify:
+  minifyOutput: true
 
 #--------------------------------------
 # 菜单配置说明
@@ -84,16 +134,21 @@ menus:
       pageref: /about.html
       pre: user
       weight: 2
+    - identifier: flinks
+      name: 站点示例
+      pageref: /flinks.html
+      pre: thumbs-up
+      weight: 3
     - identifier: archives
       name: 归档
       pageref: /archives
       pre: archive
-      weight: 3
+      weight: 4
     - identifier: commonweal
       name: 公益 404
       url: /404.html
       pre: heartbeat
-      weight: 4
+      weight: 5
 
 #-----------------------------------------
 # Hugo NexT 主题参数配置
@@ -142,6 +197,13 @@ params:
   # Custom Logo (Warning: Only support scheme Mist)
   customLogo: #/imgs/hugo_next_logo.png
 
+  # 用户自定义文件配置
+  # Define custom file paths.
+  # customFilePath:
+  #   sidebar: custom_sidebar.html
+  #   footer: custom_footer.html
+  #   style: /css/custom_style.css
+
   # 知识共享国际许可 4.0
   # 更多信息： https://creativecommons.org/about/cclicenses/
   # Creative Commons 4.0 International License.
@@ -231,10 +293,18 @@ params:
     # 开启头像随鼠标转动动画
     # If true, the avatar will be rotated with the cursor.
     rotated: true
-
-  # 是否在侧边栏显示文章、分类、标签信息
-  # Posts / Categories / Tags in sidebar.
-  siteState: true
+  siteState: 
+    # 是否在侧边栏显示文章、分类、标签信息
+    # Posts / Categories / Tags in sidebar.
+    basic: true
+    # 站点访问信息
+    # Site's view information
+    views:  
+      enable: true
+      # 组件类型，可选值为： 51la, busuanzi
+      # 使用51la时需要注册账号：https://invite.51.la/
+      # Plguin value is: 51la, busuanzi
+      plugin: busuanzi
 
   # 社交链接地址
   # 用法： `Key: 名称 || 链接地址 || 图标`
@@ -316,6 +386,9 @@ params:
   # Footer Settings
   # ---------------------------------------------------------------
   footer:
+    # 启动谷歌翻译功能
+    # Enable google translate in footer
+    translate: false
     # 站点开始年份，默认为当下时间的年份
     # Specify the year when the site was setup. 
     # If not defined, current year will be used.
@@ -374,8 +447,11 @@ params:
             url: /imgs/vendors/upyun.png
             width: 43
           link: https://upyun.com
-        - name: Webify
-          link: https://webify.cloudbase.net
+        - name: Github
+          link: https://github.com
+          image:
+            url: /imgs/vendors/github.svg
+            width: 14
 
 
   # ---------------------------------------------------------------
@@ -397,6 +473,7 @@ params:
   # 开启文章头部元素显示
   # Post meta display settings
   postMeta:
+    # 是否开启各元素的文字显示 
     itemText: true
     created: true
     updated:
@@ -405,6 +482,18 @@ params:
     categories: true
     wordCount: true
     readTime: true
+    # 是否开启评论数显示
+    comments: 
+      enable: true
+      # 评论统计插件，暂只支持waline
+      # Comment counter plugin, only support waline
+      plugin: waline
+    # 是否开启页面访问数显示
+    views:
+      enable: true
+      # 页面访问统计插件，支持busuanzi, waline, leancloud
+      # Page views counter plugin, support: busuanzi, waline, leancloud
+      plugin: busuanzi
 
   # 文章底部的设置
   # Post footer settings
@@ -652,27 +741,11 @@ params:
   # Third Party Plugins & Services Settings
   # ---------------------------------------------------------------
 
-  # TODO
-  # 数学公式渲染支持（暂时未实现）
-  # Math Formulas Render Support
-  # Warning: Please install / uninstall the relevant renderer according to the documentation.
-  # See: https://theme-next.js.org/docs/third-party-services/math-equations
-  # Server-side plugin: https://github.com/next-theme/hexo-filter-mathjax
-  math:
-    # Default (false) will load mathjax / katex script on demand.
-    # That is it only render those page which has `mathjax: true` in front-matter.
-    # If you set it to true, it will load mathjax / katex script EVERY PAGE.
-    every_page: false
-
-    mathjax:
-      enable: false
-      # Available values: none | ams | all
-      tags: none
-
-    katex:
-      enable: false
-      # See: https://github.com/KaTeX/KaTeX/tree/master/contrib/copy-tex
-      copy_tex: false
+  # 数学公式渲染支持，可选值： mathjax, katex
+  # 注意这里全局配置，意味着所有页面都会加载数学公式脚本
+  # Math Formulas Render Support, options: mathjax, katex
+  # Warning: It's global settings then will load scripts in every page.
+  #math: mathjax
 
   # TODO
   # FancyBox is a tool that offers a nice and elegant way 
@@ -721,7 +794,7 @@ params:
   comments:
     # 开启评论组件
     # If true, will show comment component in post end.
-    enable: true   
+    enable: false   
     # 设置默认使用的评论插件
     # 可选值：livere | waline | utterances | artalk | giscus
     # Choose a comment system to be displayed by default.
@@ -742,23 +815,26 @@ params:
       - name: waline
         title: Waline
         color: "#27ae60"
-        weight: 2
+        weight: 1
       - name: giscus
         title: Giscus
         color: "#886ce4"
-        weight: 1
+        weight: 2
 
   # Waline 评论插件
   # 更多配置信息请参考：https://waline.js.org/
   # Waline comments system
   # More info seee: https://waline.js.org/
   waline:
-    pageView: true
-    placeholder: "请文明发言"
+    placeholder: "请文明发言哟 ヾ(≧▽≦*)o"
+    sofa: "快来发表你的意见吧 (≧∀≦)ゞ"
     emoji: false
     imgUploader: false
     wordLimit: 200
     requiredMeta: ['nick', 'mail']
+    reaction: true
+    reactionText: [ '点赞', '踩一下', '得意', '不屑', '尴尬', '睡觉']
+    reactionTitle: "你认为这篇文章怎么样？"
     serverURL: #<your waline server url>
 
   # Artalk 评论插件
@@ -862,23 +938,22 @@ params:
     # 更多信息请参考：https://invite.51.la/1NUfGTS1?target=V6
     # 51La Analytics
     # See: https://invite.51.la/1NUfGTS1?target=V6 
-    laId: #<anaytics_id> 
-
-  # TODO
-  # Show Views / Visitors of the website / page with busuanzi.
-  # For more information: http://ibruce.info/2015/04/04/busuanzi/
-  busuanzi:
-    visitors: false
-    visitorsIcon: fa fa-user
-    views: false
-    viewsIcon: fa fa-eye
-    postViews: false
-    postViewsIcon: far fa-eye
-
+    #laId: #<anaytics_id> 
+    # 百度统计
+    # Baidu Analytics
+    #baidu: #<anaytics_id>
+    # 谷歌统计
+    # Google Analytics
+    #google: #<anaytics_id>
+    # 不蒜子统计
+    # Show Views / Visitors of the website / page with busuanzi.
+    # For more information: http://ibruce.info/2015/04/04/busuanzi/
+    busuanzi:
+      visitorsIcon: fa fa-user
+      viewsIcon: fa fa-eye
 
   # ---------------------------------------------------------------
-  # TODO
-  # 内容搜索服务（暂时未实现）
+  # 内容搜索服务
   # Search Services
   # ---------------------------------------------------------------
 
@@ -886,21 +961,40 @@ params:
   # For more information: https://www.algolia.com
   algoliaSearch:
     enable: false
+    appId: #<algolia app id>
+    apiKey: #<algolia api key>
+    indexName: #<algolia index name>
     hits:
       perPage: 10
+    # 索引生成内容长度字数限制
+    # Index generation content length word count limit.
+    limit: 1000
 
+  # 本地搜索
   # Local Search
   localSearch:
+    # 是否开启搜索功能
+    # Enable search function
     enable: true
+    # 搜索索引文件路径
+    # Indexes file path for search
+    path: /searchindexes.xml
+    # 是立即搜索当输入关键字时，可选值： auto | manual
     # If auto, trigger search by changing input.
     # If manual, trigger search by pressing enter key or search button.
     trigger: auto
+    # 显示头部的搜索记录，-1 表示显示所有搜索结果
     # Show top n results per article, show all results by setting to -1
-    top_n_per_article: 1
+    topNPerArticle: -1
+    # 将 html 字符串转换为可读字符串
     # Unescape html strings to the readable one.
     unescape: false
+    # 页面加载时是否要重新载入索引文件
     # Preload the search data when the page loads.
     preload: false
+    # 索引生成内容长度字数限制
+    # Index generation content length word count limit.
+    limit: 1000
 
 
   # ---------------------------------------------------------------
@@ -936,7 +1030,7 @@ params:
     #  - flat      flat callout style with background, like on Mozilla or StackOverflow.
     #  - disabled  disable all CSS styles import of note tag.
     style: simple
-    icons: false
+    icons: true
     # Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6).
     # Offset also applied to label tag variables. This option can work with disabled note tag.
     lightBgOffset: 0
@@ -1012,30 +1106,17 @@ params:
 
 
   # ---------------------------------------------------------------
-  # CDN 服务（暂时只支持 unpkg 和 cndjs）
+  # CDN 服务
   # CDN Settings
   # ---------------------------------------------------------------
-
   vendors:
     # The CDN provider of NexT internal scripts.
-    # Available values: local | unpkg | cdnjs | custom
-    # Warning: If you are using the latest master branch of NexT, please set `internal: local`
+    # Available values: local | cdn
     internal: local
     # The default CDN provider of third-party plugins.
-    # Available values: local | unpkg | cdnjs | custom
-    # Dependencies for `plugins: local`: https://github.com/next-theme/plugins
-    plugins: unpkg
-    # TODO
+    # Available values: local | cdnjs | unpkg | jsdelivr | staticfile | bootcdn | 7ed | zstatic | zeyao | custom
+    plugins: local
     # Custom CDN URL
     # For example:
     # custom_cdn_url: https://cdn.jsdelivr.net/npm/${npm_name}@${version}/${minified}
-    # custom_cdn_url: https://cdnjs.cloudflare.com/ajax/libs/${cdnjs_name}/${version}/${cdnjs_file}
-    #custom_cdn_url:
-
-  # TODO
-  # Assets
-  # Accelerate delivery of static files using a CDN
-  # The js option is only valid when vendors.internal is local.
-  css: css
-  js: js
-  images: imgs
+    # custom_cdn_url: https://cdnjs.cloudflare.com/ajax/libs/${cdnjs_name}/${version}/${cdnjs_file}

exampleSite/content/about.md

@@ -0,0 +1,27 @@
+---
+title: "关于 Hugo NexT 组织"
+description: "Hugo NexT 组织介绍说明。"
+
+date: 2022-06-09T20:12:52+08:00
+lastmod: 2022-06-09T20:12:52+08:00
+
+share: false
+followme: false
+nav: false
+copyright: false
+url: about.html
+---
+
+`Hugo NexT` 组织是由众多喜爱 `NexT` 主题及风格的世界各地友人共同组建而成，为的就是让这个主题继续在 `Hugo` 引擎中也能得到发扬光大，在此也欢迎你的加入！
+
+# 我们的愿景
+
+延续 `NexT` 经典的黑白调搭配，保持简单的易用性及强大的功能。
+
+# 使用反馈
+
+- 加入 [GitHub Discussions](https://github.com/hugo-next/hugo-theme-next/discussions) 或 [Gitter](https://gitter.im/hugo-next/community) 在线讨论 :beers:
+- [GitHub Issues](https://github.com/hugo-next/hugo-theme-next/issues/new?labels=Bug&template=bug-report.md) 提交错误报告 :bug:
+- [GitHub Feature](https://github.com/hugo-next/hugo-theme-next/issues/new?labels=Feature+Request&template=feature-request.md) 表新功能的想法 :sparkles:
+
+> 同时国内用户也可加入 QQ 群交流： 604710815

exampleSite/content/flinks.md

@@ -0,0 +1,14 @@
+---
+title: "站点示例"
+type: flinks
+url: flinks.html
+---
+
+如想交换本站友情链接，请在评论区留下你的站点信息，格式参考如下：
+
+```yaml
+- name: Hugo-NexT
+  desc: Hugo NexT 官方预览网站。
+  avatar: https://hugo-next.eu.org/imgs/hugo_next_avatar.png
+  link: https://hugo-next.eu.org
+```

exampleSite/content/post/custom-files.md

@@ -0,0 +1,83 @@
+---
+title: "支持用户自定义设计"
+description: "用户可以通过自定义文件配置，实现对站点的样式和布局进行个性化的调整。"
+keywords: "custom,files,layout"
+
+date: 2022-09-10T21:02:32+08:00
+lastmod: 2022-09-10T21:02:32+08:00
+
+categories:
+  - 示例文章
+
+tags:
+  - 自定义
+  - 个性化
+  - 布局
+
+url: "demo/custom-files.html"
+toc: true
+---
+
+对于熟悉前端开发的用户来说，可以通过自定义文件配置，实现对站点的样式和布局进行个性化的调整。其中布局方面主要是支持左侧边栏的站点概览部分，以及站点底部2个位置，但样式的重置可以是整个站点的任意位置。
+
+<!--more-->
+
+## 打开配置参数
+
+首先要明确在配置文件的 `params` 区域中有配置如下参数：
+
+```yaml
+customFilePath:
+  sidebar: custom_sidebar.html
+  footer: custom_footer.html
+  style: /css/custom_style.css
+```
+
+{{< note warning >}}
+
+**注意：** `sidebar` 和 `footer` 的文件命名不可以与它们的参数名称相同，不然会影响系统默认的布局设计，切记！！！ :smile:
+
+{{< /note >}}
+
+然后在站点的根目录下创建 `layouts/partials` 2个目录，用于存放自定布局设计文件，另外在站点根目录下创建 `static/css` 2个目录，用于存放自定义 CSS 样式文件。一切就绪后，就可以参考如下的步骤，完成自己的设计想法。
+
+## 侧边栏设计
+
+在前面创建 `partials` 目录中新一个后缀名为 `html` 的文件，可以在里面书写你所想表达的设计或内容，比如引入一些第三方组件内容。示例如下：
+
+```html
+<div class="mydefined animated" itemprop="custom">
+  <span>支持自定义CSS和Sidebar布局啦💄💄💄</span>
+</div>
+```
+
+再把该文件的路径配置到相应的参数中，效果请查看左侧边栏底部的效果。
+
+## 底部设计
+
+在前面创建 `partials` 目录中新一个后缀名为 `html` 的文件，可以在里面书写你所想表达的设计或内容，比如引入一些第三方组件内容。示例如下：
+
+```html
+<div class="custom-footer">
+Website source code <a href="https://github.com/hugo-next/hugo-theme-next/tree/develop/exampleSite/layouts/partials/custom-footer.html" target="_blank">here</a>
+</div>
+```
+
+再把该文件的路径配置到相应的参数中，效果请查看站点底部的效果。
+
+
+## 自定义样式
+
+在前面创建 `css` 目录中新一个后缀名为 `css` 的文件，然后可以在里面把站点的样式进行重定义，或是增加一些自己定义的样式设计，在写文章时进行引用，示例如下：
+
+```html
+.custom-head5 {
+  font-size: 1.2em;
+  color: #ed6c24;
+  font-weight: bold;
+}
+```
+
+再把该文件的路径配置到相应的参数中，效果参考如下：
+
+<span class="custom-head5">我是自定义的标题样式效果!!!</span>

exampleSite/content/post/emoji-support.md

@@ -7,13 +7,14 @@ date: 2022-06-04T19:46:45+08:00
 lastmod: 2022-06-04T19:46:45+08:00
 
 categories:
- - 示例
+ - 示例文章
+ - 语法
+
 tags:
  - 表情
  - emoji
 
-toc: false
-url: "post/emoji-support.html"
+url: "demo/emoji-support.html"
 ---
 
 Emoji 可以通过多种方式在 Hugo 项目中启用。

exampleSite/content/post/external-link.md

@@ -7,7 +7,7 @@ date: 2022-06-01T15:59:41+08:00
 lastmod: 2022-06-01T15:59:41+08:00
 
 categories:
- - 示例
+ - 示例文章
 tags:
  - Hugo
  - NexT
@@ -25,11 +25,11 @@ weight: 1
 
 
 
-# 用户指南
+## 用户指南
 
 设置 NexT 主题很容易。只需遵循文档，就可快速创建您的个人网站！
 
-# 反馈
+## 反馈
 
 - 访问 Awesome NexT 列表，与其他用户分享插件和教程。
 - 加入我们的 Gitter 聊天。

exampleSite/content/post/hello-world.md

@@ -6,12 +6,14 @@ lastmod: 2022-06-03T16:43:23+08:00
 date: 2022-06-02T11:52:03+08:00
 
 categories:
- - 博客
-tags:
- - Hugo
- - 开始
+- 开始建站
 
-url: post/hello-world.html
+tags:
+  - Hugo
+  - 开始
+
+url: demo/hello-world.html
+toc: true
 weight: 2
 ---
 

exampleSite/content/post/image-viewer.md

@@ -0,0 +1,40 @@
+---
+title: "图像浏览工具 "
+description: "默认会对文章内的图片， 进行图片浏览，点击图片可以查看大图，点击空白处可以关闭。"
+keywords: "image,图像,浏览器,相册"
+
+date: 2024-07-21T10:28:12+08:00
+lastmod: 2024-07-21T10:28:12+08:00
+
+categories:
+  - 示例文章
+
+tags:
+  - 图像
+  - 相册
+  - 浏览
+
+url: "demo/image-viewer.html"
+toc: false
+---
+
+本主题自带图像浏览器功能，支持对文章区域内出现的图片进行浏览，点击图片可以查看大图，点击空白处可以关闭。不需要配置任何参数，只要在文章里面相应的位置添加图片信息即可 。
+
+<!--more-->
+
+图像浏览器引用了 [fengyuanchen](https://fengyuanchen.github.io/) 开发的 [viewerjs](https://fengyuanchen.github.io/viewerjs/)，支持显示图像名称，尺寸，旋转，缩放，播放等功能。可点击如下的示例图像查看体验：
+
+## 动物
+
+![cute-scottish-fold-cat](/post/image-viewer/preview_cute-scottish-fold-cat.jpg)
+![scottish-fold-kitten](/post/image-viewer/preview_scottish-fold-kitten.jpg)
+![hourses](/post/image-viewer/preview_horses.jpg)
+![owl-family-background](/post/image-viewer/preview_owl-family-background.jpg)
+
+## 风景
+
+![luxury-resort-in-maldives](/post/image-viewer/preview_luxury-resort-in-maldives.jpg)
+![sea-shell](/post/image-viewer/preview_sea-shell.jpg)
+![the-arch-sunset](/post/image-viewer/preview_the-arch-sunset.jpg)
+![norway-autumn-landscape](/post/image-viewer/preview_norway-autumn-landscape.jpg)
+

exampleSite/content/post/markdown-syntax.md

@@ -7,17 +7,19 @@ lastmod: 2022-06-03T11:52:18+08:00
 publishDate: 2022-06-03T11:52:18+08:00
 
 author: Mainroad
-originLink: https://mainroad-demo.netlify.app/post/basic-elements/
+originLink: https://mainroad-demo.netlify.app/demo/basic-elements/
 
 categories:
- - 示例
+ - 示例文章
+ - Markdown语法
+ 
 tags:
  - Markdown
  - 语法
 
 toc: false
 draft: false
-url: post/markdown-syntax.html
+url: demo/markdown-syntax.html
 ---
 
 仅以此篇文章来测试下在 `NexT` 主题中在通过 `Hugo` 引擎来建站时，是否支持 `Markdown` 文件内容中所写的各种语法，并展示下实际的效果。
@@ -206,4 +208,4 @@ X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
 <mark>比特作为信息论中的信息单位，也被称为 shannon </mark>，以信息论领域的创始人 Claude shannon 的名字命名。
 
 参考：
-- 来自 **Mainroad** 主题的 [Basic Elements](https://mainroad-demo.netlify.app/post/basic-elements/) 内容
+- 来自 **Mainroad** 主题的 [Basic Elements](https://mainroad-demo.netlify.app/demo/basic-elements/) 内容

exampleSite/content/post/math-formula.md

@@ -0,0 +1,233 @@
+---
+title: "数学公式渲染"
+description: "主题支持mathjs和katex两种不同插件的数学公式渲染方案。"
+keywords: "math,formula"
+
+date: 2022-09-11T10:16:02+08:00
+lastmod: 2022-09-11T10:16:02+08:00
+
+categories:
+  - 第三方引入
+  - 数学公式
+tags:
+  - 数学公式
+  - mathjax
+  - katex
+
+
+url: "demo/math-formula.html"
+math: mathjax
+---
+
+本主题支持 `mathjax` 和 `katex` 两种不的方案支持数学公式的渲染，可根据自已的需求进行选择。
+
+<!--more-->
+
+接下的示例中，将使用 [MathJax](https://www.mathjax.org/) 方案来展示渲染效果。
+
+{{< note info >}}
+
+- 使用 `hugo new` 命令创建一篇新的文章
+- 可以全局启用数据公式渲染，请在项目配置参数 `math: katex` 或 `math: mathjax`
+- 或是将该参数配置到需要显示数学公式的页面头部（减少不必要的加载消耗）
+
+{{< /note >}}
+
+**注意：**  使用[支持的TeX功能](https://docs.mathjax.org/en/latest/input/tex/index.html)的联机参考资料。
+
+## 例子
+
+
+### 重复的分数
+$$
+\frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} \equiv 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots} } } }
+$$
+
+
+### 总和记号
+$$
+\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)
+$$
+
+
+### 几何级数之和
+我把接下来的两个例子分成了几行，这样它在手机上表现得更好。这就是为什么它们包含 `\displaystyle`。或者可使用类似 `\displaylines{x = a + b \\\ y = b + c}` 语法进行截断，具体信息可见：[mathjax-issues2312](https://github.com/mathjax/MathJax/issues/2312)
+
+$$
+\displaystyle\sum_{i=1}^{k+1}i
+$$
+
+$$
+\displaystyle= \left(\sum_{i=1}^{k}i\right) +(k+1)
+$$
+
+$$
+\displaystyle= \frac{k(k+1)}{2}+k+1
+$$
+
+$$
+\displaystyle= \frac{k(k+1)+2(k+1)}{2}
+$$
+
+$$
+\displaystyle= \frac{(k+1)(k+2)}{2}
+$$
+
+$$
+\displaystyle= \frac{(k+1)((k+1)+1)}{2}
+$$
+
+### 乘记号
+$$
+\displaystyle 1 + \frac{q^2}{(1-q)}+\frac{q^6}{(1-q)(1-q^2)}+\cdots = 
+$$
+
+$$
+\displaystyle \prod_{j=0}^{\infty}\frac{1}{(1-q^{5j+2})(1-q^{5j+3})}, 
+\displaystyle\text{ for }\lvert q\rvert < 1.
+$$
+
+
+### 随文数式
+这是一些线性数学: $$ k_{n+1} = n^2 + k_n^2 - k_{n-1} $$ ， 然后是更多的文本。
+
+
+### 希腊字母
+$$
+\displaylines{\Gamma\ \Delta\ \Theta\ \Lambda\ \Xi\ \Pi\ \Sigma\ \Upsilon\ \Phi\ \Psi\ \Omega
+\alpha\ \beta\ \gamma\ \delta\ \epsilon\ \zeta\ \\\\ \eta\ \theta\ \iota\ \kappa\ \lambda\ \mu\ \nu\ \xi \ \omicron\ \pi\ \rho\ \sigma\ \tau\ \upsilon\ \phi\ \chi\ \psi\ \omega\ \varepsilon\ \vartheta\ \varpi\ \varrho\ \varsigma\ \varphi}
+$$
+
+
+### 箭头
+$$
+\gets\ \to\ \leftarrow\ \rightarrow\ \uparrow\ \Uparrow\ \downarrow\ \Downarrow\ \updownarrow\ \Updownarrow
+$$
+
+$$
+\displaylines{\Leftarrow\ \Rightarrow\ \leftrightarrow\ \Leftrightarrow\ \mapsto\ \hookleftarrow
+\leftharpoonup\ \leftharpoondown\ \\\\\ \rightleftharpoons\ \longleftarrow\ \Longleftarrow\ \longrightarrow}
+$$
+
+$$
+\Longrightarrow\ \longleftrightarrow\ \Longleftrightarrow\ \longmapsto\ \hookrightarrow\ \rightharpoonup
+$$
+
+$$
+\rightharpoondown\ \leadsto\ \nearrow\ \searrow\ \swarrow\ \nwarrow
+$$
+
+
+## 符号
+$$
+\surd\ \barwedge\ \veebar\ \odot\ \oplus\ \otimes\ \oslash\ \circledcirc\ \boxdot\ \bigtriangleup
+$$
+
+$$
+\bigtriangledown\ \dagger\ \diamond\ \star\ \triangleleft\ \triangleright\ \angle\ \infty\ \prime\ \triangle
+$$
+
+
+### 微积分学
+$$
+\int u \frac{dv}{dx}\,dx=uv-\int \frac{du}{dx}v\,dx
+$$
+
+$$
+f(x) = \int_{-\infty}^\infty \hat f(\xi)\,e^{2 \pi i \xi x}
+$$
+
+$$
+\oint \vec{F} \cdot d\vec{s}=0
+$$
+
+
+### 洛伦茨方程
+$$
+\begin{aligned} \dot{x} & = \sigma(y-x) \\\\ \dot{y} & = \rho x - y - xz \\\\ \dot{z} & = -\beta z + xy \end{aligned}
+$$
+
+
+### 交叉乘积
+这在KaTeX中是可行的，但在这种环境中馏分的分离不是很好。
+
+$$
+\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix} \mathbf{i} & \mathbf{j} & \mathbf{k} \\\\ \frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\\\ \frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \end{vmatrix}
+$$
+
+这里有一个解决方案:使用“mfrac”类(在MathJax情况下没有区别)的额外类使分数更小:
+
+$$
+\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix} \mathbf{i} & \mathbf{j} & \mathbf{k} \\\\ \frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\\\ \frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \end{vmatrix}
+$$
+
+
+## 强调
+$$
+\hat{x}\ \vec{x}\ \ddot{x}
+$$
+
+
+### 有弹性的括号
+$$
+\left(\frac{x^2}{y^3}\right)
+$$
+
+
+### 评估范围
+$$
+\left.\frac{x^3}{3}\right|_0^1
+$$
+
+
+### 诊断标准
+$$
+f(n) = \begin{cases} \frac{n}{2}, & \text{if } n\text{ is even} \\\\ 3n+1, & \text{if } n\text{ is odd} \end{cases}
+$$
+
+
+### 麦克斯韦方程组
+$$
+\begin{aligned} \nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} & = \frac{4\pi}{c}\vec{\mathbf{j}} \\\\ \nabla \cdot \vec{\mathbf{E}} & = 4 \pi \rho \\\\ \nabla \times \vec{\mathbf{E}}\, +\, \frac1c\, \frac{\partial\vec{\mathbf{B}}}{\partial t} & = \vec{\mathbf{0}} \\\\ \nabla \cdot \vec{\mathbf{B}} & = 0 \end{aligned}
+$$
+
+
+## 统计学
+固定词组：
+
+$$
+\frac{n!}{k!(n-k)!} = {^n}C_k
+{n \choose k}
+$$
+
+### 分数在分数
+$$
+\frac{\frac{1}{x}+\frac{1}{y}}{y-z}
+$$
+
+
+### ｎ次方根
+$$
+\sqrt[n]{1+x+x^2+x^3+\ldots}
+$$
+
+
+### 矩阵
+$$
+\begin{pmatrix} a_{11} & a_{12} & a_{13}\\\\ a_{21} & a_{22} & a_{23}\\\\ a_{31} & a_{32} & a_{33} \end{pmatrix}
+\begin{bmatrix} 0 & \cdots & 0 \\\\ \vdots & \ddots & \vdots \\\\ 0 & \cdots & 0 \end{bmatrix}
+$$
+
+
+## 标点符号
+$$
+f(x) = \sqrt{1+x} \quad (x \ge -1)
+f(x) \sim x^2 \quad (x\to\infty)
+$$
+
+现在用标点符号:
+
+$$
+f(x) = \sqrt{1+x}, \quad x \ge -1
+f(x) \sim x^2, \quad x\to\infty
+$$

exampleSite/content/post/mermaid-charts.md

@@ -0,0 +1,196 @@
+---
+title: "Mermaid支持流程图"
+description: "mermaid-flow-chart"
+keywords: "mermaid,flow,chart"
+
+date: 2022-09-18T20:58:13+08:00
+lastmod: 2022-09-18T20:58:13+08:00
+
+categories:
+  - 第三方引入
+  - 图序功能
+tags:
+  - 流程图
+  - 时序图
+
+url: "demo/mermaid-charts.html"
+mermaid: true
+toc: true
+---
+
+
+本主题已支持 `Mermaid` 实现以纯文本的方式绘制流程图、序列图、甘特图、状态图、关系图行等等，随着 `Mermaid` 也在逐步发展，后续还会有各种各样的图被引入进来，更多的类型及使用方式可关注其官方网站：[https://mermaid-js.github.io/](https://mermaid-js.github.io/)。
+
+<!--more-->
+
+## 使用说明
+
+{{< note info >}}
+
+- 通过 `hugo new` 命令创建一篇新的文章
+- 在文章头部配置 `mermaid: true`
+- 使用短代码书写各种类型的图，自带2个参数： align（对齐） 和 bc（背景色），可参考如下使用示例
+
+{{< /note >}}
+
+## 流程图
+
+```shell
+{{</* mermaid align="left" */>}}
+graph TD;
+    A-->B;
+    A-->C;
+    B-->D;
+    C-->D;
+{{</* /mermaid */>}}
+```
+
+{{< mermaid align="left" >}}
+graph TD;
+    A-->B;
+    A-->C;
+    B-->D;
+    C-->D;
+{{< /mermaid >}}
+
+## 时序图
+
+```shell
+{{</* mermaid bc="#eee"  */>}}
+sequenceDiagram
+    participant Alice
+    participant Bob
+    Alice->>John: Hello John, how are you?
+    loop Healthcheck
+        John->>John: Fight against hypochondria
+    end
+    Note right of John: Rational thoughts <br/>prevail!
+    John-->>Alice: Great!
+    John->>Bob: How about you?
+    Bob-->>John: Jolly good!
+{{</* /mermaid */>}}
+```
+
+{{< mermaid bc="#eee" >}}
+sequenceDiagram
+    participant Alice
+    participant Bob
+    Alice->>John: Hello John, how are you?
+    loop Healthcheck
+        John->>John: Fight against hypochondria
+    end
+    Note right of John: Rational thoughts <br/>prevail!
+    John-->>Alice: Great!
+    John->>Bob: How about you?
+    Bob-->>John: Jolly good!
+{{< /mermaid >}}
+
+## 类图
+
+```shell
+{{</* mermaid */>}}
+classDiagram
+Class01 <|-- AveryLongClass : Cool
+Class03 *-- Class04
+Class05 o-- Class06
+Class07 .. Class08
+Class09 --> C2 : Where am i?
+Class09 --* C3
+Class09 --|> Class07
+Class07 : equals()
+Class07 : Object[] elementData
+Class01 : size()
+Class01 : int chimp
+Class01 : int gorilla
+Class08 <--> C2: Cool label
+{{</* /mermaid */>}}
+```
+{{< mermaid >}}
+classDiagram
+Class01 <|-- AveryLongClass : Cool
+Class03 *-- Class04
+Class05 o-- Class06
+Class07 .. Class08
+Class09 --> C2 : Where am i?
+Class09 --* C3
+Class09 --|> Class07
+Class07 : equals()
+Class07 : Object[] elementData
+Class01 : size()
+Class01 : int chimp
+Class01 : int gorilla
+Class08 <--> C2: Cool label
+{{< /mermaid >}}
+
+## 甘特图
+
+```shell
+{{</* mermaid */>}}
+gantt
+dateFormat  YYYY-MM-DD
+title Adding GANTT diagram to mermaid
+excludes weekdays 2014-01-10
+
+section A section
+Completed task            :done,    des1, 2014-01-06,2014-01-08
+Active task               :active,  des2, 2014-01-09, 3d
+Future task               :         des3, after des2, 5d
+Future task2               :         des4, after des3, 5d
+{{</* /mermaid */>}}
+```
+{{< mermaid >}}
+gantt
+dateFormat  YYYY-MM-DD
+title Adding GANTT diagram to mermaid
+excludes weekdays 2014-01-10
+
+section A section
+Completed task            :done,    des1, 2014-01-06,2014-01-08
+Active task               :active,  des2, 2014-01-09, 3d
+Future task               :         des3, after des2, 5d
+Future task2               :         des4, after des3, 5d
+{{< /mermaid >}}
+
+## 实体关系图
+
+```shell
+{{</* mermaid */>}}
+erDiagram
+    CUSTOMER ||--o{ ORDER : places
+    ORDER ||--|{ LINE-ITEM : contains
+    CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
+{{</* /mermaid */>}}
+```
+{{< mermaid >}}
+erDiagram
+    CUSTOMER ||--o{ ORDER : places
+    ORDER ||--|{ LINE-ITEM : contains
+    CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
+{{< /mermaid >}}
+
+## 用户旅程
+
+```shell
+{{</* mermaid */>}}
+journey
+    title My working day
+    section Go to work
+      Make tea: 5: Me
+      Go upstairs: 3: Me
+      Do work: 1: Me, Cat
+    section Go home
+      Go downstairs: 5: Me
+      Sit down: 5: Me
+{{</* /mermaid */>}}
+```
+{{< mermaid >}}
+journey
+    title My working day
+    section Go to work
+      Make tea: 5: Me
+      Go upstairs: 3: Me
+      Do work: 1: Me, Cat
+    section Go home
+      Go downstairs: 5: Me
+      Sit down: 5: Me
+{{< /mermaid >}}

exampleSite/content/post/no-header-title.md

@@ -0,0 +1,43 @@
+---
+title: "没有H1-6标题头和评论的文章"
+description: "用于测试在没有H1-6标题头时，文章的目录导航是否会直接关闭，并关闭评论功能。"
+keywords: "toc,header"
+
+date: 2022-10-06T09:02:26+08:00
+lastmod: 2022-10-30T21:03:16+08:00
+
+categories:
+  - 示例文章
+tags:
+  - toc
+  - 标题
+
+comment:
+  enable: false
+url: "demo/no-header-title.html"
+---
+
+刘慈欣2018克拉克奖获奖感言（部分内容节选）。
+
+> 用于测试在没有H1-6标题头时，文章的目录导航是否会直接关闭，并关闭评论功能。
+
+<!--more-->
+
+先生们、女士们，晚上好，
+
+很荣幸获得Clarke Award for Imagination in Service to Society Award。
+
+这个奖项是对想象力的奖励，而想象力是人类所拥有的一种似乎只应属于神的能力，它存在的意义也远超出我们的想象。有历史学家说过，人类之所以能够超越地球上的其它物种建立文明，主要是因为他们能够在自己的大脑中创造出现实中不存在的东西。在未来，当人工智能拥有超过人类的智力时，想象力也许是我们对于它们所拥有的惟一优势。
+
+科幻小说是基于想象力的文学，而最早给我留下深刻印象的是Arthur . Clarke的作品。除了Jules Verne和George Wells外，Clarke的作品是最早进入中国的西方现代科幻小说。在上世纪八十年代初，中国出版了他的《2001:A Space Odyssey》和《Rendezvous With Rama》。当时文革刚刚结束，旧的生活和信仰已经崩塌，新的还没有建立起来，我和其他年轻人一样，心中一片迷茫。这两本书第一次激活了我想象力，思想豁然开阔许多，有小溪流进大海的感觉。读完《2001:A Space Odyssey》的那天深夜，我走出家门仰望星空，那时的中国的天空还没有太多的污染，能够看到银河，在我的眼中，星空与过去完全不一样了，我第一次对宇宙的宏大与神秘产生了敬畏感，这是一种宗教般的感觉。而后来读到的《Rendezvous With Rama》，也让我惊叹如何可以用想象力构造一个栩栩如生的想象世界。正是Clarke带给我的这些感受，让我后来成为一名科幻作家。
+
+现在，三十多年过去了，我渐渐发现，我们这一代在上世纪六十年代出生于中国的人，很可能是人类历史上最幸运的人，因为之前没有任何一代人，像我们这样目睹周围的世界发生了如此巨大的变化，我们现在生活的世界，与我们童年的世界已经完全是两个不同的世界，而这种变化还在加速发生着。中国是一个充满着未来感的国度，中国的未来可能充满着挑战和危机，但从来没有像现在这样具有吸引力，这就给科幻小说提供了肥沃的土壤，使其在中国受到了空前的关注，作为一个在六十年代出生在中国的科幻小说家，则是幸运中的幸运。
+
+我期待有那么一天，像那些曾经描写过信息时代的科幻小说一样，描写太空航行的科幻小说也变的平淡无奇了，那时的火星和小行星带都是乏味的地方，有无数的人在那里谋生；木星和它众多的卫星已成为旅游胜地，阻止人们去那里的唯一障碍就是昂贵的价格。
+
+但即使在这个时候，宇宙仍是一个大的无法想象的存在，距我们最近的恒星仍然遥不可及。浩瀚的星空永远能够承载我们无穷的想象力。
+
+谢谢大家。
+
+
+> [点击阅读全文](https://weread.qq.com/web/reader/ce032b305a9bc1ce0b0dd2akecc32f3013eccbc87e4b62e)

exampleSite/content/post/shortcodes.md

@@ -0,0 +1,92 @@
+---
+title: "自定义短语示例"
+description: "将常用的块引用、标签卡、按钮等信息设置成短代码，便于快速引用"
+keywords: "shortcode,短代码"
+
+date: 2022-08-06T14:41:50+08:00
+lastmod: 2022-08-06T14:41:50+08:00
+
+categories:
+  - 示例文章
+  - 语法
+tags:
+  - 短代码
+  - 语法
+url: "demo/shortcodes.html"
+---
+
+虽然 `Markdown` 语法已经非常丰富能够满足我们写文章的绝大部分需求，但是为更好的对文章内容进行更友好的排版，为引设计一套自定义的短语，便于在使用时能够快速引用。
+
+<!--more-->
+
+## 块引用
+
+在引用一些经典名言名句时，可以采用此短语，语法参考如下：
+
+```markdown
+{{</* quote */>}}
+  ### block quote
+  写下你想表达的话语！
+{{</* /quote */>}}
+```
+
+实际效果：
+
+{{< quote >}}
+
+希望是无所谓有，无所谓无的，这正如地上的路。
+
+
+其实地上本没有路，走的人多了，也便成了路。
+
+**鲁迅**
+
+{{< /quote >}}
+
+## 信息块
+
+支持 `default`，`info`，`success`，`warning`，`danger` 等五种不同效果的展示，语法参考如下：
+
+```markdown
+{{</* note [class] [no-icon] */>}}
+  书写表达的信息
+  支持 Markdown 语法
+{{</* /note */>}}
+```
+
+实际效果：
+
+{{< note default no-icon >}}
+  ### Default Header without icon
+  **Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
+{{< /note >}}
+
+{{< note default >}}
+  ### Default Header
+  **Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
+{{< /note >}}
+
+{{< note primary >}}
+  ### Primary Header
+  **Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
+{{< /note >}}
+
+{{< note info >}}
+  ### Info Header
+  **Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
+{{< /note >}}
+
+{{< note success >}}
+  ### Success Header
+  **Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
+{{< /note >}}
+
+{{< note warning >}}
+  ### Warning Header
+  **Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
+{{< /note >}}
+
+{{< note danger >}}
+  ### Danger Header
+  **Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
+{{< /note >}}

exampleSite/content/post/syntax-highlighting.md

@@ -7,13 +7,14 @@ date: 2022-06-07T19:09:52+08:00
 lastmod: 2022-06-07T19:09:52+08:00
 
 categories:
- - 示例
+ - 示例文章
+ - 语法
 tags:
   - 语法
   - 高亮
   - Chroma
 
-url: post/syntax-highlighting.html
+url: demo/syntax-highlighting.html
 ---
 
 Hugo 通过 Chroma 提供非常快速的语法高亮显示，现 Hugo 中使用 Chroma 作为代码块高亮支持，它内置在 Go 语言当中，速度是真的非常、非常快，而且最为重要的是它也兼容之前我们使用的 Pygments 方式。
@@ -22,9 +23,9 @@ Hugo 通过 Chroma 提供非常快速的语法高亮显示，现 Hugo 中使用
 
 <!--more-->
 
-# 编程语言
+## 编程语言
 
-## GO
+### GO
 
 {{< highlight go "linenos=table,hl_lines=8 15-17,linenostart=199" >}}
 
@@ -41,7 +42,7 @@ func GetTitleFunc(style string) func(s string) string {
 
 {{< / highlight >}}
 
-## Java
+### Java
 
 ```java
 import javax.swing.JFrame;  //Importing class JFrame
@@ -58,15 +59,15 @@ public class HelloWorld {
 }
 ```
 
-## Python
+### Python
 
 ``` python
 print "Hello, world!"
 ```
 
-## Git 对比
+### Git 对比
 
-``` diff {hl_lines=[4,"6-7"]， linenos=true}
+```diff {hl_lines=[4,"6-7"], linenos=true}
 *** /path/to/original ''timestamp''
 --- /path/to/new  ''timestamp''
 ***************
@@ -92,9 +93,9 @@ It is important to spell
 +new line
 ```
 
-# 文件
+## 文件
 
-## Make 文件
+### Make 文件
 
 ``` makefile {linenos=false}
 CC=gcc
@@ -104,7 +105,7 @@ hellomake: hellomake.o hellofunc.o
      $(CC) -o hellomake hellomake.o hellofunc.o -I.
 ```
 
-## Markdown 文档
+### Markdown 文档
 
 ``` markdown
 **bold**
@@ -112,9 +113,9 @@ hellomake: hellomake.o hellofunc.o
 [link](www.example.com)
 ```
 
-# 数据内容
+## 数据内容
 
-## JSON 数据
+### JSON 数据
 
 ``` json
 {"employees":[
@@ -122,7 +123,7 @@ hellomake: hellomake.o hellofunc.o
 ]}
 ```
 
-## XML 内容
+### XML 内容
 
 ``` xml
 <employees>
@@ -132,7 +133,7 @@ hellomake: hellomake.o hellofunc.o
 </employees>
 ```
 
-## SQL 查询
+### SQL 查询
 
 {{< highlight sql >}}
 

exampleSite/content/post/table-of-content.md

@@ -7,14 +7,14 @@ date: 2022-06-08T21:12:52+08:00
 lastmod: 2022-06-08T21:12:52+08:00
 
 categories:
- - 示例
+ - 示例文章
 tags:
   - 目录
   - 导航
   - 博客
 
 toc: true
-url: post/table-of-content.html
+url: demo/table-of-content.html
 ---
 
 巴顿将军说过：“衡量一个人是否成功，不是看他站到顶峰，而是从顶峰跌落之后的反弹力”，褚时健的人生便是如此，中年发家致富，名利双收，之后又跌落到谷底，等到74岁再创业，10年后带着褚橙归来，东山再起收获亿万财富，他的发展轨迹就是反弹的过程。
@@ -23,38 +23,48 @@ url: post/table-of-content.html
 
 ![禇老](https://wfqqreader-1252317822.image.myqcloud.com/cover/568/814568/t6_814568.jpg)
 
-# 早年的故事
+## 早年的故事
 
-## 起始
+### 起始
 
 2014年的春天，在云南省华宁县和宜良县的交界处，一座名叫矣则的小山村里，一处已经有上百年历史的古旧四合院宅子被拆掉。村委会正带领村民们进行“美丽乡村”的建设，一年以后，旧有村居将再也看不到，代之而起的是钢筋混凝土的新式民居。就像10年、20年前中国大小城市的改造一样，这个群山围绕的小村子也开始陷入“工地模式”。
 
-### 童年浪花
+#### 童年浪花
 
 在江河边长大的孩子几乎都有一个当仁不让的特长：善水。褚时健也不例外，他不仅从小就在南盘江和花鱼塘里扑腾出了上佳的游泳技术，五六岁已经可以一个猛子扎出老远，而且从七八岁就可以在南盘江和河滩上的鱼塘里捉鱼了。
 
-## 少年故事
+### 少年故事
 
 褚时健在乡村自由自在生活的十多年，其实正是中国社会风雨飘摇的十多年。特别是1937年卢沟桥事变后，日本人发动全面侵华战争，短短两三年间，中国的大部分国土相继沦陷
 
-# 激情的青春十年
+## 激情的青春十年
 
-## 当上了游击队员
+### 当上了游击队员
 
 1948年夏天，褚时健回乡，在禄丰车站小学做了一名老师，同时也和褚时仁、褚时杰一起继续保持与共产党组织的联系，做一些传递情报的工作
 
-### 战火纷飞
+#### 战火纷飞
 
 因为战斗力相较悬殊，所以游击队只能是靠打一枪换一个地方的办法，专找敌人薄弱的地方攻击，但更多时候，都是在防御和转移阵地。
 
-# 生活的断层
+### 迎来解放
 
-## 跌入生活底层
+1949年12月，国民党云南省主席卢汉在昆明宣布起义，云南正式拉开解放的序幕。1950年2月20日，陈赓、宋任穷、周保中率解放军第二野战军第四兵团进入昆明，24日，陈赓宣布云南全境解放。
+
+## 生活的断层
+
+### 跌入生活底层
 
 “反右”运动中被打倒的人在“右派”身份确定后，只有一条路可走：下放到农场。农场名副其实，就是干农活儿的地方，必须过和农民一样的生活。
 
-# 尾声
+## 尾声
 
-## 岁月像一条河
+### 岁月像一条河
 
-2015年，是褚时健和马静芬结婚60周年，被称为“钻石婚”的纪念年份。这简直是一份人生的奖赏,在中国离婚率愈益升高的当下，60年的婚姻，几乎就像一个前世之梦。一个甲子的相伴相随，褚时健和马静芬共同经历了国家和个人的各种风浪，共同面对过生死。他们两人已经不仅是夫妻，更是一对战友。尽管马静芬偶尔会对褚时健年轻时候的粗心抱怨上两句，但说到最后，她会说一句：“没有我就没有他，没有他也就没有我。”
+2015年，是褚时健和马静芬结婚60周年，被称为“钻石婚”的纪念年份。这简直是一份人生的奖赏,在中国离婚率愈益升高的当下，60年的婚姻，几乎就像一个前世之梦。一个甲子的相伴相随，褚时健和马静芬共同经历了国家和个人的各种风浪，共同面对过生死。他们两人已经不仅是夫妻，更是一对战友。尽管马静芬偶尔会对褚时健年轻时候的粗心抱怨上两句，但说到最后，她会说一句：“没有我就没有他，没有他也就没有我。”
+
+## 作者致谢
+
+这本书从2014年初夏开始采访，到今天完稿，历时18个月。封面上“作者”只能是我一个人的名字，但也只有我自己知道，这本书，包含了太多人的心力和体力。我当然首先要致谢王石先生，没有他就没有这本书。我自己细想下来，没有王石先生一直的鞭策和鼓励，也没有我写作工作的今天。从2006年我开始从事专业写作工作以来，他给我创造了很多写作的机会，并且不吝自己诸多人生和学习的体会和感悟，一一传递予我。知遇之恩，感谢非常。
+
+最后，我当然要把最大的感谢致予褚时健先生。不仅是因为他慷慨、坦率面对我的各种提问，更重要的是，在倾听他的故事的过程里，他繁盛的人生经历，他的强大生命力，他对生活、对事业的一片赤子之心，也丰富了我对自己人生的思考。

exampleSite/data/flinks.yaml

@@ -0,0 +1,37 @@
+# 友情链接
+# Friend's links
+
+- FLinksTitle: 官方示例
+  FLinksDesc: 来自主题官方的示例内容。
+  FLinksList:
+    - name: Hugo
+      desc: 世界上最快的网站建设框架！
+      avatar: https://gohugo.io/favicon-32x32.png
+      link: https://gohugo.io
+      timeout: 2
+      visible: true
+
+    - name: Hugo-NexT
+      desc: Hugo NexT 官方预览网站。
+      avatar: https://hugo-next.eu.org/imgs/hugo_next_avatar.png
+      link: https://hugo-next.eu.org
+      timeout: 2
+      visible: true
+
+    - name: 凡梦星尘空间站
+      desc: 再平凡的人也有属于他的梦想！
+      avatar: https://elkan1788.github.io/imgs/avatar.png
+      link: https://lisenhui.cn
+      timeout: 2
+      visible: true
+
+    
+- FLinksTitle: Hugo NexT 粉丝群体
+  FLinksDesc: 来自 Hugo NexT 主题爱好者们的精彩呈现！
+  FLinksList:
+    - name: 阿哈吉
+      desc: 全网首个 Hugo NexT 忠实粉丝用户
+      avatar: https://a.happy2008.top/imgs/stayhome-small.png
+      link: https://a.happy2008.top/
+      timeout: 2
+      visible: true

exampleSite/layouts/partials/custom_footer.html

@@ -0,0 +1,3 @@
+<div class="custom-footer">
+Website source code <a href="https://github.com/hugo-next/hugo-theme-next/blob/develop/exampleSite/layouts/partials/custom_footer.html" target="_blank">here</a>
+</div>

exampleSite/layouts/partials/custom_sidebar.html

@@ -0,0 +1,3 @@
+<div class="mydefined animated" itemprop="custom">
+  <span>支持自定义CSS和Sidebar布局啦💄💄💄</span>
+</div>

exampleSite/startup.sh

@@ -20,4 +20,4 @@ EOT
 
 next `cat ../VERSION`
 
-hugo server -D -t ../.. --port 1414 --panicOnWarning --config config.dev.yaml
+hugo server -t ../.. --port 1414 --panicOnWarning --config config.yaml

exampleSite/static/css/custom_style.css

@@ -0,0 +1,16 @@
+/** Custom style defined file **/
+
+.mydefined {
+  font-size: 0.65em;
+  color: #ed6c24;
+}
+
+.custom-footer {
+  color: #ed6c24;
+}
+
+.custom-head5 {
+  font-size: 1.2em;
+  color: #ed6c24;
+  font-weight: bold;
+}

go.mod

@@ -0,0 +1,3 @@
+module github.com/hugo-next/hugo-theme-next
+
+go 1.18

hugo-theme-next.go

@@ -0,0 +1 @@
+package hugothemenext

i18n/en.yaml

@@ -18,126 +18,119 @@ CateTitle:
 AllSome:
   other: "All {{ .Some }}"
 
-NavToggleLabel:
-  other: Toggle navigation bar
 
-MSearchLabel:
-  other: Search
+Symbol:
+  colon: ":"
+  comma: ","
+  period: "."
 
-SymbolColon:
-  other: ":"
-SymbolComma:
-  other: ","
-SymbolPeriod:
-  other: "."
+Sidebar:
+  label:
+    posts: Posts
+    categories: Categories
+    tags: Tags
+    rss: RSS
+    ccommons: "Creative Commons"
+    toc: TOC
+    overview: Overview
+    navToggle: "Toggle Navigation Bar"
+    search: Search
 
-SbPostsLable:
-  other: "Posts"
-SbCatesTitle:
-  other: "Categories"
-SbTagsTitle:
-  other: "Tags"
-TableOfContents:
-  other: "TOC"
-SiteOverview:
-  other: "Overview"
-RSSLable:
-  other: "RSS Subscribe"
-CCLinkTitle:
-  other: "Creative Commons"
-BackTopLabel:
-  other: "Top"
+Terms:
+  archives: "{{ .Count }} posts in total"
+  categories: "{{ .Count }} categories in total"
+  tags: "{{ .Count }} tags in total"
 
-TagsCounterTitle:
-  zero: No tags
-  other: "{{ .Count }} tags in total"
-CatesCounterTitle:
-  zero: No categories
-  other: "{{ .Count }} categories in total"
-ArchiveCounterTitle:
-  zero: No posts.
-  other: "{{ .Count }} posts in total"
+PostArchive:
+  cheers:
+    um: Um...
+    ok: Ok
+    nice: Nice
+    good: Good
+    great: Greate
+    excellent: Excellent
+  keepOn: Keep on posting.╰(*°▽°*)╯
 
-PostArchiveCheersUm:
-  other: Um..
-PostArchiveCheersOk:
-  other: Ok
-PostArchiveCheersNice:
-  other: Nice
-PostArchiveCheersGood:
-  other: Good
-PostArchiveCheersGreat:
-  other: Great
-PostArchiveCheersExcellent:
-  other: Excellent
-PostArchiveKeepOn:
-  other: Keep on posting.╰(*°▽°*)╯
+PostMeta:
+  sticky: Stickys
+  publish:
+    date: "Publish on"
+    time: "Create Time"
+  lastmod:
+    date: "Update on"
+    time: "Modify Time"
+  category: "Classify at"
+  words: 
+    title: Words
+    count: "{{- .WordCount -}}"
+  reading:
+    title: Read
+    time: "{{- .ReadingTime -}}mins"
+  views: Views
+  comments: Comments
+  tags: Tags
+  more: "Read More"
+  edit: "Edit this post"
 
-PostStickyTitle:
-  other: Strickys
-PostPublishDate:
-  other: "Publish on"
-PostPublishTime:
-  other: "Create Time"
-PostLastModDate:
-  other: "Update on"
-PostLastModTime:
-  other: "Modify Time"
-PostCategory:
-  other: "Classify at"
-PostWords:
-  other: "Words"
-PostWordCount:
-  other: "{{- .WordCount -}}"
-PostReading:
-  other: "Read"
-PostReadTime:
-  other: "{{- .ReadingTime -}}min"
-PostViews:
-  other: "Views"
-PostTag:
-  other: "Tags"
-PostReadMore:
-  other: "Read More"
-PostEditTitle:
-  other: Edit this post
+Reward:
+  title: Donate
+  wechatpay: WechatPay
+  alipay: Alipay
+  paypal: Paypal
+  bitcoin: Bitcoin
 
-PostCRTitle:
-  other: Post Title
-PostCRAuthor:
-  other: Post Author
-PostCRLink:
-  other: Post Link
-PostCROriginAuthor:
-  other: Written By
-PostCROriginLink:
-  other: Originally From
-PostCRLicenseTitle:
-  other: Copyright Notice
-PostCRLicenseContent:
-  other: "All articles in this blog are licensed under <i class=\"fab fa-fw fa-creative-commons\"></i>%s unless stating additionally."
+PostCopyRight:
+  title:  Post Title
+  author:  Post Author
+  link: Post Link
+  origin:
+    author: Written By
+    link: Originally From
+  license:
+    title: Copyright Notice
+    content: "All articles in this blog are licensed under <i class=\"fab fa-fw fa-creative-commons\"></i>%s unless stating additionally."
 
 PostFollowMe:
   other: Welcome to my other publishing channels
 
-RewardDonate:
-  other: Donate
-RewardWechatpay:
-  other: Wechat Pay
-RewardAlipay:
-  other: Alipay
-RewardPaypal:
-  other: PayPal
-RewardBitcoin:
-  other: Bitcoin
+PostComments:
+  title: Comments
 
-PostCommentTitle:
-  other: Comments
+SiteInfoItems:
+  title: "Web Status"
+  runTimes: "Running:"
+  words: "Words:"
+  readTimes: "ReadTime:"
+  visitors: "Visitors:"
+  pageViews: "Views:"
+  todayViews: "Today Views:"
+  yesterdayViews: "Yesterday Views:"
+  monthViews: "Month Views:"
+  totalViews: "Total Views"
+  lastUpdate: "Last Update:"
 
-VisitorsLabel:
-  other: Total Visitors
-PageViewsLabel:
-  other: Total Page Views
+Footer:
+  powerby: "Power by %s"
 
-FooterPowerby:
-  other: "Power by %s"
+Search:
+  placeholder: Searching...
+  empty: "We didn't find any results for the search: ${query}"
+  hits: "${hits} results found"
+  time: "${hits} results found in ${time} ms"
+
+DateSuffix:
+  years: " Year "
+  days: " Day "
+  hours: " Hour "
+  mins: " Min"
+  month: " Month Ago"
+  day: " Day Ago"
+  hour: " Hour Ago"
+  min: " Min Ago"
+  just: "Just"
+
+ToolBtns:
+  comment: "Go to Comment"
+  theme: "Change Theme"
+  lang: "Multilingual translation"
+  backTop: "Back to Top"

i18n/fr.yaml

@@ -0,0 +1,136 @@
+#--------------------------------------
+# French Version
+#--------------------------------------
+archives:
+  other: Billets
+tag:
+  other: Tag
+tags:
+  other: Tags
+TagTitle:
+  other: Liste des Tags
+category:
+  other: Categorie
+categories:
+  other: Categories
+CateTitle:
+  other: Classification des items
+AllSome:
+  other: "Total :{{ .Some }}" 
+
+
+Symbol:
+  colon: ":"
+  comma: ","
+  period: "."
+
+Sidebar:
+  label:
+    posts: Billets
+    categories: Categories
+    tags: Tags
+    rss: RSS
+    ccommons: "Creative Commons"
+    toc: Sommaire
+    overview: "Présentation"
+    navToggle: "Fermer/Ouvrire la bar de navigation"
+    search: Chercher
+
+Terms:
+  archives: "{{ .Count }} Billets au total"
+  categories: "{{ .Count }} Categories au total"
+  tags: "{{ .Count }} Tags au total"
+
+PostArchive:
+  cheers:
+    um: Hum...
+    ok: Ok
+    nice: Cool
+    good: Bien
+    great: Génial
+    excellent: Excellent
+  keepOn: Continue de publier.╰(*°▽°*)╯
+
+PostMeta:
+  sticky: Stickys
+  publish:
+    date: "Publié le "
+    time: "Date de création"
+  lastmod:
+    date: "Mise à jour le "
+    time: "Modifié le "
+  category: "Classé comme "
+  words:
+    title: Nb. Mots
+    count: "{{- .WordCount -}}"
+  reading:
+    title: "Lectures "
+    time: "{{- .ReadingTime -}} mins"
+  views: Vues
+  comments: Commentaires
+  tags: Tags
+  more: "Lire la suite"
+  edit: "Editer ce billet"
+
+Reward:
+  title: Donner
+  wechatpay: WechatPay
+  alipay: Alipay
+  paypal: Paypal
+  bitcoin: Bitcoin
+
+PostCopyRight:
+  title:  Titre du billet
+  author: Autheur du billet
+  link: Lien du billet
+  origin:
+    author: Écrit par
+    link: Originellement de
+  license:
+    title: Note de Copyright
+    content: "Tous les articles sont sous licence <i class=\"fab fa-fw fa-creative-commons\"></i>%s."
+
+PostFollowMe:
+  other: "Autres réseaux sociaux"
+
+PostComments:
+  title: Commentaires
+
+SiteInfoItems:
+  title: "Statistiques"
+  runTimes: "En cours:"
+  words: "Nb. Mots:"
+  readTimes: "Temps de lecture: "
+  visitors: "Visiteurs: "
+  pageViews: "Vues: "
+  todayViews: "Nombre de vues du jour: "
+  yesterdayViews: "Nombre de vues d'hier: "
+  monthViews: "Vues du mois: "
+  totalViews: "Total des vues: "
+  lastUpdate: "Dernière mise à jour: "
+
+Footer:
+  powerby: "Fait par %s"
+
+Search:
+  placeholder: Recherche...
+  empty: "Nous n'avons pas trouvé ce que vous cherchiez pour : ${query}"
+  hits: "${hits} resultats trouvés"
+  time: "${hits} resultats trouvés en ${time} ms"
+
+DateSuffix:
+  years: " Années"
+  days: " Jours"
+  hours: " Heures"
+  mins: " Minutes"
+  month: " Mois"
+  day: " Jour"
+  hour: " Heur"
+  min: " Minute"
+  just: "A l'instant"
+
+ToolBtns:
+  comment: "Commenter"
+  theme: "Changer le theme"
+  lang: "Traduction Multilingue"
+  backTop: "Remonter"

i18n/zh-cn.yaml

@@ -19,126 +19,118 @@ CateTitle:
 AllSome:
   other: "所有 {{ .Some }}"
 
-NavToggleLabel:
-  other: 切换导航栏
+Symbol:
+  colon: "："
+  comma: "，"
+  period: "。"
 
-MSearchLabel:
-  other: 搜索
+Sidebar:
+  label:
+    posts: 日志
+    categories: 分类
+    tags: 标签
+    rss: RSS 订阅
+    ccommons: 共享知识
+    toc: 文章目录
+    overview: 站点概览
+    navToggle: 切换导航栏
+    search: 搜索
 
-SymbolColon:
-  other: "："
-SymbolComma:
-  other: "，"
-SymbolPeriod:
-  other: "。"
- 
-SbPostsLable:
-  other: 日志
-SbCatesTitle:
-  other: 分类
-SbTagsTitle:
-  other: 标签
-TableOfContents:
-  other: 文章目录
-SiteOverview:
-  other: 站点概览
-RSSLable:
-  other: RSS 订阅
-CCLinkTitle:
-  other: 共享知识
-BackTopLabel:
-  other: 返回顶部
+Terms:
+  archives: "目前共计 <strong>{{ .Count }}</strong> 篇日志"
+  categories: "目前共计 <strong>{{ .Count }}</strong> 个分类"
+  tags: "目前共计 <strong>{{ .Count }}</strong> 个标签"
 
-TagsCounterTitle:
-  zero: 暂无标签
-  other: "目前共计 <strong>{{ .Count }}</strong> 个标签"
-CatesCounterTitle:
-  zero: 暂无分类
-  other: "目前共计 <strong>{{ .Count }}</strong> 个分类"
-ArchiveCounterTitle:
-  zero: 暂无日志
-  other: "目前共计 <strong>{{ .Count }}</strong> 篇日志"
+PostArchive:
+  cheers:
+    um: 嗯..
+    ok: 还行
+    nice: 不错
+    good: 很好
+    great: 非常好
+    excellent: 太棒了
+  keepOn: 继续努力哟。╰(*°▽°*)╯
 
-PostArchiveCheersUm:
-  other: 嗯..
-PostArchiveCheersOk:
-  other: 还行
-PostArchiveCheersNice:
-  other: 不错
-PostArchiveCheersGood:
-  other: 很好
-PostArchiveCheersGreat:
-  other: 非常好
-PostArchiveCheersExcellent:
-  other: 太棒了
-PostArchiveKeepOn:
-  other: 继续努力哟。╰(*°▽°*)╯
+PostMeta:
+  sticky: 置顶
+  publish:
+    date: 发表于
+    time: 创建时间
+  lastmod:
+    date: 更新于
+    time: 修改时间
+  category: 分类于
+  words: 
+    title: 字数
+    count: "{{- .WordCount -}}"
+  reading:
+    title: 阅读
+    time: "{{- .ReadingTime -}}分钟"
+  views: 浏览
+  comments: 评论
+  tags: 标签
+  more: 阅读全文
+  edit: 编辑
 
-PostStickyTitle:
-  other: 置顶
-PostPublishDate:
-  other: 发表于
-PostPublishTime:
-  other: 创建时间
-PostLastModDate:
-  other: 更新于
-PostLastModTime:
-  other: 修改时间
-PostCategory:
-  other: "分类于"
-PostWords:
-  other: 字数
-PostWordCount:
-  other: "{{- .WordCount -}}"
-PostReading:
-  other: 阅读
-PostReadTime:
-  other: "{{- .ReadingTime -}}分钟"
-PostViews:
-  other: 浏览
-PostTags:
-  other: 标签
-PostReadMore:
-  other: 阅读全文
-PostEditTitle:
-  other: 编辑
+Reward:
+  title: 赞赏
+  wechatpay: 微信
+  alipay: 支付宝
+  paypal: Paypal
+  bitcoin: 比特币
 
-PostCRTitle:
-  other: 文章标题
-PostCRAuthor:
-  other: 本文作者
-PostCRLink:
-  other: 本文链接
-PostCROriginAuthor:
-  other: 原文作者
-PostCROriginLink:
-  other: 原文链接
-PostCRLicenseTitle:
-  other: 版权声明
-PostCRLicenseContent:
-  other: "本博客所有文章除特别声明外，均采用 <i class=\"fab fa-fw fa-creative-commons\"></i>%s 许可协议。转载请注明出处！"
+PostCopyRight:
+  title: 文章标题
+  author: 本文作者
+  link: 本文链接
+  origin:
+    author: 原文作者
+    link: 原文链接
+  license:
+    title: 版权声明
+    content: "本博客所有文章除特别声明外，均采用 <i class=\"fab fa-fw fa-creative-commons\"></i>%s 许可协议。转载请注明出处！"
 
 PostFollowMe:
   other: 欢迎关注我的其它发布渠道
 
-RewardDonate:
-  other: 赞赏
-RewardWechatpay:
-  other: 微信
-RewardAlipay:
-  other: 支付宝
-RewardPaypal:
-  other: PayPal
-RewardBitcoin:
-  other: 比特币
+PostComments:
+  title: 评论交流
 
-PostCommentTitle:
-  other: 评论交流
+SiteInfoItems:
+  title: "网站资讯"
+  runTimes: "已运行："
+  words: "总字数："
+  readTimes: "阅读约："
+  visitors: "总访客数："
+  pageViews: "页面浏览："
+  todayViews: "今日访问："
+  yesterdayViews: "昨日访问："
+  monthViews: "本月访问："
+  totalViews: "总访问量："
+  lastUpdate: "最后更新于："
 
-VisitorsLabel:
-  other: 总访客量
-PageViewsLabel:
-  other: 总访问量
+Footer:
+  powerby: 由 %s 强力驱动
 
-FooterPowerby:
-  other: 由 %s 强力驱动
+Search:
+  placeholder: 搜索...
+  empty: "没有找到任何搜索结果：${query}"
+  hits: "找到 ${hits} 个搜索结果"
+  time: "找到 ${hits} 个搜索结果（用时 ${time} 毫秒）"
+
+DateSuffix:
+  years: " 年 "
+  days: " 天 "
+  hours: " 小时 "
+  mins: " 分钟"
+  month: " 个月前"
+  day: " 天前"
+  hour: " 小时前"
+  min: " 分钟前"
+  just: "刚刚"
+
+ToolBtns:
+  comment: "直达评论"
+  theme: "深浅模式切换"
+  lang: "多语言翻译"
+  backTop: "返回顶部"

i18n/zh-tw.yaml

@@ -0,0 +1,136 @@
+#--------------------------------------
+# 繁體版本
+#--------------------------------------
+
+archives:
+  other: 文章
+tag:
+  other: 標籤
+tags:
+  other: 標籤
+TagTitle:
+  other: 標籤集錦
+category:
+  other: 分類
+categories:
+  other: 分類
+CateTitle:
+  other: 分類欄目
+AllSome:
+  other: "所有 {{ .Some }}"
+
+Symbol:
+  colon: "："
+  comma: "，"
+  period: "。"
+
+Sidebar:
+  label:
+    posts: 日誌
+    categories: 分類
+    tags: 標籤
+    rss: RSS 訂閱
+    ccommons: 共享知識
+    toc: 文章目錄
+    overview: 站點概覽
+    navToggle: 切換導航欄
+    search: 搜索
+
+Terms:
+  archives: "目前共計 <strong>{{ .Count }}</strong> 篇日誌"
+  categories: "目前共計 <strong>{{ .Count }}</strong> 個分類"
+  tags: "目前共計 <strong>{{ .Count }}</strong> 個標籤"
+
+PostArchive:
+  cheers:
+    um: 嗯..
+    ok: 還行
+    nice: 不错
+    good: 很好
+    great: 非常好
+    excellent: 太棒了
+  keepOn: 繼續努力喲。╰(*°▽°*)╯
+
+PostMeta:
+  sticky: 置頂
+  publish:
+    date: 發表於
+    time: 創建時間
+  lastmod:
+    date: 更新於
+    time: 修改時間
+  category: 分類於
+  words: 
+    title: 字數
+    count: "{{- .WordCount -}}"
+  reading:
+    title: 閱讀
+    time: "{{- .ReadingTime -}}分鐘"
+  views: 瀏覽
+  comments: 評論
+  tags: 標籤
+  more: 閱讀全文
+  edit: 編輯
+
+Reward:
+  title: 讚賞
+  wechatpay: 微信
+  alipay: 支付寶
+  paypal: Paypal
+  bitcoin: 比特幣
+
+PostCopyRight:
+  title: 文章標題
+  author: 本文作者
+  link: 本文鏈接
+  origin:
+    author: 原文作者
+    link: 原文鏈接
+  license:
+    title: 版權聲明
+    content: "本博客所有文章除特別聲明外，均採用 <i class=\"fab fa-fw fa-creative-commons\"></i>%s 許可協議。轉載請註明出處！"
+
+PostFollowMe:
+  other: 歡迎關注我的其它發布渠道
+
+PostCommentTitle:
+  other: 評論交流
+
+SiteInfoItems:
+  title: "網站資訊"
+  runTimes: "已運行："
+  words: "總字數："
+  readTimes: "閱讀約："
+  visitors: "總訪客數："
+  pageViews: "頁面瀏覽："
+  todayViews: "今日訪問："
+  yesterdayViews: "昨日訪問："
+  monthViews: "本月訪問："
+  totalViews: "總訪問量："
+  lastUpdate: "最後更新於："
+
+FooterPowerby:
+  other: 由 %s 強力驅動
+
+Search:
+  placeholder: 搜索...
+  empty: "沒有找到任何搜索結果：${query}"
+  hits: "找到 ${hits} 個搜索結果"
+  time: "找到 ${hits} 個搜索結果（用時 ${time} 毫秒）"
+
+DateSuffix:
+  years: " 年 "
+  days: " 天 "
+  hours: " 小時 "
+  mins: " 分鐘"
+  month: " 個月前"
+  day: " 天前"
+  hour: " 小時前"
+  min: " 分鐘前"
+  just: "剛剛"
+
+ToolBtns:
+  comment: "直達評論"
+  theme: "深淺模式切換"
+  lang: "多語言翻譯"
+  backTop: "返回頂部"

layouts/_default/_markup/render-heading.html

@@ -0,0 +1,3 @@
+<h{{ .Level }} id="{{ .Anchor | safeURL }}">{{ .Text | safeHTML }}
+<a class="header-anchor" href="#{{ .Anchor | safeURL }}"></a>
+</h{{ .Level }}>

layouts/_default/_markup/render-image.html

@@ -0,0 +1 @@
+<img src="/imgs/img-lazy-loading.gif" data-src="{{ .Destination | safeURL }}" alt="{{ .Text }}" {{ with .Title}} title="{{ . }}"{{ end }} />

layouts/_default/_markup/render-link.html

@@ -1,7 +1,7 @@
-{{- $extURL := and .Page.Site.Params.exturl.enable (strings.HasPrefix .Destination "http") }}
+{{ $extURL := and .Page.Site.Params.exturl.enable (strings.HasPrefix .Destination "http") }}
 <a href="{{ .Destination | safeURL }}" title="{{ .Text }}" {{ if $extURL }}rel="noopener external nofollow noreferrer" target="_blank" class=" exturl"{{ end }}>
     {{ .Text | safeHTML }}
-    {{- if and $extURL .Page.Site.Params.exturl.icon }}
+    {{ if and $extURL .Page.Site.Params.exturl.icon }}
     <i class="fa fa-external-link-alt"></i>
-    {{- end }}
+    {{ end }}
 </a>

layouts/_default/baseof.html

@@ -1,11 +1,13 @@
-{{- range $k, $v := (partialCached "init.html" .) -}}
-  {{- $.Scratch.Set $k $v -}}
-{{- end -}}
+{{ range $k, $v := (partialCached "init.html" .) }}
+{{ $.Scratch.Set $k $v }}
+{{ end }}
+{{ $isComment := .Params.comment.enable | default .Site.Params.comments.enable }}
+{{ .Scratch.Set "isComment" $isComment }}
 <!DOCTYPE html>
-<html lang="{{ .Site.LanguageCode }}">
+<html lang="{{ .Site.LanguageCode }}" data-theme="{{ .Scratch.Get "theme" }}">
 
 <head>
-  {{- partial "head.html" . }}
+  {{ partial "head.html" . }}
   <title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
   <noscript>
     <link rel="stylesheet" href="/css/noscript.css">
@@ -17,30 +19,30 @@
   <main class="main">
     <header class="header" itemscope itemtype="http://schema.org/WPHeader">
       <div class="header-inner">
-        {{- partial "header.html" . }}
+        {{ partial "header.html" . }}
       </div>
       <!-- Sidebar -->
-      {{- if ne .Site.Params.sidebar.display "remove" }}
-      {{- partial "sidebar.html" . }}
-      {{- end }}
+      {{ if ne .Site.Params.sidebar.display "remove" }}
+      {{ partial "sidebar.html" . }}
+      {{ end }}
     </header>
     <!-- Widgets -->
     {{ partial "widgets.html" . }}
     <div class="main-inner {{ block "main_inner_class" . }}{{ end }}">
       <!-- Submenu,Content,Comment -->
-      {{- block "main" . }}{{- end }}
-      {{- if .IsPage }}
-        {{- partialCached "comments.html" . }}
-      {{- end }}
+      {{ block "main" . }}{{ end }}
+      {{ if and .IsPage $isComment }}
+        {{ partialCached "comments.html" . }}
+      {{ end }}
     </div>
   </main>
   <footer class="footer">
     <div class="footer-inner">
-      {{- partialCached "footer.html" . }}
+      {{ partialCached "footer.html" . }}
     </div>
   </footer>
 
-  {{- partialCached "scripts.html" . }}
+  {{ partial "scripts.html" . }}
 </body>
 
 </html>