biss/hexo-theme-butterfly
1
0
Fork 0
mirror of https://github.com/jerryc127/hexo-theme-butterfly.git synced 2026-04-16 20:30:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

Compare commits

base: biss:dev
Branches Tags
biss:dev biss:copilot/fix-404-page-title-error biss:master
biss:5.5.4 biss:5.5.3 biss:5.5.2 biss:5.5.1 biss:5.5.0 biss:5.4.3 biss:5.4.2 biss:5.4.1 biss:5.3.5 biss:5.4.0 biss:5.3.4 biss:5.3.3 biss:5.3.2 biss:5.3.1 biss:5.3.0 biss:5.2.2 biss:5.2.1 biss:5.2.0 biss:5.1.0 biss:5.0.0 biss:4.13 biss:4.12 biss:4.11 biss:4.10 biss:4.9.0 biss:4.8.5 biss:4.8.1 biss:4.8.0 biss:4.7.0 biss:4.6.1 biss:4.6.0 biss:4.5.1 biss:4.5.0 biss:4.4.0 biss:4.3.1 biss:4.3.0 biss:4.2.2 biss:4.2.1 biss:4.2.0 biss:4.1.0 biss:4.0.1 biss:4.0.0 biss:3.8.4 biss:3.8.3 biss:3.8.2 biss:3.8.1 biss:3.8.0 biss:3.7.8 biss:3.7.7 biss:3.7.6 biss:3.7.5 biss:3.7.1 biss:3.7.0 biss:3.6.2 biss:3.6.1 biss:3.6.0 biss:3.5.1 biss:3.5.0 biss:3.4.2 biss:3.4.1 biss:3.4.0 biss:3.3.0 biss:3.2.0 biss:3.1.1 biss:3.1.0 biss:3.0.1 biss:3.0.0 biss:3.0.0-rc2 biss:3.0.0-rc1 biss:2.3.5 biss:2.3.0 biss:2.2.5 biss:2.2.0 biss:2.1.0 biss:2.0.0 biss:1.2.0 biss:1.1.5 biss:1.1.0 biss:1.0.8 biss:1.0.7 biss:1.0.6 biss:1.0.5 biss:1.0.0
..
compare: biss:4.0.1
Branches Tags
biss:copilot/fix-404-page-title-error biss:dev biss:master
biss:5.5.4 biss:5.5.3 biss:5.5.2 biss:5.5.1 biss:5.5.0 biss:5.4.3 biss:5.4.2 biss:5.4.1 biss:5.3.5 biss:5.4.0 biss:5.3.4 biss:5.3.3 biss:5.3.2 biss:5.3.1 biss:5.3.0 biss:5.2.2 biss:5.2.1 biss:5.2.0 biss:5.1.0 biss:5.0.0 biss:4.13 biss:4.12 biss:4.11 biss:4.10 biss:4.9.0 biss:4.8.5 biss:4.8.1 biss:4.8.0 biss:4.7.0 biss:4.6.1 biss:4.6.0 biss:4.5.1 biss:4.5.0 biss:4.4.0 biss:4.3.1 biss:4.3.0 biss:4.2.2 biss:4.2.1 biss:4.2.0 biss:4.1.0 biss:4.0.1 biss:4.0.0 biss:3.8.4 biss:3.8.3 biss:3.8.2 biss:3.8.1 biss:3.8.0 biss:3.7.8 biss:3.7.7 biss:3.7.6 biss:3.7.5 biss:3.7.1 biss:3.7.0 biss:3.6.2 biss:3.6.1 biss:3.6.0 biss:3.5.1 biss:3.5.0 biss:3.4.2 biss:3.4.1 biss:3.4.0 biss:3.3.0 biss:3.2.0 biss:3.1.1 biss:3.1.0 biss:3.0.1 biss:3.0.0 biss:3.0.0-rc2 biss:3.0.0-rc1 biss:2.3.5 biss:2.3.0 biss:2.2.5 biss:2.2.0 biss:2.1.0 biss:2.0.0 biss:1.2.0 biss:1.1.5 biss:1.1.0 biss:1.0.8 biss:1.0.7 biss:1.0.6 biss:1.0.5 biss:1.0.0

55 Commits
dev ... 4.0.1

229 changed files with 12426 additions and 18581 deletions
Expand all files Collapse all files

13
.github/FUNDING.yml vendored
View File

@@ -1,13 +0,0 @@
# These are supported funding model platforms
github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
patreon: # Replace with a single Patreon username
open_collective: # Replace with a single Open Collective username
ko_fi: # Replace with a single Ko-fi username
tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
liberapay: # Replace with a single Liberapay username
issuehunt: # Replace with a single IssueHunt username
otechie: # Replace with a single Otechie username
lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
custom: ['https://buy.stripe.com/3cs6rP6YA91sbbG5kk'] # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

61
.github/ISSUE_TEMPLATE/bug_report.md vendored Normal file
View File

