Compare commits

...

437 Commits
3.2.0 ... 5.4.0

250 changed files with 16332 additions and 11494 deletions

13
.github/FUNDING.yml vendored Normal file
View File

@@ -0,0 +1,13 @@
# 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','https://jsd.012700.xyz/gh/jerryc127/CDN/Photo/wechat.jpg'] # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

View File

@@ -1,61 +0,0 @@
---
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://demo.jerryc.me/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 Normal file
View File

@@ -0,0 +1,83 @@
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 Normal file
View File

@@ -0,0 +1,18 @@
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'

View File

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

View File

@@ -1,20 +0,0 @@
---
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.

View File

@@ -0,0 +1,14 @@
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
View File

@@ -1,20 +0,0 @@
# 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

19
.github/workflows/publish.yml vendored Normal file
View File

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

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

@@ -0,0 +1,19 @@
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 Normal file
View File

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

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.

215
README.md
View File

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

View File

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

File diff suppressed because it is too large Load Diff

View File

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

View File

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

121
languages/ja.yml Normal file
View File

@@ -0,0 +1,121 @@
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: 編集
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: 次へ
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: ページが見つかりません

121
languages/ko.yml Normal file
View File

@@ -0,0 +1,121 @@
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: 편집
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: 다음
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: 페이지를 찾을 수 없습니다.

View File

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

121
languages/zh-HK.yml Normal file
View File

@@ -0,0 +1,121 @@
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: 編輯
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: 下一頁
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: 未找到頁面

View File

@@ -1,119 +1,121 @@
sidebar: footer:
catalog: 目錄 framework: 框架
have_read: 你已經讀了 theme: 主題
footer: copy:
framework: 框架 success: 複製成功
theme: 主題 error: 複製失敗
noSupport: 瀏覽器不支援
copy:
success: 複製成功 page:
error: 複製錯誤 articles: 所有文章
noSupport: 瀏覽器不支援 tag: 標籤
category: 分類
page: archives: 歸檔
articles: 文章總覽
tag: 標籤 card_post_count: 則評論
category: 分類
archives: 歸檔 no_title: 無標題
sticky: 置頂 post:
no_title: 無題 created: 發表於
updated: 更新於
post: wordcount: 總字數
created: 發表於 min2read: 閱讀時間
updated: 更新於 min2read_unit: 分鐘
wordcount: 字數總計 page_pv: 瀏覽量
min2read: 閲讀時長 comments: 評論數
min2read_unit: 分鐘 copyright:
page_pv: 閱讀量 author: 文章作者
comments: 評論數 link: 文章連結
copyright: copyright_notice: 版權聲明
author: 文章作者 copyright_content: '本部落格所有文章除特別聲明外,均採用<a href="%s" target="_blank">%s</a> 授權協議。轉載請註明來源 <a href="%s" target="_blank">%s</a>'
link: 文章連結 recommend: 相關推薦
copyright_notice: 版權聲明 edit: 編輯
copyright_content: '本部落格所有文章除特別聲明外,均採用
<a href="%s" target="_blank">%s</a> 許可協議。轉載請註明來自 <a href="%s" target="_blank">%s</a>' search:
recommend: 相關推薦 title: 搜尋
load_data: 資料載入中
search: 搜尋 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: 上一篇
powered: '提供支援' next: 下一篇
by:
comment: 評論
pagination:
prev: 上一篇 aside:
next: 下一篇 articles: 文章
tags: 標籤
comment: 評論 categories: 分類
card_announcement: 公告
aside: card_categories: 分類
articles: 文章 card_tags: 標籤
tags: 標籤 card_archives: 歸檔
categories: 分類 card_recent_post: 最新文章
card_announcement: 公告 card_webinfo:
card_categories: 分類 headline: 網站資訊
card_tags: 標籤 article_name: 文章數量
card_archives: 歸檔 runtime:
card_recent_post: 最新文章 name: 運行時間
card_webinfo: unit:
headline: 網站資訊 last_push_date:
article_name: 文章數目 name: 最後更新時間
runtime: site_wordcount: 總字數
name: 已運行時間 site_uv_name: 訪客數
unit: site_pv_name: 總瀏覽量
last_push_date: more_button: 檢視更多
name: 最後更新時間 card_newest_comments:
site_wordcount: 本站總字數 headline: 最新評論
site_uv_name: 本站訪客數 loading_text: 載入中...
site_pv_name: 本站總訪問量 error: 無法獲取評論,請確認相關配置是否正確
more_button: 檢視更多 zero: 尚無評論
card_newest_comments: image: 圖片
heading: 最新評論 link: 連結
loading_text: 正在加載中... code: 程式碼
error: 無法獲取資料,請確認相關配置是否正確 card_toc: 目錄
card_post_series: 系列文章
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: 前往評論
setting: 設定
copy_copyright: aside: 單欄和雙欄切換
author: 作者 chat: 聊天
link: 連結
source: 來源 copy_copyright:
info: 著作權歸作者所有。商業轉載請聯絡作者獲得授權,非商業轉載請註明出處。 author: 作者
link: 連結
Snackbar: source: 來源
chs_to_cht: 你已切換為繁體 info: 著作權歸作者所有。如需商業轉載,請聯絡作者獲得授權,非商業轉載請註明出處。
cht_to_chs: 你已切換為簡體
day_to_night: 你已切換為深色模式 Snackbar:
night_to_day: 已切換為淺色模式 chs_to_cht: 已切換為繁體中文
cht_to_chs: 已切換為簡體中文
loading: 載入中... day_to_night: 已切換為深色模式
night_to_day: 已切換為淺色模式
error404:
error_title: 頁面沒有找到 loading: 載入中...
back_button: 回到主頁 load_more: 載入更多
error404: 找不到頁面

View File

