This commit is contained in:
Jerry
2025-02-16 20:38:17 +08:00
parent 1f3ea55890
commit f605e6dc89
210 changed files with 16126 additions and 16118 deletions

BIN
.DS_Store vendored Normal file

Binary file not shown.

View File

@@ -1,83 +1,83 @@
name: Bug report name: Bug report
description: Create a report to help us improve description: Create a report to help us improve
title: '[Bug]: ' title: '[Bug]: '
body: body:
- type: markdown - type: markdown
attributes: attributes:
value: | value: |
重要:請依照該模板來提交 重要:請依照該模板來提交
Important: Please follow the template to create a new issue Important: Please follow the template to create a new issue
- type: input - type: input
id: butterfly-ver id: butterfly-ver
attributes: attributes:
label: 使用的 Butterfly 版本? | What version of Butterfly are you using? label: 使用的 Butterfly 版本? | What version of Butterfly are you using?
description: 檢視主題的 package.json | Check the theme's package.json description: 檢視主題的 package.json | Check the theme's package.json
validations: validations:
required: true required: true
- type: dropdown - type: dropdown
id: modify id: modify
attributes: attributes:
label: 是否修改過主題文件? | Has the theme files been modified? label: 是否修改過主題文件? | Has the theme files been modified?
options: options:
- 是 (Yes) - 是 (Yes)
- 否 (No) - 否 (No)
validations: validations:
required: true required: true
- type: dropdown - type: dropdown
id: browser id: browser
attributes: attributes:
label: 使用的瀏覽器? | What browser are you using? label: 使用的瀏覽器? | What browser are you using?
options: options:
- Chrome - Chrome
- Edge - Edge
- Safari - Safari
- Opera - Opera
- Other - Other
validations: validations:
required: true required: true
- type: dropdown - type: dropdown
id: platform id: platform
attributes: attributes:
label: 使用的系統? | What operating system are you using? label: 使用的系統? | What operating system are you using?
options: options:
- Windows - Windows
- macOS - macOS
- Linux - Linux
- Android - Android
- iOS - iOS
- Other - Other
validations: validations:
required: true required: true
- type: textarea - type: textarea
id: dependencies id: dependencies
attributes: attributes:
label: 依賴插件 | Package dependencies information label: 依賴插件 | Package dependencies information
description: 在 Hexo 根目錄下執行 `npm ls --depth 0` | Run `npm ls --depth 0` in Hexo root directory description: 在 Hexo 根目錄下執行 `npm ls --depth 0` | Run `npm ls --depth 0` in Hexo root directory
render: Text render: Text
validations: validations:
required: true required: true
- type: textarea - type: textarea
id: description id: description
attributes: attributes:
label: 問題描述 | Describe the bug label: 問題描述 | Describe the bug
description: 請描述你的問題現象 | A clear and concise description of what the bug is. description: 請描述你的問題現象 | A clear and concise description of what the bug is.
placeholder: 請儘量提供截圖來定位問題 | If applicable, add screenshots to help explain your problem placeholder: 請儘量提供截圖來定位問題 | If applicable, add screenshots to help explain your problem
value: value:
validations: validations:
required: true required: true
- type: input - type: input
id: website id: website
attributes: attributes:
label: 出現問題的網站 | Website with the issue label: 出現問題的網站 | Website with the issue
description: 請提供可復現問題的網站地址 | Please provide a website URL where the problem can be reproduced. description: 請提供可復現問題的網站地址 | Please provide a website URL where the problem can be reproduced.
placeholder: 請填寫具體的網址,不要填寫 localhost 網站 | Please provide a specific URL, do not use localhost. placeholder: 請填寫具體的網址,不要填寫 localhost 網站 | Please provide a specific URL, do not use localhost.
validations: validations:
required: true required: true

View File

@@ -1,18 +1,18 @@
blank_issues_enabled: false blank_issues_enabled: false
contact_links: contact_links:
- name: Questions about Butterfly - name: Questions about Butterfly
url: https://github.com/jerryc127/hexo-theme-butterfly/discussions url: https://github.com/jerryc127/hexo-theme-butterfly/discussions
about: 一些使用問題請到 Discussion 詢問。 Please ask questions in Discussion. about: 一些使用問題請到 Discussion 詢問。 Please ask questions in Discussion.
- name: Butterfly Q&A - name: Butterfly Q&A
url: https://butterfly.js.org/posts/98d20436/ url: https://butterfly.js.org/posts/98d20436/
about: Butterfly Q&A about: Butterfly Q&A
- name: Telegram - name: Telegram
url: https://t.me/bu2fly url: https://t.me/bu2fly
about: 'Official Telegram Group' about: 'Official Telegram Group'
- name: QQ 群 - name: QQ 群
url: https://jq.qq.com/?_wv=1027&k=KU9105XR url: https://jq.qq.com/?_wv=1027&k=KU9105XR
about: '群號 1070540070' about: '群號 1070540070'

View File

@@ -1,14 +1,14 @@
name: Feature request name: Feature request
description: Suggest an idea for this project description: Suggest an idea for this project
title: '[Feature]: ' title: '[Feature]: '
body: body:
- type: textarea - type: textarea
id: feature-request id: feature-request
attributes: attributes:
label: 想要的功能 | What feature do you want? label: 想要的功能 | What feature do you want?
description: 請描述你需要的新功能 | A clear and concise description of what the feature is. description: 請描述你需要的新功能 | A clear and concise description of what the feature is.
placeholder: placeholder:
value: value:
validations: validations:
require: true require: true

View File

@@ -1,19 +1,19 @@
name: npm publish name: npm publish
on: on:
release: release:
types: [created] types: [created]
jobs: jobs:
build: build:
runs-on: ubuntu-latest runs-on: ubuntu-latest
steps: steps:
- uses: actions/checkout@v2 - uses: actions/checkout@v2
# Setup .npmrc file to publish to npm # Setup .npmrc file to publish to npm
- uses: actions/setup-node@v1 - uses: actions/setup-node@v1
with: with:
node-version: '12.x' node-version: '12.x'
registry-url: 'https://registry.npmjs.org' registry-url: 'https://registry.npmjs.org'
- run: npm install - run: npm install
- run: npm publish - run: npm publish
env: env:
NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

View File

@@ -1,19 +1,19 @@
name: 'Close stale issues and PRs' name: 'Close stale issues and PRs'
on: on:
schedule: schedule:
- cron: '30 1 * * *' - cron: '30 1 * * *'
jobs: jobs:
stale: stale:
runs-on: ubuntu-latest runs-on: ubuntu-latest
steps: steps:
- uses: actions/stale@v5 - uses: actions/stale@v5
with: with:
days-before-issue-stale: 30 days-before-issue-stale: 30
days-before-pr-stale: -1 days-before-pr-stale: -1
days-before-close: 7 days-before-close: 7
stale-issue-message: 'This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.' stale-issue-message: 'This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.'
close-pr-message: 'This issue has not seen any activity since it was marked stale. Closing.' close-pr-message: 'This issue has not seen any activity since it was marked stale. Closing.'
stale-issue-label: 'Stale' stale-issue-label: 'Stale'
exempt-issue-labels: 'pinned,bug,enhancement,documentation,Plan' exempt-issue-labels: 'pinned,bug,enhancement,documentation,Plan'
operations-per-run: 1000 operations-per-run: 1000

402
LICENSE
View File

@@ -1,202 +1,202 @@
Apache License Apache License
Version 2.0, January 2004 Version 2.0, January 2004
http://www.apache.org/licenses/ http://www.apache.org/licenses/
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
1. Definitions. 1. Definitions.
"License" shall mean the terms and conditions for use, reproduction, "License" shall mean the terms and conditions for use, reproduction,
and distribution as defined by Sections 1 through 9 of this document. and distribution as defined by Sections 1 through 9 of this document.
"Licensor" shall mean the copyright owner or entity authorized by "Licensor" shall mean the copyright owner or entity authorized by
the copyright owner that is granting the License. the copyright owner that is granting the License.
"Legal Entity" shall mean the union of the acting entity and all "Legal Entity" shall mean the union of the acting entity and all
other entities that control, are controlled by, or are under common other entities that control, are controlled by, or are under common
control with that entity. For the purposes of this definition, control with that entity. For the purposes of this definition,
"control" means (i) the power, direct or indirect, to cause the "control" means (i) the power, direct or indirect, to cause the
direction or management of such entity, whether by contract or direction or management of such entity, whether by contract or
otherwise, or (ii) ownership of fifty percent (50%) or more of the otherwise, or (ii) ownership of fifty percent (50%) or more of the
outstanding shares, or (iii) beneficial ownership of such entity. outstanding shares, or (iii) beneficial ownership of such entity.
"You" (or "Your") shall mean an individual or Legal Entity "You" (or "Your") shall mean an individual or Legal Entity
exercising permissions granted by this License. exercising permissions granted by this License.
"Source" form shall mean the preferred form for making modifications, "Source" form shall mean the preferred form for making modifications,
including but not limited to software source code, documentation including but not limited to software source code, documentation
source, and configuration files. source, and configuration files.
"Object" form shall mean any form resulting from mechanical "Object" form shall mean any form resulting from mechanical
transformation or translation of a Source form, including but transformation or translation of a Source form, including but
not limited to compiled object code, generated documentation, not limited to compiled object code, generated documentation,
and conversions to other media types. and conversions to other media types.
"Work" shall mean the work of authorship, whether in Source or "Work" shall mean the work of authorship, whether in Source or
Object form, made available under the License, as indicated by a Object form, made available under the License, as indicated by a
copyright notice that is included in or attached to the work copyright notice that is included in or attached to the work
(an example is provided in the Appendix below). (an example is provided in the Appendix below).
"Derivative Works" shall mean any work, whether in Source or Object "Derivative Works" shall mean any work, whether in Source or Object
form, that is based on (or derived from) the Work and for which the form, that is based on (or derived from) the Work and for which the
editorial revisions, annotations, elaborations, or other modifications editorial revisions, annotations, elaborations, or other modifications
represent, as a whole, an original work of authorship. For the purposes represent, as a whole, an original work of authorship. For the purposes
of this License, Derivative Works shall not include works that remain of this License, Derivative Works shall not include works that remain
separable from, or merely link (or bind by name) to the interfaces of, separable from, or merely link (or bind by name) to the interfaces of,
the Work and Derivative Works thereof. the Work and Derivative Works thereof.
"Contribution" shall mean any work of authorship, including "Contribution" shall mean any work of authorship, including
the original version of the Work and any modifications or additions the original version of the Work and any modifications or additions
to that Work or Derivative Works thereof, that is intentionally to that Work or Derivative Works thereof, that is intentionally
submitted to Licensor for inclusion in the Work by the copyright owner submitted to Licensor for inclusion in the Work by the copyright owner
or by an individual or Legal Entity authorized to submit on behalf of or by an individual or Legal Entity authorized to submit on behalf of
the copyright owner. For the purposes of this definition, "submitted" the copyright owner. For the purposes of this definition, "submitted"
means any form of electronic, verbal, or written communication sent means any form of electronic, verbal, or written communication sent
to the Licensor or its representatives, including but not limited to to the Licensor or its representatives, including but not limited to
communication on electronic mailing lists, source code control systems, communication on electronic mailing lists, source code control systems,
and issue tracking systems that are managed by, or on behalf of, the and issue tracking systems that are managed by, or on behalf of, the
Licensor for the purpose of discussing and improving the Work, but Licensor for the purpose of discussing and improving the Work, but
excluding communication that is conspicuously marked or otherwise excluding communication that is conspicuously marked or otherwise
designated in writing by the copyright owner as "Not a Contribution." designated in writing by the copyright owner as "Not a Contribution."
"Contributor" shall mean Licensor and any individual or Legal Entity "Contributor" shall mean Licensor and any individual or Legal Entity
on behalf of whom a Contribution has been received by Licensor and on behalf of whom a Contribution has been received by Licensor and
subsequently incorporated within the Work. subsequently incorporated within the Work.
2. Grant of Copyright License. Subject to the terms and conditions of 2. Grant of Copyright License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual, this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable worldwide, non-exclusive, no-charge, royalty-free, irrevocable
copyright license to reproduce, prepare Derivative Works of, copyright license to reproduce, prepare Derivative Works of,
publicly display, publicly perform, sublicense, and distribute the publicly display, publicly perform, sublicense, and distribute the
Work and such Derivative Works in Source or Object form. Work and such Derivative Works in Source or Object form.
3. Grant of Patent License. Subject to the terms and conditions of 3. Grant of Patent License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual, this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable worldwide, non-exclusive, no-charge, royalty-free, irrevocable
(except as stated in this section) patent license to make, have made, (except as stated in this section) patent license to make, have made,
use, offer to sell, sell, import, and otherwise transfer the Work, use, offer to sell, sell, import, and otherwise transfer the Work,
where such license applies only to those patent claims licensable where such license applies only to those patent claims licensable
by such Contributor that are necessarily infringed by their by such Contributor that are necessarily infringed by their
Contribution(s) alone or by combination of their Contribution(s) Contribution(s) alone or by combination of their Contribution(s)
with the Work to which such Contribution(s) was submitted. If You with the Work to which such Contribution(s) was submitted. If You
institute patent litigation against any entity (including a institute patent litigation against any entity (including a
cross-claim or counterclaim in a lawsuit) alleging that the Work cross-claim or counterclaim in a lawsuit) alleging that the Work
or a Contribution incorporated within the Work constitutes direct or a Contribution incorporated within the Work constitutes direct
or contributory patent infringement, then any patent licenses or contributory patent infringement, then any patent licenses
granted to You under this License for that Work shall terminate granted to You under this License for that Work shall terminate
as of the date such litigation is filed. as of the date such litigation is filed.
4. Redistribution. You may reproduce and distribute copies of the 4. Redistribution. You may reproduce and distribute copies of the
Work or Derivative Works thereof in any medium, with or without Work or Derivative Works thereof in any medium, with or without
modifications, and in Source or Object form, provided that You modifications, and in Source or Object form, provided that You
meet the following conditions: meet the following conditions:
(a) You must give any other recipients of the Work or (a) You must give any other recipients of the Work or
Derivative Works a copy of this License; and Derivative Works a copy of this License; and
(b) You must cause any modified files to carry prominent notices (b) You must cause any modified files to carry prominent notices
stating that You changed the files; and stating that You changed the files; and
(c) You must retain, in the Source form of any Derivative Works (c) You must retain, in the Source form of any Derivative Works
that You distribute, all copyright, patent, trademark, and that You distribute, all copyright, patent, trademark, and
attribution notices from the Source form of the Work, attribution notices from the Source form of the Work,
excluding those notices that do not pertain to any part of excluding those notices that do not pertain to any part of
the Derivative Works; and the Derivative Works; and
(d) If the Work includes a "NOTICE" text file as part of its (d) If the Work includes a "NOTICE" text file as part of its
distribution, then any Derivative Works that You distribute must distribution, then any Derivative Works that You distribute must
include a readable copy of the attribution notices contained include a readable copy of the attribution notices contained
within such NOTICE file, excluding those notices that do not within such NOTICE file, excluding those notices that do not
pertain to any part of the Derivative Works, in at least one pertain to any part of the Derivative Works, in at least one
of the following places: within a NOTICE text file distributed of the following places: within a NOTICE text file distributed
as part of the Derivative Works; within the Source form or as part of the Derivative Works; within the Source form or
documentation, if provided along with the Derivative Works; or, documentation, if provided along with the Derivative Works; or,
within a display generated by the Derivative Works, if and within a display generated by the Derivative Works, if and
wherever such third-party notices normally appear. The contents wherever such third-party notices normally appear. The contents
of the NOTICE file are for informational purposes only and of the NOTICE file are for informational purposes only and
do not modify the License. You may add Your own attribution do not modify the License. You may add Your own attribution
notices within Derivative Works that You distribute, alongside notices within Derivative Works that You distribute, alongside
or as an addendum to the NOTICE text from the Work, provided or as an addendum to the NOTICE text from the Work, provided
that such additional attribution notices cannot be construed that such additional attribution notices cannot be construed
as modifying the License. as modifying the License.
You may add Your own copyright statement to Your modifications and You may add Your own copyright statement to Your modifications and
may provide additional or different license terms and conditions may provide additional or different license terms and conditions
for use, reproduction, or distribution of Your modifications, or for use, reproduction, or distribution of Your modifications, or
for any such Derivative Works as a whole, provided Your use, for any such Derivative Works as a whole, provided Your use,
reproduction, and distribution of the Work otherwise complies with reproduction, and distribution of the Work otherwise complies with
the conditions stated in this License. the conditions stated in this License.
5. Submission of Contributions. Unless You explicitly state otherwise, 5. Submission of Contributions. Unless You explicitly state otherwise,
any Contribution intentionally submitted for inclusion in the Work any Contribution intentionally submitted for inclusion in the Work
by You to the Licensor shall be under the terms and conditions of by You to the Licensor shall be under the terms and conditions of
this License, without any additional terms or conditions. this License, without any additional terms or conditions.
Notwithstanding the above, nothing herein shall supersede or modify Notwithstanding the above, nothing herein shall supersede or modify
the terms of any separate license agreement you may have executed the terms of any separate license agreement you may have executed
with Licensor regarding such Contributions. with Licensor regarding such Contributions.
6. Trademarks. This License does not grant permission to use the trade 6. Trademarks. This License does not grant permission to use the trade
names, trademarks, service marks, or product names of the Licensor, names, trademarks, service marks, or product names of the Licensor,
except as required for reasonable and customary use in describing the except as required for reasonable and customary use in describing the
origin of the Work and reproducing the content of the NOTICE file. origin of the Work and reproducing the content of the NOTICE file.
7. Disclaimer of Warranty. Unless required by applicable law or 7. Disclaimer of Warranty. Unless required by applicable law or
agreed to in writing, Licensor provides the Work (and each agreed to in writing, Licensor provides the Work (and each
Contributor provides its Contributions) on an "AS IS" BASIS, Contributor provides its Contributions) on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
implied, including, without limitation, any warranties or conditions implied, including, without limitation, any warranties or conditions
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
PARTICULAR PURPOSE. You are solely responsible for determining the PARTICULAR PURPOSE. You are solely responsible for determining the
appropriateness of using or redistributing the Work and assume any appropriateness of using or redistributing the Work and assume any
risks associated with Your exercise of permissions under this License. risks associated with Your exercise of permissions under this License.
8. Limitation of Liability. In no event and under no legal theory, 8. Limitation of Liability. In no event and under no legal theory,
whether in tort (including negligence), contract, or otherwise, whether in tort (including negligence), contract, or otherwise,
unless required by applicable law (such as deliberate and grossly unless required by applicable law (such as deliberate and grossly
negligent acts) or agreed to in writing, shall any Contributor be negligent acts) or agreed to in writing, shall any Contributor be
liable to You for damages, including any direct, indirect, special, liable to You for damages, including any direct, indirect, special,
incidental, or consequential damages of any character arising as a incidental, or consequential damages of any character arising as a
result of this License or out of the use or inability to use the result of this License or out of the use or inability to use the
Work (including but not limited to damages for loss of goodwill, Work (including but not limited to damages for loss of goodwill,
work stoppage, computer failure or malfunction, or any and all work stoppage, computer failure or malfunction, or any and all
other commercial damages or losses), even if such Contributor other commercial damages or losses), even if such Contributor
has been advised of the possibility of such damages. has been advised of the possibility of such damages.
9. Accepting Warranty or Additional Liability. While redistributing 9. Accepting Warranty or Additional Liability. While redistributing
the Work or Derivative Works thereof, You may choose to offer, the Work or Derivative Works thereof, You may choose to offer,
and charge a fee for, acceptance of support, warranty, indemnity, and charge a fee for, acceptance of support, warranty, indemnity,
or other liability obligations and/or rights consistent with this or other liability obligations and/or rights consistent with this
License. However, in accepting such obligations, You may act only License. However, in accepting such obligations, You may act only
on Your own behalf and on Your sole responsibility, not on behalf on Your own behalf and on Your sole responsibility, not on behalf
of any other Contributor, and only if You agree to indemnify, of any other Contributor, and only if You agree to indemnify,
defend, and hold each Contributor harmless for any liability defend, and hold each Contributor harmless for any liability
incurred by, or claims asserted against, such Contributor by reason incurred by, or claims asserted against, such Contributor by reason
of your accepting any such warranty or additional liability. of your accepting any such warranty or additional liability.
END OF TERMS AND CONDITIONS END OF TERMS AND CONDITIONS
APPENDIX: How to apply the Apache License to your work. APPENDIX: How to apply the Apache License to your work.
To apply the Apache License to your work, attach the following To apply the Apache License to your work, attach the following
boilerplate notice, with the fields enclosed by brackets "[]" boilerplate notice, with the fields enclosed by brackets "[]"
replaced with your own identifying information. (Don't include replaced with your own identifying information. (Don't include
the brackets!) The text should be enclosed in the appropriate the brackets!) The text should be enclosed in the appropriate
comment syntax for the file format. We also recommend that a comment syntax for the file format. We also recommend that a
file or class name and description of purpose be included on the file or class name and description of purpose be included on the
same "printed page" as the copyright notice for easier same "printed page" as the copyright notice for easier
identification within third-party archives. identification within third-party archives.
Copyright [yyyy] [name of copyright owner] Copyright [yyyy] [name of copyright owner]
Licensed under the Apache License, Version 2.0 (the "License"); Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License. you may not use this file except in compliance with the License.
You may obtain a copy of the License at You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0 http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS, distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and See the License for the specific language governing permissions and
limitations under the License. limitations under the License.

234
README.md
View File