@@ -0,0 +1,61 @@
---
name: Bug report
about: Create a report to help us improve
title: ''
labels: ''
assignees: ''
---
<!-- Do not delete the template (不要刪除模板) -->
<!--
IMPORTANT: Please follow the template to create a new issue.
重要：請依照該模板來提交。
If you upgrade from the old version, and an error occurs when running, please copy the new content in the config to the butterfly.yml
如果你是由舊版本升級到新版，執行時出現報錯，請首先把config裡新的內容複製到舊的butterfly設定去(如有)
If you are a problem when visiting the website, please open your browser 'developer tools (shortcut F12)' and check the console if there is an error, include your website address in the feedback
如果你是線上訪問出現問題，請檢查瀏覽器‘開發人員工具（快捷鍵F12）’的console是否有報錯，反饋時附上你的網站
-->
## I want to create a Bug report <!-- 我想要建立一個 Bug report -->
<!-- Check all with "x" especially FAQ & Documentation!! (使用 "x" 選擇) -->
<!-- 請確認是否都已經翻閲過如下的資料, 尤其是安裝文件！！ -->
- [] Yes, I have read [Hexo Docs page](https://hexo.io/docs/), especially [Templates](https://hexo.io/docs/templates.html), [Variables](https://hexo.io/docs/variables.html), [Helpers](https://hexo.io/docs/helpers.html) and [Troubleshooting](https://hexo.io/docs/troubleshooting.html).
- [] Yes, I have read [Butterfly Documentation](https://butterfly.js.org/posts/21cfbf15/).
- [] And yes, I already searched for current [issues](https://github.com/jerryc127/hexo-theme-butterfly/issues?utf8=%E2%9C%93&q=is%3Aissue) and this did not help me.
## Butterfly Information
<!-- Butterfly的版本 -->
<!-- 檢視主題的package.json -->
**Butterfly Version:**
<!-- Windows/macOS/Linux/Android/iOS -->
**Platform:**
<!-- Chrome/Safari/FireFox/.. -->
**Browser:**
## Expected behavior <!-- (預期行為) -->
## Actual behavior <!-- (實際行為) -->
## Steps to reproduce the behavior <!-- (重現步驟) -->
1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error
<!-- If applicable, add screenshots to help explain your problem -->
<!-- 請儘量提供截圖來定位問題 -->
## Screenshots <!-- (截圖) -->
<!-- Provide your website to find the issues -->
## Website
## Describe the bug

83
.github/ISSUE_TEMPLATE/bug_report.yml vendored
View File

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

18
.github/ISSUE_TEMPLATE/config.yml vendored
View File

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

9
.github/ISSUE_TEMPLATE/custom.md vendored Normal file
View File

@@ -0,0 +1,9 @@
---
name: Custom issue template
about: Describe this issue template's purpose here.
title: ''
labels: ''
assignees: ''
---

20
.github/ISSUE_TEMPLATE/feature_request.md vendored Normal file
View File

@@ -0,0 +1,20 @@
---
name: Feature request
about: Suggest an idea for this project
title: ''
labels: ''
assignees: ''
---
**Is your feature request related to a problem? Please describe.**
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
**Describe the solution you'd like**
A clear and concise description of what you want to happen.
**Describe alternatives you've considered**
A clear and concise description of any alternative solutions or features you've considered.
**Additional context**
Add any other context or screenshots about the feature request here.

14
.github/ISSUE_TEMPLATE/feature_request.yml vendored
View File

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

20
.github/stale.yml vendored Normal file
View File

@@ -0,0 +1,20 @@
# Number of days of inactivity before an issue becomes stale
daysUntilStale: 30
# Number of days of inactivity before a stale issue is closed
daysUntilClose: 7
# Issues with these labels will never be considered stale
exemptLabels:
- pinned
- security
- bug
- enhancement
- documentation
# Label to use when marking an issue as stale
staleLabel: wontfix
# Comment to post when marking an issue as stale. Set to `false` to disable
markComment: >
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.
# Comment to post when closing a stale issue. Set to `false` to disable
closeComment: false

36
.github/workflows/publish.yml vendored
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 }}

19
.github/workflows/stale.yml vendored
View File

@@ -1,19 +0,0 @@
name: 'Close stale issues and PRs'
on:
schedule:
- cron: '30 1 * * *'
jobs:
stale:
runs-on: ubuntu-latest
steps:
- uses: actions/stale@v5
with:
days-before-issue-stale: 30
days-before-pr-stale: -1
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.'
close-pr-message: 'This issue has not seen any activity since it was marked stale. Closing.'
stale-issue-label: 'Stale'
exempt-issue-labels: 'pinned,bug,enhancement,documentation,Plan'
operations-per-run: 1000

2
.gitignore vendored
View File

@@ -1,2 +0,0 @@
.DS_Store
node_modules/

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,193 +1,113 @@
<div align="right"> <div align="right">
<a title="中文" href="/README_CN.md">中文</a> Language:
🇺🇸
<a title="Chinese" href="/README_CN.md">🇨🇳</a>
</div> </div>
<div align="center">
<img src="./source/img/butterfly-icon.png" width="150" height="150" alt="Butterfly Logo" />
# hexo-theme-butterfly # hexo-theme-butterfly
A modern, elegant and feature-rich theme for Hexo
![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)
![dev 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)
![npm version](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+-0e83cd) ![hexo version](https://img.shields.io/badge/hexo-5.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)
![GitHub stars](https://img.shields.io/github/stars/jerryc127/hexo-theme-butterfly?style=social)
📢 **Demo**: [Butterfly Official](https://butterfly.js.org/) | [CrazyWong's Blog](https://blog.crazywong.com/) ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/theme-butterfly-readme.png)
📖 **Documentation**: [English Docs](https://butterfly.js.org/en/posts/butterfly-docs-en-get-started/) | [中文文档](https://butterfly.js.org/posts/21cfbf15/) Demo: 👍 [Butterfly](https://butterfly.js.org/) || 🤞 [CrazyWong](https://crazywong.com/)
![Butterfly Theme Preview](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/theme-butterfly-readme.png) Docs: 📖 [Butterfly Docs](https://butterfly.js.org/posts/21cfbf15/)
</div> Based on [hexo-theme-melody](https://github.com/Molunerfinn/hexo-theme-melody) theme.
--- ## 💻 Installation
## 🚀 Quick Start ### GIT
### 💾 Installation > If you are in Mainland China, you can download in [Gitee](https://gitee.com/immyw/hexo-theme-butterfly.git)
#### Method 1: Git Installation (Recommended) Stable branch [recommend]:
> 💡 **Tip**: If GitHub access is slow in mainland China, you can use the [Gitee Mirror](https://gitee.com/immyw/hexo-theme-butterfly.git) ```
Execute in your Hexo blog root directory:
```bash
# Install stable version (recommended)
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
``` ```
```bash Dev branch:
# Install development version (early access to new features)
```
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
``` ```
#### Method 2: NPM Installation ### NPM
> ⚠️ **Note**: NPM installation only supports Hexo 5.0.0 and above > It supports Hexo 5.0.0 or later
```bash In Hexo site root directory
npm install hexo-theme-butterfly
```powershell
npm i hexo-theme-butterfly
``` ```
### ⚙️ Theme Configuration ## ⚙ Configuration
1. **Enable Theme**: Modify your Hexo configuration file `_config.yml`: Set theme in the hexo work folder's root config file `_config.yml`:
```yaml > theme: butterfly
theme: butterfly
```
2. **Install Dependencies**: If you haven't installed pug and stylus renderers, please run: If you don't have pug & stylus renderer, try this:
```bash > npm install hexo-renderer-pug hexo-renderer-stylus
npm install hexo-renderer-pug hexo-renderer-stylus --save
```
## ✨ Theme Features ## 🎉 Features
### 🎨 Design Style - [x] Card UI Design
- [x] **Card-based Design** - Modern card-style layout - [X] Support sub-menu
- [x] **Rounded/Square Design** - Customizable border styles - [x] Two Column designs
- [x] **Responsive Design** - Perfect adaptation to all screen sizes - [x] Responsive Web Design
- [x] **Two-column Layout** - Optimized reading experience - [x] Dark Mode
- [x] **Dark Mode** - Eye-friendly night mode - [x] Pjax
- [x] Read Mode
- [x] Conversion between Traditional and Simplified Chinese
- [X] TOC catalog is available for both computers and mobile phones
- [X] Color themes (darker/pale night/light/ocean/mac/mac light), support custom colors
- [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] Search (Algolia SearchZ/Local Search)
- [x] Mathjax and Katex
- [x] Built-in 404 page
- [x] WordCount
- [x] Related articles
- [x] Displays outdated notice for a post
- [x] Share (AddThis/Sharejs/Addtoany)
- [X] Comment (Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus)
- [x] Multiple Comment System Support
- [x] Online Chats (Chatra/Tidio/Daovoice/Gitter/Crisp)
- [x] Web analytics
- [x] Google AdSense
- [x] Webmaster Verification
- [x] Change website colour scheme
- [x] Typewriter Effect: activate_power_mode
- [x] Background effects (Canvas ribbon/canvas_ribbon_piao/canvas_nest)
- [x] Mouse click effects (Fireworks/Heart/Text)
- [x] Preloader/Loading Animation
- [x] Busuanzi visitor counter
- [x] Medium Zoom/Fancybox
- [x] Mermaid
- [x] Justified Gallery
- [x] Lazyload images
- [x] Instantpage/Pangu/Snackbar notification toast/PWA......
### 📝 Content Features ## ✨ Contributors
- [x] **Multi-level Menu** - Support for secondary navigation menus
- [x] **Reading Mode** - Focused article reading experience
- [x] **TOC Navigation** - Desktop and mobile TOC support
- [x] **Word Count** - Display article word count and reading time
- [x] **Related Articles** - Smart recommendation of related content
- [x] **Outdated Reminder** - Automatic article update status alerts
- [x] **Traditional/Simplified Chinese** - Support for Traditional and Simplified Chinese switching
- [x] **Tag Plugins** - Rich tag plugin support
### 🔍 Search & Navigation <a href="https://github.com/jerryc127/hexo-theme-butterfly/graphs/contributors">
- [x] **Multiple Search Options** - Algolia Search / Local Search / Docsearch <img src="https://contrib.rocks/image?repo=jerryc127/hexo-theme-butterfly" />
- [x] **Built-in 404** - Beautiful 404 error page </a>
- [x] **Pjax Support** - Smooth page transition experience
### 🎨 Code Display ## 📷 Screenshots
- [x] **Syntax Highlighting** - Built-in multiple themes (darker/pale night/light/ocean)
- [x] **Code Features** - Language display/fold expand/copy button/auto-wrap
- [x] **Math Formulas** - Support for Mathjax and Katex
### 💬 Social Interaction ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-1.jpg)
- [x] **Multiple Comment Systems** - Disqus/Gitalk/Valine/Waline/Twikoo/Giscus/Artalk etc. ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-2.jpg)
- [x] **Dual Comments Support** - Enable two comment systems simultaneously ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-3.jpg)
- [x] **Share Features** - Sharejs/Addtoany sharing components ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-4.jpg)
- [x] **Live Chat** - Chatra/Tidio/Crisp instant messaging ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/theme-butterfly-readme-homepage-1.png)
![](https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/theme-butterfly-readme-homepage-2.png)
### 📊 Analytics & Statistics
- [x] **Visit Statistics** - Busuanzi counter
- [x] **Site Analytics** - Google Analytics/Baidu Analytics/Cloudflare Analytics/Microsoft Clarity/Umami
- [x] **Webmaster Verification** - Major search engine verification
- [x] **Ad Support** - Google AdSense/custom ad slots
### 🎪 Visual Effects
- [x] **Typing Effects** - activate_power_mode animations
- [x] **Background Effects** - Static ribbons/dynamic ribbons/floating ribbons/Canvas Nest
- [x] **Mouse Effects** - Fireworks/hearts/text click effects
- [x] **Loading Animations** - Preloader and pace.js progress bars
- [x] **Image Effects** - Medium Zoom/Fancybox image lightbox
- [x] **Lazy Loading** - Image lazy loading optimization
### 🛠️ Advanced Features
- [x] **PWA Support** - Progressive Web App
- [x] **Copy Protection** - Disable text copying/copyright info append
- [x] **Theme Customization** - Custom site color schemes
- [x] **Chart Support** - Mermaid flowcharts/Chart.js data charts
- [x] **Music Notation** - ABCJS music notation support
- [x] **Music Player** - APlayer/Meting music playback
- [x] **Article Series** - Series article organization
- [x] **Instantpage** - Page preloading acceleration
- [x] **Snackbar** - Elegant notification messages
## 🤝 Contributors
Thanks to all the developers who have contributed to the Butterfly theme!
[![Contributors](https://contrib.rocks/image?repo=jerryc127/hexo-theme-butterfly)](https://github.com/jerryc127/hexo-theme-butterfly/graphs/contributors)
## 📸 Screenshots
<div align="center">
![Theme Demo](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-1.jpg)
![Theme Demo](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-2.jpg)
![Theme Demo](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-3.jpg)
![Theme Demo](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-4.jpg)
</div>
## ⭐ Star History
[![Star History Chart](https://api.star-history.com/svg?repos=jerryc127/hexo-theme-butterfly&type=Date)](https://star-history.com/#jerryc127/hexo-theme-butterfly&Date)
## 🤝 Building a Better Theme Together
We believe **the power of open source comes from everyone's participation**! Whether you're a developer, designer, or user, you can contribute to the development of the Butterfly theme.
### 💬 Get Help & Support
- 🐛 **Found a bug?** → [GitHub Issues](https://github.com/jerryc127/hexo-theme-butterfly/issues) - Let's solve it together!
- 💡 **Have ideas?** → [GitHub Discussions](https://github.com/jerryc127/hexo-theme-butterfly/discussions) - Share your creative ideas!
- 📚 **Learning to use?** → [Official Documentation](https://butterfly.js.org/) - Detailed usage guide
- 💬 **Real-time discussion?** → [Telegram Group](https://t.me/bu2fly) - Chat with community members
### 🎯 Contributing
Want to make Butterfly better? We welcome any form of contribution:
- **🔧 Code Contributions** - Fix bugs, add new features, optimize performance
- **📝 Documentation** - Improve docs, translate content, write tutorials
- **🎨 Design Suggestions** - UI/UX improvements, theme colors, icon design
- **🧪 Testing & Feedback** - Test new features, report issues, provide user experience
- **💰 Financial Support** - [Sponsor the Project](https://buy.stripe.com/3cs6rP6YA91sbbG5kk) - Support long-term development
## 📄 License
This project is licensed under the [Apache 2.0](LICENSE) License.
## 🙏 Acknowledgments
This theme is developed based on [hexo-theme-melody](https://github.com/Molunerfinn/hexo-theme-melody). Thanks to the original author for their excellent work that provided inspiration and foundation!
Thanks to all friends who have contributed to the development of the Butterfly theme. Your support has made this theme continuously improve and progress.
---
<div align="center">
**✨ If this theme helps you, please give us a ⭐ Star! ✨**
</div>

306
README_CN.md
View File

@@ -1,193 +1,113 @@
<div align="right"> <div align="right">
<a title="English" href="/README.md">English</a> 語言:
</div> 中文
<a title="English" href="/README.md">英文</a>
<div align="center"> </div>
<img src="./source/img/butterfly-icon.png" width="150" height="150" alt="Butterfly Logo" /> # 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/dev?label=dev)
一個適用於 Hexo 的現代化、美觀且功能豐富的主題 ![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.0+-0e83c)
![master version](https://img.shields.io/github/package-json/v/jerryc127/hexo-theme-butterfly/master?color=%231ab1ad&label=master) ![license](https://img.shields.io/github/license/jerryc127/hexo-theme-butterfly?color=FF5531)
![dev version](https://img.shields.io/github/package-json/v/jerryc127/hexo-theme-butterfly/dev?label=dev)
![npm version](https://img.shields.io/npm/v/hexo-theme-butterfly?color=%09%23bf00ff) ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/theme-butterfly-readme.png)
![hexo version](https://img.shields.io/badge/hexo-5.3.0+-0e83cd)
![license](https://img.shields.io/github/license/jerryc127/hexo-theme-butterfly?color=FF5531) 預覽: 👍 [Butterfly](https://butterfly.js.org/) || 🤞 [CrazyWong](https://crazywong.com/)
![GitHub stars](https://img.shields.io/github/stars/jerryc127/hexo-theme-butterfly?style=social)
文檔: 📖 [Butterfly Docs](https://butterfly.js.org/posts/21cfbf15/)
📢 **在線預覽**: [Butterfly 官方](https://butterfly.js.org/) | [CrazyWong 博客](https://blog.crazywong.com/)
一款基於[hexo-theme-melody](https://github.com/Molunerfinn/hexo-theme-melody)修改的主題
📖 **完整文檔**: [中文文檔](https://butterfly.js.org/posts/21cfbf15/) | [English Docs](https://butterfly.js.org/en/posts/butterfly-docs-en-get-started/)
## 💻 安裝
![Butterfly 主題預覽](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/theme-butterfly-readme.png)
### Git 安裝
</div>
> 本倉庫同時上傳到 [Gitee](https://gitee.com/immyw/hexo-theme-butterfly.git)，如果你訪問 Github 緩慢，可從 Gitee 中下載。
---
在博客根目錄裡安裝穩定版【推薦】
## 🚀 快速開始
```powershell
### 💾 安裝方式 git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
```
#### 方式一：Git 安裝（推薦）
如果想要安裝比較新的dev分支，可以
> 💡 **提示**: 如果您在中國大陸訪問 GitHub 速度較慢，可以使用 [Gitee 鏡像](https://gitee.com/immyw/hexo-theme-butterfly.git)
```powershell
在您的 Hexo 博客根目錄下執行： git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
```
```bash
# 安裝穩定版本（推薦） ### npm 安裝
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
``` > 此方法只支持Hexo 5.0.0以上版本
```bash 在博客根目錄裡
# 安裝開發版本（搶先體驗新功能）
git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly ```powershell
``` npm i hexo-theme-butterfly
```
#### 方式二：NPM 安裝
## ⚙ 應用主題
> ⚠️ **注意**: NPM 安裝方式僅支援 Hexo 5.0.0 及以上版本
修改hexo配置文件`_config.yml`，把主題改為`Butterfly`
```bash
npm install hexo-theme-butterfly ```
``` theme: butterfly
```
### ⚙️ 主題配置
>如果你沒有pug以及stylus的渲染器，請下載安裝： npm install hexo-renderer-pug hexo-renderer-stylus --save
1. **啟用主題**: 修改您的 Hexo 配置檔案 `_config.yml`：
## 🎉 特色
```yaml
theme: butterfly - [x] 卡片化設計
``` - [X] 支持二級目錄
- [x] 雙欄設計
2. **安裝依賴**: 如果您尚未安裝 pug 和 stylus 渲染器，請執行： - [x] 響應式主題
- [x] 夜間模式
```bash - [x] Pjax
npm install hexo-renderer-pug hexo-renderer-stylus --save - [x] 文章閲讀模式
``` - [x] 簡體和繁體轉換
- [X] 電腦和手機都可查看TOC目錄
## ✨ 主題特色 - [X] 內置多種代碼配色（darker/pale night/light/ocean/mac/mac light），可自定義代碼配色
- [X] 代碼塊顯示代碼語言/關閉或展開代碼塊/代碼複製/代碼自動換行
### 🎨 設計風格 - [X] 可關閉文字複製/可開啟內容複製增加版權信息）
- [x] **卡片化設計** - 現代化的卡片式佈局 - [X] 兩種搜索（Algolia搜索和本地搜索）
- [x] **圓角/直角設計** - 支援自訂邊框樣式 - [x] Mathjax 和 Katex
- [x] **響應式設計** - 完美適配各種螢幕尺寸 - [x] 內置404頁面
- [x] **雙欄佈局** - 優化的閱讀體驗 - [x] 顯示字數統計
- [x] **深色模式** - 護眼的夜間模式 - [x] 顯示相關文章
- [x] 過期文章提醒
### 📝 內容功能 - [x] 多種分享系統（AddThis/Sharejs/Addtoany）
- [x] **多級選單** - 支援二級導航選單 - [X] 多種評論系統（Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus）
- [x] **閱讀模式** - 專注的文章閱讀體驗 - [x] 支持雙評論部署
- [x] **目錄導航** - 電腦和手機雙端支援 TOC - [x] 多種在線聊天（Chatra/Tidio/Daovoice/Gitter/Crisp）
- [x] **字數統計** - 顯示文章字數和閱讀時間 - [x] 多種分析系統
- [x] **相關文章** - 智能推薦相關內容 - [x] 谷歌廣告/手動廣告位置
- [x] **過期提醒** - 自動提示文章更新狀態 - [x] 各種站長驗證（Google/Bing/Baidu/360/Yandex）
- [x] **簡繁轉換** - 支援繁體中文和簡體中文切換 - [x] 修改網站配色
- [x] **標籤外掛** - 豐富的標籤外掛支持 - [x] 打字特效 activate_power_mode
- [x] 多種背景特效（靜止彩帶/動態彩帶/Canvas Nest）
### 🔍 搜尋與導航 - [x] 多種鼠標點擊特效（煙花/文字/愛心）
- [x] **多種搜尋** - Algolia 搜尋 / 本地搜尋 / Docsearch - [x] 內置一種 Preloader 加載動畫
- [x] **內建 404** - 美觀的 404 錯誤頁面 - [x] 不蒜子訪問統計
- [x] **Pjax 支援** - 流暢的頁面切換體驗 - [x] 兩種大圖模式（Medium Zoom/Fancybox）
- [x] Mermaid 圖表顯示
### 🎨 程式碼展示 - [x] 照片牆
- [x] **語法高亮** - 內建多種主題（darker/pale night/light/ocean） - [x] 圖片懶加載
- [x] **程式碼功能** - 語言顯示/摺疊展開/複製按鈕/自動換行 - [x] Instantpage/Pangu/Snackbar彈窗/PWA......
- [x] **數學公式** - 支援 Mathjax 和 Katex
## ✨ 贡献者
### 💬 社交互動
- [x] **多元評論系統** - Disqus/Gitalk/Valine/Waline/Twikoo/Giscus/Artalk 等 <a href="https://github.com/jerryc127/hexo-theme-butterfly/graphs/contributors">
- [x] **雙評論支援** - 可同時啟用兩套評論系統 <img src="https://contrib.rocks/image?repo=jerryc127/hexo-theme-butterfly" />
- [x] **分享功能** - Sharejs/Addtoany 分享套件 </a>
- [x] **線上客服** - Chatra/Tidio/Crisp 即時聊天
## 📷 截圖
### 📊 數據分析
- [x] **訪問統計** - 不蒜子計數器 ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-1.jpg)
- [x] **網站分析** - Google Analytics/百度統計/Cloudflare Analytics/Microsoft Clarity/Umami ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-2.jpg)
- [x] **站長驗證** - 各大搜尋引擎驗證 ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-3.jpg)
- [x] **廣告支援** - Google AdSense/自訂廣告位 ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-4.jpg)
![](https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/theme-butterfly-readme-homepage-1.png)
### 🎪 視覺效果 ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/theme-butterfly-readme-homepage-2.png)
- [x] **打字特效** - activate_power_mode 動畫
- [x] **背景特效** - 靜態彩帶/動態彩帶/飄帶效果/Canvas Nest
- [x] **滑鼠特效** - 煙花/愛心/文字點擊效果
- [x] **載入動畫** - Preloader 和 pace.js 進度條
- [x] **圖片效果** - Medium Zoom/Fancybox 圖片燈箱
- [x] **懶載入** - 圖片延遲載入優化
### 🛠️ 進階功能
- [x] **PWA 支援** - 漸進式網頁應用
- [x] **複製保護** - 可關閉文字複製/版權資訊追加
- [x] **主題定製** - 自訂網站配色方案
- [x] **圖表支援** - Mermaid 流程圖/Chart.js 數據圖表
- [x] **音樂符號** - ABCJS 音樂記譜法支援
- [x] **音樂播放器** - APlayer/Meting 音樂播放功能
- [x] **系列文章** - 系列文章組織功能
- [x] **Instantpage** - 頁面預載入加速
- [x] **Snackbar** - 優雅的提示訊息
## 🤝 貢獻者
感謝所有為 Butterfly 主題做出貢獻的開發者們！
[![Contributors](https://contrib.rocks/image?repo=jerryc127/hexo-theme-butterfly)](https://github.com/jerryc127/hexo-theme-butterfly/graphs/contributors)
## 📸 主題截圖
<div align="center">
![主題展示](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-3.jpg)
![主題展示](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-4.jpg)
</div>
## ⭐ Star 趨勢
[![Star History Chart](https://api.star-history.com/svg?repos=jerryc127/hexo-theme-butterfly&type=Date)](https://star-history.com/#jerryc127/hexo-theme-butterfly&Date)
## 🤝 一起構建更美好的主題
我們相信，**開源的力量來自於每一個人的參與**！無論您是開發者、設計師還是用戶，都可以為 Butterfly 主題的發展貢獻力量。
### 💬 獲取幫助與支援
- 🐛 **發現問題？** → [GitHub Issues](https://github.com/jerryc127/hexo-theme-butterfly/issues) - 讓我們一起解決！
- 💡 **有好想法？** → [GitHub Discussions](https://github.com/jerryc127/hexo-theme-butterfly/discussions) - 分享您的創意想法！
- 📚 **學習使用？** → [官方文檔](https://butterfly.js.org/) - 詳細的使用指南
- 💬 **即時討論？** → [Telegram 群組](https://t.me/bu2fly) - 與社群成員實時交流
### 🎯 參與貢獻
想要讓 Butterfly 變得更好嗎？我們歡迎您的任何形式的貢獻：
- **🔧 代碼貢獻** - 修復 Bug、添加新功能、優化性能
- **📝 文檔完善** - 改進文檔、翻譯內容、撰寫教程
- **🎨 設計建議** - UI/UX 改進、主題配色、圖示設計
- **🧪 測試反饋** - 測試新功能、回報問題、提供使用體驗
- **💰 資金支援** - [贊助項目](https://buy.stripe.com/3cs6rP6YA91sbbG5kk) - 支持長期發展
## 📄 授權條款
本專案採用 [Apache 2.0](LICENSE) 授權條款。
## 🙏 致敬與感謝
本主題基於 [hexo-theme-melody](https://github.com/Molunerfinn/hexo-theme-melody) 進行開發，感謝原作者的精彩創作為我們提供了靈感與基礎！
感謝所有為 Butterfly 主題發展做出貢獻的朋友們，是你們的支持讓這個主題能夠不斷完善與進步。
---
<div align="center">
**✨ 如果這個主題對您有幫助，請給我們一個 ⭐ Star！✨**
</div>

2050
_config.yml
View File

File diff suppressed because it is too large Load Diff

244
languages/default.yml
View File

@@ -1,123 +1,121 @@
footer: footer:
framework: Framework framework: Framework
theme: Theme theme: Theme
copy: copy:
success: Copy Successful success: Copy successfully
error: Copy Failed error: Copy error
noSupport: Browser Not Supported noSupport: The browser does not support
page: page:
articles: All Articles articles: Articles
tag: Tag tag: Tag
category: Category category: Category
archives: Archives archives: Archives
card_post_count: comments card_post_count: comments
no_title: Untitled sticky: Sticky
no_title: No title
post:
created: Created post:
updated: Updated created: Created
wordcount: Word Count updated: Updated
min2read: Reading Time wordcount: Word count
min2read_unit: mins min2read: Reading time
page_pv: Post Views min2read_unit: min
comments: Comments page_pv: Post View
copyright: comments: Comments
author: Author copyright:
link: Link author: Author
copyright_notice: Copyright Notice link: Link
copyright_content: 'All articles on this blog are licensed under <a href="%s">%s</a> unless otherwise stated.' copyright_notice: Copyright Notice
recommend: Related Articles copyright_content: 'All articles in this blog are licensed under <a href="%s">%s</a> unless stating additionally.'
edit: Edit recommend: Related Articles
back_to_home: Back to Home edit: Edited on
search: search:
title: Search title: Search
load_data: Loading Database load_data: Loading the Database
input_placeholder: Search for Posts algolia_search:
algolia_search: input_placeholder: Search for Posts
hits_empty: 'No results found for: ${query}' hits_empty: "We didn't find any results for the search: ${query}."
hits_stats: '${hits} results found in ${time} ms' hits_stats: '${hits} results found in ${time} ms'
local_search:
hits_empty: 'No results found for: ${query}' local_search:
hits_stats: '${hits} articles found' label: Local search
input_placeholder: Search for Posts
pagination: hits_empty: "We didn't find any results for the search: ${query}"
prev: Previous
next: Next pagination:
page_info: 'Page ${current} of ${total}' prev: Previous Post
next: Next Post
comment: Comments
comment: Comment
aside:
articles: Articles aside:
tags: Tags articles: Articles
categories: Categories tags: Tags
card_announcement: Announcement categories: Categories
card_categories: Categories card_announcement: Announcement
card_tags: Tags card_categories: Categories
card_archives: Archives card_tags: Tags
card_recent_post: Recent Posts card_archives: Archives
card_webinfo: card_recent_post: Recent Post
headline: Website Info card_webinfo:
article_name: Article Count headline: Info
runtime: article_name: Article
name: Runtime runtime:
unit: days name: Run time
last_push_date: unit: days
name: Last Update last_push_date:
site_wordcount: Total Word Count name: Last Push
site_uv_name: Unique Visitors site_wordcount: Total Count
site_pv_name: Page Views site_uv_name: UV
more_button: View More site_pv_name: PV
card_newest_comments: more_button: More
headline: Latest Comments card_newest_comments:
loading_text: Loading... headline: Newest Comments
error: Unable to retrieve comments, please check the configuration loading_text: loading...
zero: No comments error: Unable to get the data, please make sure the settings are correct.
image: Image zero: No Comment
link: Link image: image
code: Code link: link
card_toc: Contents code: code
card_post_series: Post Series card_toc: Catalog
date_suffix: date_suffix:
just: Just now just: Just
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: Donate
share: Share share: Share
rightside: rightside:
readmode_title: Reading Mode readmode_title: Read Mode
translate_title: Toggle Between Traditional and Simplified Chinese translate_title: Toggle Between Traditional Chinese 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: Setting
aside: Toggle Between Single-column and Double-column aside: Toggle between single-column and double-column
chat: Chat
copy_copyright:
copy_copyright: author: Author
author: Author link: Link
link: Link source: Source
source: Source info: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, 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: Traditional Chinese Activated Manually
chs_to_cht: You have switched to Traditional Chinese cht_to_chs: Simplified Chinese Activated Manually
cht_to_chs: You have switched to Simplified Chinese day_to_night: Dark Mode Activated Manually
day_to_night: You have switched to Dark Mode night_to_day: Light Mode Activated Manually
night_to_day: You have switched to Light Mode
loading: Loading...
loading: Loading...
load_more: Load More error404: Page not found
error404: Page Not Found

244
languages/en.yml
View File

@@ -1,123 +1,121 @@
footer: footer:
framework: Framework framework: Framework
theme: Theme theme: Theme
copy: copy:
success: Copy Successful success: Copy successfully
error: Copy Failed error: Copy error
noSupport: Browser Not Supported noSupport: The browser does not support
page: page:
articles: All Articles articles: Articles
tag: Tag tag: Tag
category: Category category: Category
archives: Archives archives: Archives
card_post_count: comments card_post_count: comments
no_title: Untitled sticky: Sticky
no_title: No title
post:
created: Created post:
updated: Updated created: Created
wordcount: Word Count updated: Updated
min2read: Reading Time wordcount: Word count
min2read_unit: mins min2read: Reading time
page_pv: Post Views min2read_unit: min
comments: Comments page_pv: Post View
copyright: comments: Comments
author: Author copyright:
link: Link author: Author
copyright_notice: Copyright Notice link: Link
copyright_content: 'All articles on this blog are licensed under <a href="%s">%s</a> unless otherwise stated.' copyright_notice: Copyright Notice
recommend: Related Articles copyright_content: 'All articles in this blog are licensed under <a href="%s">%s</a> unless stating additionally.'
edit: Edit recommend: Related Articles
back_to_home: Back to Home edit: Edited on
search: search:
title: Search title: Search
load_data: Loading Database load_data: Loading the Database
input_placeholder: Search for Posts algolia_search:
algolia_search: input_placeholder: Search for Posts
hits_empty: 'No results found for: ${query}' hits_empty: "We didn't find any results for the search: ${query}."
hits_stats: '${hits} results found in ${time} ms' hits_stats: '${hits} results found in ${time} ms'
local_search:
hits_empty: 'No results found for: ${query}' local_search:
hits_stats: '${hits} articles found' label: Local search
input_placeholder: Search for Posts
pagination: hits_empty: "We didn't find any results for the search: ${query}"
prev: Previous
next: Next pagination:
page_info: 'Page ${current} of ${total}' prev: Previous Post
next: Next Post
comment: Comments
comment: Comment
aside:
articles: Articles aside:
tags: Tags articles: Articles
categories: Categories tags: Tags
card_announcement: Announcement categories: Categories
card_categories: Categories card_announcement: Announcement
card_tags: Tags card_categories: Categories
card_archives: Archives card_tags: Tags
card_recent_post: Recent Posts card_archives: Archives
card_webinfo: card_recent_post: Recent Post
headline: Website Info card_webinfo:
article_name: Article Count headline: Info
runtime: article_name: Article
name: Runtime runtime:
unit: days name: Run time
last_push_date: unit: days
name: Last Update last_push_date:
site_wordcount: Total Word Count name: Last Push
site_uv_name: Unique Visitors site_wordcount: Total Count
site_pv_name: Page Views site_uv_name: UV
more_button: View More site_pv_name: PV
card_newest_comments: more_button: More
headline: Latest Comments card_newest_comments:
loading_text: Loading... headline: Newest Comments
error: Unable to retrieve comments, please check the configuration loading_text: loading...
zero: No comments error: Unable to get the data, please make sure the settings are correct.
image: Image zero: No Comment
link: Link image: image
code: Code link: link
card_toc: Contents code: code
card_post_series: Post Series card_toc: Catalog
date_suffix: date_suffix:
just: Just now just: Just
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: Donate
share: Share share: Share
rightside: rightside:
readmode_title: Reading Mode readmode_title: Read Mode
translate_title: Toggle Between Traditional and Simplified Chinese translate_title: Switch Between Traditional Chinese And Simplified Chinese
night_mode_title: Toggle Between Light and Dark Mode night_mode_title: Switch 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: Setting
aside: Toggle Between Single-column and Double-column aside: Toggle between single-column and double-column
chat: Chat
copy_copyright:
copy_copyright: author: Author
author: Author link: Link
link: Link source: Source
source: Source info: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, 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: Traditional Chinese Activated Manually
chs_to_cht: You have switched to Traditional Chinese cht_to_chs: Simplified Chinese Activated Manually
cht_to_chs: You have switched to Simplified Chinese day_to_night: Dark Mode Activated Manually
day_to_night: You have switched to Dark Mode night_to_day: Light Mode Activated Manually
night_to_day: You have switched to Light Mode
loading: Loading...
loading: Loading...
load_more: Load More error404: Page not found
error404: Page Not Found

123
languages/ja.yml
View File

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

123
languages/ko.yml
View File

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

246
languages/zh-CN.yml
View File

@@ -1,124 +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: 无标题 sticky: 置顶
no_title: 无题
post:
created: 发表于 post:
updated: 更新于 created: 发表于
wordcount: 总字数 updated: 更新于
min2read: 阅读时长 wordcount: 字数总计
min2read_unit: 分钟 min2read: 阅读时长
page_pv: 浏览量 min2read_unit: 分钟
comments: 评论数 page_pv: 阅读量
copyright: comments: 评论数
author: 文章作者 copyright:
link: 文章链接 author: 文章作者
copyright_notice: 版权声明 link: 文章链接
copyright_content: '本博客所有文章除特别声明外，均采用 copyright_notice: 版权声明
<a href="%s" target="_blank">%s</a> 许可协议。转载请注明来源 <a href="%s" target="_blank">%s</a>！' copyright_content: '本博客所有文章除特别声明外，均采用
recommend: 相关推荐 <a href="%s" target="_blank">%s</a> 许可协议。转载请注明来自 <a href="%s" target="_blank">%s</a>！'
edit: 编辑 recommend: 相关推荐
back_to_home: 返回首页 edit: 编辑
search: search:
title: 搜索 title: 搜索
load_data: 数据加载中 load_data: 数据库加载中
input_placeholder: 搜索文章 algolia_search:
algolia_search: input_placeholder: 搜索文章
hits_empty: '未找到符合您查询的内容：${query}' hits_empty: '找不到您查询的内容：${query}'
hits_stats: '找到 ${hits} 条结果，耗时 ${time} 毫秒' hits_stats: '找到 ${hits} 条结果，用时 ${time} 毫秒'
local_search:
hits_empty: '未找到符合您查询的内容：${query}' local_search:
hits_stats: '共找到 ${hits} 篇文章' label: 本地搜索
input_placeholder: 搜索文章
pagination: hits_empty: '找不到您查询的内容：${query}'
prev: 上一篇
next: 下一篇 pagination:
page_info: '第 ${current} 页 / 共 ${total} 页' prev: 上一篇
next: 下一篇
comment: 评论
comment: 评论
aside:
articles: 文章 aside:
tags: 标签 articles: 文章
categories: 分类 tags: 标签
card_announcement: 公告 categories: 分类
card_categories: 分类 card_announcement: 公告
card_tags: 标签 card_categories: 分类
card_archives: 归档 card_tags: 标签
card_recent_post: 最新文章 card_archives: 归档
card_webinfo: card_recent_post: 最新文章
headline: 网站信息 card_webinfo:
article_name: 文章数目 headline: 网站资讯
runtime: article_name: 文章数目
name: 运行时间 runtime:
unit: 天 name: 已运行时间
last_push_date: unit: 天
name: 最后更新时间 last_push_date:
site_wordcount: 本站总字数 name: 最后更新时间
site_uv_name: 本站访客数 site_wordcount: 本站总字数
site_pv_name: 本站总浏览量 site_uv_name: 本站访客数
more_button: 查看更多 site_pv_name: 本站总访问量
card_newest_comments: more_button: 查看更多
headline: 最新评论 card_newest_comments:
loading_text: 加载中... headline: 最新评论
error: 无法获取评论，请确认相关配置是否正确 loading_text: 正在加载中...
zero: 暂无评论 error: 无法获取评论，请确认相关配置是否正确
image: 图片 zero: 没有评论
link: 链接 image: 图片
code: 代码 link: 链接
card_toc: 目录 code: 代码
card_post_series: 系列文章 card_toc: 目录
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: 聊天
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: 加载更多 error404: 页面没有找到
error404: 页面未找到

123
languages/zh-HK.yml
View File

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

245
languages/zh-TW.yml
View File

@@ -1,123 +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: 無標題 sticky: 置頂
no_title: 無題
post:
created: 發表於 post:
updated: 更新於 created: 發表於
wordcount: 總字數 updated: 更新於
min2read: 閱讀時間 wordcount: 字數總計
min2read_unit: 分鐘 min2read: 閱讀時長
page_pv: 瀏覽量 min2read_unit: 分鐘
comments: 評論數 page_pv: 閱讀量
copyright: comments: 評論數
author: 文章作者 copyright:
link: 文章連結 author: 文章作者
copyright_notice: 版權聲明 link: 文章連結
copyright_content: '本部落格所有文章除特別聲明外，均採用<a href="%s" target="_blank">%s</a> 授權協議。轉載請註明來源 <a href="%s" target="_blank">%s</a>！' copyright_notice: 版權聲明
recommend: 相關推薦 copyright_content: '本部落格所有文章除特別聲明外，均採用
edit: 編輯 <a href="%s" target="_blank">%s</a> 許可協議。轉載請註明來自 <a href="%s" target="_blank">%s</a>！'
back_to_home: 返回首頁 recommend: 相關推薦
edit: 編輯
search:
title: 搜尋 search:
load_data: 資料載入中 title: 搜尋
input_placeholder: 搜尋文章 load_data: 資料庫載入中
algolia_search: algolia_search:
hits_empty: '找不到符合您查詢的內容：${query}' input_placeholder: 搜尋文章
hits_stats: '找到 ${hits} 筆結果，耗時 ${time} 毫秒' hits_empty: '找不到您查詢的內容：${query}'
local_search: hits_stats: '找到 ${hits} 條結果，用時 ${time} 毫秒'
hits_empty: '找不到符合您查詢的內容：${query}'
hits_stats: '共找到 ${hits} 篇文章' local_search:
label: 本地搜尋
pagination: input_placeholder: 搜尋文章
prev: 上一篇 hits_empty: '找不到您查詢的內容：${query}'
next: 下一篇
page_info: '第 ${current} 頁 / 共 ${total} 頁' pagination:
prev: 上一篇
comment: 評論 next: 下一篇
aside: comment: 評論
articles: 文章
tags: 標籤 aside:
categories: 分類 articles: 文章
card_announcement: 公告 tags: 標籤
card_categories: 分類 categories: 分類
card_tags: 標籤 card_announcement: 公告
card_archives: 歸檔 card_categories: 分類
card_recent_post: 最新文章 card_tags: 標籤
card_webinfo: card_archives: 歸檔
headline: 網站資訊 card_recent_post: 最新文章
article_name: 文章數量 card_webinfo:
runtime: headline: 網站資訊
name: 運行時間 article_name: 文章數目
unit: 天 runtime:
last_push_date: name: 已執行時間
name: 最後更新時間 unit: 天
site_wordcount: 總字數 last_push_date:
site_uv_name: 訪客數 name: 最後更新時間
site_pv_name: 總瀏覽量 site_wordcount: 本站總字數
more_button: 檢視更多 site_uv_name: 本站訪客數
card_newest_comments: site_pv_name: 本站總訪問量
headline: 最新評論 more_button: 檢視更多
loading_text: 載入中... card_newest_comments:
error: 無法獲取評論，請確認相關配置是否正確 headline: 最新評論
zero: 尚無評論 loading_text: 正在載入中...
image: 圖片 error: 無法獲取評論，請確認相關配置是否正確
link: 連結 zero: 沒有評論
code: 程式碼 image: 圖片
card_toc: 目錄 link: 連結
card_post_series: 系列文章 code: 程式碼
card_toc: 目錄
date_suffix:
just: 剛剛 date_suffix:
min: 分鐘前 just: 剛剛
hour: 小時前 min: 分鐘前
day: 天前 hour: 小時前
month: 個月前 day: 天前
month: 個月前
donate: 贊助
share: 分享 donate: 打賞
share: 分享
rightside:
readmode_title: 閱讀模式 rightside:
translate_title: 繁簡轉換 readmode_title: 閱讀模式
night_mode_title: 日夜模式切換 translate_title: 簡繁轉換
back_to_top: 回到頂端 night_mode_title: 淺色和深色模式轉換
toc: 目錄 back_to_top: 回到頂部
scroll_to_comment: 前往評論 toc: 目錄
setting: 設定 scroll_to_comment: 直達評論
aside: 單欄和雙欄切換 setting: 設定
chat: 聊天 aside: 單欄和雙欄切換
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: 載入更多
error404: 頁面沒有找到
error404: 找不到頁面

14
layout/archive.pug
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') + ' - ' + site.posts.length
+articleSort(page.posts) +articleSort(page.posts)
include includes/pagination.pug include includes/pagination.pug

24
layout/category.pug
View File

@@ -1,12 +1,14 @@
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/post-ui.pug
+indexPostUI #recent-posts.recent-posts.category_ui
else +postUI
include ./includes/mixins/article-sort.pug include includes/pagination.pug
#category else
.article-sort-title= _p('page.category') + ' - ' + page.category include ./includes/mixins/article-sort.pug
+articleSort(page.posts) #category
.article-sort-title= _p('page.category') + ' - ' + page.category
+articleSort(page.posts)
include includes/pagination.pug include includes/pagination.pug

12
layout/includes/404.pug Normal file
View File

@@ -0,0 +1,12 @@
- var top_img_404 = theme.error_404.background || theme.default_top_img
#body-wrap.error404
include ./header/index.pug
#error-wrap
.error-content
.error-img
img(src=url_for(top_img_404) alt='Page not found')
.error-info
h1.error_title= '404'
.error_subtitle= theme.error_404.subtitle || _p('error404')

133
layout/includes/additional-js.pug
View File

@@ -1,61 +1,72 @@
div div
script(src=url_for(theme.asset.utils)) script(src=url_for(theme.CDN.utils))
script(src=url_for(theme.asset.main)) script(src=url_for(theme.CDN.main))
if theme.translate.enable if theme.translate.enable
script(src=url_for(theme.asset.translate)) script(src=url_for(theme.CDN.translate))
if theme.lightbox if theme.medium_zoom
script(src=url_for(theme.asset[theme.lightbox])) script(src=url_for(theme.CDN.medium_zoom))
else if theme.fancybox
if theme.instantpage script(src=url_for(theme.CDN.fancybox_v4))
script(src=url_for(theme.asset.instantpage), type='module')
if theme.instantpage
if theme.lazyload.enable && !theme.lazyload.native script(src=url_for(theme.CDN.instantpage), type='module')
script(src=url_for(theme.asset.lazyload))
if theme.lazyload.enable
if theme.snackbar.enable script(src=url_for(theme.CDN.lazyload))
script(src=url_for(theme.asset.snackbar))
if theme.snackbar.enable
.js-pjax script(src=url_for(theme.CDN.snackbar))
if needLoadCountJs
!= partial("includes/third-party/card-post-count/index", {}, { cache: true }) if theme.pangu.enable
!= partial("includes/third-party/pangu.pug", {}, { cache: true })
if loadSubJs
include ./third-party/subtitle.pug //- search
if theme.algolia_search.enable
include ./third-party/math/index.pug script(src=url_for(theme.CDN.algolia_search_v4))
include ./third-party/abcjs/index.pug script(src=url_for(theme.CDN.instantsearch_v4))
script(src=url_for(theme.CDN.algolia_js))
if commentsJsLoad else if theme.local_search.enable
include ./third-party/comments/js.pug script(src=url_for(theme.CDN.local_search))
!= partial("includes/third-party/prismjs", {}, { cache: true }) if theme.preloader
!= partial("includes/loading/loading-js", {}, { cache: true })
if theme.aside.enable && theme.aside.card_newest_comments.enable
if theme.pjax.enable || (globalPageType !== 'post' && page.aside !== false) .js-pjax
!= partial("includes/third-party/newest-comments/index", {}, { cache: true }) if needLoadCountJs
!= partial("includes/third-party/card-post-count/index", {}, { cache: true })
!= fragment_cache('injectBottom', function(){return injectHtml(theme.inject.bottom)})
if loadSubJs
!= partial("includes/third-party/effect", {}, { cache: true }) include ./third-party/subtitle.pug
!= partial("includes/third-party/chat/index", {}, { cache: true })
include ./third-party/math/index.pug
if theme.aplayerInject && theme.aplayerInject.enable
if theme.pjax.enable || theme.aplayerInject.per_page || page.aplayer if commentsJsLoad
include ./third-party/aplayer.pug include ./third-party/comments/js.pug
if theme.pjax.enable != partial("includes/third-party/prismjs", {}, { cache: true })
!= partial("includes/third-party/pjax", {}, { cache: true })
if theme.aside.enable && theme.newest_comments.enable
if theme.umami_analytics.enable if theme.pjax.enable
!= partial("includes/third-party/umami_analytics", {}, { cache: true }) != partial("includes/third-party/newest-comments/index", {}, { cache: true })
else if (!is_post() && page.aside !== false)
if theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv != partial("includes/third-party/newest-comments/index", {}, { cache: true })
script(async data-pjax src=theme.asset.busuanzi ? url_for(theme.asset.busuanzi) : '//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js')
!= fragment_cache('injectBottom', function(){return injectHtml(theme.inject.bottom)})
!= partial('includes/third-party/search/index', {}, { cache: true })
!= partial("includes/third-party/effect", {}, { cache: true })
if theme.google_tag_manager && theme.google_tag_manager.tag_id
noscript != partial("includes/third-party/chat/index", {}, { cache: true })
iframe(src=`${theme.google_tag_manager.domain ? theme.google_tag_manager.domain : 'https://www.googletagmanager.com'}/ns.html?id=${theme.google_tag_manager.tag_id}` height="0" width="0" style="display:none;visibility:hidden")
if theme.aplayerInject && theme.aplayerInject.enable
if theme.pjax.enable || theme.aplayerInject.per_page
include ./third-party/aplayer.pug
else if page.aplayer
include ./third-party/aplayer.pug
if theme.pjax.enable
!= partial("includes/third-party/pjax", {}, { cache: true })
if theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv
script(async data-pjax src=url_for(theme.CDN.busuanzi))

56
layout/includes/footer.pug
View File

@@ -1,39 +1,17 @@
- const { nav, owner, copyright, custom_text } = theme.footer #footer-wrap
if theme.footer.owner.enable
if nav - var now = new Date()
.footer-flex - var nowYear = now.getFullYear()
for block in nav if theme.footer.owner.since && theme.footer.owner.since != nowYear
.footer-flex-items(style=`${ block.width ? 'flex-grow:' + block.width : '' }`) .copyright!= `&copy;${theme.footer.owner.since} - ${nowYear} By ${config.author}`
for blockItem in block.content else
.footer-flex-item .copyright!= `&copy;${nowYear} By ${config.author}`
.footer-flex-title= blockItem.title if theme.footer.copyright
.footer-flex-content .framework-info
for subitem in blockItem.item span= _p('footer.framework') + ' '
if subitem.html a(href='https://hexo.io')= 'Hexo'
div!= subitem.html span.footer-separator |
else if subitem.url span= _p('footer.theme') + ' '
a(href=url_for(subitem.url), target='_blank' title=subitem.title)= subitem.title a(href='https://github.com/jerryc127/hexo-theme-butterfly')= 'Butterfly'
else if subitem.title if theme.footer.custom_text
div!= subitem.title .footer_custom_text!=`${theme.footer.custom_text}`
.footer-other
.footer-copyright
if owner.enable
- const currentYear = new Date().getFullYear()
- const sinceYear = owner.since
span.copyright
if sinceYear && sinceYear != currentYear
!= `&copy;&nbsp;${sinceYear} - ${currentYear} By ${config.author}`
else
!= `&copy;&nbsp;${currentYear} By ${config.author}`
if copyright.enable
- const v = copyright.version ? getVersion() : false
span.framework-info
if owner.enable && nav
span.footer-separator |
span= _p('footer.framework') + ' '
a(href='https://hexo.io')= `Hexo${ v ? ' ' + v.hexo : '' }`
span.footer-separator |
span= _p('footer.theme') + ' '
a(href='https://github.com/jerryc127/hexo-theme-butterfly')= `Butterfly${ v ? ' ' + v.theme : '' }`
if theme.footer.custom_text
.footer_custom_text!= theme.footer.custom_text

153
layout/includes/head.pug
View File

@@ -1,77 +1,76 @@
- var pageTitle - var pageTitle
- globalPageType === 'archive' ? page.title = findArchivesTitle(page, theme.menu, date) : '' - if (is_archive()) pageTitle = fragment_cache('findArchivesTitle', function(){return findArchivesTitle(theme.menu);})
case globalPageType - else if (is_tag()) pageTitle = _p('page.tag') + ': ' + page.tag
when 'tag' - else if (is_category()) pageTitle = _p('page.category') + ': ' + page.category
- pageTitle = _p('page.tag') + ': ' + page.tag - else if (is_month()) pageTitle += ': ' + page.month + '/' + page.year
when 'category' - else if (is_year()) pageTitle += ': ' + page.year
- pageTitle = _p('page.category') + ': ' + page.category - else if (is_current('/404.html', [strict])) pageTitle = _p('error404')
when '404' - else pageTitle = page.title || config.title || ''
- pageTitle = _p('error404')
default - var isSubtitle = config.subtitle ? ' - ' + config.subtitle : ''
- pageTitle = page.title || config.title || '' - var tabTitle = is_home() || !pageTitle ? config.title + isSubtitle : pageTitle + ' | ' + config.title
- var pageKeywords
- var isSubtitle = config.subtitle ? ' - ' + config.subtitle : '' - if (page.keywords) pageKeywords = Array.isArray(page.keywords) ? (page.keywords).join(',') : ([]).join(',') || page.keywords
- var tabTitle = globalPageType === 'home' || !pageTitle ? config.title + isSubtitle : pageTitle + ' | ' + config.title - else if (page.tags && page.tags.length) pageKeywords = page.tags.data.map(function(tag) {return tag.name;}).join(',')
- var pageAuthor = config.email ? config.author + ',' + config.email : config.author - else pageKeywords = Array.isArray(config.keywords) ? (config.keywords).join(','): ([]).join(',') || config.keywords
- var pageCopyright = config.copyright || config.author - var pageAuthor = config.email ? config.author + ',' + config.email : config.author
- var themeColorLight = theme.theme_color && theme.theme_color.enable && theme.theme_color.meta_theme_color_light || '#ffffff' - var pageCopyright = config.copyright || config.author
- var themeColorDark = theme.theme_color && theme.theme_color.enable && theme.theme_color.meta_theme_color_dark || '#0d0d0d' - var themeColor = theme.display_mode === 'dark' ? '#0d0d0d' : '#ffffff'
- 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, maximum-scale=1.0, user-scalable=no")
meta(name="viewport" content="width=device-width, initial-scale=1.0,viewport-fit=cover") title= tabTitle
title= tabTitle if pageKeywords
meta(name="author" content=pageAuthor) meta(name="keywords" content=pageKeywords)
meta(name="copyright" content=pageCopyright) meta(name="author" content=pageAuthor)
meta(name ="format-detection" content="telephone=no") meta(name="copyright" content=pageCopyright)
meta(name="theme-color" content=themeColor) meta(name ="format-detection" content="telephone=no")
meta(name="theme-color" content=themeColor)
//- Open_Graph
include ./head/Open_Graph.pug //- Open_Graph
include ./head/Open_Graph.pug
//- Structured Data
include ./head/structured_data.pug !=favicon_tag(theme.favicon || config.favicon)
link(rel="canonical" href=urlNoIndex())
!=favicon_tag(theme.favicon || config.favicon)
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
if (theme.pwa && theme.pwa.enable)
//- PWA !=partial('includes/head/pwa', {}, {cache: true})
if (theme.pwa && theme.pwa.enable)
!=partial('includes/head/pwa', {}, {cache: true}) //- main css
link(rel='stylesheet', href=url_for(theme.CDN.main_css))
//- main css link(rel='stylesheet', href=url_for(theme.CDN.fontawesome) media="print" onload="this.media='all'")
link(rel='stylesheet', href=url_for(theme.asset.main_css))
link(rel='stylesheet', href=url_for(theme.asset.fontawesome)) if (theme.snackbar && theme.snackbar.enable)
link(rel='stylesheet', href=url_for(theme.CDN.snackbar_css) media="print" onload="this.media='all'")
if (theme.snackbar && theme.snackbar.enable)
link(rel='stylesheet', href=url_for(theme.asset.snackbar_css) media="print" onload="this.media='all'") if theme.fancybox
link(rel='stylesheet' href=url_for(theme.CDN.fancybox_css_v4) media="print" onload="this.media='all'")
if theme.lightbox === 'fancybox'
link(rel='stylesheet' href=url_for(theme.asset.fancybox_css) media="print" onload="this.media='all'") //- google_adsense
!=partial('includes/head/google_adsense', {}, {cache: true})
!=fragment_cache('injectHeadJs', function(){return inject_head_js()})
//- analytics
//- google_adsense !=partial('includes/head/analytics', {}, {cache: true})
!=partial('includes/head/google_adsense', {}, {cache: true})
//- font
//- analytics if theme.blog_title_font &&　theme.blog_title_font.font_link
!=partial('includes/head/analytics', {}, {cache: true}) link(rel='stylesheet' href=url_for(theme.blog_title_font.font_link) media="print" onload="this.media='all'")
//- font //- global config
if theme.blog_title_font && theme.blog_title_font.font_link !=partial('includes/head/config', {}, {cache: true})
link(rel='stylesheet' href=url_for(theme.blog_title_font.font_link) media="print" onload="this.media='all'")
include ./head/config_site.pug
//- global config include ./head/noscript.pug
!=partial('includes/head/config', {}, {cache: true})
!=fragment_cache('injectHeadJs', function(){return inject_head_js()})
include ./head/config_site.pug
!=fragment_cache('injectHead', function(){return injectHtml(theme.inject.head)})
!=fragment_cache('injectHead', function(){return injectHtml(theme.inject.head)})

27
layout/includes/head/Open_Graph.pug
View File

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

76
layout/includes/head/analytics.pug
View File

@@ -1,45 +1,31 @@
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', () => {
_hmt.push(['_trackPageview',window.location.pathname]) if theme.google_analytics
}, 'baidu_analytics') script(async src=`https://www.googletagmanager.com/gtag/js?id=${theme.google_analytics}`)
script.
if theme.google_analytics window.dataLayer = window.dataLayer || [];
script(async src=`https://www.googletagmanager.com/gtag/js?id=${theme.google_analytics}`) function gtag(){dataLayer.push(arguments);}
script. gtag('js', new Date());
window.dataLayer = window.dataLayer || [] gtag('config', '!{theme.google_analytics}');
function gtag(){dataLayer.push(arguments)}
gtag('js', new Date()) if theme.cnzz_analytics
gtag('config', '!{theme.google_analytics}') script(async data-pjax src=`https://s4.cnzz.com/z_stat.php?id=${theme.cnzz_analytics}&web_id=${theme.cnzz_analytics}`)
btf.addGlobalFn('pjaxComplete', () => {
gtag('config', '!{theme.google_analytics}', {'page_path': window.location.pathname}) if theme.cloudflare_analytics
}, 'google_analytics') script(defer data-pjax src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon=`{"token": "${theme.cloudflare_analytics}"}`)
if theme.cloudflare_analytics if theme.microsoft_clarity
script(defer data-pjax src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon=`{"token": "${theme.cloudflare_analytics}"}`) script.
(function(c,l,a,r,i,t,y){
if theme.microsoft_clarity c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
script. t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
(function(c,l,a,r,i,t,y){ y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; })(window, document, "clarity", "script", "!{theme.microsoft_clarity}");
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);
})(window, document, "clarity", "script", "!{theme.microsoft_clarity}");
if (theme.google_tag_manager && theme.google_tag_manager.tag_id)
script.
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
"!{theme.google_tag_manager.domain ? theme.google_tag_manager.domain : 'https://www.googletagmanager.com'}/gtm.js?id="+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','!{theme.google_tag_manager.tag_id}');
btf.addGlobalFn('pjaxComplete', () => {
dataLayer.push({'event': 'pjaxComplete', 'page_title': document.title, 'page_location': location.href, 'page_path': window.location.pathname})
}, 'google_tag_manager')

248
layout/includes/head/config.pug
View File

@@ -1,125 +1,123 @@
- -
let algolia = 'undefined' let algolia = 'undefined';
if (theme.search.use === 'algolia_search') { let env = process.env;
const { ALGOLIA_APP_ID, ALGOLIA_API_KEY, ALGOLIA_INDEX_NAME } = process.env if (theme.algolia_search.enable) {
const { appId, applicationID, apiKey, indexName } = config.algolia algolia = JSON.stringify({
algolia = JSON.stringify({ appId: env.ALGOLIA_APP_ID || config.algolia.appId || config.algolia.applicationID,
appId: ALGOLIA_APP_ID || appId || applicationID, apiKey: env.ALGOLIA_API_KEY || config.algolia.apiKey,
apiKey: ALGOLIA_API_KEY || apiKey, indexName: env.ALGOLIA_INDEX_NAME || config.algolia.indexName,
indexName: ALGOLIA_INDEX_NAME || indexName, hits: theme.algolia_search.hits,
hitsPerPage: theme.search.algolia_search.hitsPerPage, // search languages
// search languages languages: {
languages: { input_placeholder: _p("search.algolia_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.local_search && theme.local_search.enable) {
const { CDN, preload, top_n_per_article, pagination, unescape } = theme.search.local_search localSearch = JSON.stringify({
localSearch = JSON.stringify({ path: config.search.path,
path: CDN || config.root + config.search.path, languages: {
preload, // search languages
top_n_per_article, hits_empty: _p("search.local_search.hits_empty"),
unescape, }
pagination: { })
enable: pagination.enable, }
hitsPerPage: pagination.hitsPerPage
}, let translate = 'undefined';
languages: { if (theme.translate && theme.translate.enable){
// search languages translate = JSON.stringify({
hits_empty: _p("search.local_search.hits_empty"), defaultEncoding: theme.translate.defaultEncoding,
hits_stats: _p("search.local_search.hits_stats"), translateDelay: theme.translate.translateDelay,
} msgToTraditionalChinese: theme.translate.msgToTraditionalChinese,
}) msgToSimplifiedChinese: theme.translate.msgToSimplifiedChinese
} })
}
let translate = 'undefined'
if (theme.translate && theme.translate.enable){ let copyright = 'undefined';
translate = JSON.stringify({ if (theme.copy.enable && theme.copy.copyright.enable){
defaultEncoding: theme.translate.defaultEncoding, copyright = JSON.stringify({
translateDelay: theme.translate.translateDelay, limitCount: theme.copy.copyright.limit_count,
msgToTraditionalChinese: theme.translate.msgToTraditionalChinese, languages: {
msgToSimplifiedChinese: theme.translate.msgToSimplifiedChinese author: _p("copy_copyright.author") + ': ' + config.author,
}) link: _p("copy_copyright.link") + ': ',
} source: _p("copy_copyright.source") + ': ' + config.title,
info: _p("copy_copyright.info")
let copyright = 'undefined' }
if (theme.copy.enable && theme.copy.copyright.enable){ })
copyright = JSON.stringify({ }
limitCount: theme.copy.copyright.limit_count,
languages: { let Snackbar = 'undefined';
author: _p("copy_copyright.author") + ': ' + config.author, if (theme.snackbar && theme.snackbar.enable) {
link: _p("copy_copyright.link") + ': ', Snackbar = JSON.stringify({
source: _p("copy_copyright.source") + ': ' + config.title, chs_to_cht: _p("Snackbar.chs_to_cht"),
info: _p("copy_copyright.info") cht_to_chs: _p("Snackbar.cht_to_chs"),
} day_to_night: _p("Snackbar.day_to_night"),
}) night_to_day: _p("Snackbar.night_to_day"),
} bgLight: theme.snackbar.bg_light,
bgDark: theme.snackbar.bg_dark,
let Snackbar = 'undefined' position: theme.snackbar.position,
if (theme.snackbar && theme.snackbar.enable) { })
Snackbar = JSON.stringify({ }
chs_to_cht: _p("Snackbar.chs_to_cht"),
cht_to_chs: _p("Snackbar.cht_to_chs"), let noticeOutdate = 'undefined';
day_to_night: _p("Snackbar.day_to_night"), if (theme.noticeOutdate && theme.noticeOutdate.enable) {
night_to_day: _p("Snackbar.night_to_day"), noticeOutdate = JSON.stringify({
bgLight: theme.snackbar.bg_light, limitDay: theme.noticeOutdate.limit_day,
bgDark: theme.snackbar.bg_dark, position: theme.noticeOutdate.position,
position: theme.snackbar.position, messagePrev: theme.noticeOutdate.message_prev,
}) messageNext: theme.noticeOutdate.message_next,
} })
}
let highlightProvider = config.syntax_highlighter || (config.highlight.enable ? 'highlight.js' : config.prismjs.enable ? 'prismjs' : null)
const { copy, language, height_limit, fullpage, macStyle, shrink } = theme.code_blocks let highlight = 'undefined';
let highlight = JSON.stringify({ if ((config.highlight && config.highlight.enable) || (config.prismjs && config.prismjs.enable)) {
plugin: highlightProvider, highlight = JSON.stringify({
highlightCopy: copy, plugin: config.highlight.enable ? 'highlighjs' : 'prismjs',
highlightLang: language, highlightCopy: theme.highlight_copy,
highlightHeightLimit: height_limit, highlightLang: theme.highlight_lang,
highlightFullpage: fullpage, highlightHeightLimit: theme.highlight_height_limit
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}, noticeOutdate: !{noticeOutdate},
copy: { highlight: !{highlight},
success: '!{_p("copy.success")}', copy: {
error: '!{_p("copy.error")}', success: '!{_p("copy.success")}',
noSupport: '!{_p("copy.noSupport")}' error: '!{_p("copy.error")}',
}, noSupport: '!{_p("copy.noSupport")}'
relativeDate: { },
homepage: !{theme.post_meta.page.date_format === 'relative'}, relativeDate: {
post: !{theme.post_meta.post.date_format === 'relative'} homepage: !{theme.post_meta.page.date_format === 'relative'},
}, post: !{theme.post_meta.post.date_format === 'relative'}
runtime: '!{theme.aside.card_webinfo.runtime_date ? _p("aside.card_webinfo.runtime.unit") : ""}', },
dateSuffix: { runtime: '!{theme.runtimeshow.enable ? _p("aside.card_webinfo.runtime.unit") : ""}',
just: '!{_p("date_suffix.just")}', date_suffix: {
min: '!{_p("date_suffix.min")}', just: '!{_p("date_suffix.just")}',
hour: '!{_p("date_suffix.hour")}', min: '!{_p("date_suffix.min")}',
day: '!{_p("date_suffix.day")}', hour: '!{_p("date_suffix.hour")}',
month: '!{_p("date_suffix.month")}' day: '!{_p("date_suffix.day")}',
}, month: '!{_p("date_suffix.month")}'
copyright: !{copyright}, },
lightbox: '!{ theme.lightbox || 'null' }', copyright: !{copyright},
Snackbar: !{Snackbar}, lightbox: '!{ theme.medium_zoom ? "mediumZoom" : (theme.fancybox ? "fancybox" : "null" )}',
infinitegrid: { Snackbar: !{Snackbar},
js: '!{url_for(theme.asset.egjs_infinitegrid)}', source: {
buttonText: '!{_p("load_more")}' justifiedGallery: {
}, js: '!{url_for(theme.CDN.flickr_justified_gallery_js)}',
isPhotoFigcaption: !{theme.photofigcaption}, css: '!{url_for(theme.CDN.flickr_justified_gallery_css)}'
islazyloadPlugin: !{theme.lazyload.enable && !theme.lazyload.native}, }
isAnchor: !{theme.anchor.auto_update || false}, },
percent: { isPhotoFigcaption: !{theme.photofigcaption},
toc: !{theme.toc.scroll_percent}, islazyload: !{theme.lazyload.enable},
rightside: !{theme.rightside_scroll_percent}, isAnchor: !{theme.anchor}
}, }
autoDarkmode: !{theme.darkmode.enable && theme.darkmode.autoChangeMode === 1}
}

55
layout/includes/head/config_site.pug
View File

@@ -1,25 +1,30 @@
- -
const titleVal = pageTitle.replace(/'/ig,"\\'") const titleVal = pageTitle.replace(/'/ig,"\\'")
let isHighlightShrink let isHighlightShrink
if (theme.code_blocks.shrink == 'none') isHighlightShrink = 'undefined' if (theme.highlight_shrink == 'none') isHighlightShrink = 'undefined'
else if (typeof page.highlight_shrink == 'boolean') isHighlightShrink = page.highlight_shrink else if (page.highlight_shrink === true || page.highlight_shrink === false) isHighlightShrink = page.highlight_shrink
else isHighlightShrink = theme.code_blocks.shrink else isHighlightShrink = theme.highlight_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 (is_post()) {
else if (globalPageType === 'page' && theme.toc.page) tocEnable = true if (theme.toc.post) tocEnable = true
const pageToc = typeof page.toc === 'boolean' ? page.toc : tocEnable } else if (is_page()) {
showToc = pageToc && (toc(page.content) !== '' || page.encrypt === true) if (theme.toc.page) tocEnable = true
} }
- const pageToc = page.toc === true || page.toc === false ? page.toc : tocEnable
showToc = pageToc && (toc(page.content) !== '' || page.encrypt == true )
script#config-diff. }
var GLOBAL_CONFIG_SITE = { -
title: '!{titleVal}',
isHighlightShrink: !{isHighlightShrink}, script#config-diff.
isToc: !{showToc}, var GLOBAL_CONFIG_SITE = {
pageType: '!{page.type == 'shuoshuo' ? 'shuoshuo' : globalPageType}' title: '!{titleVal}',
} isPost: !{is_post()},
isHome: !{is_home()},
isHighlightShrink: !{isHighlightShrink},
isToc: !{showToc},
postUpdate: '!{full_date(page.updated)}'
}

16
layout/includes/head/google_adsense.pug
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}'
}); });

14
layout/includes/head/noscript.pug Normal file
View File

@@ -0,0 +1,14 @@
noscript.
<style type="text/css">
#nav {
opacity: 1
}
.justified-gallery img {
opacity: 1
}
#recent-posts time,
#post-meta time {
display: inline !important
}
</style>

55
layout/includes/head/preconnect.pug
View File

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

24
layout/includes/head/pwa.pug
View File

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

4
layout/includes/head/site_verification.pug
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)

67
layout/includes/head/structured_data.pug
View File

@@ -1,67 +0,0 @@
if theme.structured_data
if page.layout === 'post'
-
// https://developers.google.com/search/docs/appearance/structured-data/article
const title = page.title
const url = page.permalink
const imageVal = page.cover_type === 'img' ? page.cover : theme.avatar.img
const image = imageVal ? full_url_for(imageVal) : ''
const datePublished = page.date.toISOString()
const dateModified = (page.updated || page.date).toISOString()
const author = page.copyright_author || config.author
const authorHrefVal = page.copyright_author_href || theme.post_copyright.author_href || config.url
const authorHref = full_url_for(authorHrefVal)
const jsonLd = {
"@context": "https://schema.org",
"@type": "BlogPosting",
"headline": title,
"url": url,
"image": image,
"datePublished": datePublished,
"dateModified": dateModified,
"author": [{
"@type": "Person",
"name": author,
"url": authorHref
}]
}
jsonLdScript = JSON.stringify(jsonLd, null, 2)
-
else if is_home() && (!page.current || page.current === 1)
-
// https://developers.google.com/search/docs/appearance/site-names#website
const baseUrl = config.url;
const currentPath = url_for('/');
const isRootOrSubdomain = currentPath.split('/').filter(Boolean).length === 0;
if (isRootOrSubdomain) {
const domain = new URL(config.url).hostname;
const alternateNames = theme.structured_data.alternate_name || [];
if (config.subtitle) {
alternateNames.push(config.subtitle);
}
if (domain) {
alternateNames.push(domain);
}
const jsonLd = {
"@context": "https://schema.org",
"@type": "WebSite",
"name": config.title,
"alternateName": alternateNames,
"url": full_url_for('/'),
}
jsonLdScript = JSON.stringify(jsonLd, null, 2)
}
-
script(type="application/ld+json").
!{jsonLdScript}

102
layout/includes/header/index.pug
View File

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

54
layout/includes/header/menu_item.pug
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 valueArray = value.split('||')
a.site-page(href=url_for(link)) a.site-page(href=url_for(trim(valueArray[0])))
if icon if valueArray[1]
i.fa-fw(class=icon) i.fa-fw(class=trim(valueArray[1]))
span= ' ' + label span=' '+label
else else
.menus_item .menus_item
- const [groupLabel, groupIcon, groupClass] = label.split('||').map(part => trim(part)) - const labelArray = label.split('||')
- const hideClass = groupClass === 'hide' ? 'hide' : '' - const hideClass = labelArray[2] && trim(labelArray[2]) === 'hide' ? 'hide' : ''
span.site-page.group(class=hideClass) a.site-page.group(class=`${hideClass}` href='javascript:void(0);')
if groupIcon if labelArray[1]
i.fa-fw(class=groupIcon) i.fa-fw(class=trim(labelArray[1]))
span= ' ' + groupLabel span=' '+ trim(labelArray[0])
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 valArray = val.split('||')
li li
a.site-page.child(href=url_for(childLink)) a.site-page.child(href=url_for(trim(valArray[0])))
if childIcon if valArray[1]
i.fa-fw(class=childIcon) i.fa-fw(class=trim(valArray[1]))
span= ' ' + lab span=' '+ lab

43
layout/includes/header/nav.pug
View File

@@ -1,26 +1,17 @@
nav#nav nav#nav
span#blog-info span#blog_name
a.nav-site-title(href=url_for('/')) a#site-name(href=url_for('/')) #[=config.title]
if theme.nav.logo
img.site-icon(src=url_for(theme.nav.logo) alt='Logo') #menus
if theme.nav.display_title if (theme.algolia_search.enable || theme.local_search.enable)
span.site-name=config.title #search-button
if globalPageType === 'post' && theme.nav.display_post_title a.site-page.social-icon.search
a.nav-page-title(href=url_for('/')) i.fas.fa-search.fa-fw
span.site-name=(page.title || config.title) span=' '+_p('search.title')
span.site-name !=partial('includes/header/menu_item', {}, {cache: true})
i.fa-solid.fa-circle-arrow-left
span= ' ' + _p('post.back_to_home') #toggle-menu
a.site-page
#menus i.fas.fa-bars.fa-fw
if theme.search.use
#search-button
span.site-page.social-icon.search
i.fas.fa-search.fa-fw
span= ' ' + _p('search.title')
if theme.menu
!= partial('includes/header/menu_item', {}, {cache: true})
#toggle-menu
span.site-page
i.fas.fa-bars.fa-fw

260
layout/includes/header/post-info.pug
View File

@@ -1,149 +1,111 @@
- 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
i.fas.fa-inbox.fa-fw.post-meta-icon each item, index in page.categories.data
a(href=url_for(item.path)).post-meta-categories #[=item.name] i.fas.fa-inbox.fa-fw.post-meta-icon
if index < page.categories.data.length - 1 a(href=url_for(item.path)).post-meta-categories #[=item.name]
i.fas.fa-angle-right.post-meta-separator if (index < page.categories.data.length - 1)
i.fas.fa-angle-right.post-meta-separator
.meta-secondline
- let postWordcount = theme.wordcount.enable && (theme.wordcount.post_wordcount || theme.wordcount.min2read) .meta-secondline
if postWordcount - let postWordcount = theme.wordcount.enable && (theme.wordcount.post_wordcount || theme.wordcount.min2read)
span.post-meta-separator | if (postWordcount)
span.post-meta-wordcount span.post-meta-separator |
if theme.wordcount.post_wordcount span.post-meta-wordcount
i.far.fa-file-word.fa-fw.post-meta-icon if theme.wordcount.post_wordcount
span.post-meta-label= _p('post.wordcount') + ':' i.far.fa-file-word.fa-fw.post-meta-icon
span.word-count= wordcount(page.content) span.post-meta-label= _p('post.wordcount') + ':'
if theme.wordcount.min2read span.word-count= wordcount(page.content)
span.post-meta-separator | if theme.wordcount.min2read
if theme.wordcount.min2read span.post-meta-separator |
i.far.fa-clock.fa-fw.post-meta-icon if theme.wordcount.min2read
span.post-meta-label= _p('post.min2read') + ':' i.far.fa-clock.fa-fw.post-meta-icon
span= min2read(page.content, {cn: 350, en: 160}) + _p('post.min2read_unit') span.post-meta-label= _p('post.min2read') + ':'
span= min2read(page.content, {cn: 350, en: 160}) + _p('post.min2read_unit')
//- for pv and count
mixin pvBlock(parent_id, parent_class, parent_title) //- for pv and count
span.post-meta-separator | mixin pvBlock(parent_id,parent_class,parent_title)
span(class=parent_class id=parent_id data-flag-title=parent_title) span.post-meta-separator |
i.far.fa-eye.fa-fw.post-meta-icon span(class=parent_class id=parent_id data-flag-title=page.title)
span.post-meta-label= _p('post.page_pv') + ':' i.far.fa-eye.fa-fw.post-meta-icon
if block span.post-meta-label=_p('post.page_pv') + ':'
block if block
block
mixin otherPV()
if theme.umami_analytics.enable && theme.umami_analytics.UV_PV.page_pv if theme.busuanzi.page_pv
+pvBlock('', '', '') +pvBlock('','post-meta-pv-cv','')
span#umamiPV(data-path=url_for(page.path)) span#busuanzi_value_page_pv
i.fa-solid.fa-spinner.fa-spin else if comments.use && !comments.lazyload
else if theme.busuanzi.page_pv if (comments.use.includes('Valine') && theme.valine.visitor) || (comments.use.includes('Waline') && theme.waline.visitor)
+pvBlock('', 'post-meta-pv-cv', '') +pvBlock(url_for(page.path),'leancloud_visitors',page.title)
span#busuanzi_value_page_pv span.leancloud-visitors-count
i.fa-solid.fa-spinner.fa-spin else if (comments.use.includes('Twikoo') && theme.twikoo.visitor)
+pvBlock('','','')
- const commentUse = comments.use && comments.use[0] span#twikoo_visitors
if page.comments !== false && commentUse && !comments.lazyload
if commentUse === 'Valine' && theme.valine.visitor if comments.count && !comments.lazyload && page.comments !== false && comments.use
+pvBlock(url_for(page.path), 'leancloud_visitors', page.title) - var whichCount = comments.use[0]
span.leancloud-visitors-count
i.fa-solid.fa-spinner.fa-spin mixin countBlock
else if commentUse === 'Waline' && theme.waline.pageview span.post-meta-separator |
+pvBlock('', '', '') span.post-meta-commentcount
span.waline-pageview-count(data-path=url_for(page.path)) i.far.fa-comments.fa-fw.post-meta-icon
i.fa-solid.fa-spinner.fa-spin span.post-meta-label= _p('post.comments') + ':'
else if commentUse === 'Twikoo' && theme.twikoo.visitor if block
+pvBlock('', '', '') block
span#twikoo_visitors
i.fa-solid.fa-spinner.fa-spin case whichCount
else if commentUse === 'Artalk' && theme.artalk.visitor when 'Disqus'
+pvBlock('', '', '') when 'Disqusjs'
span#ArtalkPV +countBlock
i.fa-solid.fa-spinner.fa-spin span.disqus-comment-count
else a(href=full_url_for(page.path) + '#disqus_thread')
+otherPV() when 'Valine'
else +countBlock
+otherPV() a(href=url_for(page.path) + '#post-comment' itemprop="discussionUrl")
span.valine-comment-count(data-xid=url_for(page.path) itemprop="commentCount")
if comments.count && !comments.lazyload && page.comments !== false && comments.use when 'Waline'
- var whichCount = comments.use[0] +countBlock
a(href=url_for(page.path) + '#post-comment')
mixin countBlock span.waline-comment-count(id=url_for(page.path))
span.post-meta-separator | when 'Gitalk'
span.post-meta-commentcount +countBlock
i.far.fa-comments.fa-fw.post-meta-icon a(href=url_for(page.path) + '#post-comment')
span.post-meta-label= _p('post.comments') + ':' span.gitalk-comment-count
if block when 'Twikoo'
block +countBlock
a(href=url_for(page.path) + '#post-comment')
case whichCount span#twikoo-count
when 'Disqus' when 'Facebook Comments'
+countBlock +countBlock
a.disqus-comment-count(href=full_url_for(page.path) + '#post-comment') a(href=url_for(page.path) + '#post-comment')
i.fa-solid.fa-spinner.fa-spin span.fb-comments-count(data-href=urlNoIndex())
when 'Disqusjs'
+countBlock
a.disqusjs-comment-count(href=full_url_for(page.path) + '#post-comment')
i.fa-solid.fa-spinner.fa-spin
when 'Valine'
+countBlock
a(href=url_for(page.path) + '#post-comment' itemprop="discussionUrl")
span.valine-comment-count(data-xid=url_for(page.path) itemprop="commentCount")
i.fa-solid.fa-spinner.fa-spin
when 'Waline'
+countBlock
a(href=url_for(page.path) + '#post-comment')
span.waline-comment-count(data-path=url_for(page.path))
i.fa-solid.fa-spinner.fa-spin
when 'Gitalk'
+countBlock
a(href=url_for(page.path) + '#post-comment')
span.gitalk-comment-count
i.fa-solid.fa-spinner.fa-spin
when 'Twikoo'
+countBlock
a(href=url_for(page.path) + '#post-comment')
span#twikoo-count
i.fa-solid.fa-spinner.fa-spin
when 'Facebook Comments'
+countBlock
a(href=url_for(page.path) + '#post-comment')
span.fb-comments-count(data-href=urlNoIndex())
when 'Remark42'
+countBlock
a(href=url_for(page.path) + '#post-comment')
span.remark42__counter(data-url=urlNoIndex())
i.fa-solid.fa-spinner.fa-spin
when 'Artalk'
+countBlock
a(href=url_for(page.path) + '#post-comment')
span#ArtalkCount
i.fa-solid.fa-spinner.fa-spin

12
layout/includes/header/social.pug
View File

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

104
layout/includes/layout.pug
View File

@@ -1,59 +1,47 @@
- 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' : '' - var hideAside = !theme.aside.enable || page.aside === false ? 'hide-aside' : ''
- page.aside = globalPageType === 'archive' ? theme.aside.display.archive: globalPageType === 'category' ? theme.aside.display.category : globalPageType === 'tag' ? theme.aside.display.tag : page.aside - var pageType = is_post() ? 'post' : 'page'
- var hideAside = !theme.aside.enable || page.aside === false ? 'hide-aside' : ''
- var pageType = globalPageType === 'post' ? 'post' : 'page' doctype html
- pageType = page.type ? pageType + ' type-' + page.type : pageType html(lang=config.language data-theme=theme.display_mode class=htmlClassHideAside)
head
doctype html include ./head.pug
html(lang=config.language data-theme=theme.display_mode class=htmlClassHideAside) body
head if theme.preloader
include ./head.pug !=partial('includes/loading/loading', {}, {cache: true})
body
!=partial('includes/loading/index', {}, {cache: true}) if theme.background
#web_bg
if theme.background
if !Array.isArray(theme.background) !=partial('includes/sidebar', {}, {cache: true})
#web_bg.bg-animation(style=getBgPath(theme.background))
else if page.type !== '404'
#web_bg.bg-animation #body-wrap(class=pageType)
- const bgStyleArr = theme.background.map(getBgPath) include ./header/index.pug
script.
(() => { main#content-inner.layout(class=hideAside)
const arr = !{JSON.stringify(bgStyleArr)} if body
const webBgDiv = document.getElementById('web_bg') div!= body
else
const setRandomBg = () => { block content
webBgDiv.style = arr[Math.floor(Math.random() * arr.length)] if theme.aside.enable && page.aside !== false
requestAnimationFrame(() => webBgDiv.classList.add('bg-animation')) include widget/index.pug
}
- var footerBg = theme.footer_bg
document.addEventListener('pjax:send', () => { if (footerBg)
webBgDiv.style = '' if (footerBg === true)
webBgDiv.classList.remove('bg-animation') - var footer_bg = bg_img
}) else
- var footer_bg = theme.footer_bg.indexOf('/') !== -1 ? `background-image: url('${url_for(footerBg)}')` : `background: ${footerBg}`
document.addEventListener('pjax:complete', setRandomBg) else
document.addEventListener('DOMContentLoaded', setRandomBg) - var footer_bg = ''
})()
footer#footer(style=footer_bg)
!=partial('includes/sidebar', {}, {cache: true}) !=partial('includes/footer', {}, {cache: true})
#body-wrap(class=pageType) else
include ./header/index.pug include ./404.pug
main#content-inner.layout(class=hideAside) include ./rightside.pug
if body !=partial('includes/third-party/search/index', {}, {cache: true})
div!= body
else
block content
if theme.aside.enable && page.aside !== false
include widget/index.pug
- const footerBg = theme.footer_img
- const footer_bg = footerBg ? footerBg === true ? bg_img : getBgPath(footerBg) : ''
footer#footer(style=footer_bg)
!=partial('includes/footer', {}, {cache: true})
include ./rightside.pug
include ./additional-js.pug include ./additional-js.pug

42
layout/includes/loading/fullpage-loading.pug
View File

@@ -1,42 +0,0 @@
#loading-box
.loading-left-bg
.loading-right-bg
.spinner-box
.configure-border-1
.configure-core
.configure-border-2
.configure-core
.loading-word= _p('loading')
script.
(()=>{
const $loadingBox = document.getElementById('loading-box')
const $body = document.body
const preloader = {
endLoading: () => {
if ($loadingBox.classList.contains('loaded')) return
$body.style.overflow = ''
$loadingBox.classList.add('loaded')
},
initLoading: () => {
$body.style.overflow = 'hidden'
$loadingBox.classList.remove('loaded')
}
}
preloader.initLoading()
if (document.readyState === 'complete') {
preloader.endLoading()
} else {
window.addEventListener('load', preloader.endLoading)
document.addEventListener('DOMContentLoaded', preloader.endLoading)
// Add timeout protection: force end after 7 seconds
setTimeout(preloader.endLoading, 7000)
}
if (!{theme.pjax && theme.pjax.enable}) {
btf.addGlobalFn('pjaxSend', preloader.initLoading, 'preloader_init')
btf.addGlobalFn('pjaxComplete', preloader.endLoading, 'preloader_end')
}
})()

5
layout/includes/loading/index.pug
View File

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

13
layout/includes/loading/loading-js.pug Normal file
View File

@@ -0,0 +1,13 @@
script.
var preloader = {
endLoading: () => {
document.body.style.overflow = 'auto';
document.getElementById('loading-box').classList.add("loaded")
},
initLoading: () => {
document.body.style.overflow = '';
document.getElementById('loading-box').classList.remove("loaded")
}
}
window.addEventListener('load',preloader.endLoading())

9
layout/includes/loading/loading.pug Normal file
View File

@@ -0,0 +1,9 @@
#loading-box
.loading-left-bg
.loading-right-bg
.spinner-box
.configure-border-1
.configure-core
.configure-border-2
.configure-core
.loading-word= _p('loading')

12
layout/includes/loading/pace.pug
View File

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

41
layout/includes/mixins/article-sort.pug
View File

@@ -1,23 +1,20 @@
mixin articleSort(posts) mixin articleSort(posts)
.article-sort .article-sort
- let year - var year
- posts.forEach(article => { - posts.each(function (article) {
- const tempYear = date(article.date, 'YYYY') - let tempYear = date(article.date, 'YYYY')
- const noCoverClass = article.cover === false || !theme.cover.archives_enable ? 'no-article-cover' : '' - let no_cover = article.cover === false || !theme.cover.archives_enable ? 'no-article-cover' : ''
- const title = article.title || _p('no_title') - let 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=no_cover)
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' 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)}'`) .article-sort-item-info
else .article-sort-item-time
div(style=`background: ${article.cover}`) i.far.fa-calendar-alt
.article-sort-item-info time.post-meta-date-created(datetime=date_xml(article.date) title=_p('post.created') + ' ' + full_date(article.date))= date(article.date, config.date_format)
.article-sort-item-time a.article-sort-item-title(href=url_for(article.path) title=title)= title
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)
a.article-sort-item-title(href=url_for(article.path) title=title)= title
- }) - })

119
layout/includes/mixins/indexPostUI.pug
View File

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

114
layout/includes/mixins/post-ui.pug Normal file
View File

@@ -0,0 +1,114 @@
mixin postUI(posts)
each article , index in page.posts.data
.recent-post-item
-
let link = article.link || article.path
let title = article.title || _p('no_title')
const position = theme.cover.position
let leftOrRight = position === 'both'
? index%2 == 0 ? 'left' : 'right'
: position === 'left' ? 'left' : 'right'
let post_cover = article.cover
let no_cover = article.cover === false || !theme.cover.index_enable ? 'no-cover' : ''
-
if post_cover && theme.cover.index_enable
.post_cover(class=leftOrRight)
a(href=url_for(link) title=title)
img.post_bg(src=url_for(post_cover) onerror=`this.onerror=null;this.src='`+ url_for(theme.error_img.post_page) + `'` alt=title)
.recent-post-info(class=no_cover)
a.article-title(href=url_for(link) title=title)= title
.article-meta-wrap
if (is_home() && (article.top || article.sticky > 0))
span.article-meta
i.fas.fa-thumbtack.sticky
span.sticky= _p('sticky')
span.article-meta-separator |
if (theme.post_meta.page.date_type)
span.post-meta-date
if (theme.post_meta.page.date_type === 'both')
i.far.fa-calendar-alt
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)
span.article-meta-separator |
i.fas.fa-history
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)
else
- let data_type_updated = theme.post_meta.page.date_type === 'updated'
- let date_type = data_type_updated ? 'updated' : 'date'
- let date_icon = data_type_updated ? 'fas fa-history' :'far fa-calendar-alt'
- let date_title = data_type_updated ? _p('post.updated') : _p('post.created')
i(class=date_icon)
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)
if (theme.post_meta.page.categories && article.categories.data.length > 0)
span.article-meta
span.article-meta-separator |
i.fas.fa-inbox
each item, index in article.categories.data
a(href=url_for(item.path)).article-meta__categories #[=item.name]
if (index < article.categories.data.length - 1)
i.fas.fa-angle-right.article-meta-link
if (theme.post_meta.page.tags && article.tags.data.length > 0)
span.article-meta.tags
span.article-meta-separator |
i.fas.fa-tag
each item, index in article.tags.data
a(href=url_for(item.path)).article-meta__tags #[=item.name]
if (index < article.tags.data.length - 1)
span.article-meta-link #[='•']
mixin countBlockInIndex
- needLoadCountJs = true
span.article-meta
span.article-meta-separator |
i.fas.fa-comments
if block
block
span.article-meta-label= ' ' + _p('card_post_count')
if theme.comments.card_post_count
case theme.comments.use[0]
when 'Disqus'
when 'Disqusjs'
+countBlockInIndex
a(href=full_url_for(link) + '#disqus_thread')
when 'Valine'
+countBlockInIndex
a(href=url_for(link) + '#post-comment' itemprop="discussionUrl")
span.valine-comment-count(data-xid=url_for(link) itemprop="commentCount")
when 'Waline'
+countBlockInIndex
a(href=url_for(link) + '#post-comment')
span.waline-comment-count(id=url_for(link))
when 'Twikoo'
+countBlockInIndex
a.twikoo-count(href=url_for(link) + '#post-comment')
when 'Facebook Comments'
+countBlockInIndex
a(href=url_for(link) + '#post-comment')
span.fb-comments-count(data-href=urlNoIndex(article.permalink))
//- Display the article introduction on homepage
case theme.index_post_content.method
when false
- break
when 1
.content!= article.description
when 2
if article.description
.content!= article.description
else
- const content = strip_html(article.content)
- let expert = content.substring(0, theme.index_post_content.length)
- content.length > theme.index_post_content.length ? expert += ' ...' : ''
.content!= expert
default
- const content = strip_html(article.content)
- let expert = content.substring(0, theme.index_post_content.length)
- content.length > theme.index_post_content.length ? expert += ' ...' : ''
.content!= expert
if theme.ad && theme.ad.index
if (index + 1) % 3 == 0
.recent-post-item.ads-wrap!=theme.ad.index

8
layout/includes/page/404.pug
View File

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

2
layout/includes/page/default-page.pug
View File

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

150
layout/includes/page/flink.pug
View File

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

332
layout/includes/page/shuoshuo.pug
View File

@@ -1,332 +0,0 @@
//- - author:
//- avatar:
//- date:
//- content:
//- tags:
//- - tag1
//- - tag2
- page.toc = false
#article-container
if page.shuoshuo_url || (site.data.shuoshuo && site.data.shuoshuo.length)
if page.comments !== false && theme.comments.use
- commentsJsLoad = true
script.
(() => {
const commentDiv = `!{partial('includes/third-party/comments/index', {}, {cache: true})}`
const runDestroy = (shuoshuoComment) => {
if (!shuoshuoComment) return
for (const [key, fn] of Object.entries(shuoshuoComment)) {
if (key.startsWith('destroy')) fn()
}
}
window.addCommentToShuoshuo = e => {
const btn = e.target.closest('.shuoshuo-comment-btn')
if (!btn) return
const ele = btn.closest('.container').nextElementSibling
const { shuoshuoComment } = window
const isInclude = ele.classList.contains('no-comment')
runDestroy(shuoshuoComment)
if (isInclude) {
ele.classList.remove('no-comment')
ele.innerHTML = commentDiv
const key = `${location.pathname.replace(/\/$/, '')}?key=${ele.getAttribute('data-key')}`
btf.switchComments(ele, key)
shuoshuoComment.loadComment && shuoshuoComment.loadComment(ele, key)
}
}
})()
- const localDate = page.shuoshuo_url ? [] : shuoshuoFN(site.data.shuoshuo, page)
if !page.shuoshuo_url
script(type='application/json' id='shuoshuo-data')!= safeJSON(localDate)
- const { enable, native, placeholder, field } = theme.lazyload
script.
(() => {
const limitConfig = !{ JSON.stringify(page.limit || {}) }
const sortDataByDate = data => data.sort((a, b) => new Date(b.date) - new Date(a.date))
const filterDataByLimit = (data, limit) => {
if (!limit || !limit.type) return data
if (limit.type === 'num') return data.slice(0, limit.value)
if (limit.type === 'date') {
const limitDate = new Date(limit.value)
return data.filter(item => new Date(item.date) >= limitDate)
}
return data
};
const formatToTimeZone = (date) => {
const fullDate = date.length === 10 ? `${date} 00:00:00` : date
const visitorTimeZone = '#{config.timezone}' || Intl.DateTimeFormat().resolvedOptions().timeZone
const options = {
timeZone: visitorTimeZone,
year: 'numeric',
month: '2-digit',
day: '2-digit',
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false
}
const [day, month, year, hour, minute, second] = new Intl.DateTimeFormat('en-GB', options)
.format(new Date(fullDate))
.match(/\d+/g)
return `${year}-${month}-${day} ${hour}:${minute}:${second}`
}
const addLazyload = str => {
const config = {
enable: !{Boolean(enable)},
native: !{Boolean(native)},
field: '!{field}',
placeholder: '!{url_for(placeholder)}',
}
if (!config.enable || config.field !== 'site') return str
const parser = new DOMParser()
const doc = parser.parseFromString(str, 'text/html')
const images = doc.querySelectorAll('img')
images.forEach(img => {
if (config.native) {
img.setAttribute('loading', 'lazy')
} else {
const src = img.getAttribute('src')
img.setAttribute('data-lazy-src', src)
if (config.placeholder) {
img.setAttribute('src', config.placeholder)
} else {
img.removeAttribute('src')
}
}
})
return doc.body.innerHTML
}
let currentPage = 1
const itemsPerPage = 8
let totalPages = 0
let data = []
let inputEventsAttached = false // Flag to mark if input event listeners have been added
const renderData = (dataSlice) => {
const content = dataSlice.map(item => {
const formattedDate = formatToTimeZone(item.date)
const tags = item.tags && item.tags.map(tag => `<span class="shuoshuo-tag">${tag}</span>`).join('') || ''
const commentButton = item.key && !{commentsJsLoad}
? `<div class="shuoshuo-comment-btn" onclick="addCommentToShuoshuo(event)">
<i class="fa-solid fa-comments"></i>
</div>`
: ''
const commentContainer = item.key
? `<div class="shuoshuo-comment no-comment" data-key="${item.key}"></div>`
: ''
return `
<div class="shuoshuo-item">
<div class="container">
<div class="shuoshuo-item-header">
<div class="shuoshuo-avatar">
<img class="no-lightbox" src="${item.avatar || '!{url_for(theme.avatar.img)}'}">
</div>
<div class="shuoshuo-info">
<div class="shuoshuo-author">${item.author || '!{config.author}'}</div>
<time class="shuoshuo-date" title="${formattedDate}">
${btf.diffDate(formattedDate, true)}
</time>
</div>
</div>
<div class="shuoshuo-content">${addLazyload(item.content)}</div>
<div class="shuoshuo-footer ${tags ? 'flex-between' : 'flex-end'}">
${tags ? `<div class="shuoshuo-tags">${tags}</div>` : ''}
${commentButton}
</div>
</div>
${commentContainer}
</div>`
}).join('')
const container = document.getElementById('article-container')
container.innerHTML = content
window.lazyLoadInstance && window.lazyLoadInstance.update()
btf.loadLightbox(document.querySelectorAll('#article-container img:not(.no-lightbox)'))
}
const renderNavigation = () => {
const container = document.getElementById('article-container')
const existingNav = container.nextElementSibling
if (existingNav && existingNav.classList.contains('shuoshuo-navigation')) {
existingNav.remove()
}
const pageInfoTemplate = '#{__('pagination.page_info')}'
const pageInfoText = pageInfoTemplate
.replace(/\$\{current}/g, currentPage)
.replace(/\$\{total}/g, totalPages)
const navHtml = `
<div class="shuoshuo-navigation">
<button onclick="window.shuoshuoPrevPage()" ${currentPage === 1 ? 'disabled' : ''}><i class="fa-solid fa-chevron-left"></i></button>
<span class="shuoshuo-page-info">${pageInfoText}</span>
<input type="number" class="shuoshuo-page-input" min="1" max="${totalPages}" placeholder="${currentPage}" onkeydown="window.shuoshuoHandleKeyDown(event)">
<button onclick="window.shuoshuoNextPage()" ${currentPage === totalPages ? 'disabled' : ''}><i class="fa-solid fa-chevron-right"></i></button>
</div>
`
container.insertAdjacentHTML('afterend', navHtml)
// Add input validation event listeners (only once)
if (!inputEventsAttached) {
setTimeout(() => {
const input = document.querySelector('.shuoshuo-page-input')
if (input) {
// Clear placeholder when clicking the input box
input.addEventListener('focus', (event) => {
event.target.placeholder = ''
})
// Restore placeholder if no content when losing focus
input.addEventListener('blur', (event) => {
if (!event.target.value.trim()) {
event.target.placeholder = currentPage
}
})
input.addEventListener('input', (event) => {
const value = parseInt(event.target.value) || 0
let wasInvalid = false
if (value > totalPages) {
event.target.value = totalPages
wasInvalid = true
} else if (value < 1 && event.target.value !== '') {
event.target.value = 1
wasInvalid = true
}
// If value is corrected, show red and shake effect
if (wasInvalid) {
event.target.classList.add('invalid')
setTimeout(() => {
event.target.classList.remove('invalid')
}, 500)
}
})
inputEventsAttached = true // Mark that event listeners have been added
}
}, 0)
}
}
const renderPage = (page) => {
const start = (page - 1) * itemsPerPage
const end = start + itemsPerPage
const pageData = data.slice(start, end)
renderData(pageData)
renderNavigation()
}
window.shuoshuoPrevPage = () => {
if (currentPage > 1) {
currentPage--
renderPage(currentPage)
}
}
window.shuoshuoNextPage = () => {
if (currentPage < totalPages) {
currentPage++
renderPage(currentPage)
}
}
window.shuoshuoGoToPage = (page) => {
if (typeof page === 'number') {
// Directly jump to the specified page
if (page >= 1 && page <= totalPages && page !== currentPage) {
currentPage = page
renderPage(currentPage)
}
} else {
// Get page from input box
const input = document.querySelector('.shuoshuo-page-input')
const inputValue = input.value.trim()
const inputPage = inputValue === '' ? currentPage : parseInt(inputValue)
if (inputPage >= 1 && inputPage <= totalPages && inputPage !== currentPage) {
currentPage = inputPage
renderPage(currentPage)
} else if (inputValue === '') {
// If input box is empty, re-render current page (update placeholder)
renderPage(currentPage)
}
}
}
window.shuoshuoHandleKeyDown = (event) => {
const input = event.target
const value = input.value + event.key
// Allow delete, arrow keys, backspace, etc.
if (event.key === 'Enter' || event.key === 'Backspace' || event.key === 'Delete' ||
event.key === 'ArrowLeft' || event.key === 'ArrowRight' ||
event.key === 'Tab' || event.ctrlKey || event.metaKey) {
if (event.key === 'Enter') {
window.shuoshuoGoToPage()
}
return
}
// Only allow numbers
if (!/^\d$/.test(event.key)) {
event.preventDefault()
return
}
// Check if the value after input exceeds the range
const newValue = parseInt(value) || 0
if (newValue > totalPages || (value.length > 1 && newValue === 0)) {
event.preventDefault()
// Add red and shake effect
input.classList.add('invalid')
setTimeout(() => {
input.classList.remove('invalid')
}, 500)
}
}
const loadShuoshuo = async () => {
try {
let originData = []
if (!{Boolean(page.shuoshuo_url)}) {
const response = await fetch('!{url_for(page.shuoshuo_url)}')
originData = await response.json()
} else {
const dataElement = document.getElementById('shuoshuo-data')
originData = dataElement ? JSON.parse(dataElement.textContent) : []
}
data = filterDataByLimit(sortDataByDate(originData), limitConfig)
totalPages = Math.ceil(data.length / itemsPerPage)
renderPage(currentPage)
} catch (error) {
console.error(error)
}
};
window.pjax ? loadShuoshuo() : window.addEventListener('load', loadShuoshuo)
})()

4
layout/includes/page/tags.pug
View File

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

75
layout/includes/pagination.pug
View File

@@ -1,38 +1,37 @@
if page.total !== 1 -
- 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 is_post()
if globalPageType === 'post' - let prev = theme.post_pagination === 1 ? page.prev : page.next
- let paginationOrder = theme.post_pagination === 2 ? { prev: page.prev, next: page.next } : { prev: page.next, next: page.prev } - let next = theme.post_pagination === 1 ? page.next : page.prev
nav#pagination.pagination-post
nav#pagination.pagination-post if(prev)
each direction, key in paginationOrder - var hasPageNext = next ? 'pull-left' : 'pull-full'
if direction .prev-post(class=hasPageNext)
- const getPostDesc = direction.postDesc || postDesc(direction) - var pagination_cover = prev.cover === false ? prev.randomcover : prev.cover
- let className = key === 'prev' ? (paginationOrder.next ? '' : 'full-width') : (paginationOrder.prev ? '' : 'full-width') a(href=url_for(prev.path))
- className = getPostDesc ? className : className + ' no-desc' img.prev-cover(src=url_for(pagination_cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'` alt='cover of previous post')
.pagination-info
a.pagination-related(class=className href=url_for(direction.path) title=direction.title) .label=_p('pagination.prev')
if direction.cover_type === 'img' .prev_info=prev.title
img.cover(src=url_for(direction.pagination_cover || direction.cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'` alt=`cover of ${key === 'prev' ? 'previous' : 'next'} post`)
else if(next)
.cover(style=`background: ${direction.cover || 'var(--default-bg-color)'}`) - var hasPagePrev = prev ? 'pull-right' : 'pull-full'
- var pagination_cover = next.cover == false ? next.randomcover : next.cover
.info(class=key === 'prev' ? '' : 'text-right') .next-post(class=hasPagePrev)
.info-1 a(href=url_for(next.path))
.info-item-1=_p(`pagination.${key}`) img.next-cover(src=url_for(pagination_cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'` alt='cover of next post')
.info-item-2!=direction.title .pagination-info
if getPostDesc .label=_p('pagination.next')
.info-2 .next_info=next.title
.info-item-1!=getPostDesc else
else nav#pagination
nav#pagination .pagination
.pagination if is_home()
if globalPageType === 'home' - options.format = 'page/%d/#content-inner'
- options.format = 'page/%d/#content-inner' !=paginator(options)
!=paginator(options)

8
layout/includes/post/outdate-notice.pug
View File

@@ -1,8 +0,0 @@
- 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)}
if position === 'top'
#post-outdate-notice(data=notice_data hidden)
!=page.content
else
!=page.content
#post-outdate-notice(data=notice_data hidden)

40
layout/includes/post/post-copyright.pug
View File

@@ -1,23 +1,17 @@
if theme.post_copyright.enable && page.copyright !== false if theme.post_copyright.enable && page.copyright !== false
- const author = page.copyright_author || config.author - let author = page.copyright_author ? page.copyright_author : config.author
- const authorHref = page.copyright_author_href || theme.post_copyright.author_href || config.url - let authorHref = page.copyright_author_href ? page.copyright_author_href : `mailto:${config.email}`
- const url = page.copyright_url || page.permalink - let url = page.copyright_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) - let info = page.copyright_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= _p('post.copyright.author') + ": "
i.fas.fa-circle-user.fa-fw span.post-copyright-info
= _p('post.copyright.author') + ": " a(href=authorHref)=author
span.post-copyright-info .post-copyright__type
a(href=authorHref)= author span.post-copyright-meta= _p('post.copyright.link') + ": "
.post-copyright__type span.post-copyright-info
span.post-copyright-meta a(href=url_for(url))= theme.post_copyright.decode ? decodeURI(url) : url
i.fas.fa-square-arrow-up-right.fa-fw .post-copyright__notice
= _p('post.copyright.link') + ": " span.post-copyright-meta= _p('post.copyright.copyright_notice') + ": "
span.post-copyright-info span.post-copyright-info!= info
a(href=url_for(url))= theme.post_copyright.decode ? decodeURI(url) : url
.post-copyright__notice
span.post-copyright-meta
i.fas.fa-circle-exclamation.fa-fw
= _p('post.copyright.copyright_notice') + ": "
span.post-copyright-info!= info

25
layout/includes/post/reward.pug
View File

@@ -1,12 +1,13 @@
.post-reward .post-reward
.reward-button .reward-button
i.fas.fa-qrcode i.fas.fa-qrcode
= theme.reward.text || _p('donate') = ' ' + _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 - var clickTo = item.link ? 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

112
layout/includes/rightside.pug
View File

@@ -1,54 +1,60 @@
- const { readmode, translate, darkmode, aside, chat } = theme - const { readmode, translate, darkmode, aside, chat_btn } = theme
mixin rightsideItem(array)
mixin rightsideItem(array) each item in array
each item in array case item
case item when 'readmode'
when 'readmode' if is_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_btn
if chat.rightside_button && chat.use button#chat_btn(type="button" title=_p("rightside.chat_btn"))
button#chat-btn(type="button" title=_p("rightside.chat") style="display:none") i.fas.fa-sms
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
- 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']
- const needCogBtn = (enable && hide) || (!enable && ((globalPageType === 'post' && (readmode || translate.enable || (darkmode.enable && darkmode.button))) || (translate.enable || (darkmode.enable && darkmode.button))))
#rightside #rightside-config-hide
#rightside-config-hide if hideArray
if hideArray.length +rightsideItem(hideArray)
+rightsideItem(hideArray) #rightside-config-show
if enable
#rightside-config-show if hide
if needCogBtn 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(class=theme.rightside_config_animation ? 'fa-spin' : '') else
if is_post()
if showArray.length if (readmode || translate.enable || (darkmode.enable && darkmode.button))
+rightsideItem(showArray) button#rightside_config(type="button" title=_p("rightside.setting"))
i.fas.fa-cog.fa-spin
button#go-up(type="button" title=_p("rightside.back_to_top")) else if translate.enable || (darkmode.enable && darkmode.button)
span.scroll-percent button#rightside_config(type="button" title=_p("rightside.setting"))
i.fas.fa-cog.fa-spin
if showArray
+rightsideItem(showArray)
button#go-up(type="button" title=_p("rightside.back_to_top"))
i.fas.fa-arrow-up i.fas.fa-arrow-up

41
layout/includes/sidebar.pug
View File

@@ -1,18 +1,23 @@
if theme.menu #sidebar
#sidebar #menu-mask
#menu-mask #sidebar-menus
#sidebar-menus .avatar-img.is-center
.avatar-img.text-center img(src=url_for(theme.avatar.img) onerror=`onerror=null;src='${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.is-center
.site-data.text-center .data-item
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)}/`)
.headline= _p('aside.tags') .data-item
.length-num= site.tags.length a(href=url_for(config.tag_dir) + '/' )
a(href=`${url_for(config.category_dir)}/`) .headline= _p('aside.tags')
.headline= _p('aside.categories') .length-num= site.tags.length
.length-num= site.categories.length
.data-item
!= partial('includes/header/menu_item', {}, { cache: true }) a(href=url_for(config.category_dir) + '/')
.headline= _p('aside.categories')
.length-num= site.categories.length
hr
!=partial('includes/header/menu_item', {}, {cache: true})

46
layout/includes/third-party/abcjs/abcjs.pug vendored
View File

@@ -1,46 +0,0 @@
script.
(() => {
const abcjsInit = () => {
const abcjsFn = () => {
setTimeout(() => {
const sheets = document.querySelectorAll(".abc-music-sheet")
for (let i = 0; i < sheets.length; i++) {
const ele = sheets[i]
if (ele.children.length > 0) continue
// Parse parameters from data-params attribute
let params = {}
const dp = ele.getAttribute("data-params")
if (dp) {
try {
params = JSON.parse(dp)
} catch (e) {
console.error("Failed to parse data-params:", e)
}
}
// Merge parsed parameters with the responsive option
// Ensures params content appears before responsive
const options = { ...params, responsive: "resize" }
// Render the music score using ABCJS.renderAbc
ABCJS.renderAbc(ele, ele.textContent, options)
}
}, 100)
}
if (typeof ABCJS === "object") {
abcjsFn()
} else {
btf.getScript("!{url_for(theme.asset.abcjs_basic_js)}").then(abcjsFn)
}
}
if (window.pjax) {
abcjsInit()
} else {
window.addEventListener("load", abcjsInit)
}
btf.addGlobalFn("encrypt", abcjsInit, "abcjs")
})()

3
layout/includes/third-party/abcjs/index.pug vendored
View File

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

26
layout/includes/third-party/aplayer.pug vendored
View File

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

31
layout/includes/third-party/card-post-count/artalk.pug vendored
View File

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

41
layout/includes/third-party/card-post-count/disqus.pug vendored
View File

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

33
layout/includes/third-party/card-post-count/fb.pug vendored
View File

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

28
layout/includes/third-party/card-post-count/index.pug vendored
View File

@@ -1,16 +1,12 @@
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'
include ./remark42.pug
when 'Artalk'
include ./artalk.pug

18
layout/includes/third-party/card-post-count/remark42.pug vendored
View File

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

74
layout/includes/third-party/card-post-count/twikoo.pug vendored
View File

@@ -1,39 +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) => {
if (res[index]) { item.innerText = res[index].count
item.textContent = res[index].count })
} }).catch(function (err) {
}) console.log(err)
}).catch(function (err) { })
console.log(err) }
})
} if (typeof twikoo === 'object') {
runTwikoo()
if (typeof twikoo === 'object') { } else {
runTwikoo() getScript('!{theme.CDN.twikoo}').then(runTwikoo)
} else { }
btf.getScript('!{url_for(theme.asset.twikoo)}').then(runTwikoo) }
}
} window.pjax ? getCount() : window.addEventListener('load', getCount)
window.pjax ? getCount() : window.addEventListener('load', getCount)
})() })()