@@ -1,29 +0,0 @@
- var top_img = theme.error_404.background || theme.default_top_img
- var bg_img = `background-image: url(${url_for(top_img)})`
doctype html
html(lang=config.language data-theme=theme.display_mode)
head
include includes/head.pug
body
if theme.preloader
!=partial('includes/loading/loading', {}, {cache:theme.fragment_cache})
if theme.fireworks && theme.fireworks.enable
canvas.fireworks
if theme.background
#web_bg
#error-wrap
.error-content
.error-img(style=bg_img)
.error-info
h1.error_title= '404'
.error_subtitle= theme.error_404.subtitle
a.button--animated(href=config.root)
i.fas.fa-rocket
= _p('error404.back_button')
!=partial('includes/third-party/search/index', {}, {cache:theme.fragment_cache})
include includes/additional-js.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') + ' - ' + site.posts.length .article-sort-title= `${_p('page.articles')} - ${getArchiveLength()}`
+articleSort(page.posts) +articleSort(page.posts)
include includes/pagination.pug include includes/pagination.pug

View File

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

View File

@@ -1,74 +1,57 @@
div div
script(src=url_for(theme.CDN.jquery)) 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 && 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)) 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" defer) 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 && 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 && theme.pangu.enable
!=partial('includes/third-party/pangu.pug', {}, {cache:theme.fragment_cache}) 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_js)) include ./third-party/abcjs/index.pug
else if theme.local_search.enable
script(src=url_for(theme.CDN.local_search)) if commentsJsLoad
include ./third-party/comments/js.pug
if theme.preloader
!=partial('includes/loading/loading-js', {}, {cache:theme.fragment_cache}) != partial("includes/third-party/prismjs", {}, { cache: true })
.js-pjax if theme.aside.enable && theme.aside.card_newest_comments.enable
if theme.subtitle.enable && is_home() && theme.index_img !== false if theme.pjax.enable || (globalPageType !== 'post' && page.aside !== false)
include ./third-party/subtitle.pug != partial("includes/third-party/newest-comments/index", {}, { cache: true })
if page.type === 'artitalk' != fragment_cache('injectBottom', function(){return injectHtml(theme.inject.bottom)})
include ./third-party/artitalk.pug
!= partial("includes/third-party/effect", {}, { cache: true })
include ./third-party/math/index.pug != partial("includes/third-party/chat/index", {}, { cache: true })
if commentsJsLoad if theme.aplayerInject && theme.aplayerInject.enable
include ./third-party/comments/js.pug if theme.pjax.enable || theme.aplayerInject.per_page || page.aplayer
include ./third-party/aplayer.pug
if theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv
script(async src=url_for(theme.CDN.busuanzi)) if theme.pjax.enable
!= partial("includes/third-party/pjax", {}, { cache: true })
!=partial('includes/third-party/prismjs', {}, {cache:theme.fragment_cache})
if theme.umami_analytics.enable
if theme.aside.enable && theme.newest_comments.enable != partial("includes/third-party/umami_analytics", {}, { cache: true })
if theme.pjax.enable
!=partial('includes/third-party/newest-comments/index', {}, {cache:theme.fragment_cache}) if theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv
else if (!is_post() && page.aside !== false) script(async data-pjax src= theme.asset.busuanzi || '//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js')
!=partial('includes/third-party/newest-comments/index', {}, {cache:theme.fragment_cache})
!= partial('includes/third-party/search/index', {}, { cache: true })
!=fragment_cache('injectBottom', function(){return injectHtml(theme.inject.bottom)})
!=partial('includes/third-party/effect', {}, {cache:theme.fragment_cache})
!=partial('includes/third-party/chat/index', {}, {cache:theme.fragment_cache})
if theme.aplayerInject && theme.aplayerInject.enable
if theme.pjax.enable || theme.aplayerInject.per_page
include ./head/aplayer.pug
else if page.aplayer
include ./head/aplayer.pug
if theme.pjax.enable
!=partial('includes/third-party/pjax', {}, {cache:theme.fragment_cache})
!=partial('includes/third-party/baidu_push', {}, {cache:theme.fragment_cache})

View File

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

View File