@@ -1,117 +1,117 @@
<div align="right"> <div align="right">
<a title="Chinese" href="/README_CN.md">中文</a> <a title="Chinese" href="/README_CN.md">中文</a>
</div> </div>
<div align="center"> <div align="center">
<img src="./source/img/butterfly-icon.png" width="150" height="150" /> <img src="./source/img/butterfly-icon.png" width="150" height="150" />
# hexo-theme-butterfly # hexo-theme-butterfly
![master version](https://img.shields.io/github/package-json/v/jerryc127/hexo-theme-butterfly/master?color=%231ab1ad&label=master) ![master version](https://img.shields.io/github/package-json/v/jerryc127/hexo-theme-butterfly/master?color=%231ab1ad&label=master)
![master version](https://img.shields.io/github/package-json/v/jerryc127/hexo-theme-butterfly/dev?label=dev) ![master version](https://img.shields.io/github/package-json/v/jerryc127/hexo-theme-butterfly/dev?label=dev)
![https://img.shields.io/npm/v/hexo-theme-butterfly?color=%09%23bf00ff](https://img.shields.io/npm/v/hexo-theme-butterfly?color=%09%23bf00ff) ![https://img.shields.io/npm/v/hexo-theme-butterfly?color=%09%23bf00ff](https://img.shields.io/npm/v/hexo-theme-butterfly?color=%09%23bf00ff)
![hexo version](https://img.shields.io/badge/hexo-5.3.0+-0e83c) ![hexo version](https://img.shields.io/badge/hexo-5.3.0+-0e83c)
![license](https://img.shields.io/github/license/jerryc127/hexo-theme-butterfly?color=FF5531) ![license](https://img.shields.io/github/license/jerryc127/hexo-theme-butterfly?color=FF5531)
📢 Demo: [Butterfly](https://butterfly.js.org/) / [CrazyWong](https://blog.crazywong.com/) 📢 Demo: [Butterfly](https://butterfly.js.org/) / [CrazyWong](https://blog.crazywong.com/)
📖 Docs: [English](https://butterfly.js.org/en/posts/butterfly-docs-en-get-started/) / [Chinese](https://butterfly.js.org/posts/21cfbf15/) 📖 Docs: [English](https://butterfly.js.org/en/posts/butterfly-docs-en-get-started/) / [Chinese](https://butterfly.js.org/posts/21cfbf15/)
![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/theme-butterfly-readme.png) ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/theme-butterfly-readme.png)
</div> </div>
--- ---
## 💻 Installation ## 💻 Installation
### GIT ### GIT
> If you are in Mainland China, you can download in [Gitee](https://gitee.com/immyw/hexo-theme-butterfly.git) > If you are in Mainland China, you can download in [Gitee](https://gitee.com/immyw/hexo-theme-butterfly.git)
Stable branch [recommend]: Stable branch [recommend]:
``` ```
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
``` ```
Dev branch: Dev branch:
``` ```
git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
``` ```
### NPM ### NPM
> It supports Hexo 5.0.0 or later > It supports Hexo 5.0.0 or later
In Hexo site root directory In Hexo site root directory
```powershell ```powershell
npm i hexo-theme-butterfly npm i hexo-theme-butterfly
``` ```
## ⚙ Configuration ## ⚙ Configuration
Set theme in the hexo work folder's root config file `_config.yml`: Set theme in the hexo work folder's root config file `_config.yml`:
> theme: butterfly > theme: butterfly
If you don't have pug & stylus renderer, try this: If you don't have pug & stylus renderer, try this:
> npm install hexo-renderer-pug hexo-renderer-stylus > npm install hexo-renderer-pug hexo-renderer-stylus
## 🎉 Features ## 🎉 Features
- [x] Card UI Design - [x] Card UI Design
- [x] Rounded Design/Squared Design - [x] Rounded Design/Squared Design
- [X] Support sub-menu - [X] Support sub-menu
- [x] Two-column layout - [x] Two-column layout
- [x] Responsive Web Design - [x] Responsive Web Design
- [x] Dark Mode - [x] Dark Mode
- [x] Pjax - [x] Pjax
- [x] Read Mode - [x] Read Mode
- [x] Conversion between Traditional and Simplified Chinese - [x] Conversion between Traditional and Simplified Chinese
- [X] TOC catalog is available for both computers and mobile phones - [X] TOC catalog is available for both computers and mobile phones
- [X] Built-in Syntax Highlighting Themes (darker/pale night/light/ocean), also support customization - [X] Built-in Syntax Highlighting Themes (darker/pale night/light/ocean), also support customization
- [X] Code Blocks (Display code language/close or expand Code Blocks/Copy Button/word wrap) - [X] Code Blocks (Display code language/close or expand Code Blocks/Copy Button/word wrap)
- [X] Disable copy/Add a Copyright Notice to the Copied Text - [X] Disable copy/Add a Copyright Notice to the Copied Text
- [X] Search (Algolia Search/Local Search) - [X] Search (Algolia Search/Local Search)
- [x] Mathjax and Katex - [x] Mathjax and Katex
- [x] Built-in 404 page - [x] Built-in 404 page
- [x] WordCount - [x] WordCount
- [x] Related articles - [x] Related articles
- [x] Displays outdated notice for a post - [x] Displays outdated notice for a post
- [x] Share (Sharejs/Addtoany) - [x] Share (Sharejs/Addtoany)
- [X] Comment (Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/artalk) - [X] Comment (Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/artalk)
- [x] Multiple Comment System Support - [x] Multiple Comment System Support
- [x] Online Chats (Chatra/Tidio/Crisp) - [x] Online Chats (Chatra/Tidio/Crisp)
- [x] Web analytics - [x] Web analytics
- [x] Google AdSense - [x] Google AdSense
- [x] Webmaster Verification - [x] Webmaster Verification
- [x] Change website colour scheme - [x] Change website colour scheme
- [x] Typewriter Effect: activate_power_mode - [x] Typewriter Effect: activate_power_mode
- [x] Background effects (Canvas ribbon/canvas_ribbon_piao/canvas_nest) - [x] Background effects (Canvas ribbon/canvas_ribbon_piao/canvas_nest)
- [x] Mouse click effects (Fireworks/Heart/Text) - [x] Mouse click effects (Fireworks/Heart/Text)
- [x] Preloader/Loading Animation/pace.js - [x] Preloader/Loading Animation/pace.js
- [x] Busuanzi visitor counter - [x] Busuanzi visitor counter
- [x] Medium Zoom/Fancybox - [x] Medium Zoom/Fancybox
- [x] Mermaid - [x] Mermaid
- [x] Chart.js - [x] Chart.js
- [x] Justified Gallery - [x] Justified Gallery
- [x] Lazyload images - [x] Lazyload images
- [x] Instantpage/Snackbar notification toast/PWA...... - [x] Instantpage/Snackbar notification toast/PWA......
## ✨ Contributors ## ✨ Contributors
<a href="https://github.com/jerryc127/hexo-theme-butterfly/graphs/contributors"> <a href="https://github.com/jerryc127/hexo-theme-butterfly/graphs/contributors">
<img src="https://contrib.rocks/image?repo=jerryc127/hexo-theme-butterfly" /> <img src="https://contrib.rocks/image?repo=jerryc127/hexo-theme-butterfly" />
</a> </a>
## 📷 Screenshots ## 📷 Screenshots
![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-1.jpg) ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-1.jpg)
![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-2.jpg) ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-2.jpg)
![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-3.jpg) ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-3.jpg)
![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-4.jpg) ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-4.jpg)

View File

@@ -1,117 +1,117 @@
<div align="right"> <div align="right">
<a title="English" href="/README.md">English</a> <a title="English" href="/README.md">English</a>
</div> </div>
<div align="center"> <div align="center">
<img src="./source/img/butterfly-icon.png" width="150" height="150" /> <img src="./source/img/butterfly-icon.png" width="150" height="150" />
# hexo-theme-butterfly # hexo-theme-butterfly
![master version](https://img.shields.io/github/package-json/v/jerryc127/hexo-theme-butterfly/master?color=%231ab1ad&label=master) ![master version](https://img.shields.io/github/package-json/v/jerryc127/hexo-theme-butterfly/master?color=%231ab1ad&label=master)
![master version](https://img.shields.io/github/package-json/v/jerryc127/hexo-theme-butterfly/dev?label=dev) ![master version](https://img.shields.io/github/package-json/v/jerryc127/hexo-theme-butterfly/dev?label=dev)
![https://img.shields.io/npm/v/hexo-theme-butterfly?color=%09%23bf00ff](https://img.shields.io/npm/v/hexo-theme-butterfly?color=%09%23bf00ff) ![https://img.shields.io/npm/v/hexo-theme-butterfly?color=%09%23bf00ff](https://img.shields.io/npm/v/hexo-theme-butterfly?color=%09%23bf00ff)
![hexo version](https://img.shields.io/badge/hexo-5.3.0+-0e83c) ![hexo version](https://img.shields.io/badge/hexo-5.3.0+-0e83c)
![license](https://img.shields.io/github/license/jerryc127/hexo-theme-butterfly?color=FF5531) ![license](https://img.shields.io/github/license/jerryc127/hexo-theme-butterfly?color=FF5531)
📢 預覽: [Butterfly](https://butterfly.js.org/) / [CrazyWong](https://blog.crazywong.com/) 📢 預覽: [Butterfly](https://butterfly.js.org/) / [CrazyWong](https://blog.crazywong.com/)
📖 文檔: [中文](https://butterfly.js.org/posts/21cfbf15/) / [English](https://butterfly.js.org/en/posts/butterfly-docs-en-get-started/) 📖 文檔: [中文](https://butterfly.js.org/posts/21cfbf15/) / [English](https://butterfly.js.org/en/posts/butterfly-docs-en-get-started/)
![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/theme-butterfly-readme.png) ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/theme-butterfly-readme.png)
</div> </div>
--- ---
## 💻 安裝 ## 💻 安裝
### Git 安裝 ### Git 安裝
> 本倉庫同時上傳到 [Gitee](https://gitee.com/immyw/hexo-theme-butterfly.git),如果你訪問 Github 緩慢,可從 Gitee 中下載。 > 本倉庫同時上傳到 [Gitee](https://gitee.com/immyw/hexo-theme-butterfly.git),如果你訪問 Github 緩慢,可從 Gitee 中下載。
在博客根目錄裡安裝穩定版【推薦】 在博客根目錄裡安裝穩定版【推薦】
```powershell ```powershell
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
``` ```
如果想要安裝比較新的dev分支可以 如果想要安裝比較新的dev分支可以
```powershell ```powershell
git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
``` ```
### npm 安裝 ### npm 安裝
> 此方法只支持Hexo 5.0.0以上版本 > 此方法只支持Hexo 5.0.0以上版本
在博客根目錄裡 在博客根目錄裡
```powershell ```powershell
npm i hexo-theme-butterfly npm i hexo-theme-butterfly
``` ```
## ⚙ 應用主題 ## ⚙ 應用主題
修改hexo配置文件`_config.yml`,把主題改為`Butterfly` 修改hexo配置文件`_config.yml`,把主題改為`Butterfly`
``` ```
theme: butterfly theme: butterfly
``` ```
>如果你沒有pug以及stylus的渲染器請下載安裝 npm install hexo-renderer-pug hexo-renderer-stylus --save >如果你沒有pug以及stylus的渲染器請下載安裝 npm install hexo-renderer-pug hexo-renderer-stylus --save
## 🎉 特色 ## 🎉 特色
- [x] 卡片化設計 - [x] 卡片化設計
- [x] 圓角化設計/直角化設計 - [x] 圓角化設計/直角化設計
- [X] 支持二級目錄 - [X] 支持二級目錄
- [x] 雙欄設計 - [x] 雙欄設計
- [x] 響應式主題 - [x] 響應式主題
- [x] 夜間模式 - [x] 夜間模式
- [x] Pjax - [x] Pjax
- [x] 文章閲讀模式 - [x] 文章閲讀模式
- [x] 簡體和繁體轉換 - [x] 簡體和繁體轉換
- [X] 電腦和手機都可查看TOC目錄 - [X] 電腦和手機都可查看TOC目錄
- [X] 內置多種代碼配色darker/pale night/light/ocean可自定義代碼配色 - [X] 內置多種代碼配色darker/pale night/light/ocean可自定義代碼配色
- [X] 代碼塊顯示代碼語言/關閉或展開代碼塊/代碼複製/代碼自動換行 - [X] 代碼塊顯示代碼語言/關閉或展開代碼塊/代碼複製/代碼自動換行
- [X] 可關閉文字複製/可開啟內容複製增加版權信息) - [X] 可關閉文字複製/可開啟內容複製增加版權信息)
- [X] 兩種搜索( Algolia 搜索和本地搜索) - [X] 兩種搜索( Algolia 搜索和本地搜索)
- [x] Mathjax 和 Katex - [x] Mathjax 和 Katex
- [x] 內置404頁面 - [x] 內置404頁面
- [x] 顯示字數統計 - [x] 顯示字數統計
- [x] 顯示相關文章 - [x] 顯示相關文章
- [x] 過期文章提醒 - [x] 過期文章提醒
- [x] 多種分享系統Sharejs/Addtoany - [x] 多種分享系統Sharejs/Addtoany
- [X] 多種評論系統Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/artalk - [X] 多種評論系統Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/artalk
- [x] 支持雙評論部署 - [x] 支持雙評論部署
- [x] 多種在線聊天Chatra/Tidio/Crisp - [x] 多種在線聊天Chatra/Tidio/Crisp
- [x] 多種分析系統 - [x] 多種分析系統
- [x] 谷歌廣告/手動廣告位置 - [x] 谷歌廣告/手動廣告位置
- [x] 各種站長驗證 - [x] 各種站長驗證
- [x] 修改網站配色 - [x] 修改網站配色
- [x] 打字特效 activate_power_mode - [x] 打字特效 activate_power_mode
- [x] 多種背景特效(靜止彩帶/動態彩帶/Canvas Nest - [x] 多種背景特效(靜止彩帶/動態彩帶/Canvas Nest
- [x] 多種鼠標點擊特效(煙花/文字/愛心) - [x] 多種鼠標點擊特效(煙花/文字/愛心)
- [x] 內置一種 Preloader 加載動畫和 pace.js 加載動畫條 - [x] 內置一種 Preloader 加載動畫和 pace.js 加載動畫條
- [x] 不蒜子訪問統計 - [x] 不蒜子訪問統計
- [x] 兩種大圖模式Medium Zoom/Fancybox - [x] 兩種大圖模式Medium Zoom/Fancybox
- [x] Mermaid 圖表顯示 - [x] Mermaid 圖表顯示
- [x] Chart.js 圖表顯示 - [x] Chart.js 圖表顯示
- [x] 照片牆 - [x] 照片牆
- [x] 圖片懶加載 - [x] 圖片懶加載
- [x] Instantpage/Snackbar彈窗/PWA...... - [x] Instantpage/Snackbar彈窗/PWA......
## ✨ 貢獻者 ## ✨ 貢獻者
<a href="https://github.com/jerryc127/hexo-theme-butterfly/graphs/contributors"> <a href="https://github.com/jerryc127/hexo-theme-butterfly/graphs/contributors">
<img src="https://contrib.rocks/image?repo=jerryc127/hexo-theme-butterfly" /> <img src="https://contrib.rocks/image?repo=jerryc127/hexo-theme-butterfly" />
</a> </a>
## 📷 截圖 ## 📷 截圖
![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-1.jpg) ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-1.jpg)
![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-2.jpg) ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-2.jpg)
![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-3.jpg) ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-3.jpg)
![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-4.jpg) ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-4.jpg)

File diff suppressed because it is too large Load Diff

View File

@@ -1,121 +1,121 @@
footer: footer:
framework: Framework framework: Framework
theme: Theme theme: Theme
copy: copy:
success: Copy Successful success: Copy Successful
error: Copy Failed error: Copy Failed
noSupport: Browser Not Supported noSupport: Browser Not Supported
page: page:
articles: All Articles articles: All Articles
tag: Tag tag: Tag
category: Category category: Category
archives: Archives archives: Archives
card_post_count: comments card_post_count: comments
no_title: Untitled no_title: Untitled
post: post:
created: Created created: Created
updated: Updated updated: Updated
wordcount: Word Count wordcount: Word Count
min2read: Reading Time min2read: Reading Time
min2read_unit: mins min2read_unit: mins
page_pv: Post Views page_pv: Post Views
comments: Comments comments: Comments
copyright: copyright:
author: Author author: Author
link: Link link: Link
copyright_notice: Copyright Notice copyright_notice: Copyright Notice
copyright_content: 'All articles on this blog are licensed under <a href="%s">%s</a> unless otherwise stated.' copyright_content: 'All articles on this blog are licensed under <a href="%s">%s</a> unless otherwise stated.'
recommend: Related Articles recommend: Related Articles
edit: Edit edit: Edit
search: search:
title: Search title: Search
load_data: Loading Database load_data: Loading Database
input_placeholder: Search for Posts input_placeholder: Search for Posts
algolia_search: algolia_search:
hits_empty: 'No results found for: ${query}' hits_empty: 'No results found for: ${query}'
hits_stats: '${hits} results found in ${time} ms' hits_stats: '${hits} results found in ${time} ms'
local_search: local_search:
hits_empty: 'No results found for: ${query}' hits_empty: 'No results found for: ${query}'
hits_stats: '${hits} articles found' hits_stats: '${hits} articles found'
pagination: pagination:
prev: Previous prev: Previous
next: Next next: Next
comment: Comments comment: Comments
aside: aside:
articles: Articles articles: Articles
tags: Tags tags: Tags
categories: Categories categories: Categories
card_announcement: Announcement card_announcement: Announcement
card_categories: Categories card_categories: Categories
card_tags: Tags card_tags: Tags
card_archives: Archives card_archives: Archives
card_recent_post: Recent Posts card_recent_post: Recent Posts
card_webinfo: card_webinfo:
headline: Website Info headline: Website Info
article_name: Article Count article_name: Article Count
runtime: runtime:
name: Runtime name: Runtime
unit: days unit: days
last_push_date: last_push_date:
name: Last Update name: Last Update
site_wordcount: Total Word Count site_wordcount: Total Word Count
site_uv_name: Unique Visitors site_uv_name: Unique Visitors
site_pv_name: Page Views site_pv_name: Page Views
more_button: View More more_button: View More
card_newest_comments: card_newest_comments:
headline: Latest Comments headline: Latest Comments
loading_text: Loading... loading_text: Loading...
error: Unable to retrieve comments, please check the configuration error: Unable to retrieve comments, please check the configuration
zero: No comments zero: No comments
image: Image image: Image
link: Link link: Link
code: Code code: Code
card_toc: Contents card_toc: Contents
card_post_series: Post Series card_post_series: Post Series
date_suffix: date_suffix:
just: Just now just: Just now
min: minutes ago min: minutes ago
hour: hours ago hour: hours ago
day: days ago day: days ago
month: months ago month: months ago
donate: Sponsor donate: Sponsor
share: Share share: Share
rightside: rightside:
readmode_title: Reading Mode readmode_title: Reading Mode
translate_title: Toggle Between Traditional and Simplified Chinese translate_title: Toggle Between Traditional and Simplified Chinese
night_mode_title: Toggle Between Light and Dark Mode night_mode_title: Toggle Between Light and Dark Mode
back_to_top: Back to Top back_to_top: Back to Top
toc: Table of Contents toc: Table of Contents
scroll_to_comment: Scroll to Comments scroll_to_comment: Scroll to Comments
setting: Settings setting: Settings
aside: Toggle Between Single-column and Double-column aside: Toggle Between Single-column and Double-column
chat: Chat chat: Chat
copy_copyright: copy_copyright:
author: Author author: Author
link: Link link: Link
source: Source source: Source
info: Copyright belongs to the author. For commercial use, please contact the author for authorization. For non-commercial use, please indicate the source. info: Copyright belongs to the author. For commercial use, please contact the author for authorization. For non-commercial use, please indicate the source.
Snackbar: Snackbar:
chs_to_cht: You have switched to Traditional Chinese chs_to_cht: You have switched to Traditional Chinese
cht_to_chs: You have switched to Simplified Chinese cht_to_chs: You have switched to Simplified Chinese
day_to_night: You have switched to Dark Mode day_to_night: You have switched to Dark Mode
night_to_day: You have switched to Light Mode night_to_day: You have switched to Light Mode
loading: Loading... loading: Loading...
load_more: Load More load_more: Load More
error404: Page Not Found error404: Page Not Found

View File

@@ -1,121 +1,121 @@
footer: footer:
framework: Framework framework: Framework
theme: Theme theme: Theme
copy: copy:
success: Copy Successful success: Copy Successful
error: Copy Failed error: Copy Failed
noSupport: Browser Not Supported noSupport: Browser Not Supported
page: page:
articles: All Articles articles: All Articles
tag: Tag tag: Tag
category: Category category: Category
archives: Archives archives: Archives
card_post_count: comments card_post_count: comments
no_title: Untitled no_title: Untitled
post: post:
created: Created created: Created
updated: Updated updated: Updated
wordcount: Word Count wordcount: Word Count
min2read: Reading Time min2read: Reading Time
min2read_unit: mins min2read_unit: mins
page_pv: Post Views page_pv: Post Views
comments: Comments comments: Comments
copyright: copyright:
author: Author author: Author
link: Link link: Link
copyright_notice: Copyright Notice copyright_notice: Copyright Notice
copyright_content: 'All articles on this blog are licensed under <a href="%s">%s</a> unless otherwise stated.' copyright_content: 'All articles on this blog are licensed under <a href="%s">%s</a> unless otherwise stated.'
recommend: Related Articles recommend: Related Articles
edit: Edit edit: Edit
search: search:
title: Search title: Search
load_data: Loading Database load_data: Loading Database
input_placeholder: Search for Posts input_placeholder: Search for Posts
algolia_search: algolia_search:
hits_empty: 'No results found for: ${query}' hits_empty: 'No results found for: ${query}'
hits_stats: '${hits} results found in ${time} ms' hits_stats: '${hits} results found in ${time} ms'
local_search: local_search:
hits_empty: 'No results found for: ${query}' hits_empty: 'No results found for: ${query}'
hits_stats: '${hits} articles found' hits_stats: '${hits} articles found'
pagination: pagination:
prev: Previous prev: Previous
next: Next next: Next
comment: Comments comment: Comments
aside: aside:
articles: Articles articles: Articles
tags: Tags tags: Tags
categories: Categories categories: Categories
card_announcement: Announcement card_announcement: Announcement
card_categories: Categories card_categories: Categories
card_tags: Tags card_tags: Tags
card_archives: Archives card_archives: Archives
card_recent_post: Recent Posts card_recent_post: Recent Posts
card_webinfo: card_webinfo:
headline: Website Info headline: Website Info
article_name: Article Count article_name: Article Count
runtime: runtime:
name: Runtime name: Runtime
unit: days unit: days
last_push_date: last_push_date:
name: Last Update name: Last Update
site_wordcount: Total Word Count site_wordcount: Total Word Count
site_uv_name: Unique Visitors site_uv_name: Unique Visitors
site_pv_name: Page Views site_pv_name: Page Views
more_button: View More more_button: View More
card_newest_comments: card_newest_comments:
headline: Latest Comments headline: Latest Comments
loading_text: Loading... loading_text: Loading...
error: Unable to retrieve comments, please check the configuration error: Unable to retrieve comments, please check the configuration
zero: No comments zero: No comments
image: Image image: Image
link: Link link: Link
code: Code code: Code
card_toc: Contents card_toc: Contents
card_post_series: Post Series card_post_series: Post Series
date_suffix: date_suffix:
just: Just now just: Just now
min: minutes ago min: minutes ago
hour: hours ago hour: hours ago
day: days ago day: days ago
month: months ago month: months ago
donate: Sponsor donate: Sponsor
share: Share share: Share
rightside: rightside:
readmode_title: Reading Mode readmode_title: Reading Mode
translate_title: Toggle Between Traditional and Simplified Chinese translate_title: Toggle Between Traditional and Simplified Chinese
night_mode_title: Toggle Between Light and Dark Mode night_mode_title: Toggle Between Light and Dark Mode
back_to_top: Back to Top back_to_top: Back to Top
toc: Table of Contents toc: Table of Contents
scroll_to_comment: Scroll to Comments scroll_to_comment: Scroll to Comments
setting: Settings setting: Settings
aside: Toggle Between Single-column and Double-column aside: Toggle Between Single-column and Double-column
chat: Chat chat: Chat
copy_copyright: copy_copyright:
author: Author author: Author
link: Link link: Link
source: Source source: Source
info: Copyright belongs to the author. For commercial use, please contact the author for authorization. For non-commercial use, please indicate the source. info: Copyright belongs to the author. For commercial use, please contact the author for authorization. For non-commercial use, please indicate the source.
Snackbar: Snackbar:
chs_to_cht: You have switched to Traditional Chinese chs_to_cht: You have switched to Traditional Chinese
cht_to_chs: You have switched to Simplified Chinese cht_to_chs: You have switched to Simplified Chinese
day_to_night: You have switched to Dark Mode day_to_night: You have switched to Dark Mode
night_to_day: You have switched to Light Mode night_to_day: You have switched to Light Mode
loading: Loading... loading: Loading...
load_more: Load More load_more: Load More
error404: Page Not Found error404: Page Not Found

View File

@@ -1,121 +1,121 @@
footer: footer:
framework: フレームワーク framework: フレームワーク
theme: テーマ theme: テーマ
copy: copy:
success: コピー成功 success: コピー成功
error: コピー失敗 error: コピー失敗
noSupport: ブラウザが対応していません noSupport: ブラウザが対応していません
page: page:
articles: 記事一覧 articles: 記事一覧
tag: タグ tag: タグ
category: カテゴリ category: カテゴリ
archives: アーカイブ archives: アーカイブ
card_post_count: コメント数 card_post_count: コメント数
no_title: タイトルなし no_title: タイトルなし
post: post:
created: 作成日 created: 作成日
updated: 更新日 updated: 更新日
wordcount: 総文字数 wordcount: 総文字数
min2read: 読む時間 min2read: 読む時間
min2read_unit: min2read_unit:
page_pv: 閲覧数 page_pv: 閲覧数
comments: コメント数 comments: コメント数
copyright: copyright:
author: 著者 author: 著者
link: リンク link: リンク
copyright_notice: 著作権表示 copyright_notice: 著作権表示
copyright_content: 'このブログのすべての記事は、<a href="%s">%s</a> ライセンスの下で提供されており、特に明記されていない限り、すべての権利を留保します。転載時には出典を明記してください: <a href="%s">%s</a>。' copyright_content: 'このブログのすべての記事は、<a href="%s">%s</a> ライセンスの下で提供されており、特に明記されていない限り、すべての権利を留保します。転載時には出典を明記してください: <a href="%s">%s</a>。'
recommend: 関連記事 recommend: 関連記事
edit: 編集 edit: 編集
search: search:
title: 検索 title: 検索
load_data: データベースを読み込んでいます load_data: データベースを読み込んでいます
input_placeholder: 記事を検索 input_placeholder: 記事を検索
algolia_search: algolia_search:
hits_empty: '${query} の検索結果が見つかりませんでした。' hits_empty: '${query} の検索結果が見つかりませんでした。'
hits_stats: '${hits} 件の結果が ${time}ms で見つかりました' hits_stats: '${hits} 件の結果が ${time}ms で見つかりました'
local_search: local_search:
hits_empty: '${query} の検索結果が見つかりませんでした。' hits_empty: '${query} の検索結果が見つかりませんでした。'
hits_stats: '${hits} 件の記事が見つかりました' hits_stats: '${hits} 件の記事が見つかりました'
pagination: pagination:
prev: 前へ prev: 前へ
next: 次へ next: 次へ
comment: コメント comment: コメント
aside: aside:
articles: 記事 articles: 記事
tags: タグ tags: タグ
categories: カテゴリ categories: カテゴリ
card_announcement: お知らせ card_announcement: お知らせ
card_categories: カテゴリ card_categories: カテゴリ
card_tags: タグ card_tags: タグ
card_archives: アーカイブ card_archives: アーカイブ
card_recent_post: 最近の記事 card_recent_post: 最近の記事
card_webinfo: card_webinfo:
headline: サイト情報 headline: サイト情報
article_name: 記事数 article_name: 記事数
runtime: runtime:
name: 稼働時間 name: 稼働時間
unit: unit:
last_push_date: last_push_date:
name: 最終更新日 name: 最終更新日
site_wordcount: 総文字数 site_wordcount: 総文字数
site_uv_name: ユーザー数 site_uv_name: ユーザー数
site_pv_name: ページビュー数 site_pv_name: ページビュー数
more_button: もっと見る more_button: もっと見る
card_newest_comments: card_newest_comments:
headline: 最新コメント headline: 最新コメント
loading_text: ローディング中... loading_text: ローディング中...
error: コメントを取得できませんでした。設定を確認してください。 error: コメントを取得できませんでした。設定を確認してください。
zero: コメントがありません zero: コメントがありません
image: 画像 image: 画像
link: リンク link: リンク
code: コード code: コード
card_toc: 目次 card_toc: 目次
card_post_series: シリーズ記事 card_post_series: シリーズ記事
date_suffix: date_suffix:
just: たった今 just: たった今
min: 分前 min: 分前
hour: 時間前 hour: 時間前
day: 日前 day: 日前
month: ヶ月前 month: ヶ月前
donate: 寄付 donate: 寄付
share: 共有 share: 共有
rightside: rightside:
readmode_title: 読書モード readmode_title: 読書モード
translate_title: 簡体字と繁体字の切り替え translate_title: 簡体字と繁体字の切り替え
night_mode_title: ライトモード/ダークモード切り替え night_mode_title: ライトモード/ダークモード切り替え
back_to_top: トップに戻る back_to_top: トップに戻る
toc: 目次 toc: 目次
scroll_to_comment: コメントへ移動 scroll_to_comment: コメントへ移動
setting: 設定 setting: 設定
aside: シングルカラムとダブルカラムの切り替え aside: シングルカラムとダブルカラムの切り替え
chat: チャット chat: チャット
copy_copyright: copy_copyright:
author: 著者 author: 著者
link: リンク link: リンク
source: ソース source: ソース
info: 著作権は著者に帰属します。商業的利用の場合は著者に連絡して許可を得てください。非商業的利用の場合は出典を明記してください。 info: 著作権は著者に帰属します。商業的利用の場合は著者に連絡して許可を得てください。非商業的利用の場合は出典を明記してください。
Snackbar: Snackbar:
chs_to_cht: 繁体字に切り替えました chs_to_cht: 繁体字に切り替えました
cht_to_chs: 簡体字に切り替えました cht_to_chs: 簡体字に切り替えました
day_to_night: ダークモードに切り替えました day_to_night: ダークモードに切り替えました
night_to_day: ライトモードに切り替えました night_to_day: ライトモードに切り替えました
loading: ローディング中... loading: ローディング中...
load_more: もっと見る load_more: もっと見る
error404: ページが見つかりません error404: ページが見つかりません

View File

@@ -1,121 +1,121 @@
footer: footer:
framework: 프레임워크 framework: 프레임워크
theme: 테마 theme: 테마
copy: copy:
success: 복사 성공 success: 복사 성공
error: 복사 실패 error: 복사 실패
noSupport: 브라우저가 지원되지 않음 noSupport: 브라우저가 지원되지 않음
page: page:
articles: 모든 글 articles: 모든 글
tag: 태그 tag: 태그
category: 카테고리 category: 카테고리
archives: 아카이브 archives: 아카이브
card_post_count: 댓글 수 card_post_count: 댓글 수
no_title: 제목 없음 no_title: 제목 없음
post: post:
created: 작성일 created: 작성일
updated: 수정일 updated: 수정일
wordcount: 총 글자 수 wordcount: 총 글자 수
min2read: 읽기 시간 min2read: 읽기 시간
min2read_unit: min2read_unit:
page_pv: 조회수 page_pv: 조회수
comments: 댓글 comments: 댓글
copyright: copyright:
author: 작성자 author: 작성자
link: 링크 link: 링크
copyright_notice: 저작권 고지 copyright_notice: 저작권 고지
copyright_content: '이 블로그의 모든 글은 <a href="%s">%s</a> 라이선스를 따르며, 별도로 명시되지 않는 한 모든 권리를 보유합니다. 재배포 시 출처를 명시해 주세요: <a href="%s">%s</a>.' copyright_content: '이 블로그의 모든 글은 <a href="%s">%s</a> 라이선스를 따르며, 별도로 명시되지 않는 한 모든 권리를 보유합니다. 재배포 시 출처를 명시해 주세요: <a href="%s">%s</a>.'
recommend: 관련 글 recommend: 관련 글
edit: 편집 edit: 편집
search: search:
title: 검색 title: 검색
load_data: 데이터베이스 로드 중 load_data: 데이터베이스 로드 중
input_placeholder: 글 검색 input_placeholder: 글 검색
algolia_search: algolia_search:
hits_empty: '${query}에 대한 결과를 찾을 수 없습니다.' hits_empty: '${query}에 대한 결과를 찾을 수 없습니다.'
hits_stats: '${hits}개의 결과를 ${time}ms 만에 찾음' hits_stats: '${hits}개의 결과를 ${time}ms 만에 찾음'
local_search: local_search:
hits_empty: '${query}에 대한 결과를 찾을 수 없습니다.' hits_empty: '${query}에 대한 결과를 찾을 수 없습니다.'
hits_stats: '${hits}개의 글을 찾음' hits_stats: '${hits}개의 글을 찾음'
pagination: pagination:
prev: 이전 prev: 이전
next: 다음 next: 다음
comment: 댓글 comment: 댓글
aside: aside:
articles: articles:
tags: 태그 tags: 태그
categories: 카테고리 categories: 카테고리
card_announcement: 공지 card_announcement: 공지
card_categories: 카테고리 card_categories: 카테고리
card_tags: 태그 card_tags: 태그
card_archives: 아카이브 card_archives: 아카이브
card_recent_post: 최근 글 card_recent_post: 최근 글
card_webinfo: card_webinfo:
headline: 사이트 정보 headline: 사이트 정보
article_name: 글 수 article_name: 글 수
runtime: runtime:
name: 운영 시간 name: 운영 시간
unit: unit:
last_push_date: last_push_date:
name: 마지막 업데이트 name: 마지막 업데이트
site_wordcount: 총 글자 수 site_wordcount: 총 글자 수
site_uv_name: 방문자 수 site_uv_name: 방문자 수
site_pv_name: 총 조회수 site_pv_name: 총 조회수
more_button: 더 보기 more_button: 더 보기
card_newest_comments: card_newest_comments:
headline: 최신 댓글 headline: 최신 댓글
loading_text: 로딩 중... loading_text: 로딩 중...
error: 댓글을 가져올 수 없습니다. 설정을 확인해 주세요. error: 댓글을 가져올 수 없습니다. 설정을 확인해 주세요.
zero: 댓글 없음 zero: 댓글 없음
image: 이미지 image: 이미지
link: 링크 link: 링크
code: 코드 code: 코드
card_toc: 목차 card_toc: 목차
card_post_series: 시리즈 글 card_post_series: 시리즈 글
date_suffix: date_suffix:
just: 방금 just: 방금
min: 분 전 min: 분 전
hour: 시간 전 hour: 시간 전
day: 일 전 day: 일 전
month: 달 전 month: 달 전
donate: 후원 donate: 후원
share: 공유 share: 공유
rightside: rightside:
readmode_title: 읽기 모드 readmode_title: 읽기 모드
translate_title: 번체와 간체 전환 translate_title: 번체와 간체 전환
night_mode_title: 라이트/다크 모드 전환 night_mode_title: 라이트/다크 모드 전환
back_to_top: 맨 위로 back_to_top: 맨 위로
toc: 목차 toc: 목차
scroll_to_comment: 댓글로 이동 scroll_to_comment: 댓글로 이동
setting: 설정 setting: 설정
aside: 단일/이중 열 전환 aside: 단일/이중 열 전환
chat: 채팅 chat: 채팅
copy_copyright: copy_copyright:
author: 작성자 author: 작성자
link: 링크 link: 링크
source: 출처 source: 출처
info: 저작권은 작성자에게 있습니다. 상업적 사용을 위해서는 작성자의 허가를 받아야 하며, 비상업적 사용 시에는 출처를 명시해 주세요. info: 저작권은 작성자에게 있습니다. 상업적 사용을 위해서는 작성자의 허가를 받아야 하며, 비상업적 사용 시에는 출처를 명시해 주세요.
Snackbar: Snackbar:
chs_to_cht: 번체로 전환되었습니다. chs_to_cht: 번체로 전환되었습니다.
cht_to_chs: 간체로 전환되었습니다. cht_to_chs: 간체로 전환되었습니다.
day_to_night: 다크 모드로 전환되었습니다. day_to_night: 다크 모드로 전환되었습니다.
night_to_day: 라이트 모드로 전환되었습니다. night_to_day: 라이트 모드로 전환되었습니다.
loading: 로딩 중... loading: 로딩 중...
load_more: 더 보기 load_more: 더 보기
error404: 페이지를 찾을 수 없습니다. error404: 페이지를 찾을 수 없습니다.

View File

@@ -1,122 +1,122 @@
footer: footer:
framework: 框架 framework: 框架
theme: 主题 theme: 主题
copy: copy:
success: 复制成功 success: 复制成功
error: 复制失败 error: 复制失败
noSupport: 浏览器不支持 noSupport: 浏览器不支持
page: page:
articles: 全部文章 articles: 全部文章
tag: 标签 tag: 标签
category: 分类 category: 分类
archives: 归档 archives: 归档
card_post_count: 条评论 card_post_count: 条评论
no_title: 无标题 no_title: 无标题
post: post:
created: 发表于 created: 发表于
updated: 更新于 updated: 更新于
wordcount: 总字数 wordcount: 总字数
min2read: 阅读时长 min2read: 阅读时长
min2read_unit: 分钟 min2read_unit: 分钟
page_pv: 浏览量 page_pv: 浏览量
comments: 评论数 comments: 评论数
copyright: copyright:
author: 文章作者 author: 文章作者
link: 文章链接 link: 文章链接
copyright_notice: 版权声明 copyright_notice: 版权声明
copyright_content: '本博客所有文章除特别声明外,均采用 copyright_content: '本博客所有文章除特别声明外,均采用
<a href="%s" target="_blank">%s</a> 许可协议。转载请注明来源 <a href="%s" target="_blank">%s</a>' <a href="%s" target="_blank">%s</a> 许可协议。转载请注明来源 <a href="%s" target="_blank">%s</a>'
recommend: 相关推荐 recommend: 相关推荐
edit: 编辑 edit: 编辑
search: search:
title: 搜索 title: 搜索
load_data: 数据加载中 load_data: 数据加载中
input_placeholder: 搜索文章 input_placeholder: 搜索文章
algolia_search: algolia_search:
hits_empty: '未找到符合您查询的内容:${query}' hits_empty: '未找到符合您查询的内容:${query}'
hits_stats: '找到 ${hits} 条结果,耗时 ${time} 毫秒' hits_stats: '找到 ${hits} 条结果,耗时 ${time} 毫秒'
local_search: local_search:
hits_empty: '未找到符合您查询的内容:${query}' hits_empty: '未找到符合您查询的内容:${query}'
hits_stats: '共找到 ${hits} 篇文章' hits_stats: '共找到 ${hits} 篇文章'
pagination: pagination:
prev: 上一篇 prev: 上一篇
next: 下一篇 next: 下一篇
comment: 评论 comment: 评论
aside: aside:
articles: 文章 articles: 文章
tags: 标签 tags: 标签
categories: 分类 categories: 分类
card_announcement: 公告 card_announcement: 公告
card_categories: 分类 card_categories: 分类
card_tags: 标签 card_tags: 标签
card_archives: 归档 card_archives: 归档
card_recent_post: 最新文章 card_recent_post: 最新文章
card_webinfo: card_webinfo:
headline: 网站信息 headline: 网站信息
article_name: 文章数目 article_name: 文章数目
runtime: runtime:
name: 运行时间 name: 运行时间
unit: unit:
last_push_date: last_push_date:
name: 最后更新时间 name: 最后更新时间
site_wordcount: 本站总字数 site_wordcount: 本站总字数
site_uv_name: 本站访客数 site_uv_name: 本站访客数
site_pv_name: 本站总浏览量 site_pv_name: 本站总浏览量
more_button: 查看更多 more_button: 查看更多
card_newest_comments: card_newest_comments:
headline: 最新评论 headline: 最新评论
loading_text: 加载中... loading_text: 加载中...
error: 无法获取评论,请确认相关配置是否正确 error: 无法获取评论,请确认相关配置是否正确
zero: 暂无评论 zero: 暂无评论
image: 图片 image: 图片
link: 链接 link: 链接
code: 代码 code: 代码
card_toc: 目录 card_toc: 目录
card_post_series: 系列文章 card_post_series: 系列文章
date_suffix: date_suffix:
just: 刚刚 just: 刚刚
min: 分钟前 min: 分钟前
hour: 小时前 hour: 小时前
day: 天前 day: 天前
month: 个月前 month: 个月前
donate: 赞助 donate: 赞助
share: 分享 share: 分享
rightside: rightside:
readmode_title: 阅读模式 readmode_title: 阅读模式
translate_title: 简繁转换 translate_title: 简繁转换
night_mode_title: 日间和夜间模式切换 night_mode_title: 日间和夜间模式切换
back_to_top: 回到顶部 back_to_top: 回到顶部
toc: 目录 toc: 目录
scroll_to_comment: 前往评论 scroll_to_comment: 前往评论
setting: 设置 setting: 设置
aside: 单栏和双栏切换 aside: 单栏和双栏切换
chat: 聊天 chat: 聊天
copy_copyright: copy_copyright:
author: 作者 author: 作者
link: 链接 link: 链接
source: 来源 source: 来源
info: 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 info: 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
Snackbar: Snackbar:
chs_to_cht: 已切换为繁体中文 chs_to_cht: 已切换为繁体中文
cht_to_chs: 已切换为简体中文 cht_to_chs: 已切换为简体中文
day_to_night: 已切换为深色模式 day_to_night: 已切换为深色模式
night_to_day: 已切换为浅色模式 night_to_day: 已切换为浅色模式
loading: 加载中... loading: 加载中...
load_more: 加载更多 load_more: 加载更多
error404: 页面未找到 error404: 页面未找到

View File

@@ -1,121 +1,121 @@
footer: footer:
framework: 框架 framework: 框架
theme: 主題 theme: 主題
copy: copy:
success: 複製成功 success: 複製成功
error: 複製失敗 error: 複製失敗
noSupport: 瀏覽器不支援 noSupport: 瀏覽器不支援
page: page:
articles: 全部文章 articles: 全部文章
tag: 標籤 tag: 標籤
category: 分類 category: 分類
archives: 歸檔 archives: 歸檔
card_post_count: 條評論 card_post_count: 條評論
no_title: 無標題 no_title: 無標題
post: post:
created: 發表於 created: 發表於
updated: 更新於 updated: 更新於
wordcount: 字數統計 wordcount: 字數統計
min2read: 閱讀時間 min2read: 閱讀時間
min2read_unit: 分鐘 min2read_unit: 分鐘
page_pv: 瀏覽量 page_pv: 瀏覽量
comments: 評論數 comments: 評論數
copyright: copyright:
author: 文章作者 author: 文章作者
link: 文章連結 link: 文章連結
copyright_notice: 版權聲明 copyright_notice: 版權聲明
copyright_content: '除特別聲明外,本博客所有文章均採用<a href="%s">%s</a> 授權協議。轉載請註明出處:<a href="%s">%s</a>。' copyright_content: '除特別聲明外,本博客所有文章均採用<a href="%s">%s</a> 授權協議。轉載請註明出處:<a href="%s">%s</a>。'
recommend: 相關文章 recommend: 相關文章
edit: 編輯 edit: 編輯
search: search:
title: 搜尋 title: 搜尋
load_data: 正在加載數據庫 load_data: 正在加載數據庫
input_placeholder: 搜尋文章 input_placeholder: 搜尋文章
algolia_search: algolia_search:
hits_empty: '未找到相關內容:${query}' hits_empty: '未找到相關內容:${query}'
hits_stats: '找到 ${hits} 條結果,耗時 ${time} 毫秒' hits_stats: '找到 ${hits} 條結果,耗時 ${time} 毫秒'
local_search: local_search:
hits_empty: '未找到相關內容:${query}' hits_empty: '未找到相關內容:${query}'
hits_stats: '找到 ${hits} 篇文章' hits_stats: '找到 ${hits} 篇文章'
pagination: pagination:
prev: 上一頁 prev: 上一頁
next: 下一頁 next: 下一頁
comment: 評論 comment: 評論
aside: aside:
articles: 文章 articles: 文章
tags: 標籤 tags: 標籤
categories: 分類 categories: 分類
card_announcement: 公告 card_announcement: 公告
card_categories: 分類 card_categories: 分類
card_tags: 標籤 card_tags: 標籤
card_archives: 歸檔 card_archives: 歸檔
card_recent_post: 最新文章 card_recent_post: 最新文章
card_webinfo: card_webinfo:
headline: 網站資訊 headline: 網站資訊
article_name: 文章數目 article_name: 文章數目
runtime: runtime:
name: 運行時間 name: 運行時間
unit: unit:
last_push_date: last_push_date:
name: 最後更新時間 name: 最後更新時間
site_wordcount: 總字數 site_wordcount: 總字數
site_uv_name: 訪客數 site_uv_name: 訪客數
site_pv_name: 總瀏覽量 site_pv_name: 總瀏覽量
more_button: 查看更多 more_button: 查看更多
card_newest_comments: card_newest_comments:
headline: 最新評論 headline: 最新評論
loading_text: 正在加載... loading_text: 正在加載...
error: 無法取得評論,請確認配置是否正確 error: 無法取得評論,請確認配置是否正確
zero: 暫無評論 zero: 暫無評論
image: 圖片 image: 圖片
link: 連結 link: 連結
code: 代碼 code: 代碼
card_toc: 目錄 card_toc: 目錄
card_post_series: 系列文章 card_post_series: 系列文章
date_suffix: date_suffix:
just: 剛剛 just: 剛剛
min: 分鐘前 min: 分鐘前
hour: 小時前 hour: 小時前
day: 天前 day: 天前
month: 個月前 month: 個月前
donate: 贊助 donate: 贊助
share: 分享 share: 分享
rightside: rightside:
readmode_title: 閱讀模式 readmode_title: 閱讀模式
translate_title: 簡繁轉換 translate_title: 簡繁轉換
night_mode_title: 切換日夜模式 night_mode_title: 切換日夜模式
back_to_top: 回到頂部 back_to_top: 回到頂部
toc: 目錄 toc: 目錄
scroll_to_comment: 前往評論 scroll_to_comment: 前往評論
setting: 設定 setting: 設定
aside: 單欄與雙欄切換 aside: 單欄與雙欄切換
chat: 聊天 chat: 聊天
copy_copyright: copy_copyright:
author: 作者 author: 作者
link: 連結 link: 連結
source: 來源 source: 來源
info: 版權屬於作者所有。商業用途請聯絡作者獲得授權,非商業用途請註明出處。 info: 版權屬於作者所有。商業用途請聯絡作者獲得授權,非商業用途請註明出處。
Snackbar: Snackbar:
chs_to_cht: 已切換為繁體中文 chs_to_cht: 已切換為繁體中文
cht_to_chs: 已切換為簡體中文 cht_to_chs: 已切換為簡體中文
day_to_night: 已切換為深色模式 day_to_night: 已切換為深色模式
night_to_day: 已切換為淺色模式 night_to_day: 已切換為淺色模式
loading: 正在加載... loading: 正在加載...
load_more: 加載更多 load_more: 加載更多
error404: 未找到頁面 error404: 未找到頁面

View File

@@ -1,121 +1,121 @@
footer: footer:
framework: 框架 framework: 框架
theme: 主題 theme: 主題
copy: copy:
success: 複製成功 success: 複製成功
error: 複製失敗 error: 複製失敗
noSupport: 瀏覽器不支援 noSupport: 瀏覽器不支援
page: page:
articles: 所有文章 articles: 所有文章
tag: 標籤 tag: 標籤
category: 分類 category: 分類
archives: 歸檔 archives: 歸檔
card_post_count: 則評論 card_post_count: 則評論
no_title: 無標題 no_title: 無標題
post: post:
created: 發表於 created: 發表於
updated: 更新於 updated: 更新於
wordcount: 總字數 wordcount: 總字數
min2read: 閱讀時間 min2read: 閱讀時間
min2read_unit: 分鐘 min2read_unit: 分鐘
page_pv: 瀏覽量 page_pv: 瀏覽量
comments: 評論數 comments: 評論數
copyright: copyright:
author: 文章作者 author: 文章作者
link: 文章連結 link: 文章連結
copyright_notice: 版權聲明 copyright_notice: 版權聲明
copyright_content: '本部落格所有文章除特別聲明外,均採用<a href="%s" target="_blank">%s</a> 授權協議。轉載請註明來源 <a href="%s" target="_blank">%s</a>' copyright_content: '本部落格所有文章除特別聲明外,均採用<a href="%s" target="_blank">%s</a> 授權協議。轉載請註明來源 <a href="%s" target="_blank">%s</a>'
recommend: 相關推薦 recommend: 相關推薦
edit: 編輯 edit: 編輯
search: search:
title: 搜尋 title: 搜尋
load_data: 資料載入中 load_data: 資料載入中
input_placeholder: 搜尋文章 input_placeholder: 搜尋文章
algolia_search: algolia_search:
hits_empty: '找不到符合您查詢的內容:${query}' hits_empty: '找不到符合您查詢的內容:${query}'
hits_stats: '找到 ${hits} 筆結果,耗時 ${time} 毫秒' hits_stats: '找到 ${hits} 筆結果,耗時 ${time} 毫秒'
local_search: local_search:
hits_empty: '找不到符合您查詢的內容:${query}' hits_empty: '找不到符合您查詢的內容:${query}'
hits_stats: '共找到 ${hits} 篇文章' hits_stats: '共找到 ${hits} 篇文章'
pagination: pagination:
prev: 上一篇 prev: 上一篇
next: 下一篇 next: 下一篇
comment: 評論 comment: 評論
aside: aside:
articles: 文章 articles: 文章
tags: 標籤 tags: 標籤
categories: 分類 categories: 分類
card_announcement: 公告 card_announcement: 公告
card_categories: 分類 card_categories: 分類
card_tags: 標籤 card_tags: 標籤
card_archives: 歸檔 card_archives: 歸檔
card_recent_post: 最新文章 card_recent_post: 最新文章
card_webinfo: card_webinfo:
headline: 網站資訊 headline: 網站資訊
article_name: 文章數量 article_name: 文章數量
runtime: runtime:
name: 運行時間 name: 運行時間
unit: unit:
last_push_date: last_push_date:
name: 最後更新時間 name: 最後更新時間
site_wordcount: 總字數 site_wordcount: 總字數
site_uv_name: 訪客數 site_uv_name: 訪客數
site_pv_name: 總瀏覽量 site_pv_name: 總瀏覽量
more_button: 檢視更多 more_button: 檢視更多
card_newest_comments: card_newest_comments:
headline: 最新評論 headline: 最新評論
loading_text: 載入中... loading_text: 載入中...
error: 無法獲取評論,請確認相關配置是否正確 error: 無法獲取評論,請確認相關配置是否正確
zero: 尚無評論 zero: 尚無評論
image: 圖片 image: 圖片
link: 連結 link: 連結
code: 程式碼 code: 程式碼
card_toc: 目錄 card_toc: 目錄
card_post_series: 系列文章 card_post_series: 系列文章
date_suffix: date_suffix:
just: 剛剛 just: 剛剛
min: 分鐘前 min: 分鐘前
hour: 小時前 hour: 小時前
day: 天前 day: 天前
month: 個月前 month: 個月前
donate: 贊助 donate: 贊助
share: 分享 share: 分享
rightside: rightside:
readmode_title: 閱讀模式 readmode_title: 閱讀模式
translate_title: 繁簡轉換 translate_title: 繁簡轉換
night_mode_title: 日夜模式切換 night_mode_title: 日夜模式切換
back_to_top: 回到頂端 back_to_top: 回到頂端
toc: 目錄 toc: 目錄
scroll_to_comment: 前往評論 scroll_to_comment: 前往評論
setting: 設定 setting: 設定
aside: 單欄和雙欄切換 aside: 單欄和雙欄切換
chat: 聊天 chat: 聊天
copy_copyright: copy_copyright:
author: 作者 author: 作者
link: 連結 link: 連結
source: 來源 source: 來源
info: 著作權歸作者所有。如需商業轉載,請聯絡作者獲得授權,非商業轉載請註明出處。 info: 著作權歸作者所有。如需商業轉載,請聯絡作者獲得授權,非商業轉載請註明出處。
Snackbar: Snackbar:
chs_to_cht: 已切換為繁體中文 chs_to_cht: 已切換為繁體中文
cht_to_chs: 已切換為簡體中文 cht_to_chs: 已切換為簡體中文
day_to_night: 已切換為深色模式 day_to_night: 已切換為深色模式
night_to_day: 已切換為淺色模式 night_to_day: 已切換為淺色模式
loading: 載入中... loading: 載入中...
load_more: 載入更多 load_more: 載入更多
error404: 找不到頁面 error404: 找不到頁面

View File

@@ -1,8 +1,8 @@
extends includes/layout.pug extends includes/layout.pug
block content block content
include ./includes/mixins/article-sort.pug include ./includes/mixins/article-sort.pug
#archive #archive
.article-sort-title= `${_p('page.articles')} - ${getArchiveLength()}` .article-sort-title= `${_p('page.articles')} - ${getArchiveLength()}`
+articleSort(page.posts) +articleSort(page.posts)
include includes/pagination.pug include includes/pagination.pug

View File

@@ -1,12 +1,12 @@
extends includes/layout.pug extends includes/layout.pug
block content block content
if theme.category_ui == 'index' if theme.category_ui == 'index'
include ./includes/mixins/indexPostUI.pug include ./includes/mixins/indexPostUI.pug
+indexPostUI +indexPostUI
else else
include ./includes/mixins/article-sort.pug include ./includes/mixins/article-sort.pug
#category #category
.article-sort-title= _p('page.category') + ' - ' + page.category .article-sort-title= _p('page.category') + ' - ' + page.category
+articleSort(page.posts) +articleSort(page.posts)
include includes/pagination.pug include includes/pagination.pug

View File

@@ -1,57 +1,57 @@
div div
script(src=url_for(theme.asset.utils)) script(src=url_for(theme.asset.utils))
script(src=url_for(theme.asset.main)) script(src=url_for(theme.asset.main))
if theme.translate.enable if theme.translate.enable
script(src=url_for(theme.asset.translate)) script(src=url_for(theme.asset.translate))
if theme.lightbox if theme.lightbox
script(src=url_for(theme.asset[theme.lightbox])) script(src=url_for(theme.asset[theme.lightbox]))
if theme.instantpage if theme.instantpage
script(src=url_for(theme.asset.instantpage), type='module') script(src=url_for(theme.asset.instantpage), type='module')
if theme.lazyload.enable && !theme.lazyload.native if theme.lazyload.enable && !theme.lazyload.native
script(src=url_for(theme.asset.lazyload)) script(src=url_for(theme.asset.lazyload))
if theme.snackbar.enable if theme.snackbar.enable
script(src=url_for(theme.asset.snackbar)) script(src=url_for(theme.asset.snackbar))
.js-pjax .js-pjax
if needLoadCountJs if needLoadCountJs
!= partial("includes/third-party/card-post-count/index", {}, { cache: true }) != partial("includes/third-party/card-post-count/index", {}, { cache: true })
if loadSubJs if loadSubJs
include ./third-party/subtitle.pug include ./third-party/subtitle.pug
include ./third-party/math/index.pug include ./third-party/math/index.pug
include ./third-party/abcjs/index.pug include ./third-party/abcjs/index.pug
if commentsJsLoad if commentsJsLoad
include ./third-party/comments/js.pug include ./third-party/comments/js.pug
!= partial("includes/third-party/prismjs", {}, { cache: true }) != partial("includes/third-party/prismjs", {}, { cache: true })
if theme.aside.enable && theme.aside.card_newest_comments.enable if theme.aside.enable && theme.aside.card_newest_comments.enable
if theme.pjax.enable || (globalPageType !== 'post' && page.aside !== false) if theme.pjax.enable || (globalPageType !== 'post' && page.aside !== false)
!= partial("includes/third-party/newest-comments/index", {}, { cache: true }) != partial("includes/third-party/newest-comments/index", {}, { cache: true })
!= fragment_cache('injectBottom', function(){return injectHtml(theme.inject.bottom)}) != fragment_cache('injectBottom', function(){return injectHtml(theme.inject.bottom)})
!= partial("includes/third-party/effect", {}, { cache: true }) != partial("includes/third-party/effect", {}, { cache: true })
!= partial("includes/third-party/chat/index", {}, { cache: true }) != partial("includes/third-party/chat/index", {}, { cache: true })
if theme.aplayerInject && theme.aplayerInject.enable if theme.aplayerInject && theme.aplayerInject.enable
if theme.pjax.enable || theme.aplayerInject.per_page || page.aplayer if theme.pjax.enable || theme.aplayerInject.per_page || page.aplayer
include ./third-party/aplayer.pug include ./third-party/aplayer.pug
if theme.pjax.enable if theme.pjax.enable
!= partial("includes/third-party/pjax", {}, { cache: true }) != partial("includes/third-party/pjax", {}, { cache: true })
if theme.umami_analytics.enable if theme.umami_analytics.enable
!= partial("includes/third-party/umami_analytics", {}, { cache: true }) != partial("includes/third-party/umami_analytics", {}, { cache: true })
if theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv if theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv
script(async data-pjax src= theme.asset.busuanzi || '//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js') script(async data-pjax src= theme.asset.busuanzi || '//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js')
!= partial('includes/third-party/search/index', {}, { cache: true }) != partial('includes/third-party/search/index', {}, { cache: true })

View File

@@ -1,18 +1,19 @@
#footer-wrap #footer-wrap
if theme.footer.owner.enable if theme.footer.owner.enable
- const currentYear = new Date().getFullYear() - const currentYear = new Date().getFullYear()
- const sinceYear = theme.footer.owner.since - const sinceYear = theme.footer.owner.since
.copyright .copyright
if sinceYear && sinceYear != currentYear if sinceYear && sinceYear != currentYear
!= `&copy;${sinceYear} - ${currentYear} By ${config.author}` != `&copy;${sinceYear} - ${currentYear} By ${config.author}`
else else
!= `&copy;${currentYear} By ${config.author}` != `&copy;${currentYear} By ${config.author}`
if theme.footer.copyright if theme.footer.copyright
.framework-info - const v = getVersion()
span= _p('footer.framework') + ' ' .framework-info
a(href='https://hexo.io')= 'Hexo' span= _p('footer.framework') + ' '
span.footer-separator | a(href='https://hexo.io')= `Hexo ${v.hexo}`
span= _p('footer.theme') + ' ' span.footer-separator |
a(href='https://github.com/jerryc127/hexo-theme-butterfly')= 'Butterfly' span= _p('footer.theme') + ' '
if theme.footer.custom_text a(href='https://github.com/jerryc127/hexo-theme-butterfly')= `Butterfly ${v.theme}`
if theme.footer.custom_text
.footer_custom_text!= theme.footer.custom_text .footer_custom_text!= theme.footer.custom_text

View File

@@ -1,77 +1,77 @@
- var pageTitle - var pageTitle
- globalPageType === 'archive' ? page.title = findArchivesTitle(page, theme.menu, date) : '' - globalPageType === 'archive' ? page.title = findArchivesTitle(page, theme.menu, date) : ''
case globalPageType case globalPageType
when 'tag' when 'tag'
- pageTitle = _p('page.tag') + ': ' + page.tag - pageTitle = _p('page.tag') + ': ' + page.tag
when 'category' when 'category'
- pageTitle = _p('page.category') + ': ' + page.category - pageTitle = _p('page.category') + ': ' + page.category
when '404' when '404'
- pageTitle = _p('error404') - pageTitle = _p('error404')
default default
- pageTitle = page.title || config.title || '' - pageTitle = page.title || config.title || ''
- var isSubtitle = config.subtitle ? ' - ' + config.subtitle : '' - var isSubtitle = config.subtitle ? ' - ' + config.subtitle : ''
- var tabTitle = globalPageType === 'home' || !pageTitle ? config.title + isSubtitle : pageTitle + ' | ' + config.title - var tabTitle = globalPageType === 'home' || !pageTitle ? config.title + isSubtitle : pageTitle + ' | ' + config.title
- var pageAuthor = config.email ? config.author + ',' + config.email : config.author - var pageAuthor = config.email ? config.author + ',' + config.email : config.author
- var pageCopyright = config.copyright || config.author - var pageCopyright = config.copyright || config.author
- var themeColorLight = theme.theme_color && theme.theme_color.enable && theme.theme_color.meta_theme_color_light || '#ffffff' - var themeColorLight = theme.theme_color && theme.theme_color.enable && theme.theme_color.meta_theme_color_light || '#ffffff'
- var themeColorDark = theme.theme_color && theme.theme_color.enable && theme.theme_color.meta_theme_color_dark || '#0d0d0d' - var themeColorDark = theme.theme_color && theme.theme_color.enable && theme.theme_color.meta_theme_color_dark || '#0d0d0d'
- var themeColor = theme.display_mode === 'dark' ? themeColorDark : themeColorLight - var themeColor = theme.display_mode === 'dark' ? themeColorDark : themeColorLight
meta(charset='UTF-8') meta(charset='UTF-8')
meta(http-equiv="X-UA-Compatible" content="IE=edge") meta(http-equiv="X-UA-Compatible" content="IE=edge")
meta(name="viewport" content="width=device-width, initial-scale=1.0,viewport-fit=cover") meta(name="viewport" content="width=device-width, initial-scale=1.0,viewport-fit=cover")
title= tabTitle title= tabTitle
meta(name="author" content=pageAuthor) meta(name="author" content=pageAuthor)
meta(name="copyright" content=pageCopyright) meta(name="copyright" content=pageCopyright)
meta(name ="format-detection" content="telephone=no") meta(name ="format-detection" content="telephone=no")
meta(name="theme-color" content=themeColor) meta(name="theme-color" content=themeColor)
//- Open_Graph //- Open_Graph
include ./head/Open_Graph.pug include ./head/Open_Graph.pug
//- Structured Data //- Structured Data
include ./head/structured_data.pug include ./head/structured_data.pug
!=favicon_tag(theme.favicon || config.favicon) !=favicon_tag(theme.favicon || config.favicon)
link(rel="canonical" href=urlNoIndex(null,config.pretty_urls.trailing_index,config.pretty_urls.trailing_html)) link(rel="canonical" href=urlNoIndex(null,config.pretty_urls.trailing_index,config.pretty_urls.trailing_html))
//- 預解析 //- 預解析
!=partial('includes/head/preconnect', {}, {cache: true}) !=partial('includes/head/preconnect', {}, {cache: true})
//- 網站驗證 //- 網站驗證
!=partial('includes/head/site_verification', {}, {cache: true}) !=partial('includes/head/site_verification', {}, {cache: true})
//- PWA //- PWA
if (theme.pwa && theme.pwa.enable) if (theme.pwa && theme.pwa.enable)
!=partial('includes/head/pwa', {}, {cache: true}) !=partial('includes/head/pwa', {}, {cache: true})
//- main css //- main css
link(rel='stylesheet', href=url_for(theme.asset.main_css)) link(rel='stylesheet', href=url_for(theme.asset.main_css))
link(rel='stylesheet', href=url_for(theme.asset.fontawesome)) link(rel='stylesheet', href=url_for(theme.asset.fontawesome))
if (theme.snackbar && theme.snackbar.enable) if (theme.snackbar && theme.snackbar.enable)
link(rel='stylesheet', href=url_for(theme.asset.snackbar_css) media="print" onload="this.media='all'") link(rel='stylesheet', href=url_for(theme.asset.snackbar_css) media="print" onload="this.media='all'")
if theme.lightbox === 'fancybox' if theme.lightbox === 'fancybox'
link(rel='stylesheet' href=url_for(theme.asset.fancybox_css) media="print" onload="this.media='all'") link(rel='stylesheet' href=url_for(theme.asset.fancybox_css) media="print" onload="this.media='all'")
!=fragment_cache('injectHeadJs', function(){return inject_head_js()}) !=fragment_cache('injectHeadJs', function(){return inject_head_js()})
//- google_adsense //- google_adsense
!=partial('includes/head/google_adsense', {}, {cache: true}) !=partial('includes/head/google_adsense', {}, {cache: true})
//- analytics //- analytics
!=partial('includes/head/analytics', {}, {cache: true}) !=partial('includes/head/analytics', {}, {cache: true})
//- font //- font
if theme.blog_title_font && theme.blog_title_font.font_link if theme.blog_title_font && theme.blog_title_font.font_link
link(rel='stylesheet' href=url_for(theme.blog_title_font.font_link) media="print" onload="this.media='all'") link(rel='stylesheet' href=url_for(theme.blog_title_font.font_link) media="print" onload="this.media='all'")
//- global config //- global config
!=partial('includes/head/config', {}, {cache: true}) !=partial('includes/head/config', {}, {cache: true})
include ./head/config_site.pug include ./head/config_site.pug
!=fragment_cache('injectHead', function(){return injectHtml(theme.inject.head)}) !=fragment_cache('injectHead', function(){return injectHtml(theme.inject.head)})

View File

@@ -1,16 +1,16 @@
if theme.Open_Graph_meta.enable if theme.Open_Graph_meta.enable
- -
const coverVal = page.cover_type === 'img' ? page.cover : theme.avatar.img const coverVal = page.cover_type === 'img' ? page.cover : theme.avatar.img
let ogOption = Object.assign({ let ogOption = Object.assign({
type: globalPageType === 'post' ? 'article' : 'website', type: globalPageType === 'post' ? 'article' : 'website',
image: coverVal ? full_url_for(coverVal) : '', image: coverVal ? full_url_for(coverVal) : '',
fb_admins: theme.facebook_comments.user_id || '', fb_admins: theme.facebook_comments.user_id || '',
fb_app_id: theme.facebook_comments.app_id || '', fb_app_id: theme.facebook_comments.app_id || '',
}, theme.Open_Graph_meta.option) }, theme.Open_Graph_meta.option)
- -
!= open_graph(ogOption) != open_graph(ogOption)
else else
- const description = page.description || page.content || page.title || config.description - const description = page.description || page.content || page.title || config.description
if description if description
meta(name="description" content=truncate(description, 150)) meta(name="description" content=truncate(description, 150))

View File

@@ -1,34 +1,34 @@
if theme.baidu_analytics if theme.baidu_analytics
script. script.
var _hmt = _hmt || []; var _hmt = _hmt || [];
(function() { (function() {
var hm = document.createElement("script"); var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?!{theme.baidu_analytics}"; hm.src = "https://hm.baidu.com/hm.js?!{theme.baidu_analytics}";
var s = document.getElementsByTagName("script")[0]; var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s); s.parentNode.insertBefore(hm, s);
})(); })();
btf.addGlobalFn('pjaxComplete', () => { btf.addGlobalFn('pjaxComplete', () => {
_hmt.push(['_trackPageview',window.location.pathname]) _hmt.push(['_trackPageview',window.location.pathname])
}, 'baidu_analytics') }, 'baidu_analytics')
if theme.google_analytics if theme.google_analytics
script(async src=`https://www.googletagmanager.com/gtag/js?id=${theme.google_analytics}`) script(async src=`https://www.googletagmanager.com/gtag/js?id=${theme.google_analytics}`)
script. script.
window.dataLayer = window.dataLayer || [] window.dataLayer = window.dataLayer || []
function gtag(){dataLayer.push(arguments)} function gtag(){dataLayer.push(arguments)}
gtag('js', new Date()) gtag('js', new Date())
gtag('config', '!{theme.google_analytics}') gtag('config', '!{theme.google_analytics}')
btf.addGlobalFn('pjaxComplete', () => { btf.addGlobalFn('pjaxComplete', () => {
gtag('config', '!{theme.google_analytics}', {'page_path': window.location.pathname}) gtag('config', '!{theme.google_analytics}', {'page_path': window.location.pathname})
}, 'google_analytics') }, 'google_analytics')
if theme.cloudflare_analytics if theme.cloudflare_analytics
script(defer data-pjax src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon=`{"token": "${theme.cloudflare_analytics}"}`) script(defer data-pjax src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon=`{"token": "${theme.cloudflare_analytics}"}`)
if theme.microsoft_clarity if theme.microsoft_clarity
script. script.
(function(c,l,a,r,i,t,y){ (function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "!{theme.microsoft_clarity}"); })(window, document, "clarity", "script", "!{theme.microsoft_clarity}");

View File

@@ -1,126 +1,126 @@
- -
let algolia = 'undefined' let algolia = 'undefined'
if (theme.search.use === 'algolia_search') { if (theme.search.use === 'algolia_search') {
const { ALGOLIA_APP_ID, ALGOLIA_API_KEY, ALGOLIA_INDEX_NAME } = process.env const { ALGOLIA_APP_ID, ALGOLIA_API_KEY, ALGOLIA_INDEX_NAME } = process.env
const { appId, applicationID, apiKey, indexName } = config.algolia const { appId, applicationID, apiKey, indexName } = config.algolia
algolia = JSON.stringify({ algolia = JSON.stringify({
appId: ALGOLIA_APP_ID || appId || applicationID, appId: ALGOLIA_APP_ID || appId || applicationID,
apiKey: ALGOLIA_API_KEY || apiKey, apiKey: ALGOLIA_API_KEY || apiKey,
indexName: ALGOLIA_INDEX_NAME || indexName, indexName: ALGOLIA_INDEX_NAME || indexName,
hitsPerPage: theme.search.algolia_search.hitsPerPage, hitsPerPage: theme.search.algolia_search.hitsPerPage,
// search languages // search languages
languages: { languages: {
input_placeholder: theme.search.placeholder || _p("search.input_placeholder"), input_placeholder: theme.search.placeholder || _p("search.input_placeholder"),
hits_empty: _p("search.algolia_search.hits_empty"), hits_empty: _p("search.algolia_search.hits_empty"),
hits_stats: _p("search.algolia_search.hits_stats"), hits_stats: _p("search.algolia_search.hits_stats"),
} }
}) })
} }
let localSearch = 'undefined' let localSearch = 'undefined'
if (theme.search.use === 'local_search') { if (theme.search.use === 'local_search') {
const { CDN, preload, top_n_per_article, unescape } = theme.search.local_search const { CDN, preload, top_n_per_article, unescape } = theme.search.local_search
localSearch = JSON.stringify({ localSearch = JSON.stringify({
path: CDN || config.root + config.search.path, path: CDN || config.root + config.search.path,
preload, preload,
top_n_per_article, top_n_per_article,
unescape, unescape,
languages: { languages: {
// search languages // search languages
hits_empty: _p("search.local_search.hits_empty"), hits_empty: _p("search.local_search.hits_empty"),
hits_stats: _p("search.local_search.hits_stats"), hits_stats: _p("search.local_search.hits_stats"),
} }
}) })
} }
let translate = 'undefined' let translate = 'undefined'
if (theme.translate && theme.translate.enable){ if (theme.translate && theme.translate.enable){
translate = JSON.stringify({ translate = JSON.stringify({
defaultEncoding: theme.translate.defaultEncoding, defaultEncoding: theme.translate.defaultEncoding,
translateDelay: theme.translate.translateDelay, translateDelay: theme.translate.translateDelay,
msgToTraditionalChinese: theme.translate.msgToTraditionalChinese, msgToTraditionalChinese: theme.translate.msgToTraditionalChinese,
msgToSimplifiedChinese: theme.translate.msgToSimplifiedChinese msgToSimplifiedChinese: theme.translate.msgToSimplifiedChinese
}) })
} }
let copyright = 'undefined' let copyright = 'undefined'
if (theme.copy.enable && theme.copy.copyright.enable){ if (theme.copy.enable && theme.copy.copyright.enable){
copyright = JSON.stringify({ copyright = JSON.stringify({
limitCount: theme.copy.copyright.limit_count, limitCount: theme.copy.copyright.limit_count,
languages: { languages: {
author: _p("copy_copyright.author") + ': ' + config.author, author: _p("copy_copyright.author") + ': ' + config.author,
link: _p("copy_copyright.link") + ': ', link: _p("copy_copyright.link") + ': ',
source: _p("copy_copyright.source") + ': ' + config.title, source: _p("copy_copyright.source") + ': ' + config.title,
info: _p("copy_copyright.info") info: _p("copy_copyright.info")
} }
}) })
} }
let Snackbar = 'undefined' let Snackbar = 'undefined'
if (theme.snackbar && theme.snackbar.enable) { if (theme.snackbar && theme.snackbar.enable) {
Snackbar = JSON.stringify({ Snackbar = JSON.stringify({
chs_to_cht: _p("Snackbar.chs_to_cht"), chs_to_cht: _p("Snackbar.chs_to_cht"),
cht_to_chs: _p("Snackbar.cht_to_chs"), cht_to_chs: _p("Snackbar.cht_to_chs"),
day_to_night: _p("Snackbar.day_to_night"), day_to_night: _p("Snackbar.day_to_night"),
night_to_day: _p("Snackbar.night_to_day"), night_to_day: _p("Snackbar.night_to_day"),
bgLight: theme.snackbar.bg_light, bgLight: theme.snackbar.bg_light,
bgDark: theme.snackbar.bg_dark, bgDark: theme.snackbar.bg_dark,
position: theme.snackbar.position, position: theme.snackbar.position,
}) })
} }
let highlight = 'undefined' let highlight = 'undefined'
let syntaxHighlighter = config.syntax_highlighter let syntaxHighlighter = config.syntax_highlighter
let highlightEnable = syntaxHighlighter ? ['highlight.js', 'prismjs'].includes(syntaxHighlighter) : (config.highlight.enable || config.prismjs.enable) let highlightEnable = syntaxHighlighter ? ['highlight.js', 'prismjs'].includes(syntaxHighlighter) : (config.highlight.enable || config.prismjs.enable)
if (highlightEnable) { if (highlightEnable) {
const { copy, language, height_limit, fullpage, macStyle } = theme.code_blocks const { copy, language, height_limit, fullpage, macStyle } = theme.code_blocks
highlight = JSON.stringify({ highlight = JSON.stringify({
plugin: syntaxHighlighter ? syntaxHighlighter : config.highlight.enable ? 'highlight.js' : 'prismjs', plugin: syntaxHighlighter ? syntaxHighlighter : config.highlight.enable ? 'highlight.js' : 'prismjs',
highlightCopy: copy, highlightCopy: copy,
highlightLang: language, highlightLang: language,
highlightHeightLimit: height_limit, highlightHeightLimit: height_limit,
highlightFullpage: fullpage, highlightFullpage: fullpage,
highlightMacStyle: macStyle highlightMacStyle: macStyle
}) })
} }
script. script.
const GLOBAL_CONFIG = { const GLOBAL_CONFIG = {
root: '!{config.root}', root: '!{config.root}',
algolia: !{algolia}, algolia: !{algolia},
localSearch: !{localSearch}, localSearch: !{localSearch},
translate: !{translate}, translate: !{translate},
highlight: !{highlight}, highlight: !{highlight},
copy: { copy: {
success: '!{_p("copy.success")}', success: '!{_p("copy.success")}',
error: '!{_p("copy.error")}', error: '!{_p("copy.error")}',
noSupport: '!{_p("copy.noSupport")}' noSupport: '!{_p("copy.noSupport")}'
}, },
relativeDate: { relativeDate: {
homepage: !{theme.post_meta.page.date_format === 'relative'}, homepage: !{theme.post_meta.page.date_format === 'relative'},
post: !{theme.post_meta.post.date_format === 'relative'} post: !{theme.post_meta.post.date_format === 'relative'}
}, },
runtime: '!{theme.aside.card_webinfo.runtime_date ? _p("aside.card_webinfo.runtime.unit") : ""}', runtime: '!{theme.aside.card_webinfo.runtime_date ? _p("aside.card_webinfo.runtime.unit") : ""}',
dateSuffix: { dateSuffix: {
just: '!{_p("date_suffix.just")}', just: '!{_p("date_suffix.just")}',
min: '!{_p("date_suffix.min")}', min: '!{_p("date_suffix.min")}',
hour: '!{_p("date_suffix.hour")}', hour: '!{_p("date_suffix.hour")}',
day: '!{_p("date_suffix.day")}', day: '!{_p("date_suffix.day")}',
month: '!{_p("date_suffix.month")}' month: '!{_p("date_suffix.month")}'
}, },
copyright: !{copyright}, copyright: !{copyright},
lightbox: '!{ theme.lightbox || 'null' }', lightbox: '!{ theme.lightbox || 'null' }',
Snackbar: !{Snackbar}, Snackbar: !{Snackbar},
infinitegrid: { infinitegrid: {
js: '!{url_for(theme.asset.egjs_infinitegrid)}', js: '!{url_for(theme.asset.egjs_infinitegrid)}',
buttonText: '!{_p("load_more")}' buttonText: '!{_p("load_more")}'
}, },
isPhotoFigcaption: !{theme.photofigcaption}, isPhotoFigcaption: !{theme.photofigcaption},
islazyloadPlugin: !{theme.lazyload.enable && !theme.lazyload.native}, islazyloadPlugin: !{theme.lazyload.enable && !theme.lazyload.native},
isAnchor: !{theme.anchor.auto_update || false}, isAnchor: !{theme.anchor.auto_update || false},
percent: { percent: {
toc: !{theme.toc.scroll_percent}, toc: !{theme.toc.scroll_percent},
rightside: !{theme.rightside_scroll_percent}, rightside: !{theme.rightside_scroll_percent},
}, },
autoDarkmode: !{theme.darkmode.enable && theme.darkmode.autoChangeMode === 1} autoDarkmode: !{theme.darkmode.enable && theme.darkmode.autoChangeMode === 1}
} }

View File

@@ -1,25 +1,25 @@
- -
const titleVal = pageTitle.replace(/'/ig,"\\'") const titleVal = pageTitle.replace(/'/ig,"\\'")
let isHighlightShrink let isHighlightShrink
if (theme.code_blocks.shrink == 'none') isHighlightShrink = 'undefined' if (theme.code_blocks.shrink == 'none') isHighlightShrink = 'undefined'
else if (typeof page.highlight_shrink == 'boolean') isHighlightShrink = page.highlight_shrink else if (typeof page.highlight_shrink == 'boolean') isHighlightShrink = page.highlight_shrink
else isHighlightShrink = theme.code_blocks.shrink else isHighlightShrink = theme.code_blocks.shrink
var showToc = false var showToc = false
if (theme.aside.enable && page.aside !== false) { if (theme.aside.enable && page.aside !== false) {
let tocEnable = false let tocEnable = false
if (globalPageType === 'post' && theme.toc.post) tocEnable = true if (globalPageType === 'post' && theme.toc.post) tocEnable = true
else if (globalPageType === 'page' && theme.toc.page) tocEnable = true else if (globalPageType === 'page' && theme.toc.page) tocEnable = true
const pageToc = typeof page.toc === 'boolean' ? page.toc : tocEnable const pageToc = typeof page.toc === 'boolean' ? page.toc : tocEnable
showToc = pageToc && (toc(page.content) !== '' || page.encrypt === true) showToc = pageToc && (toc(page.content) !== '' || page.encrypt === true)
} }
- -
script#config-diff. script#config-diff.
var GLOBAL_CONFIG_SITE = { var GLOBAL_CONFIG_SITE = {
title: '!{titleVal}', title: '!{titleVal}',
isHighlightShrink: !{isHighlightShrink}, isHighlightShrink: !{isHighlightShrink},
isToc: !{showToc}, isToc: !{showToc},
pageType: '!{page.type == 'shuoshuo' ? 'shuoshuo' : globalPageType}' pageType: '!{page.type == 'shuoshuo' ? 'shuoshuo' : globalPageType}'
} }

View File

@@ -1,9 +1,9 @@
if (theme.google_adsense && theme.google_adsense.enable) if (theme.google_adsense && theme.google_adsense.enable)
script(async src=theme.google_adsense.js) script(async src=theme.google_adsense.js)
if theme.google_adsense.auto_ads if theme.google_adsense.auto_ads
script. script.
(adsbygoogle = window.adsbygoogle || []).push({ (adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: '!{theme.google_adsense.client}', google_ad_client: '!{theme.google_adsense.client}',
enable_page_level_ads: '!{theme.google_adsense.enable_page_level_ads}' enable_page_level_ads: '!{theme.google_adsense.enable_page_level_ads}'
}); });

View File

@@ -1,35 +1,35 @@
- -
const { internal_provider, third_party_provider, custom_format } = theme.CDN const { internal_provider, third_party_provider, custom_format } = theme.CDN
const providers = { const providers = {
'jsdelivr': '//cdn.jsdelivr.net', 'jsdelivr': '//cdn.jsdelivr.net',
'cdnjs': '//cdnjs.cloudflare.com', 'cdnjs': '//cdnjs.cloudflare.com',
'unpkg': '//unpkg.com', 'unpkg': '//unpkg.com',
'custom': custom_format && custom_format.match(/^((https?:)?(\/\/[^/]+)|([^/]+))(\/|$)/)[1] 'custom': custom_format && custom_format.match(/^((https?:)?(\/\/[^/]+)|([^/]+))(\/|$)/)[1]
} }
- -
if internal_provider === third_party_provider && internal_provider !== 'local' if internal_provider === third_party_provider && internal_provider !== 'local'
link(rel="preconnect" href=providers[internal_provider]) link(rel="preconnect" href=providers[internal_provider])
else else
if internal_provider !== 'local' if internal_provider !== 'local'
link(rel="preconnect" href=providers[internal_provider]) link(rel="preconnect" href=providers[internal_provider])
if third_party_provider !== 'local' if third_party_provider !== 'local'
link(rel="preconnect" href=providers[third_party_provider]) link(rel="preconnect" href=providers[third_party_provider])
if theme.google_analytics if theme.google_analytics
link(rel="preconnect" href="//www.google-analytics.com" crossorigin='') link(rel="preconnect" href="//www.google-analytics.com" crossorigin='')
if theme.baidu_analytics if theme.baidu_analytics
link(rel="preconnect" href="//hm.baidu.com") link(rel="preconnect" href="//hm.baidu.com")
if theme.cloudflare_analytics if theme.cloudflare_analytics
link(rel="preconnect" href="//static.cloudflareinsights.com") link(rel="preconnect" href="//static.cloudflareinsights.com")
if theme.microsoft_clarity if theme.microsoft_clarity
link(rel="preconnect" href="//www.clarity.ms") link(rel="preconnect" href="//www.clarity.ms")
if theme.blog_title_font && theme.blog_title_font.font_link && theme.blog_title_font.font_link.indexOf('//fonts.googleapis.com') != -1 if theme.blog_title_font && theme.blog_title_font.font_link && theme.blog_title_font.font_link.indexOf('//fonts.googleapis.com') != -1
link(rel="preconnect" href="//fonts.googleapis.com" crossorigin='') link(rel="preconnect" href="//fonts.googleapis.com" crossorigin='')
if !theme.asset.busuanzi && (theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv) if !theme.asset.busuanzi && (theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv)
link(rel="preconnect" href="//busuanzi.ibruce.info") link(rel="preconnect" href="//busuanzi.ibruce.info")

View File

@@ -1,13 +1,13 @@
- const { manifest, theme_color, apple_touch_icon, favicon_32_32, favicon_16_16, mask_icon } = theme.pwa - const { manifest, theme_color, apple_touch_icon, favicon_32_32, favicon_16_16, mask_icon } = theme.pwa
link(rel="manifest" href=url_for(manifest)) link(rel="manifest" href=url_for(manifest))
if theme_color if theme_color
meta(name="msapplication-TileColor" content=theme_color) meta(name="msapplication-TileColor" content=theme_color)
if apple_touch_icon if apple_touch_icon
link(rel="apple-touch-icon" sizes="180x180" href=url_for(apple_touch_icon)) link(rel="apple-touch-icon" sizes="180x180" href=url_for(apple_touch_icon))
if favicon_32_32 if favicon_32_32
link(rel="icon" type="image/png" sizes="32x32" href=url_for(favicon_32_32)) link(rel="icon" type="image/png" sizes="32x32" href=url_for(favicon_32_32))
if favicon_16_16 if favicon_16_16
link(rel="icon" type="image/png" sizes="16x16" href=url_for(favicon_16_16)) link(rel="icon" type="image/png" sizes="16x16" href=url_for(favicon_16_16))
if mask_icon if mask_icon
link(rel="mask-icon" href=url_for(mask_icon) color="#5bbad5") link(rel="mask-icon" href=url_for(mask_icon) color="#5bbad5")

View File

@@ -1,3 +1,3 @@
if theme.site_verification if theme.site_verification
each item in theme.site_verification each item in theme.site_verification
meta(name=item.name content=item.content) meta(name=item.name content=item.content)

View File

@@ -1,52 +1,52 @@
- -
const returnTopImg = img => img !== false ? img || theme.default_top_img : false const returnTopImg = img => img !== false ? img || theme.default_top_img : false
const isFixedClass = theme.nav.fixed ? ' fixed' : '' const isFixedClass = theme.nav.fixed ? ' fixed' : ''
var top_img = false var top_img = false
let headerClassName = 'not-top-img' let headerClassName = 'not-top-img'
var bg_img = '' var bg_img = ''
if !theme.disable_top_img && page.top_img !== false if !theme.disable_top_img && page.top_img !== false
case globalPageType case globalPageType
when 'post' when 'post'
- top_img = page.top_img || page.cover || theme.default_top_img - top_img = page.top_img || page.cover || theme.default_top_img
when 'page' when 'page'
- top_img = page.top_img || theme.default_top_img - top_img = page.top_img || theme.default_top_img
when 'tag' when 'tag'
- top_img = theme.tag_per_img && theme.tag_per_img[page.tag] || returnTopImg(theme.tag_img) - top_img = theme.tag_per_img && theme.tag_per_img[page.tag] || returnTopImg(theme.tag_img)
when 'category' when 'category'
- top_img = theme.category_per_img && theme.category_per_img[page.category] || returnTopImg(theme.category_img) - top_img = theme.category_per_img && theme.category_per_img[page.category] || returnTopImg(theme.category_img)
when 'home' when 'home'
- top_img = returnTopImg(theme.index_img) - top_img = returnTopImg(theme.index_img)
when 'archive' when 'archive'
- top_img = returnTopImg(theme.archive_img) - top_img = returnTopImg(theme.archive_img)
default default
- top_img = page.top_img || theme.default_top_img - top_img = page.top_img || theme.default_top_img
if top_img !== false if top_img !== false
- bg_img = getBgPath(top_img) - bg_img = getBgPath(top_img)
- headerClassName = globalPageType === 'home' ? 'full_page' : globalPageType === 'post' ? 'post-bg' : 'not-home-page' - headerClassName = globalPageType === 'home' ? 'full_page' : globalPageType === 'post' ? 'post-bg' : 'not-home-page'
header#page-header(class=`${headerClassName + isFixedClass}` style=bg_img) header#page-header(class=`${headerClassName + isFixedClass}` style=bg_img)
include ./nav.pug include ./nav.pug
if top_img !== false if top_img !== false
if globalPageType === 'post' if globalPageType === 'post'
include ./post-info.pug include ./post-info.pug
else if globalPageType === 'home' else if globalPageType === 'home'
#site-info #site-info
h1#site-title=config.title h1#site-title=config.title
if theme.subtitle.enable if theme.subtitle.enable
- var loadSubJs = true - var loadSubJs = true
#site-subtitle #site-subtitle
span#subtitle span#subtitle
if theme.social if theme.social
#site_social_icons #site_social_icons
!=partial('includes/header/social', {}, {cache: true}) !=partial('includes/header/social', {}, {cache: true})
#scroll-down #scroll-down
i.fas.fa-angle-down.scroll-down-effects i.fas.fa-angle-down.scroll-down-effects
else else
#page-site-info #page-site-info
h1#site-title=page.title || page.tag || page.category h1#site-title=page.title || page.tag || page.category
else else
//- improve seo //- improve seo
if globalPageType !== 'post' if globalPageType !== 'post'
h1.title-seo=page.title || page.tag || page.category || config.title h1.title-seo=page.title || page.tag || page.category || config.title

View File

@@ -1,27 +1,27 @@
if theme.menu if theme.menu
.menus_items .menus_items
each value, label in theme.menu each value, label in theme.menu
if typeof value !== 'object' if typeof value !== 'object'
.menus_item .menus_item
- const [link, icon] = value.split('||').map(part => trim(part)) - const [link, icon] = value.split('||').map(part => trim(part))
a.site-page(href=url_for(link)) a.site-page(href=url_for(link))
if icon if icon
i.fa-fw(class=icon) i.fa-fw(class=icon)
span= ' ' + label span= ' ' + label
else else
.menus_item .menus_item
- const [groupLabel, groupIcon, groupClass] = label.split('||').map(part => trim(part)) - const [groupLabel, groupIcon, groupClass] = label.split('||').map(part => trim(part))
- const hideClass = groupClass === 'hide' ? 'hide' : '' - const hideClass = groupClass === 'hide' ? 'hide' : ''
span.site-page.group(class=hideClass) span.site-page.group(class=hideClass)
if groupIcon if groupIcon
i.fa-fw(class=groupIcon) i.fa-fw(class=groupIcon)
span= ' ' + groupLabel span= ' ' + groupLabel
i.fas.fa-chevron-down i.fas.fa-chevron-down
ul.menus_item_child ul.menus_item_child
each val, lab in value each val, lab in value
- const [childLink, childIcon] = val.split('||').map(part => trim(part)) - const [childLink, childIcon] = val.split('||').map(part => trim(part))
li li
a.site-page.child(href=url_for(childLink)) a.site-page.child(href=url_for(childLink))
if childIcon if childIcon
i.fa-fw(class=childIcon) i.fa-fw(class=childIcon)
span= ' ' + lab span= ' ' + lab

View File

@@ -1,22 +1,22 @@
nav#nav nav#nav
span#blog-info span#blog-info
a.nav-site-title(href=url_for('/')) a.nav-site-title(href=url_for('/'))
if theme.nav.logo if theme.nav.logo
img.site-icon(src=url_for(theme.nav.logo) alt='Logo') img.site-icon(src=url_for(theme.nav.logo) alt='Logo')
if theme.nav.display_title if theme.nav.display_title
span.site-name=config.title span.site-name=config.title
if globalPageType === 'post' if globalPageType === 'post'
a.nav-page-title(href=url_for('/')) a.nav-page-title(href=url_for('/'))
span.site-name=(page.title || config.title) span.site-name=(page.title || config.title)
#menus #menus
if theme.search.use if theme.search.use
#search-button #search-button
span.site-page.social-icon.search span.site-page.social-icon.search
i.fas.fa-search.fa-fw i.fas.fa-search.fa-fw
span= ' ' + _p('search.title') span= ' ' + _p('search.title')
if theme.menu if theme.menu
!= partial('includes/header/menu_item', {}, {cache: true}) != partial('includes/header/menu_item', {}, {cache: true})
#toggle-menu #toggle-menu
span.site-page span.site-page
i.fas.fa-bars.fa-fw i.fas.fa-bars.fa-fw

View File

@@ -1,149 +1,149 @@
- let comments = theme.comments - let comments = theme.comments
#post-info #post-info
h1.post-title= page.title || _p('no_title') h1.post-title= page.title || _p('no_title')
if theme.post_edit.enable if theme.post_edit.enable
a.post-edit-link(href=theme.post_edit.url + page.source title=_p('post.edit') target="_blank") a.post-edit-link(href=theme.post_edit.url + page.source title=_p('post.edit') target="_blank")
i.fas.fa-pencil-alt i.fas.fa-pencil-alt
#post-meta #post-meta
.meta-firstline .meta-firstline
if theme.post_meta.post.date_type if theme.post_meta.post.date_type
span.post-meta-date span.post-meta-date
if theme.post_meta.post.date_type === 'both' if theme.post_meta.post.date_type === 'both'
i.far.fa-calendar-alt.fa-fw.post-meta-icon i.far.fa-calendar-alt.fa-fw.post-meta-icon
span.post-meta-label= _p('post.created') span.post-meta-label= _p('post.created')
time.post-meta-date-created(datetime=date_xml(page.date) title=_p('post.created') + ' ' + full_date(page.date))= date(page.date, config.date_format) time.post-meta-date-created(datetime=date_xml(page.date) title=_p('post.created') + ' ' + full_date(page.date))= date(page.date, config.date_format)
span.post-meta-separator | span.post-meta-separator |
i.fas.fa-history.fa-fw.post-meta-icon i.fas.fa-history.fa-fw.post-meta-icon
span.post-meta-label= _p('post.updated') span.post-meta-label= _p('post.updated')
time.post-meta-date-updated(datetime=date_xml(page.updated) title=_p('post.updated') + ' ' + full_date(page.updated))= date(page.updated, config.date_format) time.post-meta-date-updated(datetime=date_xml(page.updated) title=_p('post.updated') + ' ' + full_date(page.updated))= date(page.updated, config.date_format)
else else
- let data_type_update = theme.post_meta.post.date_type === 'updated' - let data_type_update = theme.post_meta.post.date_type === 'updated'
- let date_type = data_type_update ? 'updated' : 'date' - let date_type = data_type_update ? 'updated' : 'date'
- let date_icon = data_type_update ? 'fas fa-history' : 'far fa-calendar-alt' - let date_icon = data_type_update ? 'fas fa-history' : 'far fa-calendar-alt'
- let date_title = data_type_update ? _p('post.updated') : _p('post.created') - let date_title = data_type_update ? _p('post.updated') : _p('post.created')
i.fa-fw.post-meta-icon(class=date_icon) i.fa-fw.post-meta-icon(class=date_icon)
span.post-meta-label= date_title span.post-meta-label= date_title
time(datetime=date_xml(page[date_type]) title=date_title + ' ' + full_date(page[date_type]))= date(page[date_type], config.date_format) time(datetime=date_xml(page[date_type]) title=date_title + ' ' + full_date(page[date_type]))= date(page[date_type], config.date_format)
if theme.post_meta.post.categories && page.categories.data.length > 0 if theme.post_meta.post.categories && page.categories.data.length > 0
span.post-meta-categories span.post-meta-categories
if theme.post_meta.post.date_type if theme.post_meta.post.date_type
span.post-meta-separator | span.post-meta-separator |
each item, index in page.categories.data each item, index in page.categories.data
i.fas.fa-inbox.fa-fw.post-meta-icon i.fas.fa-inbox.fa-fw.post-meta-icon
a(href=url_for(item.path)).post-meta-categories #[=item.name] a(href=url_for(item.path)).post-meta-categories #[=item.name]
if index < page.categories.data.length - 1 if index < page.categories.data.length - 1
i.fas.fa-angle-right.post-meta-separator i.fas.fa-angle-right.post-meta-separator
.meta-secondline .meta-secondline
- let postWordcount = theme.wordcount.enable && (theme.wordcount.post_wordcount || theme.wordcount.min2read) - let postWordcount = theme.wordcount.enable && (theme.wordcount.post_wordcount || theme.wordcount.min2read)
if postWordcount if postWordcount
span.post-meta-separator | span.post-meta-separator |
span.post-meta-wordcount span.post-meta-wordcount
if theme.wordcount.post_wordcount if theme.wordcount.post_wordcount
i.far.fa-file-word.fa-fw.post-meta-icon i.far.fa-file-word.fa-fw.post-meta-icon
span.post-meta-label= _p('post.wordcount') + ':' span.post-meta-label= _p('post.wordcount') + ':'
span.word-count= wordcount(page.content) span.word-count= wordcount(page.content)
if theme.wordcount.min2read if theme.wordcount.min2read
span.post-meta-separator | span.post-meta-separator |
if theme.wordcount.min2read if theme.wordcount.min2read
i.far.fa-clock.fa-fw.post-meta-icon i.far.fa-clock.fa-fw.post-meta-icon
span.post-meta-label= _p('post.min2read') + ':' span.post-meta-label= _p('post.min2read') + ':'
span= min2read(page.content, {cn: 350, en: 160}) + _p('post.min2read_unit') span= min2read(page.content, {cn: 350, en: 160}) + _p('post.min2read_unit')
//- for pv and count //- for pv and count
mixin pvBlock(parent_id, parent_class, parent_title) mixin pvBlock(parent_id, parent_class, parent_title)
span.post-meta-separator | span.post-meta-separator |
span(class=parent_class id=parent_id data-flag-title=parent_title) span(class=parent_class id=parent_id data-flag-title=parent_title)
i.far.fa-eye.fa-fw.post-meta-icon i.far.fa-eye.fa-fw.post-meta-icon
span.post-meta-label= _p('post.page_pv') + ':' span.post-meta-label= _p('post.page_pv') + ':'
if block if block
block block
mixin otherPV() mixin otherPV()
if theme.umami_analytics.enable && theme.umami_analytics.UV_PV.page_pv if theme.umami_analytics.enable && theme.umami_analytics.UV_PV.page_pv
+pvBlock('', '', '') +pvBlock('', '', '')
span#umamiPV(data-path=url_for(page.path)) span#umamiPV(data-path=url_for(page.path))
i.fa-solid.fa-spinner.fa-spin i.fa-solid.fa-spinner.fa-spin
else if theme.busuanzi.page_pv else if theme.busuanzi.page_pv
+pvBlock('', 'post-meta-pv-cv', '') +pvBlock('', 'post-meta-pv-cv', '')
span#busuanzi_value_page_pv span#busuanzi_value_page_pv
i.fa-solid.fa-spinner.fa-spin i.fa-solid.fa-spinner.fa-spin
- const commentUse = comments.use && comments.use[0] - const commentUse = comments.use && comments.use[0]
if page.comments !== false && commentUse && !comments.lazyload if page.comments !== false && commentUse && !comments.lazyload
if commentUse === 'Valine' && theme.valine.visitor if commentUse === 'Valine' && theme.valine.visitor
+pvBlock(url_for(page.path), 'leancloud_visitors', page.title) +pvBlock(url_for(page.path), 'leancloud_visitors', page.title)
span.leancloud-visitors-count span.leancloud-visitors-count
i.fa-solid.fa-spinner.fa-spin i.fa-solid.fa-spinner.fa-spin
else if commentUse === 'Waline' && theme.waline.pageview else if commentUse === 'Waline' && theme.waline.pageview
+pvBlock('', '', '') +pvBlock('', '', '')
span.waline-pageview-count(data-path=url_for(page.path)) span.waline-pageview-count(data-path=url_for(page.path))
i.fa-solid.fa-spinner.fa-spin i.fa-solid.fa-spinner.fa-spin
else if commentUse === 'Twikoo' && theme.twikoo.visitor else if commentUse === 'Twikoo' && theme.twikoo.visitor
+pvBlock('', '', '') +pvBlock('', '', '')
span#twikoo_visitors span#twikoo_visitors
i.fa-solid.fa-spinner.fa-spin i.fa-solid.fa-spinner.fa-spin
else if commentUse === 'Artalk' && theme.artalk.visitor else if commentUse === 'Artalk' && theme.artalk.visitor
+pvBlock('', '', '') +pvBlock('', '', '')
span#ArtalkPV span#ArtalkPV
i.fa-solid.fa-spinner.fa-spin i.fa-solid.fa-spinner.fa-spin
else else
+otherPV() +otherPV()
else else
+otherPV() +otherPV()
if comments.count && !comments.lazyload && page.comments !== false && comments.use if comments.count && !comments.lazyload && page.comments !== false && comments.use
- var whichCount = comments.use[0] - var whichCount = comments.use[0]
mixin countBlock mixin countBlock
span.post-meta-separator | span.post-meta-separator |
span.post-meta-commentcount span.post-meta-commentcount
i.far.fa-comments.fa-fw.post-meta-icon i.far.fa-comments.fa-fw.post-meta-icon
span.post-meta-label= _p('post.comments') + ':' span.post-meta-label= _p('post.comments') + ':'
if block if block
block block
case whichCount case whichCount
when 'Disqus' when 'Disqus'
+countBlock +countBlock
a.disqus-comment-count(href=full_url_for(page.path) + '#post-comment') a.disqus-comment-count(href=full_url_for(page.path) + '#post-comment')
i.fa-solid.fa-spinner.fa-spin i.fa-solid.fa-spinner.fa-spin
when 'Disqusjs' when 'Disqusjs'
+countBlock +countBlock
a.disqusjs-comment-count(href=full_url_for(page.path) + '#post-comment') a.disqusjs-comment-count(href=full_url_for(page.path) + '#post-comment')
i.fa-solid.fa-spinner.fa-spin i.fa-solid.fa-spinner.fa-spin
when 'Valine' when 'Valine'
+countBlock +countBlock
a(href=url_for(page.path) + '#post-comment' itemprop="discussionUrl") a(href=url_for(page.path) + '#post-comment' itemprop="discussionUrl")
span.valine-comment-count(data-xid=url_for(page.path) itemprop="commentCount") span.valine-comment-count(data-xid=url_for(page.path) itemprop="commentCount")
i.fa-solid.fa-spinner.fa-spin i.fa-solid.fa-spinner.fa-spin
when 'Waline' when 'Waline'
+countBlock +countBlock
a(href=url_for(page.path) + '#post-comment') a(href=url_for(page.path) + '#post-comment')
span.waline-comment-count(data-path=url_for(page.path)) span.waline-comment-count(data-path=url_for(page.path))
i.fa-solid.fa-spinner.fa-spin i.fa-solid.fa-spinner.fa-spin
when 'Gitalk' when 'Gitalk'
+countBlock +countBlock
a(href=url_for(page.path) + '#post-comment') a(href=url_for(page.path) + '#post-comment')
span.gitalk-comment-count span.gitalk-comment-count
i.fa-solid.fa-spinner.fa-spin i.fa-solid.fa-spinner.fa-spin
when 'Twikoo' when 'Twikoo'
+countBlock +countBlock
a(href=url_for(page.path) + '#post-comment') a(href=url_for(page.path) + '#post-comment')
span#twikoo-count span#twikoo-count
i.fa-solid.fa-spinner.fa-spin i.fa-solid.fa-spinner.fa-spin
when 'Facebook Comments' when 'Facebook Comments'
+countBlock +countBlock
a(href=url_for(page.path) + '#post-comment') a(href=url_for(page.path) + '#post-comment')
span.fb-comments-count(data-href=urlNoIndex()) span.fb-comments-count(data-href=urlNoIndex())
when 'Remark42' when 'Remark42'
+countBlock +countBlock
a(href=url_for(page.path) + '#post-comment') a(href=url_for(page.path) + '#post-comment')
span.remark42__counter(data-url=urlNoIndex()) span.remark42__counter(data-url=urlNoIndex())
i.fa-solid.fa-spinner.fa-spin i.fa-solid.fa-spinner.fa-spin
when 'Artalk' when 'Artalk'
+countBlock +countBlock
a(href=url_for(page.path) + '#post-comment') a(href=url_for(page.path) + '#post-comment')
span#ArtalkCount span#ArtalkCount
i.fa-solid.fa-spinner.fa-spin i.fa-solid.fa-spinner.fa-spin

View File

@@ -1,8 +1,8 @@
each url, icon in theme.social each url, icon in theme.social
- -
const [link, title, color] = url.split('||').map(i => trim(i)) const [link, title, color] = url.split('||').map(i => trim(i))
const href = url_for(link) const href = url_for(link)
const iconStyle = color ? `color: ${color.replace(/[\'\"]/g, '')};` : '' const iconStyle = color ? `color: ${color.replace(/[\'\"]/g, '')};` : ''
const iconTitle = title || '' const iconTitle = title || ''
a.social-icon(href=href target="_blank" title=iconTitle) a.social-icon(href=href target="_blank" title=iconTitle)
i(class=icon style=iconStyle) i(class=icon style=iconStyle)

View File

@@ -1,37 +1,37 @@
- var globalPageType = getPageType(page, is_home) - var globalPageType = getPageType(page, is_home)
- var htmlClassHideAside = theme.aside.enable && theme.aside.hide ? 'hide-aside' : '' - var htmlClassHideAside = theme.aside.enable && theme.aside.hide ? 'hide-aside' : ''
- page.aside = globalPageType === 'archive' ? theme.aside.display.archive: globalPageType === 'category' ? theme.aside.display.category : globalPageType === 'tag' ? theme.aside.display.tag : page.aside - page.aside = globalPageType === 'archive' ? theme.aside.display.archive: globalPageType === 'category' ? theme.aside.display.category : globalPageType === 'tag' ? theme.aside.display.tag : page.aside
- var hideAside = !theme.aside.enable || page.aside === false ? 'hide-aside' : '' - var hideAside = !theme.aside.enable || page.aside === false ? 'hide-aside' : ''
- var pageType = globalPageType === 'post' ? 'post' : 'page' - var pageType = globalPageType === 'post' ? 'post' : 'page'
- pageType = page.type ? pageType + ' type-' + page.type : pageType - pageType = page.type ? pageType + ' type-' + page.type : pageType
doctype html doctype html
html(lang=config.language data-theme=theme.display_mode class=htmlClassHideAside) html(lang=config.language data-theme=theme.display_mode class=htmlClassHideAside)
head head
include ./head.pug include ./head.pug
body body
!=partial('includes/loading/index', {}, {cache: true}) !=partial('includes/loading/index', {}, {cache: true})
if theme.background if theme.background
#web_bg(style=getBgPath(theme.background)) #web_bg(style=getBgPath(theme.background))
!=partial('includes/sidebar', {}, {cache: true}) !=partial('includes/sidebar', {}, {cache: true})
#body-wrap(class=pageType) #body-wrap(class=pageType)
include ./header/index.pug include ./header/index.pug
main#content-inner.layout(class=hideAside) main#content-inner.layout(class=hideAside)
if body if body
div!= body div!= body
else else
block content block content
if theme.aside.enable && page.aside !== false if theme.aside.enable && page.aside !== false
include widget/index.pug include widget/index.pug
- const footerBg = theme.footer_img - const footerBg = theme.footer_img
- const footer_bg = footerBg ? footerBg === true ? bg_img : getBgPath(footerBg) : '' - const footer_bg = footerBg ? footerBg === true ? bg_img : getBgPath(footerBg) : ''
footer#footer(style=footer_bg) footer#footer(style=footer_bg)
!=partial('includes/footer', {}, {cache: true}) !=partial('includes/footer', {}, {cache: true})
include ./rightside.pug include ./rightside.pug
include ./additional-js.pug include ./additional-js.pug

View File

@@ -1,33 +1,33 @@
#loading-box #loading-box
.loading-left-bg .loading-left-bg
.loading-right-bg .loading-right-bg
.spinner-box .spinner-box
.configure-border-1 .configure-border-1
.configure-core .configure-core
.configure-border-2 .configure-border-2
.configure-core .configure-core
.loading-word= _p('loading') .loading-word= _p('loading')
script. script.
(()=>{ (()=>{
const $loadingBox = document.getElementById('loading-box') const $loadingBox = document.getElementById('loading-box')
const $body = document.body const $body = document.body
const preloader = { const preloader = {
endLoading: () => { endLoading: () => {
$body.style.overflow = '' $body.style.overflow = ''
$loadingBox.classList.add('loaded') $loadingBox.classList.add('loaded')
}, },
initLoading: () => { initLoading: () => {
$body.style.overflow = 'hidden' $body.style.overflow = 'hidden'
$loadingBox.classList.remove('loaded') $loadingBox.classList.remove('loaded')
} }
} }
preloader.initLoading() preloader.initLoading()
window.addEventListener('load', preloader.endLoading) window.addEventListener('load', preloader.endLoading)
if (!{theme.pjax && theme.pjax.enable}) { if (!{theme.pjax && theme.pjax.enable}) {
btf.addGlobalFn('pjaxSend', preloader.initLoading, 'preloader_init') btf.addGlobalFn('pjaxSend', preloader.initLoading, 'preloader_init')
btf.addGlobalFn('pjaxComplete', preloader.endLoading, 'preloader_end') btf.addGlobalFn('pjaxComplete', preloader.endLoading, 'preloader_end')
} }
})() })()

View File

@@ -1,5 +1,5 @@
if theme.preloader.enable if theme.preloader.enable
if theme.preloader.source === 1 if theme.preloader.source === 1
include ./fullpage-loading.pug include ./fullpage-loading.pug
else else
include ./pace.pug include ./pace.pug

View File

@@ -1,12 +1,12 @@
script. script.
window.paceOptions = { window.paceOptions = {
restartOnPushState: false restartOnPushState: false
} }
btf.addGlobalFn('pjaxSend', () => { btf.addGlobalFn('pjaxSend', () => {
Pace.restart() Pace.restart()
}, 'pace_restart') }, 'pace_restart')
link(rel="stylesheet", href=url_for(theme.preloader.pace_css_url || theme.asset.pace_default_css)) link(rel="stylesheet", href=url_for(theme.preloader.pace_css_url || theme.asset.pace_default_css))
script(src=url_for(theme.asset.pace_js)) script(src=url_for(theme.asset.pace_js))

View File

@@ -1,23 +1,23 @@
mixin articleSort(posts) mixin articleSort(posts)
.article-sort .article-sort
- let year - let year
- posts.forEach(article => { - posts.forEach(article => {
- const tempYear = date(article.date, 'YYYY') - const tempYear = date(article.date, 'YYYY')
- const noCoverClass = article.cover === false || !theme.cover.archives_enable ? 'no-article-cover' : '' - const noCoverClass = article.cover === false || !theme.cover.archives_enable ? 'no-article-cover' : ''
- const title = article.title || _p('no_title') - const title = article.title || _p('no_title')
if tempYear !== year if tempYear !== year
- year = tempYear - year = tempYear
.article-sort-item.year= year .article-sort-item.year= year
.article-sort-item(class=noCoverClass) .article-sort-item(class=noCoverClass)
if article.cover && theme.cover.archives_enable if article.cover && theme.cover.archives_enable
a.article-sort-item-img(href=url_for(article.path) title=title) a.article-sort-item-img(href=url_for(article.path) title=title)
if article.cover_type === 'img' if article.cover_type === 'img'
img(src=url_for(article.cover) alt=title onerror=`this.onerror=null;this.src='${url_for(theme.error_img.post_page)}'`) img(src=url_for(article.cover) alt=title onerror=`this.onerror=null;this.src='${url_for(theme.error_img.post_page)}'`)
else else
div(style=`background: ${article.cover}`) div(style=`background: ${article.cover}`)
.article-sort-item-info .article-sort-item-info
.article-sort-item-time .article-sort-item-time
i.far.fa-calendar-alt i.far.fa-calendar-alt
time.post-meta-date-created(datetime=date_xml(article.date) title=_p('post.created') + ' ' + full_date(article.date))= date(article.date, config.date_format) time.post-meta-date-created(datetime=date_xml(article.date) title=_p('post.created') + ' ' + full_date(article.date))= date(article.date, config.date_format)
a.article-sort-item-title(href=url_for(article.path) title=title)= title a.article-sort-item-title(href=url_for(article.path) title=title)= title
- }) - })

View File

@@ -1,116 +1,116 @@
mixin indexPostUI() mixin indexPostUI()
- const indexLayout = theme.index_layout - const indexLayout = theme.index_layout
- const masonryLayoutClass = (indexLayout === 6 || indexLayout === 7) ? 'masonry' : '' - const masonryLayoutClass = (indexLayout === 6 || indexLayout === 7) ? 'masonry' : ''
#recent-posts.recent-posts.nc(class=masonryLayoutClass) #recent-posts.recent-posts.nc(class=masonryLayoutClass)
.recent-post-items .recent-post-items
each article, index in page.posts.data each article, index in page.posts.data
.recent-post-item .recent-post-item
- const link = article.link || article.path - const link = article.link || article.path
- const title = article.title || _p('no_title') - const title = article.title || _p('no_title')
- const leftOrRight = indexLayout === 3 ? (index % 2 === 0 ? 'left' : 'right') : (indexLayout === 2 ? 'right' : '') - const leftOrRight = indexLayout === 3 ? (index % 2 === 0 ? 'left' : 'right') : (indexLayout === 2 ? 'right' : '')
- const post_cover = article.cover - const post_cover = article.cover
- const no_cover = article.cover === false || !theme.cover.index_enable ? 'no-cover' : '' - const no_cover = article.cover === false || !theme.cover.index_enable ? 'no-cover' : ''
if post_cover && theme.cover.index_enable if post_cover && theme.cover.index_enable
.post_cover(class=leftOrRight) .post_cover(class=leftOrRight)
a(href=url_for(link) title=title) a(href=url_for(link) title=title)
if article.cover_type === 'img' if article.cover_type === 'img'
img.post-bg(src=url_for(post_cover) onerror=`this.onerror=null;this.src='${url_for(theme.error_img.post_page)}'` alt=title) img.post-bg(src=url_for(post_cover) onerror=`this.onerror=null;this.src='${url_for(theme.error_img.post_page)}'` alt=title)
else else
div.post-bg(style=`background: ${post_cover}`) div.post-bg(style=`background: ${post_cover}`)
.recent-post-info(class=no_cover) .recent-post-info(class=no_cover)
a.article-title(href=url_for(link) title=title) a.article-title(href=url_for(link) title=title)
if globalPageType === 'home' && (article.top || article.sticky > 0) if globalPageType === 'home' && (article.top || article.sticky > 0)
i.fas.fa-thumbtack.sticky i.fas.fa-thumbtack.sticky
= title = title
.article-meta-wrap .article-meta-wrap
if theme.post_meta.page.date_type if theme.post_meta.page.date_type
span.post-meta-date span.post-meta-date
if theme.post_meta.page.date_type === 'both' if theme.post_meta.page.date_type === 'both'
i.far.fa-calendar-alt i.far.fa-calendar-alt
span.article-meta-label=_p('post.created') span.article-meta-label=_p('post.created')
time.post-meta-date-created(datetime=date_xml(article.date) title=_p('post.created') + ' ' + full_date(article.date))= date(article.date, config.date_format) time.post-meta-date-created(datetime=date_xml(article.date) title=_p('post.created') + ' ' + full_date(article.date))= date(article.date, config.date_format)
span.article-meta-separator | span.article-meta-separator |
i.fas.fa-history i.fas.fa-history
span.article-meta-label=_p('post.updated') span.article-meta-label=_p('post.updated')
time.post-meta-date-updated(datetime=date_xml(article.updated) title=_p('post.updated') + ' ' + full_date(article.updated))= date(article.updated, config.date_format) time.post-meta-date-updated(datetime=date_xml(article.updated) title=_p('post.updated') + ' ' + full_date(article.updated))= date(article.updated, config.date_format)
else else
- const data_type_updated = theme.post_meta.page.date_type === 'updated' - const data_type_updated = theme.post_meta.page.date_type === 'updated'
- const date_type = data_type_updated ? 'updated' : 'date' - const date_type = data_type_updated ? 'updated' : 'date'
- const date_icon = data_type_updated ? 'fas fa-history' : 'far fa-calendar-alt' - const date_icon = data_type_updated ? 'fas fa-history' : 'far fa-calendar-alt'
- const date_title = data_type_updated ? _p('post.updated') : _p('post.created') - const date_title = data_type_updated ? _p('post.updated') : _p('post.created')
i(class=date_icon) i(class=date_icon)
span.article-meta-label= date_title span.article-meta-label= date_title
time(datetime=date_xml(article[date_type]) title=date_title + ' ' + full_date(article[date_type]))= date(article[date_type], config.date_format) time(datetime=date_xml(article[date_type]) title=date_title + ' ' + full_date(article[date_type]))= date(article[date_type], config.date_format)
if theme.post_meta.page.categories && article.categories.data.length > 0 if theme.post_meta.page.categories && article.categories.data.length > 0
span.article-meta span.article-meta
span.article-meta-separator | span.article-meta-separator |
each item, index in article.categories.data each item, index in article.categories.data
i.fas.fa-inbox i.fas.fa-inbox
a(href=url_for(item.path)).article-meta__categories #[=item.name] a(href=url_for(item.path)).article-meta__categories #[=item.name]
if index < article.categories.data.length - 1 if index < article.categories.data.length - 1
i.fas.fa-angle-right.article-meta-link i.fas.fa-angle-right.article-meta-link
if theme.post_meta.page.tags && article.tags.length > 0 if theme.post_meta.page.tags && article.tags.length > 0
span.article-meta.tags span.article-meta.tags
span.article-meta-separator | span.article-meta-separator |
each item, index in article.tags.data each item, index in article.tags.data
i.fas.fa-tag i.fas.fa-tag
a(href=url_for(item.path)).article-meta__tags #[=item.name] a(href=url_for(item.path)).article-meta__tags #[=item.name]
if index < article.tags.data.length - 1 if index < article.tags.data.length - 1
span.article-meta-link #[='•'] span.article-meta-link #[='•']
mixin countBlockInIndex mixin countBlockInIndex
- needLoadCountJs = true - needLoadCountJs = true
span.article-meta span.article-meta
span.article-meta-separator | span.article-meta-separator |
i.fas.fa-comments i.fas.fa-comments
if block if block
block block
span.article-meta-label= ' ' + _p('card_post_count') span.article-meta-label= ' ' + _p('card_post_count')
if theme.comments.card_post_count && theme.comments.use if theme.comments.card_post_count && theme.comments.use
case theme.comments.use[0] case theme.comments.use[0]
when 'Disqus' when 'Disqus'
when 'Disqusjs' when 'Disqusjs'
+countBlockInIndex +countBlockInIndex
a.disqus-count(href=full_url_for(link) + '#post-comment') a.disqus-count(href=full_url_for(link) + '#post-comment')
i.fa-solid.fa-spinner.fa-spin i.fa-solid.fa-spinner.fa-spin
when 'Valine' when 'Valine'
+countBlockInIndex +countBlockInIndex
a(href=url_for(link) + '#post-comment') a(href=url_for(link) + '#post-comment')
span.valine-comment-count(data-xid=url_for(link)) span.valine-comment-count(data-xid=url_for(link))
i.fa-solid.fa-spinner.fa-spin i.fa-solid.fa-spinner.fa-spin
when 'Waline' when 'Waline'
+countBlockInIndex +countBlockInIndex
a(href=url_for(link) + '#post-comment') a(href=url_for(link) + '#post-comment')
span.waline-comment-count(data-path=url_for(link)) span.waline-comment-count(data-path=url_for(link))
i.fa-solid.fa-spinner.fa-spin i.fa-solid.fa-spinner.fa-spin
when 'Twikoo' when 'Twikoo'
+countBlockInIndex +countBlockInIndex
a.twikoo-count(href=url_for(link) + '#post-comment') a.twikoo-count(href=url_for(link) + '#post-comment')
i.fa-solid.fa-spinner.fa-spin i.fa-solid.fa-spinner.fa-spin
when 'Facebook Comments' when 'Facebook Comments'
+countBlockInIndex +countBlockInIndex
a(href=url_for(link) + '#post-comment') a(href=url_for(link) + '#post-comment')
span.fb-comments-count(data-href=urlNoIndex(article.permalink)) span.fb-comments-count(data-href=urlNoIndex(article.permalink))
when 'Remark42' when 'Remark42'
+countBlockInIndex +countBlockInIndex
a(href=url_for(link) + '#post-comment') a(href=url_for(link) + '#post-comment')
span.remark42__counter(data-url=urlNoIndex(article.permalink)) span.remark42__counter(data-url=urlNoIndex(article.permalink))
i.fa-solid.fa-spinner.fa-spin i.fa-solid.fa-spinner.fa-spin
when 'Artalk' when 'Artalk'
+countBlockInIndex +countBlockInIndex
a(href=url_for(link) + '#post-comment') a(href=url_for(link) + '#post-comment')
span.artalk-count(data-page-key=url_for(link)) span.artalk-count(data-page-key=url_for(link))
i.fa-solid.fa-spinner.fa-spin i.fa-solid.fa-spinner.fa-spin
//- Display the article introduction on homepage //- Display the article introduction on homepage
- const content = postDesc(article) - const content = postDesc(article)
if content if content
.content!=content .content!=content
if theme.ad && theme.ad.index if theme.ad && theme.ad.index
if (index + 1) % 3 === 0 if (index + 1) % 3 === 0
.recent-post-item.ads-wrap!= theme.ad.index .recent-post-item.ads-wrap!= theme.ad.index
include ../pagination.pug include ../pagination.pug

View File

@@ -1,8 +1,8 @@
- var top_img_404 = theme.error_404.background || theme.default_top_img - var top_img_404 = theme.error_404.background || theme.default_top_img
.error-content .error-content
.error-img .error-img
img(src=url_for(top_img_404) alt='Page not found') img(src=url_for(top_img_404) alt='Page not found')
.error-info .error-info
h1.error_title= '404' h1.error_title= '404'
.error_subtitle= theme.error_404.subtitle || _p('error404') .error_subtitle= theme.error_404.subtitle || _p('error404')

View File

@@ -1,2 +1,2 @@
#article-container.container #article-container.container
!= page.content != page.content

View File

@@ -1,82 +1,82 @@
#article-container.container #article-container.container
.flink .flink
- let { content, random, flink_url } = page - let { content, random, flink_url } = page
- let pageContent = content - let pageContent = content
if flink_url || random if flink_url || random
- const linkData = flink_url ? false : site.data.link || false - const linkData = flink_url ? false : site.data.link || false
script. script.
(()=>{ (()=>{
const replaceSymbol = (str) => { const replaceSymbol = (str) => {
return str.replace(/[\p{P}\p{S}]/gu, "-") return str.replace(/[\p{P}\p{S}]/gu, "-")
} }
let result = "" let result = ""
const add = (str) => { const add = (str) => {
for(let i = 0; i < str.length; i++){ for(let i = 0; i < str.length; i++){
const replaceClassName = replaceSymbol(str[i].class_name) const replaceClassName = replaceSymbol(str[i].class_name)
const className = str[i].class_name ? `<h2 id="${replaceClassName}"><a href="#${replaceClassName}" class="headerlink" title="${str[i].class_name}"></a>${str[i].class_name}</h2>` : "" const className = str[i].class_name ? `<h2 id="${replaceClassName}"><a href="#${replaceClassName}" class="headerlink" title="${str[i].class_name}"></a>${str[i].class_name}</h2>` : ""
const classDesc = str[i].class_desc ? `<div class="flink-desc">${str[i].class_desc}</div>` : "" const classDesc = str[i].class_desc ? `<div class="flink-desc">${str[i].class_desc}</div>` : ""
let listResult = "" let listResult = ""
const lists = str[i].link_list const lists = str[i].link_list
if (!{random === true}) { if (!{random === true}) {
lists.sort(() => Math.random() - 0.5) lists.sort(() => Math.random() - 0.5)
} }
for(let j = 0; j < lists.length; j++){ for(let j = 0; j < lists.length; j++){
listResult += ` listResult += `
<div class="flink-list-item"> <div class="flink-list-item">
<a href="${lists[j].link}" title="${lists[j].name}" target="_blank"> <a href="${lists[j].link}" title="${lists[j].name}" target="_blank">
<div class="flink-item-icon"> <div class="flink-item-icon">
<img class="no-lightbox" src="${lists[j].avatar}" onerror='this.onerror=null;this.src="!{url_for(theme.error_img.flink)}"' alt="${lists[j].name}" /> <img class="no-lightbox" src="${lists[j].avatar}" onerror='this.onerror=null;this.src="!{url_for(theme.error_img.flink)}"' alt="${lists[j].name}" />
</div> </div>
<div class="flink-item-name">${lists[j].name}</div> <div class="flink-item-name">${lists[j].name}</div>
<div class="flink-item-desc" title="${lists[j].descr}">${lists[j].descr}</div> <div class="flink-item-desc" title="${lists[j].descr}">${lists[j].descr}</div>
</a> </a>
</div>` </div>`
} }
result += `${className}${classDesc} <div class="flink-list">${listResult}</div>` result += `${className}${classDesc} <div class="flink-list">${listResult}</div>`
} }
document.querySelector(".flink").insertAdjacentHTML("afterbegin", result) document.querySelector(".flink").insertAdjacentHTML("afterbegin", result)
window.lazyLoadInstance && window.lazyLoadInstance.update() window.lazyLoadInstance && window.lazyLoadInstance.update()
} }
const linkData = !{JSON.stringify(linkData)} const linkData = !{JSON.stringify(linkData)}
if (!{Boolean(flink_url)}) { if (!{Boolean(flink_url)}) {
fetch("!{url_for(flink_url)}") fetch("!{url_for(flink_url)}")
.then(response => response.json()) .then(response => response.json())
.then(add) .then(add)
} else if (linkData) { } else if (linkData) {
add(linkData) add(linkData)
} }
})() })()
else else
if site.data.link if site.data.link
- let result = "" - let result = ""
each i in site.data.link each i in site.data.link
- let className = i.class_name ? markdown(`## ${i.class_name}`) : "" - let className = i.class_name ? markdown(`## ${i.class_name}`) : ""
- let classDesc = i.class_desc ? `<div class="flink-desc">${i.class_desc}</div>` : "" - let classDesc = i.class_desc ? `<div class="flink-desc">${i.class_desc}</div>` : ""
- let listResult = "" - let listResult = ""
each j in i.link_list each j in i.link_list
- -
listResult += ` listResult += `
<div class="flink-list-item"> <div class="flink-list-item">
<a href="${j.link}" title="${j.name}" target="_blank"> <a href="${j.link}" title="${j.name}" target="_blank">
<div class="flink-item-icon"> <div class="flink-item-icon">
<img class="no-lightbox" src="${j.avatar}" onerror='this.onerror=null;this.src="${url_for(theme.error_img.flink)}"' alt="${j.name}" /> <img class="no-lightbox" src="${j.avatar}" onerror='this.onerror=null;this.src="${url_for(theme.error_img.flink)}"' alt="${j.name}" />
</div> </div>
<div class="flink-item-name">${j.name}</div> <div class="flink-item-name">${j.name}</div>
<div class="flink-item-desc" title="${j.descr}">${j.descr}</div> <div class="flink-item-desc" title="${j.descr}">${j.descr}</div>
</a> </a>
</div>` </div>`
- -
- result += `${className}${classDesc} <div class="flink-list">${listResult}</div>` - result += `${className}${classDesc} <div class="flink-list">${listResult}</div>`
- pageContent = result + pageContent - pageContent = result + pageContent
!= pageContent != pageContent

View File

@@ -1,188 +1,188 @@
//- - author: //- - author:
//- avatar: //- avatar:
//- date: //- date:
//- content: //- content:
//- tags: //- tags:
//- - tag1 //- - tag1
//- - tag2 //- - tag2
- page.toc = false - page.toc = false
#article-container #article-container
if page.comments !== false && theme.comments.use if page.comments !== false && theme.comments.use
- commentsJsLoad = true - commentsJsLoad = true
script. script.
(() => { (() => {
const commentDiv = `!{partial('includes/third-party/comments/index', {}, {cache: true})}` const commentDiv = `!{partial('includes/third-party/comments/index', {}, {cache: true})}`
const runDestroy = (shuoshuoComment) => { const runDestroy = (shuoshuoComment) => {
if (!shuoshuoComment) return if (!shuoshuoComment) return
for (const [key, fn] of Object.entries(shuoshuoComment)) { for (const [key, fn] of Object.entries(shuoshuoComment)) {
if (key.startsWith('destroy')) fn() if (key.startsWith('destroy')) fn()
} }
} }
window.addCommentToShuoshuo = e => { window.addCommentToShuoshuo = e => {
const btn = e.target.closest('.shuoshuo-comment-btn') const btn = e.target.closest('.shuoshuo-comment-btn')
if (!btn) return if (!btn) return
const ele = btn.closest('.container').nextElementSibling const ele = btn.closest('.container').nextElementSibling
const { shuoshuoComment } = window const { shuoshuoComment } = window
const isInclude = ele.classList.contains('no-comment') const isInclude = ele.classList.contains('no-comment')
runDestroy(shuoshuoComment) runDestroy(shuoshuoComment)
if (isInclude) { if (isInclude) {
ele.classList.remove('no-comment') ele.classList.remove('no-comment')
ele.innerHTML = commentDiv ele.innerHTML = commentDiv
const key = `${location.pathname.replace(/\/$/, '')}?key=${ele.getAttribute('data-key')}` const key = `${location.pathname.replace(/\/$/, '')}?key=${ele.getAttribute('data-key')}`
btf.switchComments(ele, key) btf.switchComments(ele, key)
shuoshuoComment.loadComment && shuoshuoComment.loadComment(ele, key) shuoshuoComment.loadComment && shuoshuoComment.loadComment(ele, key)
} }
} }
})() })()
if page.shuoshuo_url if page.shuoshuo_url
script. script.
(() => { (() => {
const limitConfig = !{ JSON.stringify(page.limit || {}) } const limitConfig = !{ JSON.stringify(page.limit || {}) }
const sortDataByDate = data => data.sort((a, b) => new Date(b.date) - new Date(a.date)) const sortDataByDate = data => data.sort((a, b) => new Date(b.date) - new Date(a.date))
const filterDataByLimit = (data, limit) => { const filterDataByLimit = (data, limit) => {
if (!limit || !limit.type) return data if (!limit || !limit.type) return data
if (limit.type === 'num') return data.slice(0, limit.value) if (limit.type === 'num') return data.slice(0, limit.value)
if (limit.type === 'date') { if (limit.type === 'date') {
const limitDate = new Date(limit.value) const limitDate = new Date(limit.value)
return data.filter(item => new Date(item.date) >= limitDate) return data.filter(item => new Date(item.date) >= limitDate)
} }
return data return data
}; };
const formatToTimeZone = (date) => { const formatToTimeZone = (date) => {
const fullDate = date.length === 10 ? `${date} 00:00:00` : date const fullDate = date.length === 10 ? `${date} 00:00:00` : date
const visitorTimeZone = '#{config.timezone}' || Intl.DateTimeFormat().resolvedOptions().timeZone const visitorTimeZone = '#{config.timezone}' || Intl.DateTimeFormat().resolvedOptions().timeZone
const options = { const options = {
timeZone: visitorTimeZone, timeZone: visitorTimeZone,
year: 'numeric', year: 'numeric',
month: '2-digit', month: '2-digit',
day: '2-digit', day: '2-digit',
hour: '2-digit', hour: '2-digit',
minute: '2-digit', minute: '2-digit',
second: '2-digit', second: '2-digit',
hour12: false hour12: false
} }
const [day, month, year, hour, minute, second] = new Intl.DateTimeFormat('en-GB', options) const [day, month, year, hour, minute, second] = new Intl.DateTimeFormat('en-GB', options)
.format(new Date(fullDate)) .format(new Date(fullDate))
.match(/\d+/g) .match(/\d+/g)
return `${year}-${month}-${day} ${hour}:${minute}:${second}` return `${year}-${month}-${day} ${hour}:${minute}:${second}`
} }
const loadShuoshuo = async () => { const loadShuoshuo = async () => {
try { try {
const response = await fetch('!{url_for(page.shuoshuo_url)}') const response = await fetch('!{url_for(page.shuoshuo_url)}')
let data = await response.json() let data = await response.json()
data = filterDataByLimit(sortDataByDate(data), limitConfig) data = filterDataByLimit(sortDataByDate(data), limitConfig)
const container = document.getElementById('article-container') const container = document.getElementById('article-container')
let start = 0 let start = 0
const renderData = (dataSlice) => { const renderData = (dataSlice) => {
const content = dataSlice.map(item => { const content = dataSlice.map(item => {
const formattedDate = formatToTimeZone(item.date) const formattedDate = formatToTimeZone(item.date)
const tags = item.tags && item.tags.map(tag => `<span class="shuoshuo-tag">${tag}</span>`).join('') || '' const tags = item.tags && item.tags.map(tag => `<span class="shuoshuo-tag">${tag}</span>`).join('') || ''
const commentButton = item.key && !{commentsJsLoad} const commentButton = item.key && !{commentsJsLoad}
? `<div class="shuoshuo-comment-btn" onclick="addCommentToShuoshuo(event)"> ? `<div class="shuoshuo-comment-btn" onclick="addCommentToShuoshuo(event)">
<i class="fa-solid fa-comments"></i> <i class="fa-solid fa-comments"></i>
</div>` </div>`
: '' : ''
const commentContainer = item.key const commentContainer = item.key
? `<div class="shuoshuo-comment no-comment" data-key="${item.key}"></div>` ? `<div class="shuoshuo-comment no-comment" data-key="${item.key}"></div>`
: '' : ''
return ` return `
<div class="shuoshuo-item"> <div class="shuoshuo-item">
<div class="container"> <div class="container">
<div class="shuoshuo-item-header"> <div class="shuoshuo-item-header">
<div class="shuoshuo-avatar"> <div class="shuoshuo-avatar">
<img class="no-lightbox" src="${item.avatar || '!{url_for(theme.avatar.img)}'}"> <img class="no-lightbox" src="${item.avatar || '!{url_for(theme.avatar.img)}'}">
</div> </div>
<div class="shuoshuo-info"> <div class="shuoshuo-info">
<div class="shuoshuo-author">${item.author || '!{config.author}'}</div> <div class="shuoshuo-author">${item.author || '!{config.author}'}</div>
<time class="shuoshuo-date" title="${formattedDate}"> <time class="shuoshuo-date" title="${formattedDate}">
${btf.diffDate(formattedDate, true)} ${btf.diffDate(formattedDate, true)}
</time> </time>
</div> </div>
</div> </div>
<div class="shuoshuo-content">${item.content}</div> <div class="shuoshuo-content">${item.content}</div>
<div class="shuoshuo-footer ${tags ? 'flex-between' : 'flex-end'}"> <div class="shuoshuo-footer ${tags ? 'flex-between' : 'flex-end'}">
${tags ? `<div class="shuoshuo-tags">${tags}</div>` : ''} ${tags ? `<div class="shuoshuo-tags">${tags}</div>` : ''}
${commentButton} ${commentButton}
</div> </div>
</div> </div>
${commentContainer} ${commentContainer}
</div>` </div>`
}).join('') }).join('')
container.insertAdjacentHTML('beforeend', content) container.insertAdjacentHTML('beforeend', content)
window.lazyLoadInstance.update() window.lazyLoadInstance.update()
btf.loadLightbox(document.querySelectorAll('#article-container img:not(.no-lightbox)')) btf.loadLightbox(document.querySelectorAll('#article-container img:not(.no-lightbox)'))
} }
const handleIntersection = (entries) => { const handleIntersection = (entries) => {
if (!entries[0].isIntersecting) return if (!entries[0].isIntersecting) return
observer.unobserve(entries[0].target) observer.unobserve(entries[0].target)
const slice = data.slice(start, start + 10) const slice = data.slice(start, start + 10)
renderData(slice) renderData(slice)
start += 10 start += 10
if (start < data.length) { if (start < data.length) {
setTimeout(() => observer.observe(container.lastElementChild), 100) setTimeout(() => observer.observe(container.lastElementChild), 100)
} else { } else {
observer.disconnect() observer.disconnect()
} }
}; };
const observer = new IntersectionObserver(handleIntersection, { const observer = new IntersectionObserver(handleIntersection, {
root: null, root: null,
rootMargin: '0px', rootMargin: '0px',
threshold: 1.0 threshold: 1.0
}) })
renderData(data.slice(start, 10)) renderData(data.slice(start, 10))
start += 10 start += 10
if (container.lastElementChild) observer.observe(container.lastElementChild) if (container.lastElementChild) observer.observe(container.lastElementChild)
} catch (error) { } catch (error) {
console.error(error) console.error(error)
} }
}; };
window.pjax ? loadShuoshuo() : window.addEventListener('load', loadShuoshuo) window.pjax ? loadShuoshuo() : window.addEventListener('load', loadShuoshuo)
})() })()
else else
if site.data.shuoshuo if site.data.shuoshuo
each i in shuoshuoFN(site.data.shuoshuo, page) each i in shuoshuoFN(site.data.shuoshuo, page)
.shuoshuo-item .shuoshuo-item
.container .container
.shuoshuo-item-header .shuoshuo-item-header
.shuoshuo-avatar .shuoshuo-avatar
img.no-lightbox(src=i.avatar || url_for(theme.avatar.img)) img.no-lightbox(src=i.avatar || url_for(theme.avatar.img))
.shuoshuo-info .shuoshuo-info
.shuoshuo-author=i.author || config.author .shuoshuo-author=i.author || config.author
time.shuoshuo-date(title=i.date)=i.date time.shuoshuo-date(title=i.date)=i.date
.shuoshuo-content .shuoshuo-content
!=markdown(i.content) !=markdown(i.content)
.shuoshuo-footer(class=i.tags && i.tags.length ? 'flex-between' : 'flex-end') .shuoshuo-footer(class=i.tags && i.tags.length ? 'flex-between' : 'flex-end')
if i.tags if i.tags
.shuoshuo-tags .shuoshuo-tags
each tag in i.tags each tag in i.tags
span.shuoshuo-tag=tag span.shuoshuo-tag=tag
if i.key && commentsJsLoad if i.key && commentsJsLoad
.shuoshuo-comment-btn(onclick='addCommentToShuoshuo(event)') .shuoshuo-comment-btn(onclick='addCommentToShuoshuo(event)')
i.fa-solid.fa-comments i.fa-solid.fa-comments
if i.key && commentsJsLoad if i.key && commentsJsLoad
.shuoshuo-comment.no-comment(data-key=i.key) .shuoshuo-comment.no-comment(data-key=i.key)

View File

@@ -1,2 +1,2 @@
.tag-cloud-list.text-center .tag-cloud-list.text-center
!=cloudTags({source: site.tags, orderby: page.orderby || 'random', order: page.order || 1, minfontsize: 1.2, maxfontsize: 1.5, limit: 0, unit: 'em'}) !=cloudTags({source: site.tags, orderby: page.orderby || 'random', order: page.order || 1, minfontsize: 1.2, maxfontsize: 1.5, limit: 0, unit: 'em'})

View File

@@ -1,37 +1,37 @@
- -
var options = { var options = {
prev_text: '<i class="fas fa-chevron-left fa-fw"></i>', prev_text: '<i class="fas fa-chevron-left fa-fw"></i>',
next_text: '<i class="fas fa-chevron-right fa-fw"></i>', next_text: '<i class="fas fa-chevron-right fa-fw"></i>',
mid_size: 1, mid_size: 1,
escape: false escape: false
} }
if globalPageType === 'post' if globalPageType === 'post'
- let paginationOrder = theme.post_pagination === 1 ? { prev: page.prev, next: page.next } : { prev: page.next, next: page.prev } - let paginationOrder = theme.post_pagination === 1 ? { prev: page.prev, next: page.next } : { prev: page.next, next: page.prev }
nav#pagination.pagination-post nav#pagination.pagination-post
each direction, key in paginationOrder each direction, key in paginationOrder
if direction if direction
- const getPostDesc = direction.postDesc || postDesc(direction) - const getPostDesc = direction.postDesc || postDesc(direction)
- let className = key === 'prev' ? (paginationOrder.next ? '' : 'full-width') : (paginationOrder.prev ? '' : 'full-width') - let className = key === 'prev' ? (paginationOrder.next ? '' : 'full-width') : (paginationOrder.prev ? '' : 'full-width')
- className = getPostDesc ? className : className + ' no-desc' - className = getPostDesc ? className : className + ' no-desc'
a.pagination-related(class=className href=url_for(direction.path) title=direction.title) a.pagination-related(class=className href=url_for(direction.path) title=direction.title)
if direction.cover_type === 'img' if direction.cover_type === 'img'
img.cover(src=url_for(direction.cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'` alt=`cover of ${key === 'prev' ? 'previous' : 'next'} post`) img.cover(src=url_for(direction.cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'` alt=`cover of ${key === 'prev' ? 'previous' : 'next'} post`)
else else
.cover(style=`background: ${direction.cover || 'var(--default-bg-color)'}`) .cover(style=`background: ${direction.cover || 'var(--default-bg-color)'}`)
.info(class=key === 'prev' ? '' : 'text-right') .info(class=key === 'prev' ? '' : 'text-right')
.info-1 .info-1
.info-item-1=_p(`pagination.${key}`) .info-item-1=_p(`pagination.${key}`)
.info-item-2!=direction.title .info-item-2!=direction.title
if getPostDesc if getPostDesc
.info-2 .info-2
.info-item-1!=getPostDesc .info-item-1!=getPostDesc
else else
nav#pagination nav#pagination
.pagination .pagination
if globalPageType === 'home' if globalPageType === 'home'
- options.format = 'page/%d/#content-inner' - options.format = 'page/%d/#content-inner'
!=paginator(options) !=paginator(options)

View File

@@ -1,8 +1,8 @@
- const { limit_day, message_prev, message_next, position} = theme.noticeOutdate - const { limit_day, message_prev, message_next, position} = theme.noticeOutdate
- const notice_data = { limitDay: limit_day, messagePrev: message_prev, messageNext: message_next, postUpdate: full_date(page.updated)} - const notice_data = { limitDay: limit_day, messagePrev: message_prev, messageNext: message_next, postUpdate: full_date(page.updated)}
if position === 'top' if position === 'top'
#post-outdate-notice(data=notice_data hidden) #post-outdate-notice(data=notice_data hidden)
!=page.content !=page.content
else else
!=page.content !=page.content
#post-outdate-notice(data=notice_data hidden) #post-outdate-notice(data=notice_data hidden)

View File

@@ -1,23 +1,23 @@
if theme.post_copyright.enable && page.copyright !== false if theme.post_copyright.enable && page.copyright !== false
- const author = page.copyright_author || config.author - const author = page.copyright_author || config.author
- const authorHref = page.copyright_author_href || theme.post_copyright.author_href || config.url - const authorHref = page.copyright_author_href || theme.post_copyright.author_href || config.url
- const url = page.copyright_url || page.permalink - const url = page.copyright_url || page.permalink
- const info = page.copyright_info || _p('post.copyright.copyright_content', theme.post_copyright.license_url, theme.post_copyright.license, config.url, config.title) - const info = page.copyright_info || _p('post.copyright.copyright_content', theme.post_copyright.license_url, theme.post_copyright.license, config.url, config.title)
.post-copyright .post-copyright
.post-copyright__author .post-copyright__author
span.post-copyright-meta span.post-copyright-meta
i.fas.fa-circle-user.fa-fw i.fas.fa-circle-user.fa-fw
= _p('post.copyright.author') + ": " = _p('post.copyright.author') + ": "
span.post-copyright-info span.post-copyright-info
a(href=authorHref)= author a(href=authorHref)= author
.post-copyright__type .post-copyright__type
span.post-copyright-meta span.post-copyright-meta
i.fas.fa-square-arrow-up-right.fa-fw i.fas.fa-square-arrow-up-right.fa-fw
= _p('post.copyright.link') + ": " = _p('post.copyright.link') + ": "
span.post-copyright-info span.post-copyright-info
a(href=url_for(url))= theme.post_copyright.decode ? decodeURI(url) : url a(href=url_for(url))= theme.post_copyright.decode ? decodeURI(url) : url
.post-copyright__notice .post-copyright__notice
span.post-copyright-meta span.post-copyright-meta
i.fas.fa-circle-exclamation.fa-fw i.fas.fa-circle-exclamation.fa-fw
= _p('post.copyright.copyright_notice') + ": " = _p('post.copyright.copyright_notice') + ": "
span.post-copyright-info!= info span.post-copyright-info!= info

View File

@@ -1,12 +1,12 @@
.post-reward .post-reward
.reward-button .reward-button
i.fas.fa-qrcode i.fas.fa-qrcode
= theme.reward.text || _p('donate') = theme.reward.text || _p('donate')
.reward-main .reward-main
ul.reward-all ul.reward-all
each item in theme.reward.QR_code each item in theme.reward.QR_code
- const clickTo = item.link || item.img - const clickTo = item.link || item.img
li.reward-item li.reward-item
a(href=url_for(clickTo) target='_blank') a(href=url_for(clickTo) target='_blank')
img.post-qr-code-img(src=url_for(item.img) alt=item.text) img.post-qr-code-img(src=url_for(item.img) alt=item.text)
.post-qr-code-desc=item.text .post-qr-code-desc=item.text

View File

@@ -1,61 +1,61 @@
- const { readmode, translate, darkmode, aside, chat } = theme - const { readmode, translate, darkmode, aside, chat } = theme
mixin rightsideItem(array) mixin rightsideItem(array)
each item in array each item in array
case item case item
when 'readmode' when 'readmode'
if globalPageType === 'post' && readmode if globalPageType === 'post' && readmode
button#readmode(type="button" title=_p('rightside.readmode_title')) button#readmode(type="button" title=_p('rightside.readmode_title'))
i.fas.fa-book-open i.fas.fa-book-open
when 'translate' when 'translate'
if translate.enable if translate.enable
button#translateLink(type="button" title=_p('rightside.translate_title'))= translate.default button#translateLink(type="button" title=_p('rightside.translate_title'))= translate.default
when 'darkmode' when 'darkmode'
if darkmode.enable && darkmode.button if darkmode.enable && darkmode.button
button#darkmode(type="button" title=_p('rightside.night_mode_title')) button#darkmode(type="button" title=_p('rightside.night_mode_title'))
i.fas.fa-adjust i.fas.fa-adjust
when 'hideAside' when 'hideAside'
if aside.enable && aside.button && page.aside !== false if aside.enable && aside.button && page.aside !== false
button#hide-aside-btn(type="button" title=_p('rightside.aside')) button#hide-aside-btn(type="button" title=_p('rightside.aside'))
i.fas.fa-arrows-alt-h i.fas.fa-arrows-alt-h
when 'toc' when 'toc'
if showToc if showToc
button#mobile-toc-button.close(type="button" title=_p("rightside.toc")) button#mobile-toc-button.close(type="button" title=_p("rightside.toc"))
i.fas.fa-list-ul i.fas.fa-list-ul
when 'chat' when 'chat'
if chat.rightside_button && chat.use if chat.rightside_button && chat.use
button#chat-btn(type="button" title=_p("rightside.chat") style="display:none") button#chat-btn(type="button" title=_p("rightside.chat") style="display:none")
i.fas.fa-message i.fas.fa-message
when 'comment' when 'comment'
if commentsJsLoad if commentsJsLoad
a#to_comment(href="#post-comment" title=_p("rightside.scroll_to_comment")) a#to_comment(href="#post-comment" title=_p("rightside.scroll_to_comment"))
i.fas.fa-comments i.fas.fa-comments
#rightside #rightside
- const { enable, hide, show } = theme.rightside_item_order - const { enable, hide, show } = theme.rightside_item_order
- const hideArray = enable ? hide && hide.split(',') : ['readmode','translate','darkmode','hideAside'] - const hideArray = enable ? hide && hide.split(',') : ['readmode','translate','darkmode','hideAside']
- const showArray = enable ? show && show.split(',') : ['toc','chat','comment'] - const showArray = enable ? show && show.split(',') : ['toc','chat','comment']
#rightside-config-hide #rightside-config-hide
if hideArray if hideArray
+rightsideItem(hideArray) +rightsideItem(hideArray)
#rightside-config-show #rightside-config-show
if enable if enable
if hide if hide
button#rightside-config(type="button" title=_p("rightside.setting")) button#rightside-config(type="button" title=_p("rightside.setting"))
i.fas.fa-cog.fa-spin i.fas.fa-cog.fa-spin
else else
if globalPageType === 'post' if globalPageType === 'post'
if (readmode || translate.enable || (darkmode.enable && darkmode.button)) if (readmode || translate.enable || (darkmode.enable && darkmode.button))
button#rightside-config(type="button" title=_p("rightside.setting")) button#rightside-config(type="button" title=_p("rightside.setting"))
i.fas.fa-cog.fa-spin i.fas.fa-cog.fa-spin
else if translate.enable || (darkmode.enable && darkmode.button) else if translate.enable || (darkmode.enable && darkmode.button)
button#rightside-config(type="button" title=_p("rightside.setting")) button#rightside-config(type="button" title=_p("rightside.setting"))
i.fas.fa-cog.fa-spin i.fas.fa-cog.fa-spin
if showArray if showArray
+rightsideItem(showArray) +rightsideItem(showArray)
button#go-up(type="button" title=_p("rightside.back_to_top")) button#go-up(type="button" title=_p("rightside.back_to_top"))
span.scroll-percent span.scroll-percent
i.fas.fa-arrow-up i.fas.fa-arrow-up

View File

@@ -1,18 +1,18 @@
if theme.menu if theme.menu
#sidebar #sidebar
#menu-mask #menu-mask
#sidebar-menus #sidebar-menus
.avatar-img.text-center .avatar-img.text-center
img(src=url_for(theme.avatar.img) onerror=`this.onerror=null;this.src='${url_for(theme.error_img.flink)}'` alt="avatar") img(src=url_for(theme.avatar.img) onerror=`this.onerror=null;this.src='${url_for(theme.error_img.flink)}'` alt="avatar")
.site-data.text-center .site-data.text-center
a(href=`${url_for(config.archive_dir)}/`) a(href=`${url_for(config.archive_dir)}/`)
.headline= _p('aside.articles') .headline= _p('aside.articles')
.length-num= site.posts.length .length-num= site.posts.length
a(href=`${url_for(config.tag_dir)}/`) a(href=`${url_for(config.tag_dir)}/`)
.headline= _p('aside.tags') .headline= _p('aside.tags')
.length-num= site.tags.length .length-num= site.tags.length
a(href=`${url_for(config.category_dir)}/`) a(href=`${url_for(config.category_dir)}/`)
.headline= _p('aside.categories') .headline= _p('aside.categories')
.length-num= site.categories.length .length-num= site.categories.length
!= partial('includes/header/menu_item', {}, { cache: true }) != partial('includes/header/menu_item', {}, { cache: true })

View File

@@ -1,17 +1,17 @@
script. script.
(() => { (() => {
const abcjsInit = () => { const abcjsInit = () => {
const abcjsFn = () => setTimeout(() => { const abcjsFn = () => setTimeout(() => {
document.querySelectorAll(".abc-music-sheet").forEach(ele => { document.querySelectorAll(".abc-music-sheet").forEach(ele => {
if (ele.children.length > 0) return if (ele.children.length > 0) return
ABCJS.renderAbc(ele, ele.innerHTML, {responsive: 'resize'}) ABCJS.renderAbc(ele, ele.innerHTML, {responsive: 'resize'})
}) })
}, 100) }, 100)
typeof ABCJS === 'object' ? abcjsFn() typeof ABCJS === 'object' ? abcjsFn()
: btf.getScript('!{url_for(theme.asset.abcjs_basic_js)}').then(abcjsFn) : btf.getScript('!{url_for(theme.asset.abcjs_basic_js)}').then(abcjsFn)
} }
window.pjax ? abcjsInit() : window.addEventListener('load', abcjsInit) window.pjax ? abcjsInit() : window.addEventListener('load', abcjsInit)
btf.addGlobalFn('encrypt', abcjsInit, 'abcjs') btf.addGlobalFn('encrypt', abcjsInit, 'abcjs')
})() })()

View File

@@ -1,3 +1,3 @@
if theme.abcjs.enable if theme.abcjs.enable
if theme.abcjs.per_page && (['post','page'].includes(globalPageType)) || page.abcjs if theme.abcjs.per_page && (['post','page'].includes(globalPageType)) || page.abcjs
include ./abcjs.pug include ./abcjs.pug

View File

@@ -1,23 +1,23 @@
link(rel='stylesheet' href=url_for(theme.asset.aplayer_css) media="print" onload="this.media='all'") link(rel='stylesheet' href=url_for(theme.asset.aplayer_css) media="print" onload="this.media='all'")
script(src=url_for(theme.asset.aplayer_js)) script(src=url_for(theme.asset.aplayer_js))
script(src=url_for(theme.asset.meting_js)) script(src=url_for(theme.asset.meting_js))
if theme.pjax.enable if theme.pjax.enable
script. script.
(() => { (() => {
const destroyAplayer = () => { const destroyAplayer = () => {
if (window.aplayers) { if (window.aplayers) {
for (let i = 0; i < window.aplayers.length; i++) { for (let i = 0; i < window.aplayers.length; i++) {
if (!window.aplayers[i].options.fixed) { if (!window.aplayers[i].options.fixed) {
window.aplayers[i].destroy() window.aplayers[i].destroy()
} }
} }
} }
} }
const runMetingJS = () => { const runMetingJS = () => {
typeof loadMeting === 'function' && document.getElementsByClassName('aplayer').length && loadMeting() typeof loadMeting === 'function' && document.getElementsByClassName('aplayer').length && loadMeting()
} }
btf.addGlobalFn('pjaxSend', destroyAplayer, 'destroyAplayer') btf.addGlobalFn('pjaxSend', destroyAplayer, 'destroyAplayer')
btf.addGlobalFn('pjaxComplete', loadMeting, 'runMetingJS') btf.addGlobalFn('pjaxComplete', loadMeting, 'runMetingJS')
})() })()

View File

@@ -1,31 +1,31 @@
- const { server, site } = theme.artalk - const { server, site } = theme.artalk
script. script.
(() => { (() => {
const getArtalkCount = async() => { const getArtalkCount = async() => {
try { try {
const eleGroup = document.querySelectorAll('#recent-posts .artalk-count') const eleGroup = document.querySelectorAll('#recent-posts .artalk-count')
const keyArray = Array.from(eleGroup).map(i => i.getAttribute('data-page-key')) const keyArray = Array.from(eleGroup).map(i => i.getAttribute('data-page-key'))
const headerList = { const headerList = {
method: 'GET', method: 'GET',
} }
const searchParams = new URLSearchParams({ const searchParams = new URLSearchParams({
'site_name': '!{site}', 'site_name': '!{site}',
'page_keys': keyArray 'page_keys': keyArray
}) })
const res = await fetch(`!{server}/api/v2/stats/page_comment?${searchParams}`, headerList) const res = await fetch(`!{server}/api/v2/stats/page_comment?${searchParams}`, headerList)
const result = await res.json() const result = await res.json()
keyArray.forEach((key, index) => { keyArray.forEach((key, index) => {
eleGroup[index].textContent = result.data[key] || 0 eleGroup[index].textContent = result.data[key] || 0
}) })
} catch (err) { } catch (err) {
console.error(err) console.error(err)
} }
} }
window.pjax ? getArtalkCount() : window.addEventListener('load', getArtalkCount) window.pjax ? getArtalkCount() : window.addEventListener('load', getArtalkCount)
})() })()

View File

@@ -1,25 +1,25 @@
- const { shortname, apikey } = theme.disqus - const { shortname, apikey } = theme.disqus
script. script.
(() => { (() => {
const getCount = async () => { const getCount = async () => {
try { try {
const eleGroup = document.querySelectorAll('#recent-posts .disqus-count') const eleGroup = document.querySelectorAll('#recent-posts .disqus-count')
const cleanedLinks = Array.from(eleGroup).map(i => `thread:link=${i.href.replace(/#post-comment$/, '')}`); const cleanedLinks = Array.from(eleGroup).map(i => `thread:link=${i.href.replace(/#post-comment$/, '')}`);
const res = await fetch(`https://disqus.com/api/3.0/threads/set.json?forum=!{shortname}&api_key=!{apikey}&${cleanedLinks.join('&')}`,{ const res = await fetch(`https://disqus.com/api/3.0/threads/set.json?forum=!{shortname}&api_key=!{apikey}&${cleanedLinks.join('&')}`,{
method: 'GET' method: 'GET'
}) })
const result = await res.json() const result = await res.json()
eleGroup.forEach(i => { eleGroup.forEach(i => {
const cleanedLink = i.href.replace(/#post-comment$/, '') const cleanedLink = i.href.replace(/#post-comment$/, '')
const urlData = result.response.find(data => data.link === cleanedLink) || { posts: 0 } const urlData = result.response.find(data => data.link === cleanedLink) || { posts: 0 }
i.textContent = urlData.posts i.textContent = urlData.posts
}) })
} catch (err) { } catch (err) {
console.error(err) console.error(err)
} }
} }
window.pjax ? getCount() : window.addEventListener('load', getCount) window.pjax ? getCount() : window.addEventListener('load', getCount)
})() })()

View File

@@ -1,18 +1,18 @@
- const fbSDKVer = 'v20.0' - const fbSDKVer = 'v20.0'
- const fbSDK = `https://connect.facebook.net/${theme.facebook_comments.lang}/sdk.js#xfbml=1&version=${fbSDKVer}` - const fbSDK = `https://connect.facebook.net/${theme.facebook_comments.lang}/sdk.js#xfbml=1&version=${fbSDKVer}`
script. script.
(()=>{ (()=>{
function loadFBComment () { function loadFBComment () {
if (typeof FB === 'object') FB.XFBML.parse(document.getElementById('recent-posts')) if (typeof FB === 'object') FB.XFBML.parse(document.getElementById('recent-posts'))
else { else {
let ele = document.createElement('script') let ele = document.createElement('script')
ele.setAttribute('src','!{fbSDK}') ele.setAttribute('src','!{fbSDK}')
ele.setAttribute('async', 'true') ele.setAttribute('async', 'true')
ele.setAttribute('defer', 'true') ele.setAttribute('defer', 'true')
ele.setAttribute('crossorigin', 'anonymous') ele.setAttribute('crossorigin', 'anonymous')
document.body.appendChild(ele) document.body.appendChild(ele)
} }
} }
window.pjax ? loadFBComment() : window.addEventListener('load', loadFBComment) window.pjax ? loadFBComment() : window.addEventListener('load', loadFBComment)
})() })()

View File

@@ -1,16 +1,16 @@
case theme.comments.use[0] case theme.comments.use[0]
when 'Twikoo' when 'Twikoo'
include ./twikoo.pug include ./twikoo.pug
when 'Disqus' when 'Disqus'
when 'Disqusjs' when 'Disqusjs'
include ./disqus.pug include ./disqus.pug
when 'Valine' when 'Valine'
include ./valine.pug include ./valine.pug
when 'Waline' when 'Waline'
include ./waline.pug include ./waline.pug
when 'Facebook Comments' when 'Facebook Comments'
include ./fb.pug include ./fb.pug
when 'Remark42' when 'Remark42'
include ./remark42.pug include ./remark42.pug
when 'Artalk' when 'Artalk'
include ./artalk.pug include ./artalk.pug

View File

@@ -1,18 +1,18 @@
- const { host, siteId, option } = theme.remark42 - const { host, siteId, option } = theme.remark42
script. script.
(()=>{ (()=>{
window.remark_config = Object.assign({ window.remark_config = Object.assign({
host: '!{host}', host: '!{host}',
site_id: '!{siteId}', site_id: '!{siteId}',
},!{JSON.stringify(option)}) },!{JSON.stringify(option)})
function getCount () { function getCount () {
const s = document.createElement('script') const s = document.createElement('script')
s.src = remark_config.host + '/web/counter.js' s.src = remark_config.host + '/web/counter.js'
s.defer = true s.defer = true
document.head.appendChild(s) document.head.appendChild(s)
} }
window.pjax ? getCount() : window.addEventListener('load', getCount) window.pjax ? getCount() : window.addEventListener('load', getCount)
})() })()

View File

@@ -1,37 +1,37 @@
script. script.
(() => { (() => {
const getCommentUrl = () => { const getCommentUrl = () => {
const eleGroup = document.querySelectorAll('#recent-posts .article-title') const eleGroup = document.querySelectorAll('#recent-posts .article-title')
let urlArray = [] let urlArray = []
eleGroup.forEach(i=>{ eleGroup.forEach(i=>{
urlArray.push(i.getAttribute('href')) urlArray.push(i.getAttribute('href'))
}) })
return urlArray return urlArray
} }
const getCount = () => { const getCount = () => {
const runTwikoo = () => { const runTwikoo = () => {
twikoo.getCommentsCount({ twikoo.getCommentsCount({
envId: '!{theme.twikoo.envId}', envId: '!{theme.twikoo.envId}',
region: '!{theme.twikoo.region}', region: '!{theme.twikoo.region}',
urls: getCommentUrl(), urls: getCommentUrl(),
includeReply: false includeReply: false
}).then(function (res) { }).then(function (res) {
document.querySelectorAll('#recent-posts .twikoo-count').forEach((item,index) => { document.querySelectorAll('#recent-posts .twikoo-count').forEach((item,index) => {
item.textContent = res[index].count item.textContent = res[index].count
}) })
}).catch(function (err) { }).catch(function (err) {
console.log(err) console.log(err)
}) })
} }
if (typeof twikoo === 'object') { if (typeof twikoo === 'object') {
runTwikoo() runTwikoo()
} else { } else {
btf.getScript('!{url_for(theme.asset.twikoo)}').then(runTwikoo) btf.getScript('!{url_for(theme.asset.twikoo)}').then(runTwikoo)
} }
} }
window.pjax ? getCount() : window.addEventListener('load', getCount) window.pjax ? getCount() : window.addEventListener('load', getCount)
})() })()

View File

@@ -1,20 +1,20 @@
script. script.
(() => { (() => {
function loadValine () { function loadValine () {
function initValine () { function initValine () {
let initData = { let initData = {
el: '#vcomment', el: '#vcomment',
appId: '#{theme.valine.appId}', appId: '#{theme.valine.appId}',
appKey: '#{theme.valine.appKey}', appKey: '#{theme.valine.appKey}',
serverURLs: '#{theme.valine.serverURLs}' serverURLs: '#{theme.valine.serverURLs}'
} }
const valine = new Valine(initData) const valine = new Valine(initData)
} }
if (typeof Valine === 'function') initValine() if (typeof Valine === 'function') initValine()
else btf.getScript('!{url_for(theme.asset.valine)}').then(initValine) else btf.getScript('!{url_for(theme.asset.valine)}').then(initValine)
} }
window.pjax ? loadValine() : window.addEventListener('load', loadValine) window.pjax ? loadValine() : window.addEventListener('load', loadValine)
})() })()

View File

@@ -1,21 +1,21 @@
- const serverURL = theme.waline.serverURL.replace(/\/$/, '') - const serverURL = theme.waline.serverURL.replace(/\/$/, '')
script. script.
(() => { (() => {
async function loadWaline () { async function loadWaline () {
try { try {
const eleGroup = document.querySelectorAll('#recent-posts .waline-comment-count') const eleGroup = document.querySelectorAll('#recent-posts .waline-comment-count')
const keyArray = Array.from(eleGroup).map(i => i.getAttribute('data-path')) const keyArray = Array.from(eleGroup).map(i => i.getAttribute('data-path'))
const res = await fetch(`!{serverURL}/api/comment?type=count&url=${keyArray}`, { method: 'GET' }) const res = await fetch(`!{serverURL}/api/comment?type=count&url=${keyArray}`, { method: 'GET' })
const result = await res.json() const result = await res.json()
result.data.forEach((count, index) => { result.data.forEach((count, index) => {
eleGroup[index].textContent = count eleGroup[index].textContent = count
}) })
} catch (err) { } catch (err) {
console.error(err) console.error(err)
} }
} }
window.pjax ? loadWaline() : window.addEventListener('load', loadWaline) window.pjax ? loadWaline() : window.addEventListener('load', loadWaline)
})() })()

View File

@@ -1,38 +1,38 @@
//- https://chatra.io/help/api/ //- https://chatra.io/help/api/
script. script.
(() => { (() => {
window.ChatraID = '#{theme.chatra.id}' window.ChatraID = '#{theme.chatra.id}'
window.Chatra = window.Chatra || function() { window.Chatra = window.Chatra || function() {
(window.Chatra.q = window.Chatra.q || []).push(arguments) (window.Chatra.q = window.Chatra.q || []).push(arguments)
} }
btf.getScript('https://call.chatra.io/chatra.js').then(() => { btf.getScript('https://call.chatra.io/chatra.js').then(() => {
const isChatBtn = !{theme.chat.rightside_button} const isChatBtn = !{theme.chat.rightside_button}
const isChatHideShow = !{theme.chat.button_hide_show} const isChatHideShow = !{theme.chat.button_hide_show}
if (isChatBtn) { if (isChatBtn) {
const close = () => { const close = () => {
Chatra('minimizeWidget') Chatra('minimizeWidget')
Chatra('hide') Chatra('hide')
} }
const open = () => { const open = () => {
Chatra('openChat', true) Chatra('openChat', true)
Chatra('show') Chatra('show')
} }
window.ChatraSetup = { startHidden: true } window.ChatraSetup = { startHidden: true }
window.chatBtnFn = () => document.getElementById('chatra').classList.contains('chatra--expanded') ? close() : open() window.chatBtnFn = () => document.getElementById('chatra').classList.contains('chatra--expanded') ? close() : open()
document.getElementById('chat-btn').style.display = 'block' document.getElementById('chat-btn').style.display = 'block'
} else if (isChatHideShow) { } else if (isChatHideShow) {
window.chatBtn = { window.chatBtn = {
hide: () => Chatra('hide'), hide: () => Chatra('hide'),
show: () => Chatra('show') show: () => Chatra('show')
} }
} }
}) })
})() })()

View File

@@ -1,32 +1,32 @@
script. script.
(() => { (() => {
window.$crisp = ['safe', true] window.$crisp = ['safe', true]
window.CRISP_WEBSITE_ID = "!{theme.crisp.website_id}" window.CRISP_WEBSITE_ID = "!{theme.crisp.website_id}"
btf.getScript('https://client.crisp.chat/l.js').then(() => { btf.getScript('https://client.crisp.chat/l.js').then(() => {
const isChatBtn = !{theme.chat.rightside_button} const isChatBtn = !{theme.chat.rightside_button}
const isChatHideShow = !{theme.chat.button_hide_show} const isChatHideShow = !{theme.chat.button_hide_show}
if (isChatBtn) { if (isChatBtn) {
const open = () => { const open = () => {
$crisp.push(["do", "chat:show"]) $crisp.push(["do", "chat:show"])
$crisp.push(["do", "chat:open"]) $crisp.push(["do", "chat:open"])
} }
const close = () => $crisp.push(["do", "chat:hide"]) const close = () => $crisp.push(["do", "chat:hide"])
close() close()
$crisp.push(["on", "chat:closed", close]) $crisp.push(["on", "chat:closed", close])
window.chatBtnFn = () => $crisp.is("chat:visible") ? close() : open() window.chatBtnFn = () => $crisp.is("chat:visible") ? close() : open()
document.getElementById('chat-btn').style.display = 'block' document.getElementById('chat-btn').style.display = 'block'
} else if (isChatHideShow) { } else if (isChatHideShow) {
window.chatBtn = { window.chatBtn = {
hide: () => $crisp.push(["do", "chat:hide"]), hide: () => $crisp.push(["do", "chat:hide"]),
show: () => $crisp.push(["do", "chat:show"]) show: () => $crisp.push(["do", "chat:show"])
} }
} }
}) })
})() })()

View File

@@ -1,7 +1,7 @@
case theme.chat.use case theme.chat.use
when 'chatra' when 'chatra'
include ./chatra.pug include ./chatra.pug
when 'tidio' when 'tidio'
include ./tidio.pug include ./tidio.pug
when 'crisp' when 'crisp'
include ./crisp.pug include ./crisp.pug

View File

@@ -1,45 +1,45 @@
script. script.
(() => { (() => {
btf.getScript('//code.tidio.co/!{theme.tidio.public_key}.js').then(() => { btf.getScript('//code.tidio.co/!{theme.tidio.public_key}.js').then(() => {
const isChatBtn = !{theme.chat.rightside_button} const isChatBtn = !{theme.chat.rightside_button}
const isChatHideShow = !{theme.chat.button_hide_show} const isChatHideShow = !{theme.chat.button_hide_show}
if (isChatBtn) { if (isChatBtn) {
let isShow = false let isShow = false
const close = () => { const close = () => {
window.tidioChatApi.hide() window.tidioChatApi.hide()
isShow = false isShow = false
} }
const open = () => { const open = () => {
window.tidioChatApi.open() window.tidioChatApi.open()
window.tidioChatApi.show() window.tidioChatApi.show()
isShow = true isShow = true
} }
const onTidioChatApiReady = () => { const onTidioChatApiReady = () => {
window.tidioChatApi.hide() window.tidioChatApi.hide()
window.tidioChatApi.on("close", close) window.tidioChatApi.on("close", close)
} }
if (window.tidioChatApi) { if (window.tidioChatApi) {
window.tidioChatApi.on("ready", onTidioChatApiReady) window.tidioChatApi.on("ready", onTidioChatApiReady)
} else { } else {
document.addEventListener("tidioChat-ready", onTidioChatApiReady) document.addEventListener("tidioChat-ready", onTidioChatApiReady)
} }
window.chatBtnFn = () => { window.chatBtnFn = () => {
if (!window.tidioChatApi) return if (!window.tidioChatApi) return
isShow ? close() : open() isShow ? close() : open()
} }
document.getElementById('chat-btn').style.display = 'block' document.getElementById('chat-btn').style.display = 'block'
} else if (isChatHideShow) { } else if (isChatHideShow) {
window.chatBtn = { window.chatBtn = {
hide: () => window.tidioChatApi && window.tidioChatApi.hide(), hide: () => window.tidioChatApi && window.tidioChatApi.hide(),
show: () => window.tidioChatApi && window.tidioChatApi.show() show: () => window.tidioChatApi && window.tidioChatApi.show()
} }
} }
}) })
})() })()

View File

@@ -1,73 +1,73 @@
- const { server, site, option } = theme.artalk - const { server, site, option } = theme.artalk
- const { use, lazyload } = theme.comments - const { use, lazyload } = theme.comments
script. script.
(() => { (() => {
let artalkItem = null let artalkItem = null
const option = !{JSON.stringify(option)} const option = !{JSON.stringify(option)}
const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo' const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo'
const destroyArtalk = () => { const destroyArtalk = () => {
if (artalkItem) { if (artalkItem) {
artalkItem.destroy() artalkItem.destroy()
artalkItem = null artalkItem = null
} }
} }
const artalkChangeMode = theme => artalkItem && artalkItem.setDarkMode(theme === 'dark') const artalkChangeMode = theme => artalkItem && artalkItem.setDarkMode(theme === 'dark')
const initArtalk = (el = document, pageKey = location.pathname) => { const initArtalk = (el = document, pageKey = location.pathname) => {
artalkItem = Artalk.init({ artalkItem = Artalk.init({
el: el.querySelector('#artalk-wrap'), el: el.querySelector('#artalk-wrap'),
server: '!{server}', server: '!{server}',
site: '!{site}', site: '!{site}',
darkMode: document.documentElement.getAttribute('data-theme') === 'dark', darkMode: document.documentElement.getAttribute('data-theme') === 'dark',
...option, ...option,
pageKey: isShuoshuo ? pageKey : (option && option.pageKey) || pageKey pageKey: isShuoshuo ? pageKey : (option && option.pageKey) || pageKey
}) })
if (GLOBAL_CONFIG.lightbox === 'null') return if (GLOBAL_CONFIG.lightbox === 'null') return
artalkItem.on('list-loaded', () => { artalkItem.on('list-loaded', () => {
artalkItem.ctx.get('list').getCommentNodes().forEach(comment => { artalkItem.ctx.get('list').getCommentNodes().forEach(comment => {
const $content = comment.getRender().$content const $content = comment.getRender().$content
btf.loadLightbox($content.querySelectorAll('img:not([atk-emoticon])')) btf.loadLightbox($content.querySelectorAll('img:not([atk-emoticon])'))
}) })
}) })
if (isShuoshuo) { if (isShuoshuo) {
window.shuoshuoComment.destroyArtalk = () => { window.shuoshuoComment.destroyArtalk = () => {
destroyArtalk() destroyArtalk()
if (el.children.length) { if (el.children.length) {
el.innerHTML = '' el.innerHTML = ''
el.classList.add('no-comment') el.classList.add('no-comment')
} }
} }
} }
btf.addGlobalFn('pjaxSendOnce', destroyArtalk, 'destroyArtalk') btf.addGlobalFn('pjaxSendOnce', destroyArtalk, 'destroyArtalk')
btf.addGlobalFn('themeChange', artalkChangeMode, 'artalk') btf.addGlobalFn('themeChange', artalkChangeMode, 'artalk')
} }
const loadArtalk = async (el, pageKey) => { const loadArtalk = async (el, pageKey) => {
if (typeof Artalk === 'object') initArtalk(el, pageKey) if (typeof Artalk === 'object') initArtalk(el, pageKey)
else { else {
await btf.getCSS('!{theme.asset.artalk_css}') await btf.getCSS('!{theme.asset.artalk_css}')
await btf.getScript('!{theme.asset.artalk_js}') await btf.getScript('!{theme.asset.artalk_js}')
initArtalk(el, pageKey) initArtalk(el, pageKey)
} }
} }
if (isShuoshuo) { if (isShuoshuo) {
'!{use[0]}' === 'Artalk' '!{use[0]}' === 'Artalk'
? window.shuoshuoComment = { loadComment: loadArtalk } ? window.shuoshuoComment = { loadComment: loadArtalk }
: window.loadOtherComment = loadArtalk : window.loadOtherComment = loadArtalk
return return
} }
if ('!{use[0]}' === 'Artalk' || !!{lazyload}) { if ('!{use[0]}' === 'Artalk' || !!{lazyload}) {
if (!{lazyload}) btf.loadComment(document.getElementById('artalk-wrap'), loadArtalk) if (!{lazyload}) btf.loadComment(document.getElementById('artalk-wrap'), loadArtalk)
else setTimeout(loadArtalk, 100) else setTimeout(loadArtalk, 100)
} else { } else {
window.loadOtherComment = loadArtalk window.loadOtherComment = loadArtalk
} }
})() })()

View File

@@ -1,80 +1,80 @@
- const disqusPageTitle = page.title.replace(/'/ig,"\\'") - const disqusPageTitle = page.title.replace(/'/ig,"\\'")
- const { shortname, apikey } = theme.disqus - const { shortname, apikey } = theme.disqus
- const { use, lazyload, count } = theme.comments - const { use, lazyload, count } = theme.comments
script. script.
(() => { (() => {
const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo' const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo'
const disqusReset = conf => { const disqusReset = conf => {
window.DISQUS && window.DISQUS.reset({ window.DISQUS && window.DISQUS.reset({
reload: true, reload: true,
config: conf config: conf
}) })
} }
const loadDisqus = (el, path) => { const loadDisqus = (el, path) => {
if (isShuoshuo) { if (isShuoshuo) {
window.shuoshuoComment.destroyDisqus = () => { window.shuoshuoComment.destroyDisqus = () => {
if (el.children.length) { if (el.children.length) {
el.innerHTML = '' el.innerHTML = ''
el.classList.add('no-comment') el.classList.add('no-comment')
} }
} }
} }
window.disqus_identifier = isShuoshuo ? path : '!{ url_for(page.path) }' window.disqus_identifier = isShuoshuo ? path : '!{ url_for(page.path) }'
window.disqus_url = isShuoshuo ? location.origin + path : '!{ page.permalink }' window.disqus_url = isShuoshuo ? location.origin + path : '!{ page.permalink }'
const disqus_config = function () { const disqus_config = function () {
this.page.url = disqus_url this.page.url = disqus_url
this.page.identifier = disqus_identifier this.page.identifier = disqus_identifier
this.page.title = '!{ disqusPageTitle }' this.page.title = '!{ disqusPageTitle }'
} }
if (window.DISQUS) disqusReset(disqus_config) if (window.DISQUS) disqusReset(disqus_config)
else { else {
const script = document.createElement('script') const script = document.createElement('script')
script.src = 'https://!{shortname}.disqus.com/embed.js' script.src = 'https://!{shortname}.disqus.com/embed.js'
script.setAttribute('data-timestamp', +new Date()) script.setAttribute('data-timestamp', +new Date())
document.head.appendChild(script) document.head.appendChild(script)
} }
btf.addGlobalFn('themeChange', () => disqusReset(disqus_config), 'disqus') btf.addGlobalFn('themeChange', () => disqusReset(disqus_config), 'disqus')
} }
const getCount = async() => { const getCount = async() => {
try { try {
const eleGroup = document.querySelector('#post-meta .disqus-comment-count') const eleGroup = document.querySelector('#post-meta .disqus-comment-count')
if (!eleGroup) return if (!eleGroup) return
const cleanedLinks = eleGroup.href.replace(/#post-comment$/, '') const cleanedLinks = eleGroup.href.replace(/#post-comment$/, '')
const res = await fetch(`https://disqus.com/api/3.0/threads/set.json?forum=!{shortname}&api_key=!{apikey}&thread:link=${cleanedLinks}`,{ const res = await fetch(`https://disqus.com/api/3.0/threads/set.json?forum=!{shortname}&api_key=!{apikey}&thread:link=${cleanedLinks}`,{
method: 'GET' method: 'GET'
}) })
const result = await res.json() const result = await res.json()
const count = result.response.length ? result.response[0].posts : 0 const count = result.response.length ? result.response[0].posts : 0
eleGroup.textContent = count eleGroup.textContent = count
} catch (err) { } catch (err) {
console.error(err) console.error(err)
} }
} }
if (isShuoshuo) { if (isShuoshuo) {
'!{use[0]}' === 'Disqus' '!{use[0]}' === 'Disqus'
? window.shuoshuoComment = { loadComment: loadDisqus } ? window.shuoshuoComment = { loadComment: loadDisqus }
: window.loadOtherComment = loadDisqus : window.loadOtherComment = loadDisqus
return return
} }
if ('!{use[0]}' === 'Disqus' || !!{lazyload}) { if ('!{use[0]}' === 'Disqus' || !!{lazyload}) {
if (!{lazyload}) btf.loadComment(document.getElementById('disqus_thread'), loadDisqus) if (!{lazyload}) btf.loadComment(document.getElementById('disqus_thread'), loadDisqus)
else { else {
loadDisqus() loadDisqus()
!{ count ? `GLOBAL_CONFIG_SITE.pageType === 'post' && getCount()` : '' } !{ count ? `GLOBAL_CONFIG_SITE.pageType === 'post' && getCount()` : '' }
} }
} else { } else {
window.loadOtherComment = loadDisqus window.loadOtherComment = loadDisqus
} }
})() })()

View File

@@ -1,87 +1,87 @@
- let disqusjsPageTitle = page.title && page.title.replace(/'/ig,"\\'") - let disqusjsPageTitle = page.title && page.title.replace(/'/ig,"\\'")
- const { shortname:dqShortname, apikey:dqApikey, option:dqOption } = theme.disqusjs - const { shortname:dqShortname, apikey:dqApikey, option:dqOption } = theme.disqusjs
script. script.
(() => { (() => {
const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo'== 'shuoshuo' const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo'== 'shuoshuo'
const dqOption = !{JSON.stringify(dqOption)} const dqOption = !{JSON.stringify(dqOption)}
const destroyDisqusjs = () => { const destroyDisqusjs = () => {
disqusjs.destroy() disqusjs.destroy()
window.disqusjs = null window.disqusjs = null
} }
const themeChange = (el, path) => { const themeChange = (el, path) => {
destroyDisqusjs() destroyDisqusjs()
initDisqusjs(el, path) initDisqusjs(el, path)
} }
const initDisqusjs = (el = document, path) => { const initDisqusjs = (el = document, path) => {
if (isShuoshuo) { if (isShuoshuo) {
window.shuoshuoComment.destroyDisqusjs = () => { window.shuoshuoComment.destroyDisqusjs = () => {
destroyDisqusjs() destroyDisqusjs()
if (el.children.length) { if (el.children.length) {
el.innerHTML = '' el.innerHTML = ''
el.classList.add('no-comment') el.classList.add('no-comment')
} }
} }
} }
disqusjs = new DisqusJS({ disqusjs = new DisqusJS({
shortname: '!{dqShortname}', shortname: '!{dqShortname}',
title: '!{ disqusjsPageTitle }', title: '!{ disqusjsPageTitle }',
apikey: '!{dqApikey}', apikey: '!{dqApikey}',
...dqOption, ...dqOption,
identifier: isShuoshuo ? path : (dqOption && dqOption.identifier) || '!{ url_for(page.path) }', identifier: isShuoshuo ? path : (dqOption && dqOption.identifier) || '!{ url_for(page.path) }',
url: isShuoshuo ? location.origin + path : (dqOption && dqOption.url) || '!{ page.permalink }' url: isShuoshuo ? location.origin + path : (dqOption && dqOption.url) || '!{ page.permalink }'
}) })
disqusjs.render(el.querySelector('#disqusjs-wrap')) disqusjs.render(el.querySelector('#disqusjs-wrap'))
btf.addGlobalFn('themeChange', () => themeChange(el, path), 'disqusjs') btf.addGlobalFn('themeChange', () => themeChange(el, path), 'disqusjs')
} }
const loadDisqusjs = async(el, path) => { const loadDisqusjs = async(el, path) => {
if (window.disqusJsLoad) initDisqusjs(el, path) if (window.disqusJsLoad) initDisqusjs(el, path)
else { else {
await btf.getCSS('!{url_for(theme.asset.disqusjs_css)}') await btf.getCSS('!{url_for(theme.asset.disqusjs_css)}')
await btf.getScript('!{url_for(theme.asset.disqusjs)}') await btf.getScript('!{url_for(theme.asset.disqusjs)}')
initDisqusjs(el, path) initDisqusjs(el, path)
window.disqusJsLoad = true window.disqusJsLoad = true
} }
} }
const getCount = async() => { const getCount = async() => {
try { try {
const eleGroup = document.querySelector('#post-meta .disqusjs-comment-count') const eleGroup = document.querySelector('#post-meta .disqusjs-comment-count')
if (!eleGroup) return if (!eleGroup) return
const cleanedLinks = eleGroup.href.replace(/#post-comment$/, '') const cleanedLinks = eleGroup.href.replace(/#post-comment$/, '')
const res = await fetch(`https://disqus.com/api/3.0/threads/set.json?forum=!{dqShortname}&api_key=!{dqApikey}&thread:link=${cleanedLinks}`,{ const res = await fetch(`https://disqus.com/api/3.0/threads/set.json?forum=!{dqShortname}&api_key=!{dqApikey}&thread:link=${cleanedLinks}`,{
method: 'GET' method: 'GET'
}) })
const result = await res.json() const result = await res.json()
const count = result.response.length ? result.response[0].posts : 0 const count = result.response.length ? result.response[0].posts : 0
eleGroup.textContent = count eleGroup.textContent = count
} catch (err) { } catch (err) {
console.error(err) console.error(err)
} }
} }
if (isShuoshuo) { if (isShuoshuo) {
'!{theme.comments.use[0]}' === 'Disqusjs' '!{theme.comments.use[0]}' === 'Disqusjs'
? window.shuoshuoComment = { loadComment: loadDisqusjs } ? window.shuoshuoComment = { loadComment: loadDisqusjs }
: window.loadOtherComment = loadDisqusjs : window.loadOtherComment = loadDisqusjs
return return
} }
if ('!{theme.comments.use[0]}' === 'Disqusjs' || !!{theme.comments.lazyload}) { if ('!{theme.comments.use[0]}' === 'Disqusjs' || !!{theme.comments.lazyload}) {
if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('disqusjs-wrap'), loadDisqusjs) if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('disqusjs-wrap'), loadDisqusjs)
else { else {
loadDisqusjs() loadDisqusjs()
!{ theme.comments.count ? `GLOBAL_CONFIG_SITE.pageType === 'post' && getCount()` : '' } !{ theme.comments.count ? `GLOBAL_CONFIG_SITE.pageType === 'post' && getCount()` : '' }
} }
} else { } else {
window.loadOtherComment = loadDisqusjs window.loadOtherComment = loadDisqusjs
} }
})() })()

View File

@@ -1,64 +1,64 @@
- const fbSDKVer = 'v20.0' - const fbSDKVer = 'v20.0'
- const fbSDK = `https://connect.facebook.net/${theme.facebook_comments.lang}/sdk.js#xfbml=1&version=${fbSDKVer}` - const fbSDK = `https://connect.facebook.net/${theme.facebook_comments.lang}/sdk.js#xfbml=1&version=${fbSDKVer}`
script. script.
(()=>{ (()=>{
const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo'== 'shuoshuo' const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo'== 'shuoshuo'
const loadFBComment = (el = document, path) => { const loadFBComment = (el = document, path) => {
if (isShuoshuo) { if (isShuoshuo) {
window.shuoshuoComment.destroyFB = () => { window.shuoshuoComment.destroyFB = () => {
if (el.children.length) { if (el.children.length) {
el.innerHTML = '' el.innerHTML = ''
el.classList.add('no-comment') el.classList.add('no-comment')
} }
} }
} }
document.getElementById('fb-root') ? '' : document.body.insertAdjacentHTML('afterend', '<div id="fb-root"></div>') document.getElementById('fb-root') ? '' : document.body.insertAdjacentHTML('afterend', '<div id="fb-root"></div>')
const themeNow = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light' const themeNow = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light'
const $fbComment = el.getElementsByClassName('fb-comments')[0] const $fbComment = el.getElementsByClassName('fb-comments')[0]
$fbComment.setAttribute('data-colorscheme',themeNow) $fbComment.setAttribute('data-colorscheme',themeNow)
$fbComment.setAttribute('data-href', isShuoshuo ? '!{urlNoIndex(page.permalink)}' + '#' + path : '!{urlNoIndex(page.permalink)}') $fbComment.setAttribute('data-href', isShuoshuo ? '!{urlNoIndex(page.permalink)}' + '#' + path : '!{urlNoIndex(page.permalink)}')
if (typeof FB === 'object') { if (typeof FB === 'object') {
FB.XFBML.parse(document.getElementsByClassName('post-meta-commentcount')[0]) FB.XFBML.parse(document.getElementsByClassName('post-meta-commentcount')[0])
FB.XFBML.parse(el.querySelector('#post-comment')) FB.XFBML.parse(el.querySelector('#post-comment'))
} }
else { else {
let ele = document.createElement('script') let ele = document.createElement('script')
ele.setAttribute('src','!{fbSDK}') ele.setAttribute('src','!{fbSDK}')
ele.setAttribute('async', 'true') ele.setAttribute('async', 'true')
ele.setAttribute('defer', 'true') ele.setAttribute('defer', 'true')
ele.setAttribute('crossorigin', 'anonymous') ele.setAttribute('crossorigin', 'anonymous')
ele.setAttribute('id', 'facebook-jssdk') ele.setAttribute('id', 'facebook-jssdk')
document.getElementById('fb-root').insertAdjacentElement('afterbegin',ele) document.getElementById('fb-root').insertAdjacentElement('afterbegin',ele)
} }
} }
const fbModeChange = theme => { const fbModeChange = theme => {
const $fbComment = document.getElementsByClassName('fb-comments')[0] const $fbComment = document.getElementsByClassName('fb-comments')[0]
if ($fbComment && typeof FB === 'object') { if ($fbComment && typeof FB === 'object') {
$fbComment.setAttribute('data-colorscheme',theme) $fbComment.setAttribute('data-colorscheme',theme)
FB.XFBML.parse(document.getElementById('post-comment')) FB.XFBML.parse(document.getElementById('post-comment'))
} }
} }
btf.addGlobalFn('themeChange', fbModeChange, 'facebook_comments') btf.addGlobalFn('themeChange', fbModeChange, 'facebook_comments')
if (isShuoshuo) { if (isShuoshuo) {
'!{theme.comments.use[0]}' === 'Facebook Comments' '!{theme.comments.use[0]}' === 'Facebook Comments'
? window.shuoshuoComment = { loadComment: loadFBComment } ? window.shuoshuoComment = { loadComment: loadFBComment }
: window.loadOtherComment = loadFBComment : window.loadOtherComment = loadFBComment
return return
} }
if ('!{theme.comments.use[0]}' === 'Facebook Comments' || !!{theme.comments.lazyload}) { if ('!{theme.comments.use[0]}' === 'Facebook Comments' || !!{theme.comments.lazyload}) {
if (!{theme.comments.lazyload}) btf.loadComment(document.querySelector('#post-comment .fb-comments'), loadFBComment) if (!{theme.comments.lazyload}) btf.loadComment(document.querySelector('#post-comment .fb-comments'), loadFBComment)
else loadFBComment() else loadFBComment()
} else { } else {
window.loadOtherComment = loadFBComment window.loadOtherComment = loadFBComment
} }
})() })()

View File

@@ -1,82 +1,82 @@
- const { use, lazyload } = theme.comments - const { use, lazyload } = theme.comments
- const { repo, repo_id, category_id, light_theme, dark_theme, js, option } = theme.giscus - const { repo, repo_id, category_id, light_theme, dark_theme, js, option } = theme.giscus
- const giscusUrl = js || 'https://giscus.app/client.js' - const giscusUrl = js || 'https://giscus.app/client.js'
- const giscusOriginUrl = new URL(giscusUrl).origin - const giscusOriginUrl = new URL(giscusUrl).origin
script. script.
(() => { (() => {
const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo' const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo'
const option = !{JSON.stringify(option)} const option = !{JSON.stringify(option)}
const getGiscusTheme = theme => theme === 'dark' ? '!{dark_theme}' : '!{light_theme}' const getGiscusTheme = theme => theme === 'dark' ? '!{dark_theme}' : '!{light_theme}'
const createScriptElement = config => { const createScriptElement = config => {
const ele = document.createElement('script') const ele = document.createElement('script')
Object.entries(config).forEach(([key, value]) => { Object.entries(config).forEach(([key, value]) => {
ele.setAttribute(key, value) ele.setAttribute(key, value)
}) })
return ele return ele
} }
const loadGiscus = (el = document, key) => { const loadGiscus = (el = document, key) => {
const mappingConfig = isShuoshuo const mappingConfig = isShuoshuo
? { 'data-mapping': 'specific', 'data-term': key } ? { 'data-mapping': 'specific', 'data-term': key }
: { 'data-mapping': (option && option['data-mapping']) || 'pathname' } : { 'data-mapping': (option && option['data-mapping']) || 'pathname' }
const giscusConfig = { const giscusConfig = {
src: '!{giscusUrl}', src: '!{giscusUrl}',
'data-repo': '!{repo}', 'data-repo': '!{repo}',
'data-repo-id': '!{repo_id}', 'data-repo-id': '!{repo_id}',
'data-category-id': '!{category_id}', 'data-category-id': '!{category_id}',
'data-theme': getGiscusTheme(document.documentElement.getAttribute('data-theme')), 'data-theme': getGiscusTheme(document.documentElement.getAttribute('data-theme')),
'data-reactions-enabled': '1', 'data-reactions-enabled': '1',
crossorigin: 'anonymous', crossorigin: 'anonymous',
async: true, async: true,
...option, ...option,
...mappingConfig ...mappingConfig
} }
const scriptElement = createScriptElement(giscusConfig) const scriptElement = createScriptElement(giscusConfig)
el.querySelector('#giscus-wrap').appendChild(scriptElement) el.querySelector('#giscus-wrap').appendChild(scriptElement)
if (isShuoshuo) { if (isShuoshuo) {
window.shuoshuoComment.destroyGiscus = () => { window.shuoshuoComment.destroyGiscus = () => {
if (el.children.length) { if (el.children.length) {
el.innerHTML = '' el.innerHTML = ''
el.classList.add('no-comment') el.classList.add('no-comment')
} }
} }
} }
} }
const changeGiscusTheme = theme => { const changeGiscusTheme = theme => {
const iframe = document.querySelector('#giscus-wrap iframe') const iframe = document.querySelector('#giscus-wrap iframe')
if (iframe) { if (iframe) {
const message = { const message = {
giscus: { giscus: {
setConfig: { setConfig: {
theme: getGiscusTheme(theme) theme: getGiscusTheme(theme)
} }
} }
} }
iframe.contentWindow.postMessage(message, '!{giscusOriginUrl}') iframe.contentWindow.postMessage(message, '!{giscusOriginUrl}')
} }
} }
btf.addGlobalFn('themeChange', changeGiscusTheme, 'giscus') btf.addGlobalFn('themeChange', changeGiscusTheme, 'giscus')
if (isShuoshuo) { if (isShuoshuo) {
'!{use[0]}' === 'Giscus' '!{use[0]}' === 'Giscus'
? window.shuoshuoComment = { loadComment: loadGiscus } ? window.shuoshuoComment = { loadComment: loadGiscus }
: window.loadOtherComment = loadGiscus : window.loadOtherComment = loadGiscus
return return
} }
if ('!{use[0]}' === 'Giscus' || !!{lazyload}) { if ('!{use[0]}' === 'Giscus' || !!{lazyload}) {
if (!{lazyload}) btf.loadComment(document.getElementById('giscus-wrap'), loadGiscus) if (!{lazyload}) btf.loadComment(document.getElementById('giscus-wrap'), loadGiscus)
else loadGiscus() else loadGiscus()
} else { } else {
window.loadOtherComment = loadGiscus window.loadOtherComment = loadGiscus
} }
})() })()

View File

@@ -1,64 +1,64 @@
- const { client_id, client_secret, repo, owner, admin, option } = theme.gitalk - const { client_id, client_secret, repo, owner, admin, option } = theme.gitalk
script. script.
(() => { (() => {
const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo' const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo'
const option = !{JSON.stringify(option)} const option = !{JSON.stringify(option)}
const commentCount = n => { const commentCount = n => {
const isCommentCount = document.querySelector('#post-meta .gitalk-comment-count') const isCommentCount = document.querySelector('#post-meta .gitalk-comment-count')
if (isCommentCount) { if (isCommentCount) {
isCommentCount.textContent= n isCommentCount.textContent= n
} }
} }
const initGitalk = (el, path) => { const initGitalk = (el, path) => {
if (isShuoshuo) { if (isShuoshuo) {
window.shuoshuoComment.destroyGitalk = () => { window.shuoshuoComment.destroyGitalk = () => {
if (el.children.length) { if (el.children.length) {
el.innerHTML = '' el.innerHTML = ''
el.classList.add('no-comment') el.classList.add('no-comment')
} }
} }
} }
const gitalk = new Gitalk({ const gitalk = new Gitalk({
clientID: '!{client_id}', clientID: '!{client_id}',
clientSecret: '!{client_secret}', clientSecret: '!{client_secret}',
repo: '!{repo}', repo: '!{repo}',
owner: '!{owner}', owner: '!{owner}',
admin: ['!{admin}'], admin: ['!{admin}'],
updateCountCallback: commentCount, updateCountCallback: commentCount,
...option, ...option,
id: isShuoshuo ? path : (option && option.id) || '!{md5(page.path)}' id: isShuoshuo ? path : (option && option.id) || '!{md5(page.path)}'
}) })
gitalk.render('gitalk-container') gitalk.render('gitalk-container')
} }
const loadGitalk = async(el, path) => { const loadGitalk = async(el, path) => {
if (typeof Gitalk === 'function') initGitalk(el, path) if (typeof Gitalk === 'function') initGitalk(el, path)
else { else {
await btf.getCSS('!{url_for(theme.asset.gitalk_css)}') await btf.getCSS('!{url_for(theme.asset.gitalk_css)}')
await btf.getScript('!{url_for(theme.asset.gitalk)}') await btf.getScript('!{url_for(theme.asset.gitalk)}')
initGitalk(el, path) initGitalk(el, path)
} }
} }
if (isShuoshuo) { if (isShuoshuo) {
'!{theme.comments.use[0]}' === 'Gitalk' '!{theme.comments.use[0]}' === 'Gitalk'
? window.shuoshuoComment = { loadComment: loadGitalk } ? window.shuoshuoComment = { loadComment: loadGitalk }
: window.loadOtherComment = loadGitalk : window.loadOtherComment = loadGitalk
return return
} }
if ('!{theme.comments.use[0]}' === 'Gitalk' || !!{theme.comments.lazyload}) { if ('!{theme.comments.use[0]}' === 'Gitalk' || !!{theme.comments.lazyload}) {
if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('gitalk-container'), loadGitalk) if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('gitalk-container'), loadGitalk)
else loadGitalk() else loadGitalk()
} else { } else {
window.loadOtherComment = loadGitalk window.loadOtherComment = loadGitalk
} }
})() })()

View File

@@ -1,46 +1,46 @@
- let defaultComment = theme.comments.use[0] - let defaultComment = theme.comments.use[0]
hr.custom-hr hr.custom-hr
#post-comment #post-comment
.comment-head .comment-head
.comment-headline .comment-headline
i.fas.fa-comments.fa-fw i.fas.fa-comments.fa-fw
span= ' ' + _p('comment') span= ' ' + _p('comment')
if theme.comments.use.length > 1 if theme.comments.use.length > 1
.comment-switch .comment-switch
span.first-comment=defaultComment span.first-comment=defaultComment
span#switch-btn span#switch-btn
span.second-comment=theme.comments.use[1] span.second-comment=theme.comments.use[1]
.comment-wrap .comment-wrap
each name in theme.comments.use each name in theme.comments.use
div div
case name case name
when 'Disqus' when 'Disqus'
#disqus_thread #disqus_thread
when 'Valine' when 'Valine'
#vcomment.vcomment #vcomment.vcomment
when 'Disqusjs' when 'Disqusjs'
#disqusjs-wrap #disqusjs-wrap
when 'Livere' when 'Livere'
#lv-container(data-id="city" data-uid=theme.livere.uid) #lv-container(data-id="city" data-uid=theme.livere.uid)
when 'Gitalk' when 'Gitalk'
#gitalk-container #gitalk-container
when 'Utterances' when 'Utterances'
#utterances-wrap #utterances-wrap
when 'Twikoo' when 'Twikoo'
#twikoo-wrap #twikoo-wrap
when 'Waline' when 'Waline'
#waline-wrap #waline-wrap
when 'Giscus' when 'Giscus'
#giscus-wrap #giscus-wrap
when 'Facebook Comments' when 'Facebook Comments'
.fb-comments(data-colorscheme = theme.display_mode === 'dark' ? 'dark' : 'light' .fb-comments(data-colorscheme = theme.display_mode === 'dark' ? 'dark' : 'light'
data-numposts= theme.facebook_comments.pageSize || 10 data-numposts= theme.facebook_comments.pageSize || 10
data-order-by= theme.facebook_comments.order_by || 'social' data-order-by= theme.facebook_comments.order_by || 'social'
data-width="100%") data-width="100%")
when 'Remark42' when 'Remark42'
#remark42 #remark42
when 'Artalk' when 'Artalk'
#artalk-wrap #artalk-wrap

View File

@@ -1,26 +1,26 @@
each name in theme.comments.use each name in theme.comments.use
case name case name
when 'Valine' when 'Valine'
!=partial('includes/third-party/comments/valine', {}, {cache: true}) !=partial('includes/third-party/comments/valine', {}, {cache: true})
when 'Disqus' when 'Disqus'
include ./disqus.pug include ./disqus.pug
when 'Disqusjs' when 'Disqusjs'
include ./disqusjs.pug include ./disqusjs.pug
when 'Livere' when 'Livere'
!=partial('includes/third-party/comments/livere', {}, {cache: true}) !=partial('includes/third-party/comments/livere', {}, {cache: true})
when 'Gitalk' when 'Gitalk'
include ./gitalk.pug include ./gitalk.pug
when 'Utterances' when 'Utterances'
!=partial('includes/third-party/comments/utterances', {}, {cache: true}) !=partial('includes/third-party/comments/utterances', {}, {cache: true})
when 'Twikoo' when 'Twikoo'
!=partial('includes/third-party/comments/twikoo', {}, {cache: true}) !=partial('includes/third-party/comments/twikoo', {}, {cache: true})
when 'Waline' when 'Waline'
!=partial('includes/third-party/comments/waline', {}, {cache: true}) !=partial('includes/third-party/comments/waline', {}, {cache: true})
when 'Giscus' when 'Giscus'
!=partial('includes/third-party/comments/giscus', {}, {cache: true}) !=partial('includes/third-party/comments/giscus', {}, {cache: true})
when 'Facebook Comments' when 'Facebook Comments'
include ./facebook_comments.pug include ./facebook_comments.pug
when 'Remark42' when 'Remark42'
!=partial('includes/third-party/comments/remark42', {}, {cache: true}) !=partial('includes/third-party/comments/remark42', {}, {cache: true})
when 'Artalk' when 'Artalk'
!=partial('includes/third-party/comments/artalk', {}, {cache: true}) !=partial('includes/third-party/comments/artalk', {}, {cache: true})

View File

@@ -1,47 +1,47 @@
- const { use, lazyload } = theme.comments - const { use, lazyload } = theme.comments
script. script.
(() => { (() => {
const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo' const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo'
const loadLivere = (el, path) => { const loadLivere = (el, path) => {
window.livereOptions = { window.livereOptions = {
refer: path || location.pathname refer: path || location.pathname
} }
if (isShuoshuo) { if (isShuoshuo) {
window.shuoshuoComment.destroyLivere = () => { window.shuoshuoComment.destroyLivere = () => {
if (el.children.length) { if (el.children.length) {
el.innerHTML = '' el.innerHTML = ''
el.classList.add('no-comment') el.classList.add('no-comment')
} }
} }
} }
if (typeof LivereTower === 'object') window.LivereTower.init() if (typeof LivereTower === 'object') window.LivereTower.init()
else { else {
(function(d, s) { (function(d, s) {
var j, e = d.getElementsByTagName(s)[0]; var j, e = d.getElementsByTagName(s)[0];
if (typeof LivereTower === 'function') { return; } if (typeof LivereTower === 'function') { return; }
j = d.createElement(s); j = d.createElement(s);
j.src = 'https://cdn-city.livere.com/js/embed.dist.js'; j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
j.async = true; j.async = true;
e.parentNode.insertBefore(j, e); e.parentNode.insertBefore(j, e);
})(document, 'script'); })(document, 'script');
} }
} }
if (isShuoshuo) { if (isShuoshuo) {
'!{use[0]}' === 'Livere' '!{use[0]}' === 'Livere'
? window.shuoshuoComment = { loadComment: loadLivere } ? window.shuoshuoComment = { loadComment: loadLivere }
: window.loadOtherComment = loadLivere : window.loadOtherComment = loadLivere
return return
} }
if ('!{use[0]}' === 'Livere' || !!{lazyload}) { if ('!{use[0]}' === 'Livere' || !!{lazyload}) {
if (!{lazyload}) btf.loadComment(document.getElementById('lv-container'), loadLivere) if (!{lazyload}) btf.loadComment(document.getElementById('lv-container'), loadLivere)
else loadLivere() else loadLivere()
} else { } else {
window.loadOtherComment = loadLivere window.loadOtherComment = loadLivere
} }
})() })()

View File

@@ -1,78 +1,78 @@
- const { host, siteId, option } = theme.remark42 - const { host, siteId, option } = theme.remark42
script. script.
(() => { (() => {
const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo' const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo'
const option = !{JSON.stringify(option)} const option = !{JSON.stringify(option)}
const loadScript = src => { const loadScript = src => {
const script = document.createElement('script') const script = document.createElement('script')
script.src = src script.src = src
script.defer = true script.defer = true
document.head.appendChild(script) document.head.appendChild(script)
} }
const addRemark42 = () => loadScript('!{host}/web/embed.js') const addRemark42 = () => loadScript('!{host}/web/embed.js')
const getCount = () => document.querySelector('.remark42__counter') && loadScript('!{host}/web/count.js') const getCount = () => document.querySelector('.remark42__counter') && loadScript('!{host}/web/count.js')
const destroyRemark42 = () => window.remark42Instance && window.remark42Instance.destroy() const destroyRemark42 = () => window.remark42Instance && window.remark42Instance.destroy()
const initRemark42 = remark_config => { const initRemark42 = remark_config => {
if (window.REMARK42) { if (window.REMARK42) {
destroyRemark42() destroyRemark42()
window.remark42Instance = window.REMARK42.createInstance({ window.remark42Instance = window.REMARK42.createInstance({
...remark_config ...remark_config
}) })
} }
} }
const loadRemark42 = (el, path) => { const loadRemark42 = (el, path) => {
if (isShuoshuo) { if (isShuoshuo) {
window.shuoshuoComment.destroyRemark42 = () => { window.shuoshuoComment.destroyRemark42 = () => {
destroyRemark42() destroyRemark42()
if (el.children.length) { if (el.children.length) {
el.innerHTML = '' el.innerHTML = ''
el.classList.add('no-comment') el.classList.add('no-comment')
} }
} }
} }
window.remark_config = { window.remark_config = {
host: '!{host}', host: '!{host}',
site_id: '!{siteId}', site_id: '!{siteId}',
theme: document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light', theme: document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light',
...option, ...option,
url: isShuoshuo ? window.location.origin + path : (option && option.url) || window.location.origin + window.location.pathname url: isShuoshuo ? window.location.origin + path : (option && option.url) || window.location.origin + window.location.pathname
} }
if (window.REMARK42) { if (window.REMARK42) {
initRemark42(remark_config) initRemark42(remark_config)
getCount() getCount()
} else { } else {
addRemark42() addRemark42()
window.addEventListener('REMARK42::ready', () => { window.addEventListener('REMARK42::ready', () => {
initRemark42(remark_config) initRemark42(remark_config)
getCount() getCount()
}) })
} }
} }
const remarkChangeMode = theme => window.REMARK42 && window.REMARK42.changeTheme(theme) const remarkChangeMode = theme => window.REMARK42 && window.REMARK42.changeTheme(theme)
btf.addGlobalFn('themeChange', remarkChangeMode, 'remark42') btf.addGlobalFn('themeChange', remarkChangeMode, 'remark42')
if (isShuoshuo) { if (isShuoshuo) {
'!{theme.comments.use[0]}' === 'Remark42' '!{theme.comments.use[0]}' === 'Remark42'
? window.shuoshuoComment = { loadComment: loadRemark42 } ? window.shuoshuoComment = { loadComment: loadRemark42 }
: window.loadOtherComment = loadRemark42 : window.loadOtherComment = loadRemark42
return return
} }
if ('!{theme.comments.use[0]}' === 'Remark42' || !!{theme.comments.lazyload}) { if ('!{theme.comments.use[0]}' === 'Remark42' || !!{theme.comments.lazyload}) {
if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('remark42'), loadRemark42) if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('remark42'), loadRemark42)
else loadRemark42() else loadRemark42()
} else { } else {
window.loadOtherComment = loadRemark42 window.loadOtherComment = loadRemark42
} }
})() })()