39
layout/includes/third-party/card-post-count/valine.pug vendored
View File

@@ -1,20 +1,19 @@
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}' }
}
const valine = new Valine(initData)
const valine = new Valine(initData) }
}
if (typeof Valine === 'function') initValine()
if (typeof Valine === 'function') initValine() else getScript('!{url_for(theme.CDN.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) })()
})()

38
layout/includes/third-party/card-post-count/waline.pug vendored
View File

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

71
layout/includes/third-party/chat/chatra.pug vendored
View File

@@ -1,38 +1,33 @@
//- https://chatra.io/help/api/ //- https://chatra.io/help/api/
script. script.
(() => { (function(d, w, c) {
window.ChatraID = '#{theme.chatra.id}' w.ChatraID = '#{theme.chatra.id}';
window.Chatra = window.Chatra || function() { var s = d.createElement('script');
(window.Chatra.q = window.Chatra.q || []).push(arguments) w[c] = w[c] || function() {
} (w[c].q = w[c].q || []).push(arguments);
};
btf.getScript('https://call.chatra.io/chatra.js').then(() => { s.async = true;
const isChatBtn = !{theme.chat.rightside_button} s.src = 'https://call.chatra.io/chatra.js';
const isChatHideShow = !{theme.chat.button_hide_show} if (d.head) d.head.appendChild(s);
})(document, window, 'Chatra');
if (isChatBtn) {
const close = () => { if (!{theme.chat_btn}) {
Chatra('minimizeWidget') var chatBtnFn = () => {
Chatra('hide') var chatBtn = document.getElementById("chat_btn")
} chatBtn.addEventListener("click", function(){
Chatra('openChat')
const open = () => { });
Chatra('openChat', true) }
Chatra('show') chatBtnFn()
} } else {
if (!{theme.chat_hide_show}) {
window.ChatraSetup = { startHidden: true } function chatBtnHide () {
Chatra('hide')
window.chatBtnFn = () => document.getElementById('chatra').classList.contains('chatra--expanded') ? close() : open() }
function chatBtnShow () {
document.getElementById('chat-btn').style.display = 'block' Chatra('show')
} else if (isChatHideShow) { }
window.chatBtn = { }
hide: () => Chatra('hide'), }
show: () => Chatra('show')
}
}
})
})()