@@ -1,85 +1,77 @@
- var pageTitle - var pageTitle
- if (is_archive()) pageTitle = _p('page.archives') - globalPageType === 'archive' ? page.title = findArchivesTitle(page, theme.menu, date) : ''
- else if (is_tag()) pageTitle = _p('page.tag') + ': ' + page.tag case globalPageType
- else if (is_category()) pageTitle = _p('page.category') + ': ' + page.category when 'tag'
- else if (is_month()) pageTitle += ': ' + page.month + '/' + page.year - pageTitle = _p('page.tag') + ': ' + page.tag
- else if (is_year()) pageTitle += ': ' + page.year when 'category'
- else if (is_current('/404.html', [strict])) pageTitle = _p('error404.error_title') - pageTitle = _p('page.category') + ': ' + page.category
- else pageTitle = page.title || config.title || '' when '404'
- pageTitle = _p('error404')
- var isSubtitle = config.subtitle ? ' - ' + config.subtitle : '' default
- var tabTitle = is_home() || !pageTitle ? config.title + isSubtitle : pageTitle + ' | ' + config.title - pageTitle = page.title || config.title || ''
- var pageKeywords
- if (page.keywords) pageKeywords = Array.isArray(page.keywords) ? (page.keywords).join(',') : ([]).join(',') || page.keywords - var isSubtitle = config.subtitle ? ' - ' + config.subtitle : ''
- else if (page.tags && page.tags.length) pageKeywords = page.tags.data.map(function(tag) {return tag.name;}).join(',') - var tabTitle = globalPageType === 'home' || !pageTitle ? config.title + isSubtitle : pageTitle + ' | ' + config.title
- else pageKeywords = Array.isArray(config.keywords) ? (config.keywords).join(','): ([]).join(',') || config.keywords - var pageAuthor = config.email ? config.author + ',' + config.email : config.author
- var pageAuthor = config.email ? config.author + ',' + config.email : config.author - var pageCopyright = config.copyright || config.author
- var pageCopyright = config.copyright || config.author - var themeColorLight = theme.theme_color && theme.theme_color.enable && theme.theme_color.meta_theme_color_light || '#ffffff'
- var themeColor = theme.display_mode === 'dark' ? '#0d0d0d' : '#ffffff' - var themeColorDark = theme.theme_color && theme.theme_color.enable && theme.theme_color.meta_theme_color_dark || '#0d0d0d'
- var themeColor = theme.display_mode === 'dark' ? themeColorDark : themeColorLight
meta(charset='UTF-8')
meta(http-equiv="X-UA-Compatible" content="IE=edge") meta(charset='UTF-8')
meta(name="viewport" content="width=device-width,initial-scale=1") meta(http-equiv="X-UA-Compatible" content="IE=edge")
title= tabTitle meta(name="viewport" content="width=device-width, initial-scale=1.0,viewport-fit=cover")
if pageKeywords title= tabTitle
meta(name="keywords" content=pageKeywords) meta(name="author" content=pageAuthor)
meta(name="author" content=pageAuthor) meta(name="copyright" content=pageCopyright)
meta(name="copyright" content=pageCopyright) meta(name ="format-detection" content="telephone=no")
meta(name ="format-detection" content="telephone=no") meta(name="theme-color" content=themeColor)
meta(name="theme-color" content=themeColor)
//- Open_Graph
if theme.disable_baidu_transformation include ./head/Open_Graph.pug
meta(http-equiv="Cache-Control" content="no-transform")
meta(http-equiv="Cache-Control" content="no-siteapp") //- Structured Data
include ./head/structured_data.pug
//- Open_Graph
include ./head/Open_Graph.pug !=favicon_tag(theme.favicon || config.favicon)
link(rel="canonical" href=urlNoIndex(null,config.pretty_urls.trailing_index,config.pretty_urls.trailing_html))
!=favicon_tag(theme.favicon || config.favicon)
link(rel="canonical" href=urlNoIndex()) //- 預解析
!=partial('includes/head/preconnect', {}, {cache: true})
//- 預解析
!=partial('includes/head/preconnect', {}, {cache:theme.fragment_cache}) //- 網站驗證
!=partial('includes/head/site_verification', {}, {cache: true})
//- 網站驗證
!=partial('includes/head/site_verification', {}, {cache:theme.fragment_cache}) //- 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:theme.fragment_cache}) //- main css
link(rel='stylesheet', href=url_for(theme.asset.main_css))
//- main css link(rel='stylesheet', href=url_for(theme.asset.fontawesome))
link(rel='stylesheet', href=url_for(theme.CDN.main_css))
link(rel='stylesheet', href=url_for(theme.CDN.fontawesome)) 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)) if theme.lightbox === 'fancybox'
link(rel='stylesheet' href=url_for(theme.asset.fancybox_css) media="print" onload="this.media='all'")
if (theme.snackbar && theme.snackbar.enable)
link(rel='stylesheet', href=url_for(theme.CDN.snackbar_css)) !=fragment_cache('injectHeadJs', function(){return inject_head_js()})
if theme.algolia_search.enable //- google_adsense
link(rel='stylesheet' href=url_for(theme.CDN.algolia_search_css)) !=partial('includes/head/google_adsense', {}, {cache: true})
script(src=url_for(theme.CDN.algolia_search) defer)
//- analytics
//- google_adsense !=partial('includes/head/analytics', {}, {cache: true})
!=partial('includes/head/google_adsense', {}, {cache:theme.fragment_cache})
//- font
//- analytics if theme.blog_title_font && theme.blog_title_font.font_link
!=partial('includes/head/analytics', {}, {cache:theme.fragment_cache}) 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))
include ./head/config_site.pug
//- global config
!=partial('includes/head/config', {}, {cache:theme.fragment_cache}) !=fragment_cache('injectHead', function(){return injectHtml(theme.inject.head)})
include ./head/config_site.pug
include ./head/noscript.pug
!=partial('includes/head/darkmode', {}, {cache:theme.fragment_cache})
!=fragment_cache('injectHead', function(){return injectHtml(theme.inject.head)})

View File

@@ -1,11 +1,16 @@
if theme.Open_Graph_meta if theme.Open_Graph_meta.enable
- let contentType = is_post() ? 'article' : 'website' -
- let metaImage = full_url_for(page.cover || theme.avatar.img) const coverVal = page.cover_type === 'img' ? page.cover : theme.avatar.img
- let fb_appId = theme.facebook_comments.app_id || '' let ogOption = Object.assign({
- let fb_admins = theme.facebook_comments.user_id || '' type: globalPageType === 'post' ? 'article' : 'website',
image: coverVal ? full_url_for(coverVal) : '',
!= open_graph({type: contentType, image: metaImage, fb_admins: fb_admins, fb_app_id: fb_appId}) fb_admins: theme.facebook_comments.user_id || '',
fb_app_id: theme.facebook_comments.app_id || '',
else }, theme.Open_Graph_meta.option)
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))

View File