View File

@@ -1,64 +1,64 @@
- const { envId, region, option } = theme.twikoo - const { envId, region, option } = theme.twikoo
- const { use, lazyload, count } = theme.comments - const { use, lazyload, count } = theme.comments
script. script.
(() => { (() => {
const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo' const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo'
const option = !{JSON.stringify(option)} const option = !{JSON.stringify(option)}
const getCount = () => { const getCount = () => {
const countELement = document.getElementById('twikoo-count') const countELement = document.getElementById('twikoo-count')
if(!countELement) return if(!countELement) return
twikoo.getCommentsCount({ twikoo.getCommentsCount({
envId: '!{envId}', envId: '!{envId}',
region: '!{region}', region: '!{region}',
urls: [window.location.pathname], urls: [window.location.pathname],
includeReply: false includeReply: false
}).then(res => { }).then(res => {
countELement.textContent = res[0].count countELement.textContent = res[0].count
}).catch(err => { }).catch(err => {
console.error(err) console.error(err)
}) })
} }
const init = (el = document, path = location.pathname) => { const init = (el = document, path = location.pathname) => {
twikoo.init({ twikoo.init({
el: el.querySelector('#twikoo-wrap'), el: el.querySelector('#twikoo-wrap'),
envId: '!{envId}', envId: '!{envId}',
region: '!{region}', region: '!{region}',
onCommentLoaded: () => { onCommentLoaded: () => {
btf.loadLightbox(document.querySelectorAll('#twikoo .tk-content img:not(.tk-owo-emotion)')) btf.loadLightbox(document.querySelectorAll('#twikoo .tk-content img:not(.tk-owo-emotion)'))
}, },
...option, ...option,
path: isShuoshuo ? path : (option && option.path) || path path: isShuoshuo ? path : (option && option.path) || path
}) })
!{count ? `GLOBAL_CONFIG_SITE.pageType === 'post' && getCount()` : ''} !{count ? `GLOBAL_CONFIG_SITE.pageType === 'post' && getCount()` : ''}
isShuoshuo && (window.shuoshuoComment.destroyTwikoo = () => { isShuoshuo && (window.shuoshuoComment.destroyTwikoo = () => {
if (el.children.length) { if (el.children.length) {
el.innerHTML = '' el.innerHTML = ''
el.classList.add('no-comment') el.classList.add('no-comment')
} }
}) })
} }
const loadTwikoo = (el, path) => { const loadTwikoo = (el, path) => {
if (typeof twikoo === 'object') setTimeout(() => init(el, path), 0) if (typeof twikoo === 'object') setTimeout(() => init(el, path), 0)
else btf.getScript('!{url_for(theme.asset.twikoo)}').then(() => init(el, path)) else btf.getScript('!{url_for(theme.asset.twikoo)}').then(() => init(el, path))
} }
if (isShuoshuo) { if (isShuoshuo) {
'!{use[0]}' === 'Twikoo' '!{use[0]}' === 'Twikoo'
? window.shuoshuoComment = { loadComment: loadTwikoo } ? window.shuoshuoComment = { loadComment: loadTwikoo }
: window.loadOtherComment = loadTwikoo : window.loadOtherComment = loadTwikoo
return return
} }
if ('!{use[0]}' === 'Twikoo' || !!{lazyload}) { if ('!{use[0]}' === 'Twikoo' || !!{lazyload}) {
if (!{lazyload}) btf.loadComment(document.getElementById('twikoo-wrap'), loadTwikoo) if (!{lazyload}) btf.loadComment(document.getElementById('twikoo-wrap'), loadTwikoo)
else loadTwikoo() else loadTwikoo()
} else { } else {
window.loadOtherComment = loadTwikoo window.loadOtherComment = loadTwikoo
} }
})() })()