68
layout/includes/third-party/chat/crisp.pug vendored
View File

@@ -1,32 +1,36 @@
script. script.
(() => { window.$crisp = [];
window.$crisp = ['safe', true] window.CRISP_WEBSITE_ID = "!{theme.crisp.website_id}";
window.CRISP_WEBSITE_ID = "!{theme.crisp.website_id}" (function () {
d = document;
btf.getScript('https://client.crisp.chat/l.js').then(() => { s = d.createElement("script");
const isChatBtn = !{theme.chat.rightside_button} s.src = "https://client.crisp.chat/l.js";
const isChatHideShow = !{theme.chat.button_hide_show} s.async = 1;
d.getElementsByTagName("head")[0].appendChild(s);
if (isChatBtn) { })();
const open = () => { $crisp.push(["safe", true])
$crisp.push(["do", "chat:show"])
$crisp.push(["do", "chat:open"]) if (!{theme.chat_btn}) {
} $crisp.push(["do", "chat:hide"])
$crisp.push(["on", "chat:closed", function() {
const close = () => $crisp.push(["do", "chat:hide"]) $crisp.push(["do", "chat:hide"])
}])
close() var chatBtnFn = () => {
var chatBtn = document.getElementById("chat_btn")
$crisp.push(["on", "chat:closed", close]) chatBtn.addEventListener("click", function(){
$crisp.push(["do", "chat:show"])
window.chatBtnFn = () => $crisp.is("chat:visible") ? close() : open() $crisp.push(["do", "chat:open"])
document.getElementById('chat-btn').style.display = 'block' });
} else if (isChatHideShow) { }
window.chatBtn = { chatBtnFn()
hide: () => $crisp.push(["do", "chat:hide"]), } else {
show: () => $crisp.push(["do", "chat:show"]) if (!{theme.chat_hide_show}) {
} function chatBtnHide () {
} $crisp.push(["do", "chat:hide"])
}) }
})() function chatBtnShow () {
$crisp.push(["do", "chat:show"])
}
}
}