@@ -1,32 +1,34 @@
if theme.baidu_analytics if theme.baidu_analytics
script. script.
var _hmt = _hmt || []; var _hmt = _hmt || [];
(function() { (function() {
var hm = document.createElement("script"); var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?!{theme.baidu_analytics}"; hm.src = "https://hm.baidu.com/hm.js?!{theme.baidu_analytics}";
var s = document.getElementsByTagName("script")[0]; var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s); s.parentNode.insertBefore(hm, s);
})(); })();
btf.addGlobalFn('pjaxComplete', () => {
if theme.google_analytics _hmt.push(['_trackPageview',window.location.pathname])
script(async src=`https://www.googletagmanager.com/gtag/js?id=${theme.google_analytics}`) }, 'baidu_analytics')
script.
window.dataLayer = window.dataLayer || []; if theme.google_analytics
function gtag(){dataLayer.push(arguments);} script(async src=`https://www.googletagmanager.com/gtag/js?id=${theme.google_analytics}`)
gtag('js', new Date()); script.
gtag('config', '!{theme.google_analytics}'); window.dataLayer = window.dataLayer || []
function gtag(){dataLayer.push(arguments)}
if theme.tencent_analytics gtag('js', new Date())
script. gtag('config', '!{theme.google_analytics}')
var _mtac = {}; btf.addGlobalFn('pjaxComplete', () => {
(function() { gtag('config', '!{theme.google_analytics}', {'page_path': window.location.pathname})
var mta = document.createElement("script"); }, 'google_analytics')
mta.src = "//pingjs.qq.com/h5/stats.js?v2.0.4";
mta.setAttribute("name", "MTAH5"); if theme.cloudflare_analytics
mta.setAttribute("sid", "!{theme.tencent_analytics}"); script(defer data-pjax src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon=`{"token": "${theme.cloudflare_analytics}"}`)
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(mta, s); if theme.microsoft_clarity
})(); script.
(function(c,l,a,r,i,t,y){
if theme.cnzz_analytics c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
script(async data-pjax src=`https://s4.cnzz.com/z_stat.php?id=${theme.cnzz_analytics}&web_id=${theme.cnzz_analytics}`) 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}");

View File

@@ -1,3 +0,0 @@
link(rel='stylesheet' href=url_for(theme.CDN.aplayer_css))
script(src=url_for(theme.CDN.aplayer_js))
script(src=url_for(theme.CDN.meting_js))

View File

@@ -1,161 +1,126 @@
- -
let algolia = 'undefined'; let algolia = 'undefined'
let env = process.env; if (theme.search.use === 'algolia_search') {
if (theme.algolia_search.enable) { const { ALGOLIA_APP_ID, ALGOLIA_API_KEY, ALGOLIA_INDEX_NAME } = process.env
algolia = JSON.stringify({ const { appId, applicationID, apiKey, indexName } = config.algolia
appId: env.ALGOLIA_APP_ID || config.algolia.appId || config.algolia.applicationID, algolia = JSON.stringify({
apiKey: env.ALGOLIA_API_KEY || config.algolia.apiKey, appId: ALGOLIA_APP_ID || appId || applicationID,
indexName: env.ALGOLIA_INDEX_NAME || config.algolia.indexName, apiKey: ALGOLIA_API_KEY || apiKey,
hits: theme.algolia_search.hits, indexName: ALGOLIA_INDEX_NAME || indexName,
// search languages hitsPerPage: theme.search.algolia_search.hitsPerPage,
languages: { // search languages
input_placeholder: _p("algolia_search.input_placeholder"), languages: {
hits_empty: _p("algolia_search.hits_empty"), input_placeholder: theme.search.placeholder || _p("search.input_placeholder"),
hits_stats: _p("algolia_search.hits_stats") hits_empty: _p("search.algolia_search.hits_empty"),
} hits_stats: _p("search.algolia_search.hits_stats"),
}) }
} })
}
let localSearch = 'undefined';
if (theme.local_search && theme.local_search.enable) { let localSearch = 'undefined'
localSearch = JSON.stringify({ if (theme.search.use === 'local_search') {
path: config.search.path, const { CDN, preload, top_n_per_article, unescape } = theme.search.local_search
languages: { localSearch = JSON.stringify({
// search languages path: CDN || config.root + config.search.path,
hits_empty: _p("local_search.hits_empty") preload,
} top_n_per_article,
}) unescape,
} languages: {
// search languages
let translate = 'undefined'; hits_empty: _p("search.local_search.hits_empty"),
if (theme.translate && theme.translate.enable){ hits_stats: _p("search.local_search.hits_stats"),
translate = JSON.stringify({ }
defaultEncoding: theme.translate.defaultEncoding, })
translateDelay: theme.translate.translateDelay, }
msgToTraditionalChinese: theme.translate.msgToTraditionalChinese,
msgToSimplifiedChinese: theme.translate.msgToSimplifiedChinese let translate = 'undefined'
}) if (theme.translate && theme.translate.enable){
} translate = JSON.stringify({
defaultEncoding: theme.translate.defaultEncoding,
let copyright = 'undefined'; translateDelay: theme.translate.translateDelay,
if (theme.copy.enable && theme.copy.copyright.enable){ msgToTraditionalChinese: theme.translate.msgToTraditionalChinese,
copyright = JSON.stringify({ msgToSimplifiedChinese: theme.translate.msgToSimplifiedChinese
limitCount: theme.copy.copyright.limit_count, })
languages: { }
author: _p("copy_copyright.author") + ': ' + config.author,
link: _p("copy_copyright.link") + ': ', let copyright = 'undefined'
source: _p("copy_copyright.source") + ': ' + config.title, if (theme.copy.enable && theme.copy.copyright.enable){
info: _p("copy_copyright.info") copyright = JSON.stringify({
} limitCount: theme.copy.copyright.limit_count,
}) languages: {
} author: _p("copy_copyright.author") + ': ' + config.author,
link: _p("copy_copyright.link") + ': ',
let ClickShowText = 'undefined'; source: _p("copy_copyright.source") + ': ' + config.title,
if (theme.ClickShowText && theme.ClickShowText.enable) { info: _p("copy_copyright.info")
ClickShowText = JSON.stringify({ }
text: theme.ClickShowText.text.join(","), })
fontSize: theme.ClickShowText.fontSize }
})
} let Snackbar = 'undefined'
if (theme.snackbar && theme.snackbar.enable) {
let Snackbar = 'undefined'; Snackbar = JSON.stringify({
if (theme.snackbar && theme.snackbar.enable) { chs_to_cht: _p("Snackbar.chs_to_cht"),
Snackbar = JSON.stringify({ cht_to_chs: _p("Snackbar.cht_to_chs"),
chs_to_cht: _p("Snackbar.chs_to_cht"), day_to_night: _p("Snackbar.day_to_night"),
cht_to_chs: _p("Snackbar.cht_to_chs"), night_to_day: _p("Snackbar.night_to_day"),
day_to_night: _p("Snackbar.day_to_night"), bgLight: theme.snackbar.bg_light,
night_to_day: _p("Snackbar.night_to_day"), bgDark: theme.snackbar.bg_dark,
bgLight: theme.snackbar.bg_light, position: theme.snackbar.position,
bgDark: theme.snackbar.bg_dark, })
position: theme.snackbar.position, }
})
} let highlight = 'undefined'
let syntaxHighlighter = config.syntax_highlighter
let noticeOutdate = 'undefined'; let highlightEnable = syntaxHighlighter ? ['highlight.js', 'prismjs'].includes(syntaxHighlighter) : (config.highlight.enable || config.prismjs.enable)
if (theme.noticeOutdate && theme.noticeOutdate.enable) { if (highlightEnable) {
noticeOutdate = JSON.stringify({ const { copy, language, height_limit, fullpage, macStyle } = theme.code_blocks
limitDay: theme.noticeOutdate.limit_day, highlight = JSON.stringify({
position: theme.noticeOutdate.position, plugin: syntaxHighlighter ? syntaxHighlighter : config.highlight.enable ? 'highlight.js' : 'prismjs',
messagePrev: theme.noticeOutdate.message_prev, highlightCopy: copy,
messageNext: theme.noticeOutdate.message_next, highlightLang: language,
}) highlightHeightLimit: height_limit,
} highlightFullpage: fullpage,
highlightMacStyle: macStyle
let highlight = 'undefined'; })
if ((config.highlight && config.highlight.enable) || (config.prismjs && config.prismjs.enable)) { }
highlight = JSON.stringify({
plugin: config.highlight.enable ? 'highlighjs' : 'prismjs', script.
highlightCopy: theme.highlight_copy, const GLOBAL_CONFIG = {
highlightLang: theme.highlight_lang root: '!{config.root}',
}) algolia: !{algolia},
} localSearch: !{localSearch},
translate: !{translate},
script. highlight: !{highlight},
var GLOBAL_CONFIG = { copy: {
root: '!{config.root}', success: '!{_p("copy.success")}',
hexoversion: '!{get_hexo_version()}', error: '!{_p("copy.error")}',
algolia: !{algolia}, noSupport: '!{_p("copy.noSupport")}'
localSearch: !{localSearch}, },
translate: !{translate}, relativeDate: {
noticeOutdate: !{noticeOutdate}, homepage: !{theme.post_meta.page.date_format === 'relative'},
highlight: !{highlight}, post: !{theme.post_meta.post.date_format === 'relative'}
copy: { },
success: '!{_p("copy.success")}', runtime: '!{theme.aside.card_webinfo.runtime_date ? _p("aside.card_webinfo.runtime.unit") : ""}',
error: '!{_p("copy.error")}', dateSuffix: {
noSupport: '!{_p("copy.noSupport")}' just: '!{_p("date_suffix.just")}',
}, min: '!{_p("date_suffix.min")}',
relativeDate: { hour: '!{_p("date_suffix.hour")}',
homepage: !{theme.post_meta.page.date_format === 'relative'}, day: '!{_p("date_suffix.day")}',
post: !{theme.post_meta.post.date_format === 'relative'} month: '!{_p("date_suffix.month")}'
}, },
runtime: '!{theme.runtimeshow.enable ? _p("aside.card_webinfo.runtime.unit") : ""}', copyright: !{copyright},
date_suffix: { lightbox: '!{ theme.lightbox || 'null' }',
just: '!{_p("date_suffix.just")}', Snackbar: !{Snackbar},
min: '!{_p("date_suffix.min")}', infinitegrid: {
hour: '!{_p("date_suffix.hour")}', js: '!{url_for(theme.asset.egjs_infinitegrid)}',
day: '!{_p("date_suffix.day")}', buttonText: '!{_p("load_more")}'
month: '!{_p("date_suffix.month")}' },
}, isPhotoFigcaption: !{theme.photofigcaption},
copyright: !{copyright}, islazyloadPlugin: !{theme.lazyload.enable && !theme.lazyload.native},
ClickShowText: !{ClickShowText}, isAnchor: !{theme.anchor.auto_update || false},
lightbox: '!{ theme.medium_zoom ? "mediumZoom" : (theme.fancybox ? "fancybox" : "null" )}', percent: {
Snackbar: !{Snackbar}, toc: !{theme.toc.scroll_percent},
justifiedGallery: { rightside: !{theme.rightside_scroll_percent},
js: '!{theme.CDN.justifiedGallery_js}', },
css: '!{theme.CDN.justifiedGallery_css}' autoDarkmode: !{theme.darkmode.enable && theme.darkmode.autoChangeMode === 1}
}, }
isPhotoFigcaption: !{theme.photofigcaption},
islazyload: !{theme.lazyload.enable},
isanchor: !{theme.anchor}
};
var saveToLocal = {
set: function setWithExpiry(key, value, ttl) {
const now = new Date()
const expiryDay = ttl * 86400000
const item = {
value: value,
expiry: now.getTime() + expiryDay,
}
localStorage.setItem(key, JSON.stringify(item))
},
get: function getWithExpiry(key) {
const itemStr = localStorage.getItem(key)
if (!itemStr) {
return undefined
}
const item = JSON.parse(itemStr)
const now = new Date()
if (now.getTime() > item.expiry) {
localStorage.removeItem(key)
return undefined
}
return item.value
}
}

View File

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

View File

@@ -1,53 +0,0 @@
if theme.darkmode.enable
script.
(function () {
window.activateDarkMode = function () {
document.documentElement.setAttribute('data-theme', 'dark')
if (document.querySelector('meta[name="theme-color"]') !== null) {
document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0d0d0d')
}
}
window.activateLightMode = function () {
document.documentElement.setAttribute('data-theme', 'light')
if (document.querySelector('meta[name="theme-color"]') !== null) {
document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff')
}
}
const autoChangeMode = '#{theme.darkmode.autoChangeMode}'
const t = saveToLocal.get('theme')
if (autoChangeMode === '1') {
const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches
const isLightMode = window.matchMedia('(prefers-color-scheme: light)').matches
const isNotSpecified = window.matchMedia('(prefers-color-scheme: no-preference)').matches
const hasNoSupport = !isDarkMode && !isLightMode && !isNotSpecified
if (t === undefined) {
if (isLightMode) activateLightMode()
else if (isDarkMode) activateDarkMode()
else if (isNotSpecified || hasNoSupport) {
const now = new Date()
const hour = now.getHours()
const isNight = hour <= 6 || hour >= 18
isNight ? activateDarkMode() : activateLightMode()
}
window.matchMedia('(prefers-color-scheme: dark)').addListener(function (e) {
if (saveToLocal.get('theme') === undefined) {
e.matches ? activateDarkMode() : activateLightMode()
}
})
} else if (t === 'light') activateLightMode()
else activateDarkMode()
} else if (autoChangeMode === '2') {
const now = new Date()
const hour = now.getHours()
const isNight = hour <= 6 || hour >= 18
if (t === undefined) isNight ? activateDarkMode() : activateLightMode()
else if (t === 'light') activateLightMode()
else activateDarkMode()
} else {
if (t === 'dark') activateDarkMode()
else if (t === 'light') activateLightMode()
}
})()

View File

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

View File

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

View File

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

View File

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

View File

@@ -1,14 +1,3 @@
if theme.google_site_verification if theme.site_verification
meta(name="google-site-verification" content=theme.google_site_verification) each item in theme.site_verification
meta(name=item.name content=item.content)
if theme.bing_site_verification
meta(name="msvalidate.01" content=theme.bing_site_verification)
if theme.baidu_site_verification
meta(name="baidu-site-verification" content=theme.baidu_site_verification)
if theme.qihu_site_verification
meta(name="360-site-verification" content=theme.qihu_site_verification)
if theme.yandex_site_verification
meta(name="yandex-verification" content=theme.yandex_site_verification)

View File

@@ -0,0 +1,34 @@
if theme.structured_data && page.layout === 'post'
-
// use json-ld to add structured data
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 || site.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);
-
script(type="application/ld+json").
!{jsonLdScript}