View File

@@ -1,63 +1,63 @@
- const { use, lazyload } = theme.comments - const { use, lazyload } = theme.comments
- const { repo, issue_term, light_theme, dark_theme, js, option } = theme.utterances - const { repo, issue_term, light_theme, dark_theme, js, option } = theme.utterances
- const utterancesUrl = js || 'https://utteranc.es/client.js' - const utterancesUrl = js || 'https://utteranc.es/client.js'
- const utterancesOriginUrl = new URL(utterancesUrl).origin - const utterancesOriginUrl = new URL(utterancesUrl).origin
script. script.
(() => { (() => {
const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo' const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo'
const option = !{JSON.stringify(option)} const option = !{JSON.stringify(option)}
const getUtterancesTheme = theme => theme === 'dark' ? '#{dark_theme}' : '#{light_theme}' const getUtterancesTheme = theme => theme === 'dark' ? '#{dark_theme}' : '#{light_theme}'
const loadUtterances = (el = document, key) => { const loadUtterances = (el = document, key) => {
if (isShuoshuo) { if (isShuoshuo) {
window.shuoshuoComment.destroyUtterances = () => { window.shuoshuoComment.destroyUtterances = () => {
if (el.children.length) { if (el.children.length) {
el.innerHTML = '' el.innerHTML = ''
el.classList.add('no-comment') el.classList.add('no-comment')
} }
} }
} }
const config = { const config = {
src: '!{utterancesUrl}', src: '!{utterancesUrl}',
repo: '!{repo}', repo: '!{repo}',
theme: getUtterancesTheme(document.documentElement.getAttribute('data-theme')), theme: getUtterancesTheme(document.documentElement.getAttribute('data-theme')),
crossorigin: 'anonymous', crossorigin: 'anonymous',
async: true, async: true,
...option, ...option,
'issue-term': isShuoshuo ? key : (option && option['issue-term']) || '!{issue_term}' 'issue-term': isShuoshuo ? key : (option && option['issue-term']) || '!{issue_term}'
} }
const ele = document.createElement('script') const ele = document.createElement('script')
Object.entries(config).forEach(([key, value]) => ele.setAttribute(key, value)) Object.entries(config).forEach(([key, value]) => ele.setAttribute(key, value))
el.querySelector('#utterances-wrap').appendChild(ele) el.querySelector('#utterances-wrap').appendChild(ele)
} }
const changeUtterancesTheme = theme => { const changeUtterancesTheme = theme => {
const iframe = document.querySelector('#utterances-wrap iframe') const iframe = document.querySelector('#utterances-wrap iframe')
if (iframe) { if (iframe) {
const message = { const message = {
type: 'set-theme', type: 'set-theme',
theme: getUtterancesTheme(theme) theme: getUtterancesTheme(theme)
}; };
iframe.contentWindow.postMessage(message, '!{utterancesOriginUrl}') iframe.contentWindow.postMessage(message, '!{utterancesOriginUrl}')
} }
} }
btf.addGlobalFn('themeChange', changeUtterancesTheme, 'utterances') btf.addGlobalFn('themeChange', changeUtterancesTheme, 'utterances')
if (isShuoshuo) { if (isShuoshuo) {
'!{use[0]}' === 'Utterances' '!{use[0]}' === 'Utterances'
? window.shuoshuoComment = { loadComment: loadUtterances } ? window.shuoshuoComment = { loadComment: loadUtterances }
: window.loadOtherComment = loadUtterances : window.loadOtherComment = loadUtterances
return return
} }
if ('!{use[0]}' === 'Utterances' || !!{lazyload}) { if ('!{use[0]}' === 'Utterances' || !!{lazyload}) {
if (!{lazyload}) btf.loadComment(document.getElementById('utterances-wrap'), loadUtterances) if (!{lazyload}) btf.loadComment(document.getElementById('utterances-wrap'), loadUtterances)
else loadUtterances() else loadUtterances()
} else { } else {
window.loadOtherComment = loadUtterances window.loadOtherComment = loadUtterances
} }
})() })()