40
layout/includes/third-party/chat/daovoice.pug vendored Normal file
View File

@@ -0,0 +1,40 @@
//- https://guide.daocloud.io/daovoice/javascript-api-5869833.html
script.
(function(i,s,o,g,r,a,m){i["DaoVoiceObject"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;a.charset="utf-8";m.parentNode.insertBefore(a,m)})(window,document,"script",('https:' == document.location.protocol ? 'https:' : 'http:') + "//widget.daovoice.io/widget/!{theme.daovoice.app_id}.js","daovoice")
script.
var isChatBtn = !{theme.chat_btn}
daovoice('init', {
app_id: '!{theme.daovoice.app_id}',},{
launcher: {
disableLauncherIcon: isChatBtn // 悬浮 ICON 是否显示
},
});
daovoice('update');
if (isChatBtn) {
var chatBtnFn = () => {
var chatBtn = document.getElementById("chat_btn")
chatBtn.addEventListener("click", function(){
daovoice('show')
});
}
chatBtnFn()
} else {
if (!{theme.chat_hide_show}) {
function chatBtnHide () {
daovoice('update', {},{
launcher: {
disableLauncherIcon: true // 悬浮 ICON 是否显示
},
});
}
function chatBtnShow () {
daovoice('update', {},{
launcher: {
disableLauncherIcon: false // 悬浮 ICON 是否显示
},
});
}
}
}

43
layout/includes/third-party/chat/gitter.pug vendored Normal file
View File

@@ -0,0 +1,43 @@
if theme.chat_btn
script.
((window.gitter = {}).chat = {}).options = {
disableDefaultChat: true,
};
document.addEventListener('gitter-sidecar-ready', (e) => {
const GitterChat = e.detail.Chat
let chat
function initGitter () {
chat = new GitterChat({
room: '#{theme.gitter.room}',
activationElement: '#chat_btn'
});
}
initGitter()
if (!{theme.pjax.enable}) {
document.addEventListener('pjax:complete', () => {
chat.destroy()
initGitter()
})
}
})
else
script.
((window.gitter = {}).chat = {}).options = {
room: '#{theme.gitter.room}',
};
if (!{theme.chat_hide_show}) {
function chatBtnHide () {
document.getElementsByClassName('gitter-open-chat-button')[0].style.display= 'none'
}
function chatBtnShow () {
document.getElementsByClassName('gitter-open-chat-button')[0].style.display= 'block'
}
}
script(src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer)

17
layout/includes/third-party/chat/index.pug vendored
View File

@@ -1,7 +1,10 @@
case theme.chat.use if theme.chatra && theme.chatra.enable
when 'chatra' include ./chatra.pug
include ./chatra.pug else if theme.tidio && theme.tidio.enable
when 'tidio' include ./tidio.pug
include ./tidio.pug else if theme.daovoice && theme.daovoice.enable
when 'crisp' include ./daovoice.pug
include ./crisp.pug else if theme.gitter && theme.gitter.enable
include ./gitter.pug
else if theme.crisp && theme.crisp.enable
include ./crisp.pug

86
layout/includes/third-party/chat/tidio.pug vendored
View File

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

73
layout/includes/third-party/comments/artalk.pug vendored
View File

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

127
layout/includes/third-party/comments/disqus.pug vendored
View File

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

142
layout/includes/third-party/comments/disqusjs.pug vendored
View File

@@ -1,87 +1,55 @@
- let disqusjsPageTitle = page.title && page.title.replace(/'/ig,"\\'") - let disqusjsPageTitle = page.title.replace(/'/ig,"\\'")
- const { shortname:dqShortname, apikey:dqApikey, option:dqOption } = theme.disqusjs
script.
script. function loadDisqusjs () {
(() => { function addDisqusjsCSS () {
const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo'== 'shuoshuo' const ele = document.createElement('link')
const dqOption = !{JSON.stringify(dqOption)} ele.rel = 'stylesheet'
ele.href= '!{url_for(theme.CDN.disqusjs_css)}'
const destroyDisqusjs = () => { document.getElementsByTagName('head')[0].appendChild(ele)
disqusjs.destroy() }
window.disqusjs = null
} function initDisqusjs () {
window.DISQUS = null
const themeChange = (el, path) => { new DisqusJS(Object.assign({
destroyDisqusjs() shortname: '!{theme.disqusjs.shortname}',
initDisqusjs(el, path) identifier: '!{ page.path }',
} url: '!{ page.permalink }',
title: '!{ disqusjsPageTitle }',
const initDisqusjs = (el = document, path) => { apikey: '!{theme.disqusjs.apikey}',
if (isShuoshuo) { },!{JSON.stringify(theme.disqusjs.option)}))
window.shuoshuoComment.destroyDisqusjs = () => { }
destroyDisqusjs()
if (el.children.length) {
el.innerHTML = '' window.disqusReset = initDisqusjs
el.classList.add('no-comment')
} if (window.disqusJsLoad) initDisqusjs()
} else {
} addDisqusjsCSS()
getScript('!{url_for(theme.CDN.disqusjs)}').then(initDisqusjs)
disqusjs = new DisqusJS({ window.disqusJsLoad = true
shortname: '!{dqShortname}', }
title: '!{ disqusjsPageTitle }', }
apikey: '!{dqApikey}',
...dqOption, if ('!{theme.comments.use[0]}' === 'Disqusjs' || !!{theme.comments.lazyload}) {
identifier: isShuoshuo ? path : (dqOption && dqOption.identifier) || '!{ url_for(page.path) }', if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('disqus_thread'), loadDisqusjs)
url: isShuoshuo ? location.origin + path : (dqOption && dqOption.url) || '!{ page.permalink }' else loadDisqusjs()
}) }
else {
disqusjs.render(el.querySelector('#disqusjs-wrap')) function loadOtherComment () {
loadDisqusjs()
btf.addGlobalFn('themeChange', () => themeChange(el, path), 'disqusjs') }
} }
const loadDisqusjs = async(el, path) => {
if (window.disqusJsLoad) initDisqusjs(el, path) if is_post() && !theme.comments.lazyload && theme.comments.count && theme.comments.use[0] === 'Disqusjs'
else { script.
await btf.getCSS('!{url_for(theme.asset.disqusjs_css)}') if (window.DISQUSWIDGETS === undefined) {
await btf.getScript('!{url_for(theme.asset.disqusjs)}') var d = document, s = d.createElement('script');
initDisqusjs(el, path) s.src = 'https://!{theme.disqus.shortname}.disqus.com/count.js';
window.disqusJsLoad = true s.id = 'dsq-count-scr';
} (d.head || d.body).appendChild(s);
} } else {
DISQUSWIDGETS.getCount({reset: true});
const getCount = async() => { }
try {
const eleGroup = document.querySelector('#post-meta .disqusjs-comment-count')
if (!eleGroup) return
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}`,{
method: 'GET'
})
const result = await res.json()
const count = result.response.length ? result.response[0].posts : 0
eleGroup.textContent = count
} catch (err) {
console.error(err)
}
}
if (isShuoshuo) {
'!{theme.comments.use[0]}' === 'Disqusjs'
? window.shuoshuoComment = { loadComment: loadDisqusjs }
: window.loadOtherComment = loadDisqusjs
return
}
if ('!{theme.comments.use[0]}' === 'Disqusjs' || !!{theme.comments.lazyload}) {
if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('disqusjs-wrap'), loadDisqusjs)
else {
loadDisqusjs()
!{ theme.comments.count ? `GLOBAL_CONFIG_SITE.pageType === 'post' && getCount()` : '' }
}
} else {
window.loadOtherComment = loadDisqusjs
}
})()

90
layout/includes/third-party/comments/facebook_comments.pug vendored
View File

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

131
layout/includes/third-party/comments/giscus.pug vendored
View File

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

112
layout/includes/third-party/comments/gitalk.pug vendored
View File

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

88
layout/includes/third-party/comments/index.pug vendored
View File

@@ -1,46 +1,42 @@
- let defaultComment = theme.comments.use[0] - let defaultComment = theme.comments.use[0]
hr.custom-hr 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 #disqus_thread
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'
#remark42
when 'Artalk'
#artalk-wrap

48
layout/includes/third-party/comments/js.pug vendored
View File

@@ -1,26 +1,22 @@
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 !=partial('includes/third-party/comments/facebook_comments', {}, {cache: true})
when 'Remark42'
!=partial('includes/third-party/comments/remark42', {}, {cache: true})
when 'Artalk'
!=partial('includes/third-party/comments/artalk', {}, {cache: true})

73
layout/includes/third-party/comments/livere.pug vendored
View File

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

78
layout/includes/third-party/comments/remark42.pug vendored
View File

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

113
layout/includes/third-party/comments/twikoo.pug vendored
View File

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

97
layout/includes/third-party/comments/utterances.pug vendored
View File

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

93
layout/includes/third-party/comments/valine.pug vendored
View File

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

89
layout/includes/third-party/comments/waline.pug vendored
View File

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

68
layout/includes/third-party/effect.pug vendored
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.CDN.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.CDN.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.CDN.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.CDN.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.CDN.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.CDN.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.CDN.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
) )

91
layout/includes/third-party/math/chartjs.pug vendored
View File

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

32
layout/includes/third-party/math/index.pug vendored
View File

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

26
layout/includes/third-party/math/katex.pug vendored
View File

@@ -1,16 +1,10 @@
script. link(rel="stylesheet" type="text/css" href=theme.CDN.katex)
(async () => { script(src=url_for(theme.CDN.katex_copytex))
const showKatex = () => { link(rel="stylesheet" type="text/css" href=theme.CDN.katex_copytex_css)
document.querySelectorAll('#article-container .katex').forEach(el => el.classList.add('katex-show')) script.
} (() => {
document.querySelectorAll('#article-container span.katex-display').forEach(item => {
if (!window.katex_js_css) { btf.wrap(item, 'div', { class: 'katex-wrap'})
window.katex_js_css = true })
await btf.getCSS('!{url_for(theme.asset.katex)}') })()
if (!{theme.math.katex.copy_tex}) {
await btf.getScript('!{url_for(theme.asset.katex_copytex)}')
}
}
showKatex()
})()

126
layout/includes/third-party/math/mathjax.pug vendored
View File

@@ -1,78 +1,48 @@
//- Mathjax 4/5 //- Mathjax 3
- const { tags, enableMenu } = theme.math.mathjax script.
script. if (!window.MathJax) {
(() => { window.MathJax = {
const loadMathjax = () => { tex: {
if (!window.MathJax) { inlineMath: [ ['$','$'], ["\\(","\\)"]],
window.MathJax = { tags: 'ams'
loader: { },
load: [ chtml: {
// Four font extension packages (optional) scale: 1.2
//- '[tex]/bbm', },
//- '[tex]/bboldx', options: {
//- '[tex]/dsfont', renderActions: {
'[tex]/mhchem' findScript: [10, doc => {
], for (const node of document.querySelectorAll('script[type^="math/tex"]')) {
paths: { const display = !!node.type.match(/; *mode=display/)
'mathjax-newcm': '[mathjax]/../@mathjax/mathjax-newcm-font', const math = new doc.options.MathItem(node.textContent, doc.inputJax[0], display)
const text = document.createTextNode('')
//- // Four font extension packages (optional) node.parentNode.replaceChild(text, node)
//- 'mathjax-bbm-extension': '[mathjax]/../@mathjax/mathjax-bbm-font-extension', math.start = {node: text, delim: '', n: 0}
//- 'mathjax-bboldx-extension': '[mathjax]/../@mathjax/mathjax-bboldx-font-extension', math.end = {node: text, delim: '', n: 0}
//- 'mathjax-dsfont-extension': '[mathjax]/../@mathjax/mathjax-dsfont-font-extension', doc.math.push(math)
'mathjax-mhchem-extension': '[mathjax]/../@mathjax/mathjax-mhchem-font-extension' }
} }, ''],
}, insertScript: [200, () => {
output: { document.querySelectorAll('mjx-container:not\([display]\)').forEach(node => {
font: 'mathjax-newcm', const target = node.parentNode
}, if (target.nodeName.toLowerCase() === 'li') {
tex: { target.parentNode.classList.add('has-jax')
inlineMath: [['$', '$'], ['\\(', '\\)']], } else {
tags: '!{tags}', target.classList.add('has-jax')
packages: { }
'[+]': [ });
'mhchem' }, '', false]
] }
} }
}, }
chtml: {
scale: 1.1 const script = document.createElement('script')
}, script.src = '!{theme.CDN.mathjax}'
options: { script.id = 'MathJax-script'
enableMenu: !{enableMenu}, script.async = true
menuOptions: { document.head.appendChild(script)
settings: { } else {
enrich: false // Turn off Braille and voice narration text automatic generation MathJax.startup.document.state(0)
} MathJax.texReset()
}, MathJax.typeset()
renderActions: { }
findScript: [10, doc => {
for (const node of document.querySelectorAll('script[type^="math/tex"]')) {
const display = !!node.type.match(/; *mode=display/)
const math = new doc.options.MathItem(node.textContent, doc.inputJax[0], display)
const text = document.createTextNode('')
node.parentNode.replaceChild(text, node)
math.start = {node: text, delim: '', n: 0}
math.end = {node: text, delim: '', n: 0}
doc.math.push(math)
}
}, '']
}
}
}
const script = document.createElement('script')
script.src = '!{url_for(theme.asset.mathjax)}'
script.id = 'MathJax-script'
script.async = true
document.head.appendChild(script)
} else {
MathJax.startup.document.state(0)
MathJax.texReset()
MathJax.typesetPromise()
}
}
btf.addGlobalFn('encrypt', loadMathjax, 'mathjax')
window.pjax ? loadMathjax() : window.addEventListener('load', loadMathjax)
})()

349
layout/includes/third-party/math/mermaid.pug vendored
View File

@@ -1,323 +1,26 @@
script. script.
(() => { (() => {
const parseViewBox = viewBox => { const $mermaidWrap = document.querySelectorAll('#article-container .mermaid-wrap')
if (!viewBox) return null if ($mermaidWrap.length) {
const parts = viewBox.trim().split(/[\s,]+/).map(n => Number(n)) window.runMermaid = () => {
if (parts.length !== 4 || parts.some(n => Number.isNaN(n))) return null window.loadMermaid = true
return parts const theme = document.documentElement.getAttribute('data-theme') === 'dark' ? '!{theme.mermaid.theme.dark}' : '!{theme.mermaid.theme.light}'
}
Array.from($mermaidWrap).forEach((item, index) => {
const getSvgViewBox = svg => { const mermaidSrc = item.firstElementChild
const attr = parseViewBox(svg.getAttribute('viewBox')) const mermaidThemeConfig = '%%{init:{ \'theme\':\'' + theme + '\'}}%%\n'
if (attr) return attr const mermaidID = 'mermaid-' + index
const mermaidDefinition = mermaidThemeConfig + mermaidSrc.textContent
// Fallback: use bbox to build a viewBox mermaid.mermaidAPI.render(mermaidID, mermaidDefinition, (svgCode) => {
try { mermaidSrc.insertAdjacentHTML('afterend', svgCode)
const bbox = svg.getBBox() })
if (bbox && bbox.width && bbox.height) return [bbox.x, bbox.y, bbox.width, bbox.height] })
} catch (e) { }
// getBBox may fail on some edge cases; ignore
} const loadMermaid = () => {
window.loadMermaid ? runMermaid() : getScript('!{theme.CDN.mermaid}').then(runMermaid)
const w = Number(svg.getAttribute('width')) || 0 }
const h = Number(svg.getAttribute('height')) || 0
if (w > 0 && h > 0) return [0, 0, w, h] window.pjax ? loadMermaid() : document.addEventListener('DOMContentLoaded', loadMermaid)
return [0, 0, 100, 100] }
} })()
const setSvgViewBox = (svg, vb) => {
svg.setAttribute('viewBox', `${vb[0]} ${vb[1]} ${vb[2]} ${vb[3]}`)
}
const clamp = (v, min, max) => Math.max(min, Math.min(max, v))
const openSvgInNewTab = ({ source, initViewBox }) => {
const getClonedSvg = () => {
if (typeof source === 'string') {
const template = document.createElement('template')
template.innerHTML = source.trim()
const svg = template.content.querySelector('svg')
return svg ? svg.cloneNode(true) : null
}
if (source && typeof source.cloneNode === 'function') {
return source.cloneNode(true)
}
return null
}
const clone = getClonedSvg()
if (!clone) return
if (initViewBox && initViewBox.length === 4) {
clone.setAttribute('viewBox', initViewBox.join(' '))
}
if (!clone.getAttribute('xmlns')) clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg')
if (!clone.getAttribute('xmlns:xlink') && clone.outerHTML.includes('xlink:')) {
clone.setAttribute('xmlns:xlink', 'http://www.w3.org/1999/xlink')
}
// inject background to match current theme
const isDark = document.documentElement.getAttribute('data-theme') === 'dark'
const bg = getComputedStyle(document.body).backgroundColor || (isDark ? '#1e1e1e' : '#ffffff')
if (!clone.style.background) clone.style.background = bg
const serializer = new XMLSerializer()
const svgSource = serializer.serializeToString(clone)
const htmlSource = `<!doctype html><html><head><meta charset="utf-8" />
<style>
html, body { width: 100%; height: 100%; margin: 0; display: flex; align-items: center; justify-content: center; background: ${bg}; }
svg { max-width: 100%; max-height: 100%; height: auto; width: auto; }
</style>
</head><body>${svgSource}</body></html>`
const blob = new Blob([htmlSource], { type: 'text/html;charset=utf-8' })
const url = URL.createObjectURL(blob)
window.open(url, '_blank', 'noopener')
setTimeout(() => URL.revokeObjectURL(url), 30000)
}
const attachMermaidViewerButton = wrap => {
let btn = wrap.querySelector('.mermaid-open-btn')
if (!btn) {
btn = document.createElement('button')
btn.type = 'button'
btn.className = 'mermaid-open-btn'
wrap.appendChild(btn)
}
btn.innerHTML = '<i class="fa fa-search fa-fw" aria-hidden="true"></i>'
if (!btn.__mermaidViewerBound) {
btn.addEventListener('click', e => {
e.preventDefault()
e.stopPropagation()
const svg = wrap.__mermaidOriginalSvg || wrap.querySelector('svg')
if (!svg) return
const initViewBox = wrap.__mermaidInitViewBox
if (typeof svg === 'string') {
openSvgInNewTab({ source: svg, initViewBox })
return
}
openSvgInNewTab({ source: svg, initViewBox })
})
btn.__mermaidViewerBound = true
}
}
// Zoom around a point (px, py) in the SVG viewport (in viewBox coordinates)
const zoomAtPoint = (vb, factor, px, py) => {
const w = vb[2] * factor
const h = vb[3] * factor
const nx = px - (px - vb[0]) * factor
const ny = py - (py - vb[1]) * factor
return [nx, ny, w, h]
}
const initMermaidGestures = wrap => {
const svg = wrap.querySelector('svg')
if (!svg) return
// Ensure viewBox exists so gestures always work
const initVb = getSvgViewBox(svg)
wrap.__mermaidInitViewBox = initVb
wrap.__mermaidCurViewBox = initVb.slice()
setSvgViewBox(svg, initVb)
// Avoid binding multiple times on themeChange/pjax
if (wrap.__mermaidGestureBound) return
wrap.__mermaidGestureBound = true
// Helper: map client (viewport) coordinate -> viewBox coordinate
const clientToViewBox = (clientX, clientY) => {
const rect = svg.getBoundingClientRect()
const vb = wrap.__mermaidCurViewBox || getSvgViewBox(svg)
const x = vb[0] + (clientX - rect.left) * (vb[2] / rect.width)
const y = vb[1] + (clientY - rect.top) * (vb[3] / rect.height)
return { x, y, rect, vb }
}
const state = {
pointers: new Map(),
startVb: null,
startDist: 0,
startCenter: null
}
const clampVb = vb => {
const init = wrap.__mermaidInitViewBox || vb
const minW = init[2] * 0.1
const maxW = init[2] * 10
const minH = init[3] * 0.1
const maxH = init[3] * 10
vb[2] = clamp(vb[2], minW, maxW)
vb[3] = clamp(vb[3], minH, maxH)
return vb
}
const setCurVb = vb => {
vb = clampVb(vb)
wrap.__mermaidCurViewBox = vb
setSvgViewBox(svg, vb)
}
const onPointerDown = e => {
// Allow only primary button for mouse
if (e.pointerType === 'mouse' && e.button !== 0) return
svg.setPointerCapture(e.pointerId)
state.pointers.set(e.pointerId, { x: e.clientX, y: e.clientY })
if (state.pointers.size === 1) {
state.startVb = (wrap.__mermaidCurViewBox || getSvgViewBox(svg)).slice()
} else if (state.pointers.size === 2) {
const pts = [...state.pointers.values()]
const dx = pts[0].x - pts[1].x
const dy = pts[0].y - pts[1].y
state.startDist = Math.hypot(dx, dy)
state.startVb = (wrap.__mermaidCurViewBox || getSvgViewBox(svg)).slice()
state.startCenter = { x: (pts[0].x + pts[1].x) / 2, y: (pts[0].y + pts[1].y) / 2 }
}
}
const onPointerMove = e => {
if (!state.pointers.has(e.pointerId)) return
state.pointers.set(e.pointerId, { x: e.clientX, y: e.clientY })
// Pan with 1 pointer
if (state.pointers.size === 1 && state.startVb) {
const p = [...state.pointers.values()][0]
const prev = { x: e.clientX - e.movementX, y: e.clientY - e.movementY }
// movementX/Y unreliable on touch, compute from stored last position
const last = wrap.__mermaidLastSinglePointer || p
const dxClient = p.x - last.x
const dyClient = p.y - last.y
wrap.__mermaidLastSinglePointer = p
const { rect } = clientToViewBox(p.x, p.y)
const vb = (wrap.__mermaidCurViewBox || getSvgViewBox(svg)).slice()
const dx = dxClient * (vb[2] / rect.width)
const dy = dyClient * (vb[3] / rect.height)
setCurVb([vb[0] - dx, vb[1] - dy, vb[2], vb[3]])
return
}
// Pinch zoom with 2 pointers
if (state.pointers.size === 2 && state.startVb && state.startDist > 0) {
const pts = [...state.pointers.values()]
const dx = pts[0].x - pts[1].x
const dy = pts[0].y - pts[1].y
const dist = Math.hypot(dx, dy)
if (!dist) return
const factor = state.startDist / dist // dist bigger => zoom in (viewBox smaller)
const cx = (pts[0].x + pts[1].x) / 2
const cy = (pts[0].y + pts[1].y) / 2
const centerClient = { x: cx, y: cy }
const pxy = clientToViewBox(centerClient.x, centerClient.y)
const cpx = pxy.x
const cpy = pxy.y
const vb = zoomAtPoint(state.startVb, factor, cpx, cpy)
setCurVb(vb)
}
}
const onPointerUpOrCancel = e => {
state.pointers.delete(e.pointerId)
if (state.pointers.size === 0) {
state.startVb = null
state.startDist = 0
state.startCenter = null
wrap.__mermaidLastSinglePointer = null
} else if (state.pointers.size === 1) {
// reset single pointer baseline to avoid jump
wrap.__mermaidLastSinglePointer = [...state.pointers.values()][0]
}
}
// Wheel zoom (mouse/trackpad)
const onWheel = e => {
// ctrlKey on mac trackpad pinch; we treat both as zoom
e.preventDefault()
const delta = e.deltaY
const zoomFactor = delta > 0 ? 1.1 : 0.9
const { x, y } = clientToViewBox(e.clientX, e.clientY)
const vb = (wrap.__mermaidCurViewBox || getSvgViewBox(svg)).slice()
setCurVb(zoomAtPoint(vb, zoomFactor, x, y))
}
const onDblClick = () => {
const init = wrap.__mermaidInitViewBox
if (!init) return
wrap.__mermaidCurViewBox = init.slice()
setSvgViewBox(svg, init)
}
svg.addEventListener('pointerdown', onPointerDown)
svg.addEventListener('pointermove', onPointerMove)
svg.addEventListener('pointerup', onPointerUpOrCancel)
svg.addEventListener('pointercancel', onPointerUpOrCancel)
svg.addEventListener('wheel', onWheel, { passive: false })
svg.addEventListener('dblclick', onDblClick)
}
const runMermaid = ele => {
window.loadMermaid = true
const theme = document.documentElement.getAttribute('data-theme') === 'dark' ? '!{theme.mermaid.theme.dark}' : '!{theme.mermaid.theme.light}'
ele.forEach((item, index) => {
const mermaidSrc = item.firstElementChild
// Clear old render (themeChange/pjax will rerun)
const oldSvg = item.querySelector('svg')
if (oldSvg) oldSvg.remove()
item.__mermaidGestureBound = false
const config = mermaidSrc.dataset.config ? JSON.parse(mermaidSrc.dataset.config) : {}
if (!config.theme) {
config.theme = theme
}
const mermaidThemeConfig = `%%{init: ${JSON.stringify(config)}}%%\n`
const mermaidID = `mermaid-${index}`
const mermaidDefinition = mermaidThemeConfig + mermaidSrc.textContent
const renderFn = mermaid.render(mermaidID, mermaidDefinition)
const renderMermaid = svg => {
mermaidSrc.insertAdjacentHTML('afterend', svg)
if (!{theme.mermaid.zoom_pan}) initMermaidGestures(item)
item.__mermaidOriginalSvg = svg
if (!{theme.mermaid.open_in_new_tab}) attachMermaidViewerButton(item)
}
// mermaid v9 and v10 compatibility
typeof renderFn === 'string' ? renderMermaid(renderFn) : renderFn.then(({ svg }) => renderMermaid(svg))
})
}
const codeToMermaid = () => {
const codeMermaidEle = document.querySelectorAll('pre > code.mermaid')
if (codeMermaidEle.length === 0) return
codeMermaidEle.forEach(ele => {
const preEle = document.createElement('pre')
preEle.className = 'mermaid-src'
preEle.hidden = true
preEle.textContent = ele.textContent
const newEle = document.createElement('div')
newEle.className = 'mermaid-wrap'
newEle.appendChild(preEle)
ele.parentNode.replaceWith(newEle)
})
}
const loadMermaid = () => {
if (!{theme.mermaid.code_write}) codeToMermaid()
const $mermaid = document.querySelectorAll('#article-container .mermaid-wrap')
if ($mermaid.length === 0) return
const runMermaidFn = () => runMermaid($mermaid)
btf.addGlobalFn('themeChange', runMermaidFn, 'mermaid')
window.loadMermaid ? runMermaidFn() : btf.getScript('!{url_for(theme.asset.mermaid)}').then(runMermaidFn)
}
btf.addGlobalFn('encrypt', loadMermaid, 'mermaid')
window.pjax ? loadMermaid() : document.addEventListener('DOMContentLoaded', loadMermaid)
})()

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