View File

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

View File

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

View File

@@ -1,17 +1,22 @@
nav#nav nav#nav
span#blog_name span#blog-info
a#site-name(href=url_for('/')) #[=config.title] a.nav-site-title(href=url_for('/'))
if theme.nav.logo
span#menus img.site-icon(src=url_for(theme.nav.logo) alt='Logo')
if (theme.algolia_search.enable || theme.local_search.enable) if theme.nav.display_title
#search_button span.site-name=config.title
a.site-page.social-icon.search if globalPageType === 'post'
i.fas.fa-search.fa-fw a.nav-page-title(href=url_for('/'))
span=' '+_p('search') span.site-name=(page.title || config.title)
!=fragment_cache('menus', function(){return partial('includes/header/menu_item')}) #menus
if theme.search.use
span#toggle-menu.close #search-button
a.site-page span.site-page.social-icon.search
i.fas.fa-bars.fa-fw 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

View File

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

View File

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

View File

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

View File

@@ -0,0 +1,33 @@
#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: () => {
$body.style.overflow = ''
$loadingBox.classList.add('loaded')
},
initLoading: () => {
$body.style.overflow = 'hidden'
$loadingBox.classList.remove('loaded')
}
}
preloader.initLoading()
window.addEventListener('load', preloader.endLoading)
if (!{theme.pjax && theme.pjax.enable}) {
btf.addGlobalFn('pjaxSend', preloader.initLoading, 'preloader_init')
btf.addGlobalFn('pjaxComplete', preloader.endLoading, 'preloader_end')
}
})()