View File

@@ -1,60 +1,60 @@
- const { use, lazyload } = theme.comments - const { use, lazyload } = theme.comments
- const { appId, appKey, avatar, serverURLs, visitor, option } = theme.valine - const { appId, appKey, avatar, serverURLs, visitor, option } = theme.valine
- let emojiMaps = '""' - let emojiMaps = '""'
if site.data.valine if site.data.valine
- emojiMaps = JSON.stringify(site.data.valine) - emojiMaps = JSON.stringify(site.data.valine)
script. script.
(() => { (() => {
const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo' const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo'
const option = !{JSON.stringify(option)} const option = !{JSON.stringify(option)}
const initValine = (el, path) => { const initValine = (el, path) => {
if (isShuoshuo) { if (isShuoshuo) {
window.shuoshuoComment.destroyValine = () => { window.shuoshuoComment.destroyValine = () => {
if (el.children.length) { if (el.children.length) {
el.innerHTML = '' el.innerHTML = ''
el.classList.add('no-comment') el.classList.add('no-comment')
} }
} }
} }
const valineConfig = { const valineConfig = {
el: '#vcomment', el: '#vcomment',
appId: '#{appId}', appId: '#{appId}',
appKey: '#{appKey}', appKey: '#{appKey}',
avatar: '#{avatar}', avatar: '#{avatar}',
serverURLs: '#{serverURLs}', serverURLs: '#{serverURLs}',
emojiMaps: !{emojiMaps}, emojiMaps: !{emojiMaps},
visitor: #{visitor}, visitor: #{visitor},
...option, ...option,
path: isShuoshuo ? path : (option && option.path) || window.location.pathname path: isShuoshuo ? path : (option && option.path) || window.location.pathname
} }
new Valine(valineConfig) new Valine(valineConfig)
} }
const loadValine = async (el, path) => { const loadValine = async (el, path) => {
if (typeof Valine === 'function') { if (typeof Valine === 'function') {
initValine(el, path) initValine(el, path)
} else { } else {
await btf.getScript('!{url_for(theme.asset.valine)}') await btf.getScript('!{url_for(theme.asset.valine)}')
initValine(el, path) initValine(el, path)
} }
} }
if (isShuoshuo) { if (isShuoshuo) {
'!{use[0]}' === 'Valine' '!{use[0]}' === 'Valine'
? window.shuoshuoComment = { loadComment: loadValine } ? window.shuoshuoComment = { loadComment: loadValine }
: window.loadOtherComment = loadValine : window.loadOtherComment = loadValine
return return
} }
if ('!{use[0]}' === 'Valine' || !!{lazyload}) { if ('!{use[0]}' === 'Valine' || !!{lazyload}) {
if (!{lazyload}) btf.loadComment(document.getElementById('vcomment'),loadValine) if (!{lazyload}) btf.loadComment(document.getElementById('vcomment'),loadValine)
else setTimeout(loadValine, 0) else setTimeout(loadValine, 0)
} else { } else {
window.loadOtherComment = loadValine window.loadOtherComment = loadValine
} }
})() })()

View File

@@ -1,61 +1,61 @@
- const { serverURL, option, pageview } = theme.waline - const { serverURL, option, pageview } = theme.waline
- const { lazyload, count, use } = theme.comments - const { lazyload, count, use } = theme.comments
script. script.
(() => { (() => {
let initFn = window.walineFn || null let initFn = window.walineFn || null
const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo' const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo'
const option = !{JSON.stringify(option)} const option = !{JSON.stringify(option)}
const destroyWaline = ele => ele.destroy() const destroyWaline = ele => ele.destroy()
const initWaline = (Fn, el = document, path = window.location.pathname) => { const initWaline = (Fn, el = document, path = window.location.pathname) => {
const waline = Fn({ const waline = Fn({
el: el.querySelector('#waline-wrap'), el: el.querySelector('#waline-wrap'),
serverURL: '!{serverURL}', serverURL: '!{serverURL}',
pageview: !{lazyload ? false : pageview}, pageview: !{lazyload ? false : pageview},
dark: 'html[data-theme="dark"]', dark: 'html[data-theme="dark"]',
comment: !{lazyload ? false : count}, comment: !{lazyload ? false : count},
...option, ...option,
path: isShuoshuo ? path : (option && option.path) || path path: isShuoshuo ? path : (option && option.path) || path
}) })
if (isShuoshuo) { if (isShuoshuo) {
window.shuoshuoComment.destroyWaline = () => { window.shuoshuoComment.destroyWaline = () => {
destroyWaline(waline) destroyWaline(waline)
if (el.children.length) { if (el.children.length) {
el.innerHTML = '' el.innerHTML = ''
el.classList.add('no-comment') el.classList.add('no-comment')
} }
} }
} }
} }
const loadWaline = (el, path) => { const loadWaline = (el, path) => {
if (initFn) initWaline(initFn, el, path) if (initFn) initWaline(initFn, el, path)
else { else {
btf.getCSS('!{url_for(theme.asset.waline_css)}') btf.getCSS('!{url_for(theme.asset.waline_css)}')
.then(() => import('!{url_for(theme.asset.waline_js)}')) .then(() => import('!{url_for(theme.asset.waline_js)}'))
.then(({ init }) => { .then(({ init }) => {
initFn = init || Waline.init initFn = init || Waline.init
initWaline(initFn, el, path) initWaline(initFn, el, path)
window.walineFn = initFn window.walineFn = initFn
}) })
} }
} }
if (isShuoshuo) { if (isShuoshuo) {
'!{use[0]}' === 'Waline' '!{use[0]}' === 'Waline'
? window.shuoshuoComment = { loadComment: loadWaline } ? window.shuoshuoComment = { loadComment: loadWaline }
: window.loadOtherComment = loadWaline : window.loadOtherComment = loadWaline
return return
} }
if ('!{use[0]}' === 'Waline' || !!{lazyload}) { if ('!{use[0]}' === 'Waline' || !!{lazyload}) {
if (!{lazyload}) btf.loadComment(document.getElementById('waline-wrap'),loadWaline) if (!{lazyload}) btf.loadComment(document.getElementById('waline-wrap'),loadWaline)
else setTimeout(loadWaline, 0) else setTimeout(loadWaline, 0)
} else { } else {
window.loadOtherComment = loadWaline window.loadOtherComment = loadWaline
} }
})() })()