View File

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

View File

@@ -1,13 +0,0 @@
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()})

View File

@@ -1,9 +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')

View File

@@ -0,0 +1,12 @@
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))

View File

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

View File

@@ -0,0 +1,116 @@
mixin indexPostUI()
- const indexLayout = theme.index_layout
- const masonryLayoutClass = (indexLayout === 6 || indexLayout === 7) ? '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 post_cover = article.cover
- const 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)
if article.cover_type === 'img'
img.post-bg(src=url_for(post_cover) onerror=`this.onerror=null;this.src='${url_for(theme.error_img.post_page)}'` alt=title)
else
div.post-bg(style=`background: ${post_cover}`)
.recent-post-info(class=no_cover)
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 data_type_updated = theme.post_meta.page.date_type === 'updated'
- const date_type = data_type_updated ? 'updated' : 'date'
- const date_icon = data_type_updated ? 'fas fa-history' : 'far fa-calendar-alt'
- const date_title = data_type_updated ? _p('post.updated') : _p('post.created')
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 |
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
case theme.comments.use[0]
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=url_for(link) + '#post-comment')
span.valine-comment-count(data-xid=url_for(link))
i.fa-solid.fa-spinner.fa-spin
when 'Waline'
+countBlockInIndex
a(href=url_for(link) + '#post-comment')
span.waline-comment-count(data-path=url_for(link))
i.fa-solid.fa-spinner.fa-spin
when 'Twikoo'
+countBlockInIndex
a.twikoo-count(href=url_for(link) + '#post-comment')
i.fa-solid.fa-spinner.fa-spin
when 'Facebook Comments'
+countBlockInIndex
a(href=url_for(link) + '#post-comment')
span.fb-comments-count(data-href=urlNoIndex(article.permalink))
when 'Remark42'
+countBlockInIndex
a(href=url_for(link) + '#post-comment')
span.remark42__counter(data-url=urlNoIndex(article.permalink))
i.fa-solid.fa-spinner.fa-spin
when 'Artalk'
+countBlockInIndex
a(href=url_for(link) + '#post-comment')
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

View File

@@ -1,81 +0,0 @@
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')
- let leftOrRight = index%2 == 0 ? 'left_radius' : 'right_radius'
- 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)
if theme.lazyload.enable
img.post_bg(data-lazy-src=url_for(post_cover) onerror=`this.onerror=null;this.src='`+ url_for(theme.error_img.post_page) + `'` alt=title)
else
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.article-meta__icon.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.article-meta__icon
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
if (theme.post_meta.page.tags && article.tags.data.length > 0)
span.article-meta.tags
span.article-meta__separator |
i.fas.fa-tag.article-meta__icon
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 #[='•']
//- 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.ad-height!=theme.ad.index

View File

@@ -1,3 +0,0 @@
#mobile-sidebar
#menu_mask
include ../mobile-sidebar/mobile-menus.pug

View File

@@ -1,29 +0,0 @@
#mobile-sidebar-menus
.mobile_author_icon
if theme.lazyload.enable
img.avatar-img(data-lazy-src=url_for(theme.avatar.img) onerror=`onerror=null;src='${theme.error_img.flink}'` alt="avatar")
else
img.avatar-img(src=url_for(theme.avatar.img) onerror=`onerror=null;src='${theme.error_img.flink}'` alt="avatar")
.mobile_post_data
if site.posts.length
.mobile_data_item.is-center
.mobile_data_link
a(href=url_for(config.archive_dir) + '/')
.headline= _p('aside.articles')
.length_num= site.posts.length
if site.tags.length
.mobile_data_item.is-center
.mobile_data_link
a(href=url_for(config.tag_dir) + '/' )
.headline= _p('aside.tags')
.length_num= site.tags.length
if site.categories.length
.mobile_data_item.is-center
.mobile_data_link
a(href=url_for(config.category_dir) + '/')
.headline= _p('aside.categories')
.length_num= site.categories.length
hr
!=fragment_cache('menus', function(){return partial('includes/header/menu_item')})

View File

@@ -0,0 +1,8 @@
- 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')

View File

@@ -1,4 +0,0 @@
if top_img === false
h1.page-title= page.title
#artitalk_main

View File

@@ -1,5 +1 @@
.category-lists .category-lists!= list_categories()
.category-title.is-center= _p('page.category')
| -
span.category-amount= site.categories.length
div!= list_categories()

View File

@@ -1,6 +1,2 @@
if theme.douban && theme.douban.meta && doubanExist #article-container.container
meta(name="referrer" content="no-referrer")
#article-container
if top_img === false
h1.page-title= page.title
!= page.content != page.content

View File

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

View File

@@ -0,0 +1,188 @@
//- - author:
//- avatar:
//- date:
//- content:
//- tags:
//- - tag1
//- - tag2
- page.toc = false
#article-container
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)
}
}
})()
if page.shuoshuo_url
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 loadShuoshuo = async () => {
try {
const response = await fetch('!{url_for(page.shuoshuo_url)}')
let data = await response.json()
data = filterDataByLimit(sortDataByDate(data), limitConfig)
const container = document.getElementById('article-container')
let start = 0
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">${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('')
container.insertAdjacentHTML('beforeend', content)
window.lazyLoadInstance.update()
btf.loadLightbox(document.querySelectorAll('#article-container img:not(.no-lightbox)'))
}
const handleIntersection = (entries) => {
if (!entries[0].isIntersecting) return
observer.unobserve(entries[0].target)
const slice = data.slice(start, start + 10)
renderData(slice)
start += 10
if (start < data.length) {
setTimeout(() => observer.observe(container.lastElementChild), 100)
} else {
observer.disconnect()
}
};
const observer = new IntersectionObserver(handleIntersection, {
root: null,
rootMargin: '0px',
threshold: 1.0
})
renderData(data.slice(start, 10))
start += 10
if (container.lastElementChild) observer.observe(container.lastElementChild)
} catch (error) {
console.error(error)
}
};
window.pjax ? loadShuoshuo() : window.addEventListener('load', loadShuoshuo)
})()
else
if site.data.shuoshuo
each i in shuoshuoFN(site.data.shuoshuo, page)
.shuoshuo-item
.container
.shuoshuo-item-header
.shuoshuo-avatar
img.no-lightbox(src=i.avatar || url_for(theme.avatar.img))
.shuoshuo-info
.shuoshuo-author=i.author || config.author
time.shuoshuo-date(title=i.date)=i.date
.shuoshuo-content
!=markdown(i.content)
.shuoshuo-footer(class=i.tags && i.tags.length ? 'flex-between' : 'flex-end')
if i.tags
.shuoshuo-tags
each tag in i.tags
span.shuoshuo-tag=tag
if i.key && commentsJsLoad
.shuoshuo-comment-btn(onclick='addCommentToShuoshuo(event)')
i.fa-solid.fa-comments
if i.key && commentsJsLoad
.shuoshuo-comment.no-comment(data-key=i.key)

View File

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

View File

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

View File

@@ -0,0 +1,8 @@
- 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)

View File

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

View File

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

View File

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

View File

@@ -1,21 +1,18 @@
- if theme.menu
let tocNumber = page.toc_number !== undefined ? page.toc_number : theme.toc.number #sidebar
let autoOpenPostSet = page.auto_open == undefined ? theme.toc.auto_open : page.auto_open #menu-mask
let autoOpenSidebar = autoOpenPostSet ? 'on' : '' #sidebar-menus
- .avatar-img.text-center
img(src=url_for(theme.avatar.img) onerror=`this.onerror=null;this.src='${url_for(theme.error_img.flink)}'` alt="avatar")
if(showToc) .site-data.text-center
#sidebar a(href=`${url_for(config.archive_dir)}/`)
i.fas.fa-arrow-right#toggle-sidebar(class=autoOpenSidebar) .headline= _p('aside.articles')
.sidebar-toc .length-num= site.posts.length
div.sidebar-toc__title= _p('sidebar.catalog') a(href=`${url_for(config.tag_dir)}/`)
div.sidebar-toc__progress .headline= _p('aside.tags')
span.progress-notice= _p('sidebar.have_read') .length-num= site.tags.length
span.progress-num 0 a(href=`${url_for(config.category_dir)}/`)
span.progress-percentage % .headline= _p('aside.categories')
div.sidebar-toc__progress-bar .length-num= site.categories.length
if (page.encrypt == true)
div.sidebar-toc__content.toc-div-class(style="display:none")!=toc(page.origin, {list_number: tocNumber}) != partial('includes/header/menu_item', {}, { cache: true })
else
div.sidebar-toc__content!=toc(page.content, {list_number: tocNumber})

View File