View File

@@ -1,35 +1,35 @@
if theme.fireworks && theme.fireworks.enable if theme.fireworks && theme.fireworks.enable
canvas.fireworks(mobile=`${theme.fireworks.mobile}`) canvas.fireworks(mobile=`${theme.fireworks.mobile}`)
script(src=url_for(theme.asset.fireworks)) script(src=url_for(theme.asset.fireworks))
if (theme.canvas_ribbon && theme.canvas_ribbon.enable) if (theme.canvas_ribbon && theme.canvas_ribbon.enable)
script(defer id="ribbon" src=url_for(theme.asset.canvas_ribbon) size=theme.canvas_ribbon.size script(defer id="ribbon" src=url_for(theme.asset.canvas_ribbon) size=theme.canvas_ribbon.size
alpha=theme.canvas_ribbon.alpha zIndex=theme.canvas_ribbon.zIndex mobile=`${theme.canvas_ribbon.mobile}` data-click=`${theme.canvas_ribbon.click_to_change}`) alpha=theme.canvas_ribbon.alpha zIndex=theme.canvas_ribbon.zIndex mobile=`${theme.canvas_ribbon.mobile}` data-click=`${theme.canvas_ribbon.click_to_change}`)
if (theme.canvas_fluttering_ribbon && theme.canvas_fluttering_ribbon.enable) if (theme.canvas_fluttering_ribbon && theme.canvas_fluttering_ribbon.enable)
script(defer id="fluttering_ribbon" mobile=`${theme.canvas_fluttering_ribbon.mobile}` src=url_for(theme.asset.canvas_fluttering_ribbon)) script(defer id="fluttering_ribbon" mobile=`${theme.canvas_fluttering_ribbon.mobile}` src=url_for(theme.asset.canvas_fluttering_ribbon))
if (theme.canvas_nest && theme.canvas_nest.enable) if (theme.canvas_nest && theme.canvas_nest.enable)
script#canvas_nest(defer color=theme.canvas_nest.color opacity=theme.canvas_nest.opacity zIndex=theme.canvas_nest.zIndex count=theme.canvas_nest.count mobile=`${theme.canvas_nest.mobile}` src=url_for(theme.asset.canvas_nest)) script#canvas_nest(defer color=theme.canvas_nest.color opacity=theme.canvas_nest.opacity zIndex=theme.canvas_nest.zIndex count=theme.canvas_nest.count mobile=`${theme.canvas_nest.mobile}` src=url_for(theme.asset.canvas_nest))
if theme.activate_power_mode.enable if theme.activate_power_mode.enable
script(src=url_for(theme.asset.activate_power_mode)) script(src=url_for(theme.asset.activate_power_mode))
script. script.
POWERMODE.colorful = !{theme.activate_power_mode.colorful}; POWERMODE.colorful = !{theme.activate_power_mode.colorful};
POWERMODE.shake = !{theme.activate_power_mode.shake}; POWERMODE.shake = !{theme.activate_power_mode.shake};
POWERMODE.mobile = !{theme.activate_power_mode.mobile}; POWERMODE.mobile = !{theme.activate_power_mode.mobile};
document.body.addEventListener('input', POWERMODE); document.body.addEventListener('input', POWERMODE);
//- 鼠標特效 //- 鼠標特效
if theme.click_heart && theme.click_heart.enable if theme.click_heart && theme.click_heart.enable
script#click-heart(src=url_for(theme.asset.click_heart) async mobile=`${theme.click_heart.mobile}`) script#click-heart(src=url_for(theme.asset.click_heart) async mobile=`${theme.click_heart.mobile}`)
if theme.clickShowText && theme.clickShowText.enable if theme.clickShowText && theme.clickShowText.enable
script#click-show-text( script#click-show-text(
src= url_for(theme.asset.clickShowText) src= url_for(theme.asset.clickShowText)
data-mobile= `${theme.clickShowText.mobile}` data-mobile= `${theme.clickShowText.mobile}`
data-text= theme.clickShowText.text.join(",") data-text= theme.clickShowText.text.join(",")
data-fontsize= theme.clickShowText.fontSize data-fontsize= theme.clickShowText.fontSize
data-random= `${theme.clickShowText.random}` data-random= `${theme.clickShowText.random}`
async async
) )

View File

@@ -1,91 +1,91 @@
- const { fontColor, borderColor, scale_ticks_backdropColor } = theme.chartjs - const { fontColor, borderColor, scale_ticks_backdropColor } = theme.chartjs
script. script.
(() => { (() => {
const applyThemeDefaultsConfig = theme => { const applyThemeDefaultsConfig = theme => {
if (theme === 'dark-mode') { if (theme === 'dark-mode') {
Chart.defaults.color = "!{fontColor.dark}" Chart.defaults.color = "!{fontColor.dark}"
Chart.defaults.borderColor = "!{borderColor.dark}" Chart.defaults.borderColor = "!{borderColor.dark}"
Chart.defaults.scale.ticks.backdropColor = "!{scale_ticks_backdropColor.dark}" Chart.defaults.scale.ticks.backdropColor = "!{scale_ticks_backdropColor.dark}"
} else { } else {
Chart.defaults.color = "!{fontColor.light}" Chart.defaults.color = "!{fontColor.light}"
Chart.defaults.borderColor = "!{borderColor.light}" Chart.defaults.borderColor = "!{borderColor.light}"
Chart.defaults.scale.ticks.backdropColor = "!{scale_ticks_backdropColor.light}" Chart.defaults.scale.ticks.backdropColor = "!{scale_ticks_backdropColor.light}"
} }
} }
// Recursively traverse the config object and automatically apply theme-specific color schemes // Recursively traverse the config object and automatically apply theme-specific color schemes
const applyThemeConfig = (obj, theme) => { const applyThemeConfig = (obj, theme) => {
if (typeof obj !== 'object' || obj === null) return if (typeof obj !== 'object' || obj === null) return
Object.keys(obj).forEach(key => { Object.keys(obj).forEach(key => {
const value = obj[key] const value = obj[key]
// If the property is an object and has theme-specific options, apply them // If the property is an object and has theme-specific options, apply them
if (typeof value === 'object' && value !== null) { if (typeof value === 'object' && value !== null) {
if (value[theme]) { if (value[theme]) {
obj[key] = value[theme] // Apply the value for the current theme obj[key] = value[theme] // Apply the value for the current theme
} else { } else {
// Recursively process child objects // Recursively process child objects
applyThemeConfig(value, theme) applyThemeConfig(value, theme)
} }
} }
}) })
} }
const runChartJS = ele => { const runChartJS = ele => {
window.loadChartJS = true window.loadChartJS = true
Array.from(ele).forEach((item, index) => { Array.from(ele).forEach((item, index) => {
const chartSrc = item.firstElementChild const chartSrc = item.firstElementChild
const chartID = item.getAttribute('data-chartjs-id') || ('chartjs-' + index) // Use custom ID or default ID const chartID = item.getAttribute('data-chartjs-id') || ('chartjs-' + index) // Use custom ID or default ID
const width = item.getAttribute('data-width') const width = item.getAttribute('data-width')
const existingCanvas = document.getElementById(chartID) const existingCanvas = document.getElementById(chartID)
// If a canvas already exists, remove it to avoid rendering duplicates // If a canvas already exists, remove it to avoid rendering duplicates
if (existingCanvas) { if (existingCanvas) {
existingCanvas.parentNode.remove() existingCanvas.parentNode.remove()
} }
const chartDefinition = chartSrc.textContent const chartDefinition = chartSrc.textContent
const canvas = document.createElement('canvas') const canvas = document.createElement('canvas')
canvas.id = chartID canvas.id = chartID
const div = document.createElement('div') const div = document.createElement('div')
div.className = 'chartjs-wrap' div.className = 'chartjs-wrap'
if (width) { if (width) {
div.style.width = width div.style.width = width
} }
div.appendChild(canvas) div.appendChild(canvas)
chartSrc.insertAdjacentElement('afterend', div) chartSrc.insertAdjacentElement('afterend', div)
const ctx = document.getElementById(chartID).getContext('2d') const ctx = document.getElementById(chartID).getContext('2d')
const config = JSON.parse(chartDefinition) const config = JSON.parse(chartDefinition)
const theme = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark-mode' : 'light-mode' const theme = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark-mode' : 'light-mode'
// Set default styles (initial setup) // Set default styles (initial setup)
applyThemeDefaultsConfig(theme) applyThemeDefaultsConfig(theme)
// Automatically traverse the config and apply dual-mode color schemes // Automatically traverse the config and apply dual-mode color schemes
applyThemeConfig(config, theme) applyThemeConfig(config, theme)
new Chart(ctx, config) new Chart(ctx, config)
}) })
} }
const loadChartJS = () => { const loadChartJS = () => {
const chartJSEle = document.querySelectorAll('#article-container .chartjs-container') const chartJSEle = document.querySelectorAll('#article-container .chartjs-container')
if (chartJSEle.length === 0) return if (chartJSEle.length === 0) return
window.loadChartJS ? runChartJS(chartJSEle) : btf.getScript('!{url_for(theme.asset.chartjs)}').then(() => runChartJS(chartJSEle)) window.loadChartJS ? runChartJS(chartJSEle) : btf.getScript('!{url_for(theme.asset.chartjs)}').then(() => runChartJS(chartJSEle))
} }
// Listen for theme change events // Listen for theme change events
btf.addGlobalFn('themeChange', loadChartJS, 'chartjs') btf.addGlobalFn('themeChange', loadChartJS, 'chartjs')
btf.addGlobalFn('encrypt', loadChartJS, 'chartjs') btf.addGlobalFn('encrypt', loadChartJS, 'chartjs')
window.pjax ? loadChartJS() : document.addEventListener('DOMContentLoaded', loadChartJS) window.pjax ? loadChartJS() : document.addEventListener('DOMContentLoaded', loadChartJS)
})() })()

View File

@@ -1,14 +1,14 @@
case theme.math.use case theme.math.use
when 'mathjax' when 'mathjax'
if (theme.math.per_page && (['post','page'].includes(globalPageType))) || page.mathjax if (theme.math.per_page && (['post','page'].includes(globalPageType))) || page.mathjax
include ./mathjax.pug include ./mathjax.pug
when 'katex' when 'katex'
if (theme.math.per_page && (['post','page'].includes(globalPageType))) || page.katex if (theme.math.per_page && (['post','page'].includes(globalPageType))) || page.katex
include ./katex.pug include ./katex.pug
if theme.mermaid.enable if theme.mermaid.enable
include ./mermaid.pug include ./mermaid.pug
if theme.chartjs.enable if theme.chartjs.enable
include ./chartjs.pug include ./chartjs.pug

View File

@@ -1,16 +1,16 @@
script. script.
(async () => { (async () => {
const showKatex = () => { const showKatex = () => {
document.querySelectorAll('#article-container .katex').forEach(el => el.classList.add('katex-show')) document.querySelectorAll('#article-container .katex').forEach(el => el.classList.add('katex-show'))
} }
if (!window.katex_js_css) { if (!window.katex_js_css) {
window.katex_js_css = true window.katex_js_css = true
await btf.getCSS('!{url_for(theme.asset.katex)}') await btf.getCSS('!{url_for(theme.asset.katex)}')
if (!{theme.math.katex.copy_tex}) { if (!{theme.math.katex.copy_tex}) {
await btf.getScript('!{url_for(theme.asset.katex_copytex)}') await btf.getScript('!{url_for(theme.asset.katex_copytex)}')
} }
} }
showKatex() showKatex()
})() })()

View File

@@ -1,47 +1,47 @@
//- Mathjax 3 //- Mathjax 3
- const { tags, enableMenu } = theme.math.mathjax - const { tags, enableMenu } = theme.math.mathjax
script. script.
(() => { (() => {
const loadMathjax = () => { const loadMathjax = () => {
if (!window.MathJax) { if (!window.MathJax) {
window.MathJax = { window.MathJax = {
tex: { tex: {
inlineMath: [['$', '$'], ['\\(', '\\)']], inlineMath: [['$', '$'], ['\\(', '\\)']],
tags: '!{tags}', tags: '!{tags}',
}, },
chtml: { chtml: {
scale: 1.1 scale: 1.1
}, },
options: { options: {
enableMenu: !{enableMenu}, enableMenu: !{enableMenu},
renderActions: { renderActions: {
findScript: [10, doc => { findScript: [10, doc => {
for (const node of document.querySelectorAll('script[type^="math/tex"]')) { for (const node of document.querySelectorAll('script[type^="math/tex"]')) {
const display = !!node.type.match(/; *mode=display/) const display = !!node.type.match(/; *mode=display/)
const math = new doc.options.MathItem(node.textContent, doc.inputJax[0], display) const math = new doc.options.MathItem(node.textContent, doc.inputJax[0], display)
const text = document.createTextNode('') const text = document.createTextNode('')
node.parentNode.replaceChild(text, node) node.parentNode.replaceChild(text, node)
math.start = {node: text, delim: '', n: 0} math.start = {node: text, delim: '', n: 0}
math.end = {node: text, delim: '', n: 0} math.end = {node: text, delim: '', n: 0}
doc.math.push(math) doc.math.push(math)
} }
}, ''] }, '']
} }
} }
} }
const script = document.createElement('script') const script = document.createElement('script')
script.src = '!{url_for(theme.asset.mathjax)}' script.src = '!{url_for(theme.asset.mathjax)}'
script.id = 'MathJax-script' script.id = 'MathJax-script'
script.async = true script.async = true
document.head.appendChild(script) document.head.appendChild(script)
} else { } else {
MathJax.startup.document.state(0) MathJax.startup.document.state(0)
MathJax.texReset() MathJax.texReset()
MathJax.typesetPromise() MathJax.typesetPromise()
} }
} }
btf.addGlobalFn('encrypt', loadMathjax, 'mathjax') btf.addGlobalFn('encrypt', loadMathjax, 'mathjax')
window.pjax ? loadMathjax() : window.addEventListener('load', loadMathjax) window.pjax ? loadMathjax() : window.addEventListener('load', loadMathjax)
})() })()

View File

@@ -1,51 +1,51 @@
script. script.
(() => { (() => {
const runMermaid = ele => { const runMermaid = ele => {
window.loadMermaid = true window.loadMermaid = true
const theme = document.documentElement.getAttribute('data-theme') === 'dark' ? '!{theme.mermaid.theme.dark}' : '!{theme.mermaid.theme.light}' const theme = document.documentElement.getAttribute('data-theme') === 'dark' ? '!{theme.mermaid.theme.dark}' : '!{theme.mermaid.theme.light}'
ele.forEach((item, index) => { ele.forEach((item, index) => {
const mermaidSrc = item.firstElementChild const mermaidSrc = item.firstElementChild
const mermaidThemeConfig = `%%{init:{ 'theme':'${theme}'}}%%\n` const mermaidThemeConfig = `%%{init:{ 'theme':'${theme}'}}%%\n`
const mermaidID = `mermaid-${index}` const mermaidID = `mermaid-${index}`
const mermaidDefinition = mermaidThemeConfig + mermaidSrc.textContent const mermaidDefinition = mermaidThemeConfig + mermaidSrc.textContent
const renderFn = mermaid.render(mermaidID, mermaidDefinition) const renderFn = mermaid.render(mermaidID, mermaidDefinition)
const renderMermaid = svg => { const renderMermaid = svg => {
mermaidSrc.insertAdjacentHTML('afterend', svg) mermaidSrc.insertAdjacentHTML('afterend', svg)
} }
// mermaid v9 and v10 compatibility // mermaid v9 and v10 compatibility
typeof renderFn === 'string' ? renderMermaid(renderFn) : renderFn.then(({ svg }) => renderMermaid(svg)) typeof renderFn === 'string' ? renderMermaid(renderFn) : renderFn.then(({ svg }) => renderMermaid(svg))
}) })
} }
const codeToMermaid = () => { const codeToMermaid = () => {
const codeMermaidEle = document.querySelectorAll('pre > code.mermaid') const codeMermaidEle = document.querySelectorAll('pre > code.mermaid')
if (codeMermaidEle.length === 0) return if (codeMermaidEle.length === 0) return
codeMermaidEle.forEach(ele => { codeMermaidEle.forEach(ele => {
const preEle = document.createElement('pre') const preEle = document.createElement('pre')
preEle.className = 'mermaid-src' preEle.className = 'mermaid-src'
preEle.hidden = true preEle.hidden = true
preEle.textContent = ele.textContent preEle.textContent = ele.textContent
const newEle = document.createElement('div') const newEle = document.createElement('div')
newEle.className = 'mermaid-wrap' newEle.className = 'mermaid-wrap'
newEle.appendChild(preEle) newEle.appendChild(preEle)
ele.parentNode.replaceWith(newEle) ele.parentNode.replaceWith(newEle)
}) })
} }
const loadMermaid = () => { const loadMermaid = () => {
if (!{theme.mermaid.code_write}) codeToMermaid() if (!{theme.mermaid.code_write}) codeToMermaid()
const $mermaid = document.querySelectorAll('#article-container .mermaid-wrap') const $mermaid = document.querySelectorAll('#article-container .mermaid-wrap')
if ($mermaid.length === 0) return if ($mermaid.length === 0) return
const runMermaidFn = () => runMermaid($mermaid) const runMermaidFn = () => runMermaid($mermaid)
btf.addGlobalFn('themeChange', runMermaidFn, 'mermaid') btf.addGlobalFn('themeChange', runMermaidFn, 'mermaid')
window.loadMermaid ? runMermaidFn() : btf.getScript('!{url_for(theme.asset.mermaid)}').then(runMermaidFn) window.loadMermaid ? runMermaidFn() : btf.getScript('!{url_for(theme.asset.mermaid)}').then(runMermaidFn)
} }
btf.addGlobalFn('encrypt', loadMermaid, 'mermaid') btf.addGlobalFn('encrypt', loadMermaid, 'mermaid')
window.pjax ? loadMermaid() : document.addEventListener('DOMContentLoaded', loadMermaid) window.pjax ? loadMermaid() : document.addEventListener('DOMContentLoaded', loadMermaid)
})() })()