@@ -0,0 +1,46 @@
script.
(function() {
const abcjsInit = function() {
const abcjsFn = function() {
setTimeout(function() {
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.innerHTML, 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")
})()

View File

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

23
layout/includes/third-party/aplayer.pug vendored Normal file
View File

@@ -0,0 +1,23 @@
link(rel='stylesheet' href=url_for(theme.asset.aplayer_css) media="print" onload="this.media='all'")
script(src=url_for(theme.asset.aplayer_js))
script(src=url_for(theme.asset.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')
})()

View File

@@ -1,24 +0,0 @@
- let option = theme.artitalk.option ? JSON.stringify(theme.artitalk.option) : false
script.
(()=>{
let setting = {
appId: '!{theme.artitalk.appId}',
appKey: '!{theme.artitalk.appKey}',
}
if (!{Boolean(option)}) {
const otherSetting = !{option}
setting = Object.assign({}, setting, otherSetting)
}
const init = () => {
new Artitalk(setting)
}
if (typeof Artitalk === 'function') {
init()
} else {
$.getScript('!{theme.CDN.artitalk}',init)
}
})()

View File

@@ -1,15 +0,0 @@
if theme.baidu_push
script.
(function(){
const bp = document.createElement('script');
const curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https'){
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else{
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
bp.dataset.pjax = ''
const s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})()

View File

@@ -0,0 +1,31 @@
- 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)
})()

View File

@@ -0,0 +1,25 @@
- const { shortname, apikey } = theme.disqus
script.
(() => {
const getCount = async () => {
try {
const eleGroup = document.querySelectorAll('#recent-posts .disqus-count')
const cleanedLinks = Array.from(eleGroup).map(i => `thread:link=${i.href.replace(/#post-comment$/, '')}`);
const res = await fetch(`https://disqus.com/api/3.0/threads/set.json?forum=!{shortname}&api_key=!{apikey}&${cleanedLinks.join('&')}`,{
method: 'GET'
})
const result = await res.json()
eleGroup.forEach(i => {
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)
})()

View File

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

View File

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

View File

@@ -0,0 +1,18 @@
- 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)
})()

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@@ -1,40 +0,0 @@
//- 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 是否显示
},
});
}
}
}

View File

@@ -1,43 +0,0 @@
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)

View File

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

View File

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

View File

@@ -0,0 +1,73 @@
- 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('!{theme.asset.artalk_css}')
await btf.getScript('!{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
}
})()

View File

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

View File

@@ -1,57 +1,87 @@
script. - let disqusjsPageTitle = page.title && page.title.replace(/'/ig,"\\'")
function loadDisqusjs () { - const { shortname:dqShortname, apikey:dqApikey, option:dqOption } = theme.disqusjs
function addDisqusjsCSS () {
const ele = document.createElement('link') script.
ele.rel = 'stylesheet' (() => {
ele.href= '!{url_for(theme.CDN.disqusjs_css)}' const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo'== 'shuoshuo'
document.getElementsByTagName('head')[0].appendChild(ele) const dqOption = !{JSON.stringify(dqOption)}
}
const destroyDisqusjs = () => {
function initDisqusjs () { disqusjs.destroy()
window.DISQUS = null window.disqusjs = null
new DisqusJS({ }
shortname: '!{theme.disqusjs.shortname}',
siteName: '!{theme.disqusjs.siteName}', const themeChange = (el, path) => {
identifier: '!{ page.path }', destroyDisqusjs()
url: '!{ page.permalink }', initDisqusjs(el, path)
title: '!{ page.title }', }
api: '!{theme.disqusjs.api}',
apikey: '!{theme.disqusjs.apikey}', const initDisqusjs = (el = document, path) => {
nocomment: '!{theme.disqusjs.nocomment}', if (isShuoshuo) {
admin: '!{theme.disqusjs.admin}', window.shuoshuoComment.destroyDisqusjs = () => {
adminLabel: '!{theme.disqusjs.adminLabel}' destroyDisqusjs()
}); if (el.children.length) {
} el.innerHTML = ''
el.classList.add('no-comment')
window.disqusReset = initDisqusjs }
}
if (window.disqusJsLoad) initDisqusjs() }
else {
addDisqusjsCSS() disqusjs = new DisqusJS({
$.getScript('!{url_for(theme.CDN.disqusjs)}', initDisqusjs) shortname: '!{dqShortname}',
window.disqusJsLoad = true title: '!{ disqusjsPageTitle }',
} apikey: '!{dqApikey}',
} ...dqOption,
identifier: isShuoshuo ? path : (dqOption && dqOption.identifier) || '!{ url_for(page.path) }',
if ('!{theme.comments.use[0]}' === 'Disqusjs' || !!{theme.comments.lazyload}) { url: isShuoshuo ? location.origin + path : (dqOption && dqOption.url) || '!{ page.permalink }'
if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('disqus_thread'), loadDisqusjs) })
else loadDisqusjs()
} disqusjs.render(el.querySelector('#disqusjs-wrap'))
else {
function loadOtherComment () { btf.addGlobalFn('themeChange', () => themeChange(el, path), 'disqusjs')
loadDisqusjs() }
}
} const loadDisqusjs = async(el, path) => {
if (window.disqusJsLoad) initDisqusjs(el, path)
else {
if is_post() && !theme.comments.lazyload && theme.comments.count && theme.comments.use[0] === 'Disqusjs' await btf.getCSS('!{url_for(theme.asset.disqusjs_css)}')
script. await btf.getScript('!{url_for(theme.asset.disqusjs)}')
if (window.DISQUSWIDGETS === undefined) { initDisqusjs(el, path)
var d = document, s = d.createElement('script'); window.disqusJsLoad = true
s.src = 'https://!{theme.disqus.shortname}.disqus.com/count.js'; }
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 .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
}
})()

View File

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

View File

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

View File

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

View File

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

View File

@@ -1,16 +1,26 @@
each name in theme.comments.use each name in theme.comments.use
case name case name
when 'Valine' when 'Valine'
!=partial('includes/third-party/comments/valine', {}, {cache:theme.fragment_cache}) !=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:theme.fragment_cache}) !=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:theme.fragment_cache}) !=partial('includes/third-party/comments/utterances', {}, {cache: true})
when 'Facebook Comments' when 'Twikoo'
!=partial('includes/third-party/comments/facebook_comments', {}, {cache:theme.fragment_cache}) !=partial('includes/third-party/comments/twikoo', {}, {cache: true})
when 'Waline'
!=partial('includes/third-party/comments/waline', {}, {cache: true})
when 'Giscus'
!=partial('includes/third-party/comments/giscus', {}, {cache: true})
when 'Facebook Comments'
include ./facebook_comments.pug
when 'Remark42'
!=partial('includes/third-party/comments/remark42', {}, {cache: true})
when 'Artalk'
!=partial('includes/third-party/comments/artalk', {}, {cache: true})

View File

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

View File

@@ -0,0 +1,78 @@
- const { host, siteId, option } = theme.remark42
script.
(() => {
const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo'
const option = !{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',
...option,
url: isShuoshuo ? window.location.origin + path : (option && option.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
}
})()

View File

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

View File

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

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