View File

@@ -1,67 +1,67 @@
- const { server, site, option } = theme.artalk - const { server, site, option } = theme.artalk
- const avatarCdn = (option !== null && option.gravatar && option.gravatar.mirror) || '' - const avatarCdn = (option !== null && option.gravatar && option.gravatar.mirror) || ''
- const avatarDefault = (option !== null && option.gravatar && (option.gravatar.params || option.gravatar.default)) || '' - const avatarDefault = (option !== null && option.gravatar && (option.gravatar.params || option.gravatar.default)) || ''
!= partial("includes/third-party/newest-comments/common.pug", {}, { cache: true }) != partial("includes/third-party/newest-comments/common.pug", {}, { cache: true })
script. script.
window.addEventListener('load', () => { window.addEventListener('load', () => {
const keyName = 'artalk-newest-comments' const keyName = 'artalk-newest-comments'
const { changeContent, generateHtml, run } = window.newestComments const { changeContent, generateHtml, run } = window.newestComments
const getAvatarValue = async () => { const getAvatarValue = async () => {
const predefinedAvatarCdn = '!{avatarCdn}' const predefinedAvatarCdn = '!{avatarCdn}'
const predefinedAvatarDefault = '!{avatarDefault}' const predefinedAvatarDefault = '!{avatarDefault}'
const avatarDefaultFormat = e => e.startsWith('d=') ? e : `d=${e}` const avatarDefaultFormat = e => e.startsWith('d=') ? e : `d=${e}`
if (predefinedAvatarCdn && predefinedAvatarDefault) { if (predefinedAvatarCdn && predefinedAvatarDefault) {
return { avatarCdn: predefinedAvatarCdn, avatarDefault: avatarDefaultFormat(predefinedAvatarDefault) } return { avatarCdn: predefinedAvatarCdn, avatarDefault: avatarDefaultFormat(predefinedAvatarDefault) }
} }
try { try {
const res = await fetch('!{server}/api/v2/conf') const res = await fetch('!{server}/api/v2/conf')
const result = await res.json() const result = await res.json()
const { mirror, params, default: defaults } = result.frontend_conf.gravatar const { mirror, params, default: defaults } = result.frontend_conf.gravatar
const avatarCdn = predefinedAvatarCdn || mirror const avatarCdn = predefinedAvatarCdn || mirror
let avatarDefault = avatarDefaultFormat(predefinedAvatarDefault || params || defaults) let avatarDefault = avatarDefaultFormat(predefinedAvatarDefault || params || defaults)
return { avatarCdn, avatarDefault} return { avatarCdn, avatarDefault}
} catch (e) { } catch (e) {
console.error(e) console.error(e)
return { avatarCdn: predefinedAvatarCdn, avatarDefault: avatarDefaultFormat(predefinedAvatarDefault) } return { avatarCdn: predefinedAvatarCdn, avatarDefault: avatarDefaultFormat(predefinedAvatarDefault) }
} }
} }
const searchParams = new URLSearchParams({ const searchParams = new URLSearchParams({
'site_name': '!{site}', 'site_name': '!{site}',
'limit': '!{newestCommentsLimit * 2}', // Fetch more comments to filter pending comments 'limit': '!{newestCommentsLimit * 2}', // Fetch more comments to filter pending comments
}) })
const getComment = async (ele) => { const getComment = async (ele) => {
try { try {
const res = await fetch(`!{server}/api/v2/stats/latest_comments?${searchParams}`) const res = await fetch(`!{server}/api/v2/stats/latest_comments?${searchParams}`)
const result = await res.json() const result = await res.json()
const { avatarCdn, avatarDefault } = await getAvatarValue() const { avatarCdn, avatarDefault } = await getAvatarValue()
const artalk = result.data const artalk = result.data
.filter(e => !e.is_pending) // Filter pending comments .filter(e => !e.is_pending) // Filter pending comments
.slice(0, !{newestCommentsLimit}) // Limit the number of comments .slice(0, !{newestCommentsLimit}) // Limit the number of comments
.map(e => { .map(e => {
const avatar = avatarCdn && e.email_encrypted ? `${avatarCdn}${e.email_encrypted}?${avatarDefault}` : '' const avatar = avatarCdn && e.email_encrypted ? `${avatarCdn}${e.email_encrypted}?${avatarDefault}` : ''
return { return {
'avatar': avatar, 'avatar': avatar,
'content': changeContent(e.content_marked), 'content': changeContent(e.content_marked),
'nick': e.nick, 'nick': e.nick,
'url': e.page_url, 'url': e.page_url,
'date': e.date, 'date': e.date,
} }
}) })
btf.saveToLocal.set(keyName, JSON.stringify(artalk), !{theme.aside.card_newest_comments.storage}/(60*24)) btf.saveToLocal.set(keyName, JSON.stringify(artalk), !{theme.aside.card_newest_comments.storage}/(60*24))
generateHtml(artalk, ele) generateHtml(artalk, ele)
} catch (e) { } catch (e) {
console.log(e) console.log(e)
ele.textContent= "!{_p('aside.card_newest_comments.error')}" ele.textContent= "!{_p('aside.card_newest_comments.error')}"
} }
} }
run(keyName, getComment) run(keyName, getComment)
}) })

View File

@@ -1,61 +1,61 @@
script. script.
window.newestComments = { window.newestComments = {
changeContent: content => { changeContent: content => {
if (content === '') return content if (content === '') return content
content = content.replace(/<img.*?src="(.*?)"?[^\>]+>/ig, '[!{_p("aside.card_newest_comments.image")}]') // replace image link content = content.replace(/<img.*?src="(.*?)"?[^\>]+>/ig, '[!{_p("aside.card_newest_comments.image")}]') // replace image link
content = content.replace(/<a[^>]+?href=["']?([^"']+)["']?[^>]*>([^<]+)<\/a>/gi, '[!{_p("aside.card_newest_comments.link")}]') // replace url content = content.replace(/<a[^>]+?href=["']?([^"']+)["']?[^>]*>([^<]+)<\/a>/gi, '[!{_p("aside.card_newest_comments.link")}]') // replace url
content = content.replace(/<pre><code>.*?<\/pre>/gi, '[!{_p("aside.card_newest_comments.code")}]') // replace code content = content.replace(/<pre><code>.*?<\/pre>/gi, '[!{_p("aside.card_newest_comments.code")}]') // replace code
content = content.replace(/<code>.*?<\/code>/gi, '[!{_p("aside.card_newest_comments.code")}]') // replace code content = content.replace(/<code>.*?<\/code>/gi, '[!{_p("aside.card_newest_comments.code")}]') // replace code
content = content.replace(/<[^>]+>/g, "") // remove html tag content = content.replace(/<[^>]+>/g, "") // remove html tag
if (content.length > 150) { if (content.length > 150) {
content = content.substring(0, 150) + '...' content = content.substring(0, 150) + '...'
} }
return content return content
}, },
generateHtml: (array, ele) => { generateHtml: (array, ele) => {
let result = '' let result = ''
if (array.length) { if (array.length) {
for (let i = 0; i < array.length; i++) { for (let i = 0; i < array.length; i++) {
result += '<div class="aside-list-item">' result += '<div class="aside-list-item">'
if (!{theme.aside.card_newest_comments.avatar} && array[i].avatar) { if (!{theme.aside.card_newest_comments.avatar} && array[i].avatar) {
const imgAttr = '!{theme.lazyload.enable && !theme.lazyload.native ? "data-lazy-src" : "src"}' const imgAttr = '!{theme.lazyload.enable && !theme.lazyload.native ? "data-lazy-src" : "src"}'
const lazyloadNative = '!{theme.lazyload.enable && theme.lazyload.native ? "loading=\"lazy\"" : ""}' const lazyloadNative = '!{theme.lazyload.enable && theme.lazyload.native ? "loading=\"lazy\"" : ""}'
result += `<a href="${array[i].url}" class="thumbnail"><img ${imgAttr}="${array[i].avatar}" alt="${array[i].nick}" ${lazyloadNative}></a>` result += `<a href="${array[i].url}" class="thumbnail"><img ${imgAttr}="${array[i].avatar}" alt="${array[i].nick}" ${lazyloadNative}></a>`
} }
result += `<div class="content"> result += `<div class="content">
<a class="comment" href="${array[i].url}" title="${array[i].content}">${array[i].content}</a> <a class="comment" href="${array[i].url}" title="${array[i].content}">${array[i].content}</a>
<div class="name"><span>${array[i].nick} / </span><time datetime="${array[i].date}">${btf.diffDate(array[i].date, true)}</time></div> <div class="name"><span>${array[i].nick} / </span><time datetime="${array[i].date}">${btf.diffDate(array[i].date, true)}</time></div>
</div></div>` </div></div>`
} }
} else { } else {
result += '!{_p("aside.card_newest_comments.zero")}' result += '!{_p("aside.card_newest_comments.zero")}'
} }
ele.innerHTML = result ele.innerHTML = result
window.lazyLoadInstance && window.lazyLoadInstance.update() window.lazyLoadInstance && window.lazyLoadInstance.update()
window.pjax && window.pjax.refresh(ele) window.pjax && window.pjax.refresh(ele)
}, },
newestCommentInit: (name, getComment) => { newestCommentInit: (name, getComment) => {
const $dom = document.querySelector('#card-newest-comments .aside-list') const $dom = document.querySelector('#card-newest-comments .aside-list')
if ($dom) { if ($dom) {
const data = btf.saveToLocal.get(name) const data = btf.saveToLocal.get(name)
if (data) { if (data) {
newestComments.generateHtml(JSON.parse(data), $dom) newestComments.generateHtml(JSON.parse(data), $dom)
} else { } else {
getComment($dom) getComment($dom)
} }
} }
}, },
run: (name, getComment) => { run: (name, getComment) => {
newestComments.newestCommentInit(name, getComment) newestComments.newestCommentInit(name, getComment)
btf.addGlobalFn('pjaxComplete', () => newestComments.newestCommentInit(name, getComment), name) btf.addGlobalFn('pjaxComplete', () => newestComments.newestCommentInit(name, getComment), name)
} }
} }

View File

@@ -1,34 +1,34 @@
!= partial("includes/third-party/newest-comments/common.pug", {}, { cache: true }) != partial("includes/third-party/newest-comments/common.pug", {}, { cache: true })
script. script.
window.addEventListener('load', () => { window.addEventListener('load', () => {
const keyName = 'disqus-newest-comments' const keyName = 'disqus-newest-comments'
const { changeContent, generateHtml, run } = window.newestComments const { changeContent, generateHtml, run } = window.newestComments
const getComment = ele => { const getComment = ele => {
fetch('https://disqus.com/api/3.0/forums/listPosts.json?forum=!{forum}&related=thread&limit=!{newestCommentsLimit}&api_key=!{apiKey}') fetch('https://disqus.com/api/3.0/forums/listPosts.json?forum=!{forum}&related=thread&limit=!{newestCommentsLimit}&api_key=!{apiKey}')
.then(response => response.json()) .then(response => response.json())
.then(data => { .then(data => {
const disqusArray = data.response.map(item => { const disqusArray = data.response.map(item => {
return { return {
'avatar': item.author.avatar.cache, 'avatar': item.author.avatar.cache,
'content': changeContent(item.message), 'content': changeContent(item.message),
'nick': item.author.name, 'nick': item.author.name,
'url': item.url, 'url': item.url,
'date': item.createdAt 'date': item.createdAt
} }
}) })
btf.saveToLocal.set(keyName, JSON.stringify(disqusArray), !{theme.aside.card_newest_comments.storage}/(60*24)) btf.saveToLocal.set(keyName, JSON.stringify(disqusArray), !{theme.aside.card_newest_comments.storage}/(60*24))
generateHtml(disqusArray, ele) generateHtml(disqusArray, ele)
}).catch(e => { }).catch(e => {
console.error(e) console.error(e)
ele.textContent= "!{_p('aside.card_newest_comments.error')}" ele.textContent= "!{_p('aside.card_newest_comments.error')}"
}) })
} }
run(keyName, getComment) run(keyName, getComment)
}) })

View File

@@ -1,62 +1,62 @@
!= partial("includes/third-party/newest-comments/common.pug", {}, { cache: true }) != partial("includes/third-party/newest-comments/common.pug", {}, { cache: true })
script. script.
window.addEventListener('load', () => { window.addEventListener('load', () => {
const keyName = 'github-newest-comments' const keyName = 'github-newest-comments'
const { changeContent, generateHtml, run } = window.newestComments const { changeContent, generateHtml, run } = window.newestComments
const findTrueUrl = (array, ele) => { const findTrueUrl = (array, ele) => {
Promise.all(array.map(item => Promise.all(array.map(item =>
fetch(item.url).then(resp => resp.json()).then(data => { fetch(item.url).then(resp => resp.json()).then(data => {
let urlArray = data.body ? data.body.match(/(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?/ig) : [] let urlArray = data.body ? data.body.match(/(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?/ig) : []
if (!Array.isArray(urlArray) || urlArray.length === 0) { if (!Array.isArray(urlArray) || urlArray.length === 0) {
urlArray = [`${data.html_url}`] urlArray = [`${data.html_url}`]
} }
if (data.user.login === 'utterances-bot') { if (data.user.login === 'utterances-bot') {
return urlArray.pop() return urlArray.pop()
} else { } else {
return urlArray.shift() return urlArray.shift()
} }
}) })
)).then(res => { )).then(res => {
array = array.map((i,index)=> { array = array.map((i,index)=> {
return { return {
...i, ...i,
url: res[index] url: res[index]
} }
}) })
btf.saveToLocal.set(keyName, JSON.stringify(array), !{theme.aside.card_newest_comments.storage}/(60*24)) btf.saveToLocal.set(keyName, JSON.stringify(array), !{theme.aside.card_newest_comments.storage}/(60*24))
generateHtml(array, ele) generateHtml(array, ele)
}); });
} }
const getComment = ele => { const getComment = ele => {
fetch('https://api.github.com/repos/!{userRepo}/issues/comments?sort=updated&direction=desc&per_page=!{newestCommentsLimit}&page=1',{ fetch('https://api.github.com/repos/!{userRepo}/issues/comments?sort=updated&direction=desc&per_page=!{newestCommentsLimit}&page=1',{
"headers": { "headers": {
Accept: 'application/vnd.github.v3.html+json' Accept: 'application/vnd.github.v3.html+json'
} }
}) })
.then(response => response.json()) .then(response => response.json())
.then(data => { .then(data => {
const githubArray = data.map(item => { const githubArray = data.map(item => {
return { return {
'avatar': item.user.avatar_url, 'avatar': item.user.avatar_url,
'content': changeContent(item.body_html || item.body), 'content': changeContent(item.body_html || item.body),
'nick': item.user.login, 'nick': item.user.login,
'url': item.issue_url, 'url': item.issue_url,
'date': item.updated_at 'date': item.updated_at
} }
}) })
findTrueUrl(githubArray, ele) findTrueUrl(githubArray, ele)
}).catch(e => { }).catch(e => {
console.error(e) console.error(e)
ele.textContent= "!{_p('aside.card_newest_comments.error')}" ele.textContent= "!{_p('aside.card_newest_comments.error')}"
}) })
} }
run(keyName, getComment) run(keyName, getComment)
}) })

View File

@@ -1,34 +1,34 @@
- let { use } = theme.comments - let { use } = theme.comments
if use if use
- -
let forum,apiKey,userRepo let forum,apiKey,userRepo
let { limit:newestCommentsLimit } = theme.aside.card_newest_comments let { limit:newestCommentsLimit } = theme.aside.card_newest_comments
if (newestCommentsLimit > 10 || newestCommentsLimit < 1) newestCommentsLimit = 6 if (newestCommentsLimit > 10 || newestCommentsLimit < 1) newestCommentsLimit = 6
case use[0] case use[0]
when 'Valine' when 'Valine'
include ./valine.pug include ./valine.pug
when 'Waline' when 'Waline'
include ./waline.pug include ./waline.pug
when 'Twikoo' when 'Twikoo'
include ./twikoo-comment.pug include ./twikoo-comment.pug
when 'Disqus' when 'Disqus'
- forum = theme.disqus.shortname - forum = theme.disqus.shortname
- apiKey = theme.disqus.apikey - apiKey = theme.disqus.apikey
include ./disqus-comment.pug include ./disqus-comment.pug
when 'Disqusjs' when 'Disqusjs'
- forum = theme.disqusjs.shortname - forum = theme.disqusjs.shortname
- apiKey = theme.disqusjs.apikey - apiKey = theme.disqusjs.apikey
include ./disqus-comment.pug include ./disqus-comment.pug
when 'Gitalk' when 'Gitalk'
- let { repo,owner } = theme.gitalk - let { repo,owner } = theme.gitalk
- userRepo = owner + '/' + repo - userRepo = owner + '/' + repo
include ./github-issues.pug include ./github-issues.pug
when 'Utterances' when 'Utterances'
- userRepo = theme.utterances.repo - userRepo = theme.utterances.repo
include ./github-issues.pug include ./github-issues.pug
when 'Remark42' when 'Remark42'
include ./remark42.pug include ./remark42.pug
when 'Artalk' when 'Artalk'
include ./artalk.pug include ./artalk.pug

View File

@@ -1,31 +1,31 @@
- const { host, siteId } = theme.remark42 - const { host, siteId } = theme.remark42
!= partial("includes/third-party/newest-comments/common.pug", {}, { cache: true }) != partial("includes/third-party/newest-comments/common.pug", {}, { cache: true })
script. script.
window.addEventListener('load', () => { window.addEventListener('load', () => {
const keyName = 'remark42-newest-comments' const keyName = 'remark42-newest-comments'
const { changeContent, generateHtml, run } = window.newestComments const { changeContent, generateHtml, run } = window.newestComments
const getComment = ele => { const getComment = ele => {
fetch('!{host}/api/v1/last/!{newestCommentsLimit}?site=!{siteId}') fetch('!{host}/api/v1/last/!{newestCommentsLimit}?site=!{siteId}')
.then(response => response.json()) .then(response => response.json())
.then(data => { .then(data => {
const remark42 = data.map(e => { const remark42 = data.map(e => {
return { return {
'avatar': e.user.picture, 'avatar': e.user.picture,
'content': changeContent(e.text), 'content': changeContent(e.text),
'nick': e.user.name, 'nick': e.user.name,
'url': e.locator.url, 'url': e.locator.url,
'date': e.time, 'date': e.time,
} }
}) })
btf.saveToLocal.set(keyName, JSON.stringify(remark42), !{theme.aside.card_newest_comments.storage}/(60*24)) btf.saveToLocal.set(keyName, JSON.stringify(remark42), !{theme.aside.card_newest_comments.storage}/(60*24))
generateHtml(remark42, ele) generateHtml(remark42, ele)
}).catch(e => { }).catch(e => {
console.error(e) console.error(e)
ele.textContent= "!{_p('aside.card_newest_comments.error')}" ele.textContent= "!{_p('aside.card_newest_comments.error')}"
}) })
} }
run(keyName, getComment) run(keyName, getComment)
}) })

View File

@@ -1,45 +1,45 @@
!= partial("includes/third-party/newest-comments/common.pug", {}, { cache: true }) != partial("includes/third-party/newest-comments/common.pug", {}, { cache: true })
script. script.
window.addEventListener('load', () => { window.addEventListener('load', () => {
const keyName = 'twikoo-newest-comments' const keyName = 'twikoo-newest-comments'
const { changeContent, generateHtml, run } = window.newestComments const { changeContent, generateHtml, run } = window.newestComments
const getComment = ele => { const getComment = ele => {
const runTwikoo = () => { const runTwikoo = () => {
twikoo.getRecentComments({ twikoo.getRecentComments({
envId: '!{theme.twikoo.envId}', envId: '!{theme.twikoo.envId}',
region: '!{theme.twikoo.region}', region: '!{theme.twikoo.region}',
pageSize: !{newestCommentsLimit}, pageSize: !{newestCommentsLimit},
includeReply: true includeReply: true
}).then(res => { }).then(res => {
const twikooArray = res.map(e => { const twikooArray = res.map(e => {
return { return {
'content': changeContent(e.comment), 'content': changeContent(e.comment),
'avatar': e.avatar, 'avatar': e.avatar,
'nick': e.nick, 'nick': e.nick,
'url': e.url + '#' + e.id, 'url': e.url + '#' + e.id,
'date': new Date(e.created).toISOString() 'date': new Date(e.created).toISOString()
} }
}) })
btf.saveToLocal.set(keyName, JSON.stringify(twikooArray), !{theme.aside.card_newest_comments.storage}/(60*24)) btf.saveToLocal.set(keyName, JSON.stringify(twikooArray), !{theme.aside.card_newest_comments.storage}/(60*24))
generateHtml(twikooArray, ele) generateHtml(twikooArray, ele)
}).catch(err => { }).catch(err => {
console.error(err) console.error(err)
ele.textContent= "!{_p('aside.card_newest_comments.error')}" ele.textContent= "!{_p('aside.card_newest_comments.error')}"
}) })
} }
if (typeof twikoo === 'object') { if (typeof twikoo === 'object') {
runTwikoo() runTwikoo()
} else { } else {
btf.getScript('!{url_for(theme.asset.twikoo)}').then(runTwikoo) btf.getScript('!{url_for(theme.asset.twikoo)}').then(runTwikoo)
} }
} }
run(keyName, getComment) run(keyName, getComment)
}) })

View File

@@ -1,51 +1,51 @@
- let default_avatar = theme.valine.avatar - let default_avatar = theme.valine.avatar
script(src=url_for(theme.asset.blueimp_md5)) script(src=url_for(theme.asset.blueimp_md5))
!= partial("includes/third-party/newest-comments/common.pug", {}, { cache: true }) != partial("includes/third-party/newest-comments/common.pug", {}, { cache: true })
script. script.
window.addEventListener('load', () => { window.addEventListener('load', () => {
const keyName = 'valine-newest-comments' const keyName = 'valine-newest-comments'
const { changeContent, generateHtml, run } = window.newestComments const { changeContent, generateHtml, run } = window.newestComments
const getIcon = (icon, mail) => { const getIcon = (icon, mail) => {
if (icon) return icon if (icon) return icon
let defaultIcon = '!{ default_avatar ? `?d=${default_avatar}` : ''}' let defaultIcon = '!{ default_avatar ? `?d=${default_avatar}` : ''}'
let iconUrl = `https://gravatar.loli.net/avatar/${md5(mail.toLowerCase()) + defaultIcon}` let iconUrl = `https://gravatar.loli.net/avatar/${md5(mail.toLowerCase()) + defaultIcon}`
return iconUrl return iconUrl
} }
const getComment = ele => { const getComment = ele => {
const serverURL = '!{theme.valine.serverURLs || `https://${theme.valine.appId.substring(0,8)}.api.lncldglobal.com` }' const serverURL = '!{theme.valine.serverURLs || `https://${theme.valine.appId.substring(0,8)}.api.lncldglobal.com` }'
var settings = { var settings = {
"method": "GET", "method": "GET",
"headers": { "headers": {
"X-LC-Id": '!{theme.valine.appId}', "X-LC-Id": '!{theme.valine.appId}',
"X-LC-Key": '!{theme.valine.appKey}', "X-LC-Key": '!{theme.valine.appKey}',
"Content-Type": "application/json" "Content-Type": "application/json"
}, },
} }
fetch(`${serverURL}/1.1/classes/Comment?limit=!{newestCommentsLimit}&order=-createdAt`,settings) fetch(`${serverURL}/1.1/classes/Comment?limit=!{newestCommentsLimit}&order=-createdAt`,settings)
.then(response => response.json()) .then(response => response.json())
.then(data => { .then(data => {
const valineArray = data.results.map(e => { const valineArray = data.results.map(e => {
return { return {
'avatar': getIcon(e.QQAvatar, e.mail), 'avatar': getIcon(e.QQAvatar, e.mail),
'content': changeContent(e.comment), 'content': changeContent(e.comment),
'nick': e.nick, 'nick': e.nick,
'url': e.url + '#' + e.objectId, 'url': e.url + '#' + e.objectId,
'date': e.updatedAt, 'date': e.updatedAt,
} }
}) })
btf.saveToLocal.set(keyName, JSON.stringify(valineArray), !{theme.aside.card_newest_comments.storage}/(60*24)) btf.saveToLocal.set(keyName, JSON.stringify(valineArray), !{theme.aside.card_newest_comments.storage}/(60*24))
generateHtml(valineArray, ele) generateHtml(valineArray, ele)
}).catch(e => { }).catch(e => {
console.error(e) console.error(e)
ele.textContent= "!{_p('aside.card_newest_comments.error')}" ele.textContent= "!{_p('aside.card_newest_comments.error')}"
}) })
} }
run(keyName, getComment) run(keyName, getComment)
}) })

View File

@@ -1,32 +1,32 @@
- const serverURL = theme.waline.serverURL.replace(/\/$/, '') - const serverURL = theme.waline.serverURL.replace(/\/$/, '')
!= partial("includes/third-party/newest-comments/common.pug", {}, { cache: true }) != partial("includes/third-party/newest-comments/common.pug", {}, { cache: true })
script. script.
window.addEventListener('load', () => { window.addEventListener('load', () => {
const keyName = 'waline-newest-comments' const keyName = 'waline-newest-comments'
const { changeContent, generateHtml, run } = window.newestComments const { changeContent, generateHtml, run } = window.newestComments
const getComment = async (ele) => { const getComment = async (ele) => {
try { try {
const res = await fetch('!{serverURL}/api/comment?type=recent&count=!{newestCommentsLimit}') const res = await fetch('!{serverURL}/api/comment?type=recent&count=!{newestCommentsLimit}')
const result = await res.json() const result = await res.json()
const walineArray = result.data.map(e => { const walineArray = result.data.map(e => {
return { return {
'content': changeContent(e.comment), 'content': changeContent(e.comment),
'avatar': e.avatar, 'avatar': e.avatar,
'nick': e.nick, 'nick': e.nick,
'url': e.url + '#' + e.objectId, 'url': e.url + '#' + e.objectId,
'date': e.time || e.insertedAt 'date': e.time || e.insertedAt
} }
}) })
btf.saveToLocal.set(keyName, JSON.stringify(walineArray), !{theme.aside.card_newest_comments.storage}/(60*24)) btf.saveToLocal.set(keyName, JSON.stringify(walineArray), !{theme.aside.card_newest_comments.storage}/(60*24))
generateHtml(walineArray, ele) generateHtml(walineArray, ele)
} catch (err) { } catch (err) {
console.error(err) console.error(err)
ele.textContent= "!{_p('aside.card_newest_comments.error')}" ele.textContent= "!{_p('aside.card_newest_comments.error')}"
} }
} }
run(keyName, getComment) run(keyName, getComment)
}) })

View File

@@ -1,63 +1,65 @@
- var pjaxExclude = 'a:not([target="_blank"])' - var pjaxExclude = 'a:not([target="_blank"])'
if theme.pjax.exclude if theme.pjax.exclude
each val in theme.pjax.exclude each val in theme.pjax.exclude
- pjaxExclude += `:not([href="${val}"])` - pjaxExclude += `:not([href="${val}"])`
- let pjaxSelectors = ['head > title', '#config-diff', '#body-wrap', '#rightside-config-hide', '#rightside-config-show', '.js-pjax'] - let pjaxSelectors = ['head > title', '#config-diff', '#body-wrap', '#rightside-config-hide', '#rightside-config-show', '.js-pjax']
- let choose = theme.comments.use - let choose = theme.comments.use
if choose if choose
if theme.Open_Graph_meta.enable && (choose.includes('Livere') || choose.includes('Utterances') || choose.includes('Giscus')) if choose.includes('Livere') || choose.includes('Utterances') || choose.includes('Giscus')
- pjaxSelectors.unshift('meta[property="og:image"]', 'meta[property="og:title"]', 'meta[property="og:url"]') - pjaxSelectors.unshift('link[rel="canonical"]')
if choose.includes('Utterances') || choose.includes('Giscus') if theme.Open_Graph_meta.enable
- pjaxSelectors.unshift('link[rel="canonical"]') - pjaxSelectors.unshift('meta[property="og:image"]', 'meta[property="og:title"]', 'meta[property="og:url"]', 'meta[property="og:description"]')
else
script(src=url_for(theme.asset.pjax)) - pjaxSelectors.unshift('meta[name="description"]')
script.
(() => { script(src=url_for(theme.asset.pjax))
const pjaxSelectors = !{JSON.stringify(pjaxSelectors)} script.
(() => {
window.pjax = new Pjax({ const pjaxSelectors = !{JSON.stringify(pjaxSelectors)}
elements: '!{pjaxExclude}',
selectors: pjaxSelectors, window.pjax = new Pjax({
cacheBust: false, elements: '!{pjaxExclude}',
analytics: !{theme.google_analytics ? true : false}, selectors: pjaxSelectors,
scrollRestoration: false cacheBust: false,
}) analytics: !{theme.google_analytics ? true : false},
scrollRestoration: false
const triggerPjaxFn = (val) => { })
if (!val) return
Object.values(val).forEach(fn => fn()) const triggerPjaxFn = (val) => {
} if (!val) return
Object.values(val).forEach(fn => fn())
document.addEventListener('pjax:send', () => { }
// removeEventListener
btf.removeGlobalFnEvent('pjaxSendOnce') document.addEventListener('pjax:send', () => {
btf.removeGlobalFnEvent('themeChange') // removeEventListener
btf.removeGlobalFnEvent('pjaxSendOnce')
// reset readmode btf.removeGlobalFnEvent('themeChange')
const $bodyClassList = document.body.classList
if ($bodyClassList.contains('read-mode')) $bodyClassList.remove('read-mode') // reset readmode
const $bodyClassList = document.body.classList
triggerPjaxFn(window.globalFn.pjaxSend) if ($bodyClassList.contains('read-mode')) $bodyClassList.remove('read-mode')
})
triggerPjaxFn(window.globalFn.pjaxSend)
document.addEventListener('pjax:complete', () => { })
btf.removeGlobalFnEvent('pjaxCompleteOnce')
document.querySelectorAll('script[data-pjax]').forEach(item => { document.addEventListener('pjax:complete', () => {
const newScript = document.createElement('script') btf.removeGlobalFnEvent('pjaxCompleteOnce')
const content = item.text || item.textContent || item.innerHTML || "" document.querySelectorAll('script[data-pjax]').forEach(item => {
Array.from(item.attributes).forEach(attr => newScript.setAttribute(attr.name, attr.value)) const newScript = document.createElement('script')
newScript.appendChild(document.createTextNode(content)) const content = item.text || item.textContent || item.innerHTML || ""
item.parentNode.replaceChild(newScript, item) Array.from(item.attributes).forEach(attr => newScript.setAttribute(attr.name, attr.value))
}) newScript.appendChild(document.createTextNode(content))
item.parentNode.replaceChild(newScript, item)
triggerPjaxFn(window.globalFn.pjaxComplete) })
})
triggerPjaxFn(window.globalFn.pjaxComplete)
document.addEventListener('pjax:error', e => { })
if (e.request.status === 404) {
pjax.loadUrl('!{url_for("/404.html")}') document.addEventListener('pjax:error', e => {
} if (e.request.status === 404) {
}) window.location.href = e.request.responseURL
}
})
})() })()

View File

@@ -1,23 +1,23 @@
- const { prismjs_js, prismjs_autoloader, prismjs_lineNumber_js } = theme.asset - const { prismjs_js, prismjs_autoloader, prismjs_lineNumber_js } = theme.asset
- const { prismjs, syntax_highlighter } = config - const { prismjs, syntax_highlighter } = config
- const { enable, preprocess, line_number } = prismjs - const { enable, preprocess, line_number } = prismjs
if (syntax_highlighter === 'prismjs' || enable) && !preprocess if (syntax_highlighter === 'prismjs' || enable) && !preprocess
script. script.
(() => { (() => {
window.Prism = window.Prism || {} window.Prism = window.Prism || {}
window.Prism.manual = true window.Prism.manual = true
const highlightAll = () => { const highlightAll = () => {
window.Prism.highlightAll() window.Prism.highlightAll()
} }
window.addEventListener('load', highlightAll) window.addEventListener('load', highlightAll)
btf.addGlobalFn('pjaxComplete', highlightAll, 'prismjs') btf.addGlobalFn('pjaxComplete', highlightAll, 'prismjs')
btf.addGlobalFn('encrypt', highlightAll, 'prismjs') btf.addGlobalFn('encrypt', highlightAll, 'prismjs')
})() })()
script(src=url_for(prismjs_js)) script(src=url_for(prismjs_js))
script(src=url_for(prismjs_autoloader)) script(src=url_for(prismjs_autoloader))
if (line_number) if (line_number)
script(src=url_for(prismjs_lineNumber_js)) script(src=url_for(prismjs_lineNumber_js))

View File

@@ -1,22 +1,22 @@
#algolia-search #algolia-search
.search-dialog .search-dialog
nav.search-nav nav.search-nav
span.search-dialog-title= _p('search.title') span.search-dialog-title= _p('search.title')
button.search-close-button button.search-close-button
i.fas.fa-times i.fas.fa-times
.search-wrap .search-wrap
#algolia-search-input #algolia-search-input
hr hr
#algolia-search-results #algolia-search-results
#algolia-hits #algolia-hits
#algolia-pagination #algolia-pagination
#algolia-info #algolia-info
.algolia-stats .algolia-stats
.algolia-poweredBy .algolia-poweredBy
#search-mask #search-mask
script(src=url_for(theme.asset.algolia_search)) script(src=url_for(theme.asset.algolia_search))
script(src=url_for(theme.asset.instantsearch)) script(src=url_for(theme.asset.instantsearch))
script(src=url_for(theme.asset.algolia_js)) script(src=url_for(theme.asset.algolia_js))

View File

@@ -1,29 +1,29 @@
- const { placeholder, docsearch: { appId, apiKey, indexName, option } } = theme.search - const { placeholder, docsearch: { appId, apiKey, indexName, option } } = theme.search
.docsearch-wrap .docsearch-wrap
#docsearch(style="display:none") #docsearch(style="display:none")
link(rel="stylesheet" href=url_for(theme.asset.docsearch_css)) link(rel="stylesheet" href=url_for(theme.asset.docsearch_css))
script(src=url_for(theme.asset.docsearch_js)) script(src=url_for(theme.asset.docsearch_js))
script. script.
(() => { (() => {
docsearch(Object.assign({ docsearch(Object.assign({
appId: '!{appId}', appId: '!{appId}',
apiKey: '!{apiKey}', apiKey: '!{apiKey}',
indexName: '!{indexName}', indexName: '!{indexName}',
container: '#docsearch', container: '#docsearch',
placeholder: '!{ placeholder || _p("search.input_placeholder")}', placeholder: '!{ placeholder || _p("search.input_placeholder")}',
}, !{JSON.stringify(option)})) }, !{JSON.stringify(option)}))
const handleClick = () => { const handleClick = () => {
document.querySelector('.DocSearch-Button').click() document.querySelector('.DocSearch-Button').click()
} }
const searchClickFn = () => { const searchClickFn = () => {
btf.addEventListenerPjax(document.querySelector('#search-button > .search'), 'click', handleClick) btf.addEventListenerPjax(document.querySelector('#search-button > .search'), 'click', handleClick)
} }
searchClickFn() searchClickFn()
window.addEventListener('pjax:complete', searchClickFn) window.addEventListener('pjax:complete', searchClickFn)
})() })()

Some files were not shown because too many files have changed in this diff Show More