提交主题
This commit is contained in:
parent
7c146afbfc
commit
88d6d76013
73
themes/butterfly/.github/ISSUE_TEMPLATE/bug_report.yml
vendored
Normal file
73
themes/butterfly/.github/ISSUE_TEMPLATE/bug_report.yml
vendored
Normal file
@ -0,0 +1,73 @@
|
|||||||
|
name: Bug report
|
||||||
|
description: Create a report to help us improve
|
||||||
|
title: '[Bug]: '
|
||||||
|
|
||||||
|
body:
|
||||||
|
- type: markdown
|
||||||
|
attributes:
|
||||||
|
value: |
|
||||||
|
重要：請依照該模板來提交
|
||||||
|
Please follow the template to create a new issue
|
||||||
|
- type: input
|
||||||
|
id: butterfly-ver
|
||||||
|
attributes:
|
||||||
|
label: 使用的 Butterfly 版本？ | What version of Butterfly are you use?
|
||||||
|
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 browse 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: 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
|
||||||
|
description: 請提供下可復現網站地址 | Please supply a website url which can reproduce problem.
|
||||||
|
placeholder:
|
||||||
|
validations:
|
||||||
|
required: true
|
||||||
22
themes/butterfly/.github/ISSUE_TEMPLATE/config.yml
vendored
Normal file
22
themes/butterfly/.github/ISSUE_TEMPLATE/config.yml
vendored
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
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 1群
|
||||||
|
url: https://jq.qq.com/?_wv=1027&k=KU9105XR
|
||||||
|
about: '群號 1070540070，不要兩個Q群都添加'
|
||||||
|
|
||||||
|
- name: QQ 2群
|
||||||
|
url: https://jq.qq.com/?_wv=1027&k=r1nK0DQz
|
||||||
|
about: '群號 978221020，不要兩個Q群都添加'
|
||||||
|
|
||||||
14
themes/butterfly/.github/ISSUE_TEMPLATE/feature_request.yml
vendored
Normal file
14
themes/butterfly/.github/ISSUE_TEMPLATE/feature_request.yml
vendored
Normal 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
|
||||||
19
themes/butterfly/.github/workflows/publish.yml
vendored
Normal file
19
themes/butterfly/.github/workflows/publish.yml
vendored
Normal 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
themes/butterfly/.github/workflows/stale.yml
vendored
Normal file
19
themes/butterfly/.github/workflows/stale.yml
vendored
Normal 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
|
||||||
202
themes/butterfly/LICENSE
Normal file
202
themes/butterfly/LICENSE
Normal file
@ -0,0 +1,202 @@
|
|||||||
|
|
||||||
|
Apache License
|
||||||
|
Version 2.0, January 2004
|
||||||
|
http://www.apache.org/licenses/
|
||||||
|
|
||||||
|
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
||||||
|
|
||||||
|
1. Definitions.
|
||||||
|
|
||||||
|
"License" shall mean the terms and conditions for use, reproduction,
|
||||||
|
and distribution as defined by Sections 1 through 9 of this document.
|
||||||
|
|
||||||
|
"Licensor" shall mean the copyright owner or entity authorized by
|
||||||
|
the copyright owner that is granting the License.
|
||||||
|
|
||||||
|
"Legal Entity" shall mean the union of the acting entity and all
|
||||||
|
other entities that control, are controlled by, or are under common
|
||||||
|
control with that entity. For the purposes of this definition,
|
||||||
|
"control" means (i) the power, direct or indirect, to cause the
|
||||||
|
direction or management of such entity, whether by contract or
|
||||||
|
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
||||||
|
outstanding shares, or (iii) beneficial ownership of such entity.
|
||||||
|
|
||||||
|
"You" (or "Your") shall mean an individual or Legal Entity
|
||||||
|
exercising permissions granted by this License.
|
||||||
|
|
||||||
|
"Source" form shall mean the preferred form for making modifications,
|
||||||
|
including but not limited to software source code, documentation
|
||||||
|
source, and configuration files.
|
||||||
|
|
||||||
|
"Object" form shall mean any form resulting from mechanical
|
||||||
|
transformation or translation of a Source form, including but
|
||||||
|
not limited to compiled object code, generated documentation,
|
||||||
|
and conversions to other media types.
|
||||||
|
|
||||||
|
"Work" shall mean the work of authorship, whether in Source or
|
||||||
|
Object form, made available under the License, as indicated by a
|
||||||
|
copyright notice that is included in or attached to the work
|
||||||
|
(an example is provided in the Appendix below).
|
||||||
|
|
||||||
|
"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
|
||||||
|
editorial revisions, annotations, elaborations, or other modifications
|
||||||
|
represent, as a whole, an original work of authorship. For the purposes
|
||||||
|
of this License, Derivative Works shall not include works that remain
|
||||||
|
separable from, or merely link (or bind by name) to the interfaces of,
|
||||||
|
the Work and Derivative Works thereof.
|
||||||
|
|
||||||
|
"Contribution" shall mean any work of authorship, including
|
||||||
|
the original version of the Work and any modifications or additions
|
||||||
|
to that Work or Derivative Works thereof, that is intentionally
|
||||||
|
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
|
||||||
|
the copyright owner. For the purposes of this definition, "submitted"
|
||||||
|
means any form of electronic, verbal, or written communication sent
|
||||||
|
to the Licensor or its representatives, including but not limited to
|
||||||
|
communication on electronic mailing lists, source code control systems,
|
||||||
|
and issue tracking systems that are managed by, or on behalf of, the
|
||||||
|
Licensor for the purpose of discussing and improving the Work, but
|
||||||
|
excluding communication that is conspicuously marked or otherwise
|
||||||
|
designated in writing by the copyright owner as "Not a Contribution."
|
||||||
|
|
||||||
|
"Contributor" shall mean Licensor and any individual or Legal Entity
|
||||||
|
on behalf of whom a Contribution has been received by Licensor and
|
||||||
|
subsequently incorporated within the Work.
|
||||||
|
|
||||||
|
2. Grant of Copyright License. Subject to the terms and conditions of
|
||||||
|
this License, each Contributor hereby grants to You a perpetual,
|
||||||
|
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||||
|
copyright license to reproduce, prepare Derivative Works of,
|
||||||
|
publicly display, publicly perform, sublicense, and distribute the
|
||||||
|
Work and such Derivative Works in Source or Object form.
|
||||||
|
|
||||||
|
3. Grant of Patent License. Subject to the terms and conditions of
|
||||||
|
this License, each Contributor hereby grants to You a perpetual,
|
||||||
|
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||||
|
(except as stated in this section) patent license to make, have made,
|
||||||
|
use, offer to sell, sell, import, and otherwise transfer the Work,
|
||||||
|
where such license applies only to those patent claims licensable
|
||||||
|
by such Contributor that are necessarily infringed by their
|
||||||
|
Contribution(s) alone or by combination of their Contribution(s)
|
||||||
|
with the Work to which such Contribution(s) was submitted. If You
|
||||||
|
institute patent litigation against any entity (including a
|
||||||
|
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
||||||
|
or a Contribution incorporated within the Work constitutes direct
|
||||||
|
or contributory patent infringement, then any patent licenses
|
||||||
|
granted to You under this License for that Work shall terminate
|
||||||
|
as of the date such litigation is filed.
|
||||||
|
|
||||||
|
4. Redistribution. You may reproduce and distribute copies of the
|
||||||
|
Work or Derivative Works thereof in any medium, with or without
|
||||||
|
modifications, and in Source or Object form, provided that You
|
||||||
|
meet the following conditions:
|
||||||
|
|
||||||
|
(a) You must give any other recipients of the Work or
|
||||||
|
Derivative Works a copy of this License; and
|
||||||
|
|
||||||
|
(b) You must cause any modified files to carry prominent notices
|
||||||
|
stating that You changed the files; and
|
||||||
|
|
||||||
|
(c) You must retain, in the Source form of any Derivative Works
|
||||||
|
that You distribute, all copyright, patent, trademark, and
|
||||||
|
attribution notices from the Source form of the Work,
|
||||||
|
excluding those notices that do not pertain to any part of
|
||||||
|
the Derivative Works; and
|
||||||
|
|
||||||
|
(d) If the Work includes a "NOTICE" text file as part of its
|
||||||
|
distribution, then any Derivative Works that You distribute must
|
||||||
|
include a readable copy of the attribution notices contained
|
||||||
|
within such NOTICE file, excluding those notices that do not
|
||||||
|
pertain to any part of the Derivative Works, in at least one
|
||||||
|
of the following places: within a NOTICE text file distributed
|
||||||
|
as part of the Derivative Works; within the Source form or
|
||||||
|
documentation, if provided along with the Derivative Works; or,
|
||||||
|
within a display generated by the Derivative Works, if and
|
||||||
|
wherever such third-party notices normally appear. The contents
|
||||||
|
of the NOTICE file are for informational purposes only and
|
||||||
|
do not modify the License. You may add Your own attribution
|
||||||
|
notices within Derivative Works that You distribute, alongside
|
||||||
|
or as an addendum to the NOTICE text from the Work, provided
|
||||||
|
that such additional attribution notices cannot be construed
|
||||||
|
as modifying the License.
|
||||||
|
|
||||||
|
You may add Your own copyright statement to Your modifications and
|
||||||
|
may provide additional or different license terms and conditions
|
||||||
|
for use, reproduction, or distribution of Your modifications, or
|
||||||
|
for any such Derivative Works as a whole, provided Your use,
|
||||||
|
reproduction, and distribution of the Work otherwise complies with
|
||||||
|
the conditions stated in this License.
|
||||||
|
|
||||||
|
5. Submission of Contributions. Unless You explicitly state otherwise,
|
||||||
|
any Contribution intentionally submitted for inclusion in the Work
|
||||||
|
by You to the Licensor shall be under the terms and conditions of
|
||||||
|
this License, without any additional terms or conditions.
|
||||||
|
Notwithstanding the above, nothing herein shall supersede or modify
|
||||||
|
the terms of any separate license agreement you may have executed
|
||||||
|
with Licensor regarding such Contributions.
|
||||||
|
|
||||||
|
6. Trademarks. This License does not grant permission to use the trade
|
||||||
|
names, trademarks, service marks, or product names of the Licensor,
|
||||||
|
except as required for reasonable and customary use in describing the
|
||||||
|
origin of the Work and reproducing the content of the NOTICE file.
|
||||||
|
|
||||||
|
7. Disclaimer of Warranty. Unless required by applicable law or
|
||||||
|
agreed to in writing, Licensor provides the Work (and each
|
||||||
|
Contributor provides its Contributions) on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
||||||
|
implied, including, without limitation, any warranties or conditions
|
||||||
|
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
||||||
|
PARTICULAR PURPOSE. You are solely responsible for determining the
|
||||||
|
appropriateness of using or redistributing the Work and assume any
|
||||||
|
risks associated with Your exercise of permissions under this License.
|
||||||
|
|
||||||
|
8. Limitation of Liability. In no event and under no legal theory,
|
||||||
|
whether in tort (including negligence), contract, or otherwise,
|
||||||
|
unless required by applicable law (such as deliberate and grossly
|
||||||
|
negligent acts) or agreed to in writing, shall any Contributor be
|
||||||
|
liable to You for damages, including any direct, indirect, special,
|
||||||
|
incidental, or consequential damages of any character arising as a
|
||||||
|
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 stoppage, computer failure or malfunction, or any and all
|
||||||
|
other commercial damages or losses), even if such Contributor
|
||||||
|
has been advised of the possibility of such damages.
|
||||||
|
|
||||||
|
9. Accepting Warranty or Additional Liability. While redistributing
|
||||||
|
the Work or Derivative Works thereof, You may choose to offer,
|
||||||
|
and charge a fee for, acceptance of support, warranty, indemnity,
|
||||||
|
or other liability obligations and/or rights consistent with this
|
||||||
|
License. However, in accepting such obligations, You may act only
|
||||||
|
on Your own behalf and on Your sole responsibility, not on behalf
|
||||||
|
of any other Contributor, and only if You agree to indemnify,
|
||||||
|
defend, and hold each Contributor harmless for any liability
|
||||||
|
incurred by, or claims asserted against, such Contributor by reason
|
||||||
|
of your accepting any such warranty or additional liability.
|
||||||
|
|
||||||
|
END OF TERMS AND CONDITIONS
|
||||||
|
|
||||||
|
APPENDIX: How to apply the Apache License to your work.
|
||||||
|
|
||||||
|
To apply the Apache License to your work, attach the following
|
||||||
|
boilerplate notice, with the fields enclosed by brackets "[]"
|
||||||
|
replaced with your own identifying information. (Don't include
|
||||||
|
the brackets!) The text should be enclosed in the appropriate
|
||||||
|
comment syntax for the file format. We also recommend that a
|
||||||
|
file or class name and description of purpose be included on the
|
||||||
|
same "printed page" as the copyright notice for easier
|
||||||
|
identification within third-party archives.
|
||||||
|
|
||||||
|
Copyright [yyyy] [name of copyright owner]
|
||||||
|
|
||||||
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
you may not use this file except in compliance with the License.
|
||||||
|
You may obtain a copy of the License at
|
||||||
|
|
||||||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
|
||||||
|
Unless required by applicable law or agreed to in writing, software
|
||||||
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
See the License for the specific language governing permissions and
|
||||||
|
limitations under the License.
|
||||||
113
themes/butterfly/README.md
Normal file
113
themes/butterfly/README.md
Normal file
@ -0,0 +1,113 @@
|
|||||||
|
<div align="right">
|
||||||
|
Language:
|
||||||
|
🇺🇸
|
||||||
|
<a title="Chinese" href="/README_CN.md">🇨🇳</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
# hexo-theme-butterfly
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Demo: 👍 [Butterfly](https://butterfly.js.org/) || 🤞 [CrazyWong](https://crazywong.com/)
|
||||||
|
|
||||||
|
Docs: 📖 [Butterfly Docs](https://butterfly.js.org/posts/21cfbf15/)
|
||||||
|
|
||||||
|
Based on [hexo-theme-melody](https://github.com/Molunerfinn/hexo-theme-melody) theme.
|
||||||
|
|
||||||
|
## 💻 Installation
|
||||||
|
|
||||||
|
### GIT
|
||||||
|
|
||||||
|
> If you are in Mainland China, you can download in [Gitee](https://gitee.com/immyw/hexo-theme-butterfly.git)
|
||||||
|
|
||||||
|
Stable branch [recommend]:
|
||||||
|
|
||||||
|
```
|
||||||
|
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
|
||||||
|
```
|
||||||
|
|
||||||
|
Dev branch:
|
||||||
|
|
||||||
|
```
|
||||||
|
git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
|
||||||
|
```
|
||||||
|
|
||||||
|
### NPM
|
||||||
|
|
||||||
|
> It supports Hexo 5.0.0 or later
|
||||||
|
|
||||||
|
In Hexo site root directory
|
||||||
|
|
||||||
|
```powershell
|
||||||
|
npm i hexo-theme-butterfly
|
||||||
|
```
|
||||||
|
|
||||||
|
## ⚙ Configuration
|
||||||
|
|
||||||
|
Set theme in the hexo work folder's root config file `_config.yml`:
|
||||||
|
|
||||||
|
> theme: butterfly
|
||||||
|
|
||||||
|
If you don't have pug & stylus renderer, try this:
|
||||||
|
|
||||||
|
> npm install hexo-renderer-pug hexo-renderer-stylus
|
||||||
|
|
||||||
|
## 🎉 Features
|
||||||
|
|
||||||
|
- [x] Card UI Design
|
||||||
|
- [X] Support sub-menu
|
||||||
|
- [x] Two Column designs
|
||||||
|
- [x] Responsive Web Design
|
||||||
|
- [x] Dark Mode
|
||||||
|
- [x] Pjax
|
||||||
|
- [x] Read Mode
|
||||||
|
- [x] Conversion between Traditional and Simplified Chinese
|
||||||
|
- [X] TOC catalog is available for both computers and mobile phones
|
||||||
|
- [X] Color themes (darker/pale night/light/ocean/mac/mac light), support custom colors
|
||||||
|
- [X] Code Blocks (Display code language/close or expand Code Blocks/Copy Button/word wrap)
|
||||||
|
- [X] Disable copy/Add a Copyright Notice to the Copied Text
|
||||||
|
- [X] Search (Algolia SearchZ/Local Search)
|
||||||
|
- [x] Mathjax and Katex
|
||||||
|
- [x] Built-in 404 page
|
||||||
|
- [x] WordCount
|
||||||
|
- [x] Related articles
|
||||||
|
- [x] Displays outdated notice for a post
|
||||||
|
- [x] Share (AddThis/Sharejs/Addtoany)
|
||||||
|
- [X] Comment (Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/artalk)
|
||||||
|
- [x] Multiple Comment System Support
|
||||||
|
- [x] Online Chats (Chatra/Tidio/Daovoice/Gitter/Crisp/messenger)
|
||||||
|
- [x] Web analytics
|
||||||
|
- [x] Google AdSense
|
||||||
|
- [x] Webmaster Verification
|
||||||
|
- [x] Change website colour scheme
|
||||||
|
- [x] Typewriter Effect: activate_power_mode
|
||||||
|
- [x] Background effects (Canvas ribbon/canvas_ribbon_piao/canvas_nest)
|
||||||
|
- [x] Mouse click effects (Fireworks/Heart/Text)
|
||||||
|
- [x] Preloader/Loading Animation/pace.js
|
||||||
|
- [x] Busuanzi visitor counter
|
||||||
|
- [x] Medium Zoom/Fancybox
|
||||||
|
- [x] Mermaid
|
||||||
|
- [x] Justified Gallery
|
||||||
|
- [x] Lazyload images
|
||||||
|
- [x] Instantpage/Pangu/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
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
113
themes/butterfly/README_CN.md
Normal file
113
themes/butterfly/README_CN.md
Normal file
@ -0,0 +1,113 @@
|
|||||||
|
<div align="right">
|
||||||
|
語言:
|
||||||
|
中文
|
||||||
|
<a title="English" href="/README.md">英文</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
# hexo-theme-butterfly
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
預覽: 👍 [Butterfly](https://butterfly.js.org/) || 🤞 [CrazyWong](https://crazywong.com/)
|
||||||
|
|
||||||
|
文檔: 📖 [Butterfly Docs](https://butterfly.js.org/posts/21cfbf15/)
|
||||||
|
|
||||||
|
一款基於[hexo-theme-melody](https://github.com/Molunerfinn/hexo-theme-melody)修改的主題
|
||||||
|
|
||||||
|
## 💻 安裝
|
||||||
|
|
||||||
|
### Git 安裝
|
||||||
|
|
||||||
|
> 本倉庫同時上傳到 [Gitee](https://gitee.com/immyw/hexo-theme-butterfly.git)，如果你訪問 Github 緩慢，可從 Gitee 中下載。
|
||||||
|
|
||||||
|
在博客根目錄裡安裝穩定版【推薦】
|
||||||
|
|
||||||
|
```powershell
|
||||||
|
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
|
||||||
|
```
|
||||||
|
|
||||||
|
如果想要安裝比較新的dev分支，可以
|
||||||
|
|
||||||
|
```powershell
|
||||||
|
git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
|
||||||
|
```
|
||||||
|
|
||||||
|
### npm 安裝
|
||||||
|
|
||||||
|
> 此方法只支持Hexo 5.0.0以上版本
|
||||||
|
|
||||||
|
在博客根目錄裡
|
||||||
|
|
||||||
|
```powershell
|
||||||
|
npm i hexo-theme-butterfly
|
||||||
|
```
|
||||||
|
|
||||||
|
## ⚙ 應用主題
|
||||||
|
|
||||||
|
修改hexo配置文件`_config.yml`，把主題改為`Butterfly`
|
||||||
|
|
||||||
|
```
|
||||||
|
theme: butterfly
|
||||||
|
```
|
||||||
|
|
||||||
|
>如果你沒有pug以及stylus的渲染器，請下載安裝： npm install hexo-renderer-pug hexo-renderer-stylus --save
|
||||||
|
|
||||||
|
## 🎉 特色
|
||||||
|
|
||||||
|
- [x] 卡片化設計
|
||||||
|
- [X] 支持二級目錄
|
||||||
|
- [x] 雙欄設計
|
||||||
|
- [x] 響應式主題
|
||||||
|
- [x] 夜間模式
|
||||||
|
- [x] Pjax
|
||||||
|
- [x] 文章閲讀模式
|
||||||
|
- [x] 簡體和繁體轉換
|
||||||
|
- [X] 電腦和手機都可查看TOC目錄
|
||||||
|
- [X] 內置多種代碼配色（darker/pale night/light/ocean/mac/mac light），可自定義代碼配色
|
||||||
|
- [X] 代碼塊顯示代碼語言/關閉或展開代碼塊/代碼複製/代碼自動換行
|
||||||
|
- [X] 可關閉文字複製/可開啟內容複製增加版權信息）
|
||||||
|
- [X] 兩種搜索（Algolia搜索和本地搜索）
|
||||||
|
- [x] Mathjax 和 Katex
|
||||||
|
- [x] 內置404頁面
|
||||||
|
- [x] 顯示字數統計
|
||||||
|
- [x] 顯示相關文章
|
||||||
|
- [x] 過期文章提醒
|
||||||
|
- [x] 多種分享系統（AddThis/Sharejs/Addtoany）
|
||||||
|
- [X] 多種評論系統（Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/artalk）
|
||||||
|
- [x] 支持雙評論部署
|
||||||
|
- [x] 多種在線聊天（Chatra/Tidio/Daovoice/Gitter/Crisp/messenger）
|
||||||
|
- [x] 多種分析系統
|
||||||
|
- [x] 谷歌廣告/手動廣告位置
|
||||||
|
- [x] 各種站長驗證（Google/Bing/Baidu/360/Yandex）
|
||||||
|
- [x] 修改網站配色
|
||||||
|
- [x] 打字特效 activate_power_mode
|
||||||
|
- [x] 多種背景特效（靜止彩帶/動態彩帶/Canvas Nest）
|
||||||
|
- [x] 多種鼠標點擊特效（煙花/文字/愛心）
|
||||||
|
- [x] 內置一種 Preloader 加載動畫和 pace.js 加載動畫條
|
||||||
|
- [x] 不蒜子訪問統計
|
||||||
|
- [x] 兩種大圖模式（Medium Zoom/Fancybox）
|
||||||
|
- [x] Mermaid 圖表顯示
|
||||||
|
- [x] 照片牆
|
||||||
|
- [x] 圖片懶加載
|
||||||
|
- [x] Instantpage/Pangu/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>
|
||||||
|
|
||||||
|
## 📷 截圖
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
955
themes/butterfly/_config.yml
Normal file
955
themes/butterfly/_config.yml
Normal file
@ -0,0 +1,955 @@
|
|||||||
|
# Main menu navigation (導航目錄)
|
||||||
|
# see https://butterfly.js.org/posts/4aa8abbe/#導航菜單
|
||||||
|
# --------------------------------------
|
||||||
|
|
||||||
|
menu:
|
||||||
|
# Home: / || fas fa-home
|
||||||
|
# Archives: /archives/ || fas fa-archive
|
||||||
|
# Tags: /tags/ || fas fa-tags
|
||||||
|
# Categories: /categories/ || fas fa-folder-open
|
||||||
|
# List||fas fa-list:
|
||||||
|
# Music: /music/ || fas fa-music
|
||||||
|
# Movie: /movies/ || fas fa-video
|
||||||
|
# Link: /link/ || fas fa-link
|
||||||
|
# About: /about/ || fas fa-heart
|
||||||
|
|
||||||
|
# Code Blocks (代碼相關)
|
||||||
|
# --------------------------------------
|
||||||
|
|
||||||
|
highlight_theme: light # darker / pale night / light / ocean / mac / mac light / false
|
||||||
|
highlight_copy: true # copy button
|
||||||
|
highlight_lang: true # show the code language
|
||||||
|
highlight_shrink: false # true: shrink the code blocks / false: expand the code blocks | none: expand code blocks and hide the button
|
||||||
|
highlight_height_limit: false # unit: px
|
||||||
|
code_word_wrap: false
|
||||||
|
|
||||||
|
# copy settings
|
||||||
|
# copyright: Add the copyright information after copied content (複製的內容後面加上版權信息)
|
||||||
|
copy:
|
||||||
|
enable: true
|
||||||
|
copyright:
|
||||||
|
enable: false
|
||||||
|
limit_count: 50
|
||||||
|
|
||||||
|
# social settings (社交圖標設置)
|
||||||
|
# formal:
|
||||||
|
# icon: link || the description
|
||||||
|
social:
|
||||||
|
# fab fa-github: https://github.com/xxxxx || Github
|
||||||
|
# fas fa-envelope: mailto:xxxxxx@gmail.com || Email
|
||||||
|
|
||||||
|
# search (搜索)
|
||||||
|
# see https://butterfly.js.org/posts/ceeb73f/#搜索系統
|
||||||
|
# --------------------------------------
|
||||||
|
|
||||||
|
# Algolia search
|
||||||
|
algolia_search:
|
||||||
|
enable: false
|
||||||
|
hits:
|
||||||
|
per_page: 6
|
||||||
|
|
||||||
|
# Local search
|
||||||
|
local_search:
|
||||||
|
enable: false
|
||||||
|
preload: false
|
||||||
|
CDN:
|
||||||
|
|
||||||
|
# Math (數學)
|
||||||
|
# --------------------------------------
|
||||||
|
# About the per_page
|
||||||
|
# if you set it to true, it will load mathjax/katex script in each page (true 表示每一頁都加載js)
|
||||||
|
# if you set it to false, it will load mathjax/katex script according to your setting (add the 'mathjax: true' in page's front-matter)
|
||||||
|
# (false 需要時加載，須在使用的 Markdown Front-matter 加上 mathjax: true)
|
||||||
|
|
||||||
|
# MathJax
|
||||||
|
mathjax:
|
||||||
|
enable: false
|
||||||
|
per_page: false
|
||||||
|
|
||||||
|
# KaTeX
|
||||||
|
katex:
|
||||||
|
enable: false
|
||||||
|
per_page: false
|
||||||
|
hide_scrollbar: true
|
||||||
|
|
||||||
|
# Image (圖片設置)
|
||||||
|
# --------------------------------------
|
||||||
|
|
||||||
|
# Favicon（網站圖標）
|
||||||
|
favicon: /img/favicon.png
|
||||||
|
|
||||||
|
# Avatar (頭像)
|
||||||
|
avatar:
|
||||||
|
img: https://i.loli.net/2021/02/24/5O1day2nriDzjSu.png
|
||||||
|
effect: false
|
||||||
|
|
||||||
|
# Disable all banner image
|
||||||
|
disable_top_img: false
|
||||||
|
|
||||||
|
# The banner image of home page
|
||||||
|
index_img:
|
||||||
|
|
||||||
|
# If the banner of page not setting, it will show the top_img
|
||||||
|
default_top_img:
|
||||||
|
|
||||||
|
# The banner image of archive page
|
||||||
|
archive_img:
|
||||||
|
|
||||||
|
# If the banner of tag page not setting, it will show the top_img
|
||||||
|
# note: tag page, not tags page (子標籤頁面的 top_img)
|
||||||
|
tag_img:
|
||||||
|
|
||||||
|
# The banner image of tag page
|
||||||
|
# format:
|
||||||
|
# - tag name: xxxxx
|
||||||
|
tag_per_img:
|
||||||
|
|
||||||
|
# If the banner of category page not setting, it will show the top_img
|
||||||
|
# note: category page, not categories page (子分類頁面的 top_img)
|
||||||
|
category_img:
|
||||||
|
|
||||||
|
# The banner image of category page
|
||||||
|
# format:
|
||||||
|
# - category name: xxxxx
|
||||||
|
category_per_img:
|
||||||
|
|
||||||
|
cover:
|
||||||
|
# display the cover or not (是否顯示文章封面)
|
||||||
|
index_enable: true
|
||||||
|
aside_enable: true
|
||||||
|
archives_enable: true
|
||||||
|
# the position of cover in home page (封面顯示的位置)
|
||||||
|
# left/right/both
|
||||||
|
position: both
|
||||||
|
# When cover is not set, the default cover is displayed (當沒有設置cover時，默認的封面顯示)
|
||||||
|
default_cover:
|
||||||
|
# - https://i.loli.net/2020/05/01/gkihqEjXxJ5UZ1C.jpg
|
||||||
|
|
||||||
|
# Replace Broken Images (替換無法顯示的圖片)
|
||||||
|
error_img:
|
||||||
|
flink: /img/friend_404.gif
|
||||||
|
post_page: /img/404.jpg
|
||||||
|
|
||||||
|
# A simple 404 page
|
||||||
|
error_404:
|
||||||
|
enable: false
|
||||||
|
subtitle: 'Page Not Found'
|
||||||
|
background: https://i.loli.net/2020/05/19/aKOcLiyPl2JQdFD.png
|
||||||
|
|
||||||
|
post_meta:
|
||||||
|
page: # Home Page
|
||||||
|
date_type: created # created or updated or both 主頁文章日期是創建日或者更新日或都顯示
|
||||||
|
date_format: date # date/relative 顯示日期還是相對日期
|
||||||
|
categories: true # true or false 主頁是否顯示分類
|
||||||
|
tags: false # true or false 主頁是否顯示標籤
|
||||||
|
label: true # true or false 顯示描述性文字
|
||||||
|
post:
|
||||||
|
date_type: both # created or updated or both 文章頁日期是創建日或者更新日或都顯示
|
||||||
|
date_format: date # date/relative 顯示日期還是相對日期
|
||||||
|
categories: true # true or false 文章頁是否顯示分類
|
||||||
|
tags: true # true or false 文章頁是否顯示標籤
|
||||||
|
label: true # true or false 顯示描述性文字
|
||||||
|
|
||||||
|
# wordcount (字數統計)
|
||||||
|
# see https://butterfly.js.org/posts/ceeb73f/#字數統計
|
||||||
|
wordcount:
|
||||||
|
enable: false
|
||||||
|
post_wordcount: true
|
||||||
|
min2read: true
|
||||||
|
total_wordcount: true
|
||||||
|
|
||||||
|
# Display the article introduction on homepage
|
||||||
|
# 1: description
|
||||||
|
# 2: both (if the description exists, it will show description, or show the auto_excerpt)
|
||||||
|
# 3: auto_excerpt (default)
|
||||||
|
# false: do not show the article introduction
|
||||||
|
index_post_content:
|
||||||
|
method: 3
|
||||||
|
length: 500 # if you set method to 2 or 3, the length need to config
|
||||||
|
|
||||||
|
# anchor
|
||||||
|
anchor:
|
||||||
|
button:
|
||||||
|
enable: false
|
||||||
|
always_show: false
|
||||||
|
icon: # the unicode value of Font Awesome icon, such as '\3423'
|
||||||
|
auto_update: false # when you scroll in post, the URL will update according to header id.
|
||||||
|
|
||||||
|
# Post
|
||||||
|
# --------------------------------------
|
||||||
|
|
||||||
|
# toc (目錄)
|
||||||
|
toc:
|
||||||
|
post: true
|
||||||
|
page: false
|
||||||
|
number: true
|
||||||
|
expand: false
|
||||||
|
style_simple: false # for post
|
||||||
|
|
||||||
|
post_copyright:
|
||||||
|
enable: true
|
||||||
|
decode: false
|
||||||
|
author_href:
|
||||||
|
license: CC BY-NC-SA 4.0
|
||||||
|
license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/
|
||||||
|
|
||||||
|
# Sponsor/reward
|
||||||
|
reward:
|
||||||
|
enable: false
|
||||||
|
QR_code:
|
||||||
|
# - img: /img/wechat.jpg
|
||||||
|
# link:
|
||||||
|
# text: wechat
|
||||||
|
# - img: /img/alipay.jpg
|
||||||
|
# link:
|
||||||
|
# text: alipay
|
||||||
|
|
||||||
|
# Post edit
|
||||||
|
# Easily browse and edit blog source code online.
|
||||||
|
post_edit:
|
||||||
|
enable: false
|
||||||
|
# url: https://github.com/user-name/repo-name/edit/branch-name/subdirectory-name/
|
||||||
|
# For example: https://github.com/jerryc127/butterfly.js.org/edit/main/source/
|
||||||
|
url:
|
||||||
|
|
||||||
|
# Related Articles
|
||||||
|
related_post:
|
||||||
|
enable: true
|
||||||
|
limit: 6 # Number of posts displayed
|
||||||
|
date_type: created # or created or updated 文章日期顯示創建日或者更新日
|
||||||
|
|
||||||
|
# figcaption (圖片描述文字)
|
||||||
|
photofigcaption: false
|
||||||
|
|
||||||
|
# post_pagination (分頁)
|
||||||
|
# value: 1 || 2 || false
|
||||||
|
# 1: The 'next post' will link to old post
|
||||||
|
# 2: The 'next post' will link to new post
|
||||||
|
# false: disable pagination
|
||||||
|
post_pagination: 1
|
||||||
|
|
||||||
|
# Displays outdated notice for a post (文章過期提醒)
|
||||||
|
noticeOutdate:
|
||||||
|
enable: false
|
||||||
|
style: flat # style: simple/flat
|
||||||
|
limit_day: 500 # When will it be shown
|
||||||
|
position: top # position: top/bottom
|
||||||
|
message_prev: It has been
|
||||||
|
message_next: days since the last update, the content of the article may be outdated.
|
||||||
|
|
||||||
|
# Share System (分享功能)
|
||||||
|
# --------------------------------------
|
||||||
|
|
||||||
|
# AddThis
|
||||||
|
# https://www.addthis.com/
|
||||||
|
addThis:
|
||||||
|
enable: false
|
||||||
|
pubid:
|
||||||
|
|
||||||
|
# Share.js
|
||||||
|
# https://github.com/overtrue/share.js
|
||||||
|
sharejs:
|
||||||
|
enable: true
|
||||||
|
sites: facebook,twitter,wechat,weibo,qq
|
||||||
|
|
||||||
|
# AddToAny
|
||||||
|
# https://www.addtoany.com/
|
||||||
|
addtoany:
|
||||||
|
enable: false
|
||||||
|
item: facebook,twitter,wechat,sina_weibo,facebook_messenger,email,copy_link
|
||||||
|
|
||||||
|
# Comments System
|
||||||
|
# --------------------------------------
|
||||||
|
|
||||||
|
comments:
|
||||||
|
# Up to two comments system, the first will be shown as default
|
||||||
|
# Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/Artalk
|
||||||
|
use: # Valine,Disqus
|
||||||
|
text: true # Display the comment name next to the button
|
||||||
|
# lazyload: The comment system will be load when comment element enters the browser's viewport.
|
||||||
|
# If you set it to true, the comment count will be invalid
|
||||||
|
lazyload: false
|
||||||
|
count: false # Display comment count in post's top_img
|
||||||
|
card_post_count: false # Display comment count in Home Page
|
||||||
|
|
||||||
|
# disqus
|
||||||
|
# https://disqus.com/
|
||||||
|
disqus:
|
||||||
|
shortname:
|
||||||
|
apikey: # For newest comments widget
|
||||||
|
|
||||||
|
# Alternative Disqus - Render comments with Disqus API
|
||||||
|
# DisqusJS 評論系統，可以實現在網路審查地區載入 Disqus 評論列表，兼容原版
|
||||||
|
# https://github.com/SukkaW/DisqusJS
|
||||||
|
disqusjs:
|
||||||
|
shortname:
|
||||||
|
apikey:
|
||||||
|
option:
|
||||||
|
|
||||||
|
# livere (來必力)
|
||||||
|
# https://www.livere.com/
|
||||||
|
livere:
|
||||||
|
uid:
|
||||||
|
|
||||||
|
# gitalk
|
||||||
|
# https://github.com/gitalk/gitalk
|
||||||
|
gitalk:
|
||||||
|
client_id:
|
||||||
|
client_secret:
|
||||||
|
repo:
|
||||||
|
owner:
|
||||||
|
admin:
|
||||||
|
option:
|
||||||
|
|
||||||
|
# valine
|
||||||
|
# https://valine.js.org
|
||||||
|
valine:
|
||||||
|
appId: # leancloud application app id
|
||||||
|
appKey: # leancloud application app key
|
||||||
|
avatar: monsterid # gravatar style https://valine.js.org/#/avatar
|
||||||
|
serverURLs: # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in)
|
||||||
|
bg: # valine background
|
||||||
|
visitor: false
|
||||||
|
option:
|
||||||
|
|
||||||
|
# waline - A simple comment system with backend support fork from Valine
|
||||||
|
# https://waline.js.org/
|
||||||
|
waline:
|
||||||
|
serverURL: # Waline server address url
|
||||||
|
bg: # waline background
|
||||||
|
pageview: false
|
||||||
|
option:
|
||||||
|
|
||||||
|
# utterances
|
||||||
|
# https://utteranc.es/
|
||||||
|
utterances:
|
||||||
|
repo:
|
||||||
|
# Issue Mapping: pathname/url/title/og:title
|
||||||
|
issue_term: pathname
|
||||||
|
# Theme: github-light/github-dark/github-dark-orange/icy-dark/dark-blue/photon-dark
|
||||||
|
light_theme: github-light
|
||||||
|
dark_theme: photon-dark
|
||||||
|
|
||||||
|
# Facebook Comments Plugin
|
||||||
|
# https://developers.facebook.com/docs/plugins/comments/
|
||||||
|
facebook_comments:
|
||||||
|
app_id:
|
||||||
|
user_id: # optional
|
||||||
|
pageSize: 10 # The number of comments to show
|
||||||
|
order_by: social # social/time/reverse_time
|
||||||
|
lang: zh_TW # Language en_US/zh_CN/zh_TW and so on
|
||||||
|
|
||||||
|
# Twikoo
|
||||||
|
# https://github.com/imaegoo/twikoo
|
||||||
|
twikoo:
|
||||||
|
envId:
|
||||||
|
region:
|
||||||
|
visitor: false
|
||||||
|
option:
|
||||||
|
|
||||||
|
# Giscus
|
||||||
|
# https://giscus.app/
|
||||||
|
giscus:
|
||||||
|
repo:
|
||||||
|
repo_id:
|
||||||
|
category_id:
|
||||||
|
theme:
|
||||||
|
light: light
|
||||||
|
dark: dark
|
||||||
|
option:
|
||||||
|
|
||||||
|
# Remark42
|
||||||
|
# https://remark42.com/docs/configuration/frontend/
|
||||||
|
remark42:
|
||||||
|
host: # Your Host URL
|
||||||
|
siteId: # Your Site ID
|
||||||
|
option:
|
||||||
|
|
||||||
|
# Artalk
|
||||||
|
# https://artalk.js.org/guide/frontend/config.html
|
||||||
|
artalk:
|
||||||
|
server:
|
||||||
|
site:
|
||||||
|
visitor: false
|
||||||
|
option:
|
||||||
|
|
||||||
|
# Chat Services
|
||||||
|
# --------------------------------------
|
||||||
|
|
||||||
|
# Chat Button [recommend]
|
||||||
|
# It will create a button in the bottom right corner of website, and hide the origin button
|
||||||
|
chat_btn: false
|
||||||
|
|
||||||
|
# The origin chat button is displayed when scrolling up, and the button is hidden when scrolling down
|
||||||
|
chat_hide_show: false
|
||||||
|
|
||||||
|
# chatra
|
||||||
|
# https://chatra.io/
|
||||||
|
chatra:
|
||||||
|
enable: false
|
||||||
|
id:
|
||||||
|
|
||||||
|
# tidio
|
||||||
|
# https://www.tidio.com/
|
||||||
|
tidio:
|
||||||
|
enable: false
|
||||||
|
public_key:
|
||||||
|
|
||||||
|
# daovoice
|
||||||
|
# http://daovoice.io/
|
||||||
|
daovoice:
|
||||||
|
enable: false
|
||||||
|
app_id:
|
||||||
|
|
||||||
|
# gitter
|
||||||
|
# https://gitter.im/
|
||||||
|
gitter:
|
||||||
|
enable: false
|
||||||
|
room:
|
||||||
|
|
||||||
|
# crisp
|
||||||
|
# https://crisp.chat/en/
|
||||||
|
crisp:
|
||||||
|
enable: false
|
||||||
|
website_id:
|
||||||
|
|
||||||
|
# messenger
|
||||||
|
# https://developers.facebook.com/docs/messenger-platform/discovery/facebook-chat-plugin/
|
||||||
|
messenger:
|
||||||
|
enable: false
|
||||||
|
pageID:
|
||||||
|
lang: zh_TW # Language en_US/zh_CN/zh_TW and so on
|
||||||
|
|
||||||
|
# Footer Settings
|
||||||
|
# --------------------------------------
|
||||||
|
footer:
|
||||||
|
owner:
|
||||||
|
enable: true
|
||||||
|
since: 2020
|
||||||
|
custom_text:
|
||||||
|
copyright: true # Copyright of theme and framework
|
||||||
|
|
||||||
|
# Analysis
|
||||||
|
# --------------------------------------
|
||||||
|
|
||||||
|
# Baidu Analytics
|
||||||
|
# https://tongji.baidu.com/web/welcome/login
|
||||||
|
baidu_analytics:
|
||||||
|
|
||||||
|
# Google Analytics
|
||||||
|
# https://analytics.google.com/analytics/web/
|
||||||
|
google_analytics:
|
||||||
|
|
||||||
|
# CNZZ Analytics
|
||||||
|
# https://www.umeng.com/
|
||||||
|
cnzz_analytics:
|
||||||
|
|
||||||
|
# Cloudflare Analytics
|
||||||
|
# https://www.cloudflare.com/zh-tw/web-analytics/
|
||||||
|
cloudflare_analytics:
|
||||||
|
|
||||||
|
# Microsoft Clarity
|
||||||
|
# https://clarity.microsoft.com/
|
||||||
|
microsoft_clarity:
|
||||||
|
|
||||||
|
# Advertisement
|
||||||
|
# --------------------------------------
|
||||||
|
|
||||||
|
# Google Adsense (谷歌廣告)
|
||||||
|
google_adsense:
|
||||||
|
enable: false
|
||||||
|
auto_ads: true
|
||||||
|
js: https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
|
||||||
|
client:
|
||||||
|
enable_page_level_ads: true
|
||||||
|
|
||||||
|
# Insert ads manually (手動插入廣告)
|
||||||
|
# ad:
|
||||||
|
# index:
|
||||||
|
# aside:
|
||||||
|
# post:
|
||||||
|
|
||||||
|
# Verification (站長驗證)
|
||||||
|
# --------------------------------------
|
||||||
|
|
||||||
|
site_verification:
|
||||||
|
# - name: google-site-verification
|
||||||
|
# content: xxxxxx
|
||||||
|
# - name: baidu-site-verification
|
||||||
|
# content: xxxxxxx
|
||||||
|
|
||||||
|
# Beautify/Effect (美化/效果)
|
||||||
|
# --------------------------------------
|
||||||
|
|
||||||
|
# Theme color for customize
|
||||||
|
# Notice: color value must in double quotes like "#000" or may cause error!
|
||||||
|
|
||||||
|
# theme_color:
|
||||||
|
# enable: true
|
||||||
|
# main: "#49B1F5"
|
||||||
|
# paginator: "#00c4b6"
|
||||||
|
# button_hover: "#FF7242"
|
||||||
|
# text_selection: "#00c4b6"
|
||||||
|
# link_color: "#99a9bf"
|
||||||
|
# meta_color: "#858585"
|
||||||
|
# hr_color: "#A4D8FA"
|
||||||
|
# code_foreground: "#F47466"
|
||||||
|
# code_background: "rgba(27, 31, 35, .05)"
|
||||||
|
# toc_color: "#00c4b6"
|
||||||
|
# blockquote_padding_color: "#49b1f5"
|
||||||
|
# blockquote_background_color: "#49b1f5"
|
||||||
|
# scrollbar_color: "#49b1f5"
|
||||||
|
# meta_theme_color_light: "ffffff"
|
||||||
|
# meta_theme_color_dark: "#0d0d0d"
|
||||||
|
|
||||||
|
# The top_img settings of home page
|
||||||
|
# default: top img - full screen, site info - middle (默認top_img全屏，site_info在中間)
|
||||||
|
# The position of site info, eg: 300px/300em/300rem/10% (主頁標題距離頂部距離)
|
||||||
|
index_site_info_top:
|
||||||
|
# The height of top_img, eg: 300px/300em/300rem (主頁top_img高度)
|
||||||
|
index_top_img_height:
|
||||||
|
|
||||||
|
# The user interface setting of category and tag page (category和tag頁的UI設置)
|
||||||
|
# index - same as Homepage UI (index 值代表 UI將與首頁的UI一樣)
|
||||||
|
# default - same as archives UI 默認跟archives頁面UI一樣
|
||||||
|
category_ui: # 留空或 index
|
||||||
|
tag_ui: # 留空或 index
|
||||||
|
|
||||||
|
# Website Background (設置網站背景)
|
||||||
|
# can set it to color or image (可設置圖片 或者 顔色)
|
||||||
|
# The formal of image: url(http://xxxxxx.com/xxx.jpg)
|
||||||
|
background:
|
||||||
|
|
||||||
|
# Footer Background
|
||||||
|
footer_bg: false
|
||||||
|
|
||||||
|
# the position of bottom right button/default unit: px (右下角按鈕距離底部的距離/默認單位為px)
|
||||||
|
rightside-bottom:
|
||||||
|
|
||||||
|
# Enter transitions (開啓網頁進入效果)
|
||||||
|
enter_transitions: true
|
||||||
|
|
||||||
|
# Background effects (背景特效)
|
||||||
|
# --------------------------------------
|
||||||
|
|
||||||
|
# canvas_ribbon (靜止彩帶背景)
|
||||||
|
# See: https://github.com/hustcc/ribbon.js
|
||||||
|
canvas_ribbon:
|
||||||
|
enable: false
|
||||||
|
size: 150
|
||||||
|
alpha: 0.6
|
||||||
|
zIndex: -1
|
||||||
|
click_to_change: false
|
||||||
|
mobile: false
|
||||||
|
|
||||||
|
# Fluttering Ribbon (動態彩帶)
|
||||||
|
canvas_fluttering_ribbon:
|
||||||
|
enable: false
|
||||||
|
mobile: false
|
||||||
|
|
||||||
|
# canvas_nest
|
||||||
|
# https://github.com/hustcc/canvas-nest.js
|
||||||
|
canvas_nest:
|
||||||
|
enable: false
|
||||||
|
color: '0,0,255' #color of lines, default: '0,0,0'; RGB values: (R,G,B).(note: use ',' to separate.)
|
||||||
|
opacity: 0.7 # the opacity of line (0~1), default: 0.5.
|
||||||
|
zIndex: -1 # z-index property of the background, default: -1.
|
||||||
|
count: 99 # the number of lines, default: 99.
|
||||||
|
mobile: false
|
||||||
|
|
||||||
|
# Typewriter Effect (打字效果)
|
||||||
|
# https://github.com/disjukr/activate-power-mode
|
||||||
|
activate_power_mode:
|
||||||
|
enable: false
|
||||||
|
colorful: true # open particle animation (冒光特效)
|
||||||
|
shake: true # open shake (抖動特效)
|
||||||
|
mobile: false
|
||||||
|
|
||||||
|
# Mouse click effects: fireworks (鼠標點擊效果: 煙火特效)
|
||||||
|
fireworks:
|
||||||
|
enable: false
|
||||||
|
zIndex: 9999 # -1 or 9999
|
||||||
|
mobile: false
|
||||||
|
|
||||||
|
# Mouse click effects: Heart symbol (鼠標點擊效果: 愛心)
|
||||||
|
click_heart:
|
||||||
|
enable: false
|
||||||
|
mobile: false
|
||||||
|
|
||||||
|
# Mouse click effects: words (鼠標點擊效果: 文字)
|
||||||
|
ClickShowText:
|
||||||
|
enable: false
|
||||||
|
text:
|
||||||
|
# - I
|
||||||
|
# - LOVE
|
||||||
|
# - YOU
|
||||||
|
fontSize: 15px
|
||||||
|
random: false
|
||||||
|
mobile: false
|
||||||
|
|
||||||
|
# Default display mode (網站默認的顯示模式)
|
||||||
|
# light (default) / dark
|
||||||
|
display_mode: light
|
||||||
|
|
||||||
|
# Beautify (美化頁面顯示)
|
||||||
|
beautify:
|
||||||
|
enable: false
|
||||||
|
field: post # site/post
|
||||||
|
title-prefix-icon: # '\f0c1'
|
||||||
|
title-prefix-icon-color: # '#F47466'
|
||||||
|
|
||||||
|
# Global font settings
|
||||||
|
# Don't modify the following settings unless you know how they work (非必要不要修改)
|
||||||
|
font:
|
||||||
|
global-font-size:
|
||||||
|
code-font-size:
|
||||||
|
font-family:
|
||||||
|
code-font-family:
|
||||||
|
|
||||||
|
# Font settings for the site title and site subtitle
|
||||||
|
# 左上角網站名字 主頁居中網站名字
|
||||||
|
blog_title_font:
|
||||||
|
font_link:
|
||||||
|
font-family:
|
||||||
|
|
||||||
|
# The setting of divider icon (水平分隔線圖標設置)
|
||||||
|
hr_icon:
|
||||||
|
enable: true
|
||||||
|
icon: # the unicode value of Font Awesome icon, such as '\3423'
|
||||||
|
icon-top:
|
||||||
|
|
||||||
|
# the subtitle on homepage (主頁subtitle)
|
||||||
|
subtitle:
|
||||||
|
enable: false
|
||||||
|
# Typewriter Effect (打字效果)
|
||||||
|
effect: true
|
||||||
|
# Effect Speed Options (打字效果速度參數)
|
||||||
|
startDelay: 300 # time before typing starts in milliseconds
|
||||||
|
typeSpeed: 150 # type speed in milliseconds
|
||||||
|
backSpeed: 50 # backspacing speed in milliseconds
|
||||||
|
# loop (循環打字)
|
||||||
|
loop: true
|
||||||
|
# source 調用第三方服務
|
||||||
|
# source: false 關閉調用
|
||||||
|
# source: 1 調用一言網的一句話（簡體） https://hitokoto.cn/
|
||||||
|
# source: 2 調用一句網（簡體） http://yijuzhan.com/
|
||||||
|
# source: 3 調用今日詩詞（簡體） https://www.jinrishici.com/
|
||||||
|
# subtitle 會先顯示 source , 再顯示 sub 的內容
|
||||||
|
source: false
|
||||||
|
# 如果關閉打字效果，subtitle 只會顯示 sub 的第一行文字
|
||||||
|
sub:
|
||||||
|
|
||||||
|
# Loading Animation (加載動畫)
|
||||||
|
preloader:
|
||||||
|
enable: false
|
||||||
|
# source
|
||||||
|
# 1. fullpage-loading
|
||||||
|
# 2. pace (progress bar)
|
||||||
|
source: 1
|
||||||
|
# pace theme (see https://codebyzach.github.io/pace/)
|
||||||
|
pace_css_url:
|
||||||
|
|
||||||
|
# aside (側邊欄)
|
||||||
|
# --------------------------------------
|
||||||
|
|
||||||
|
aside:
|
||||||
|
enable: true
|
||||||
|
hide: false
|
||||||
|
button: true
|
||||||
|
mobile: true # display on mobile
|
||||||
|
position: right # left or right
|
||||||
|
display:
|
||||||
|
archive: true
|
||||||
|
tag: true
|
||||||
|
category: true
|
||||||
|
card_author:
|
||||||
|
enable: true
|
||||||
|
description:
|
||||||
|
button:
|
||||||
|
enable: true
|
||||||
|
icon: fab fa-github
|
||||||
|
text: Follow Me
|
||||||
|
link: https://github.com/xxxxxx
|
||||||
|
card_announcement:
|
||||||
|
enable: true
|
||||||
|
content: This is my Blog
|
||||||
|
card_recent_post:
|
||||||
|
enable: true
|
||||||
|
limit: 5 # if set 0 will show all
|
||||||
|
sort: date # date or updated
|
||||||
|
sort_order: # Don't modify the setting unless you know how it works
|
||||||
|
card_categories:
|
||||||
|
enable: true
|
||||||
|
limit: 8 # if set 0 will show all
|
||||||
|
expand: none # none/true/false
|
||||||
|
sort_order: # Don't modify the setting unless you know how it works
|
||||||
|
card_tags:
|
||||||
|
enable: true
|
||||||
|
limit: 40 # if set 0 will show all
|
||||||
|
color: false
|
||||||
|
sort_order: # Don't modify the setting unless you know how it works
|
||||||
|
card_archives:
|
||||||
|
enable: true
|
||||||
|
type: monthly # yearly or monthly
|
||||||
|
format: MMMM YYYY # eg: YYYY年MM月
|
||||||
|
order: -1 # Sort of order. 1, asc for ascending; -1, desc for descending
|
||||||
|
limit: 8 # if set 0 will show all
|
||||||
|
sort_order: # Don't modify the setting unless you know how it works
|
||||||
|
card_webinfo:
|
||||||
|
enable: true
|
||||||
|
post_count: true
|
||||||
|
last_push_date: true
|
||||||
|
sort_order: # Don't modify the setting unless you know how it works
|
||||||
|
|
||||||
|
# busuanzi count for PV / UV in site
|
||||||
|
# 訪問人數
|
||||||
|
busuanzi:
|
||||||
|
site_uv: true
|
||||||
|
site_pv: true
|
||||||
|
page_pv: true
|
||||||
|
|
||||||
|
# Time difference between publish date and now (網頁運行時間)
|
||||||
|
# Formal: Month/Day/Year Time or Year/Month/Day Time
|
||||||
|
runtimeshow:
|
||||||
|
enable: false
|
||||||
|
publish_date:
|
||||||
|
|
||||||
|
# Aside widget - Newest Comments
|
||||||
|
newest_comments:
|
||||||
|
enable: false
|
||||||
|
sort_order: # Don't modify the setting unless you know how it works
|
||||||
|
limit: 6
|
||||||
|
storage: 10 # unit: mins, save data to localStorage
|
||||||
|
avatar: true
|
||||||
|
|
||||||
|
# Bottom right button (右下角按鈕)
|
||||||
|
# --------------------------------------
|
||||||
|
|
||||||
|
# Conversion between Traditional and Simplified Chinese (簡繁轉換)
|
||||||
|
translate:
|
||||||
|
enable: false
|
||||||
|
# The text of a button
|
||||||
|
default: 繁
|
||||||
|
# the language of website (1 - Traditional Chinese/ 2 - Simplified Chinese）
|
||||||
|
defaultEncoding: 2
|
||||||
|
# Time delay
|
||||||
|
translateDelay: 0
|
||||||
|
# The text of the button when the language is Simplified Chinese
|
||||||
|
msgToTraditionalChinese: '繁'
|
||||||
|
# The text of the button when the language is Traditional Chinese
|
||||||
|
msgToSimplifiedChinese: '簡'
|
||||||
|
|
||||||
|
# Read Mode (閲讀模式)
|
||||||
|
readmode: true
|
||||||
|
|
||||||
|
# dark mode
|
||||||
|
darkmode:
|
||||||
|
enable: true
|
||||||
|
# Toggle Button to switch dark/light mode
|
||||||
|
button: true
|
||||||
|
# Switch dark/light mode automatically (自動切換 dark mode和 light mode)
|
||||||
|
# autoChangeMode: 1 Following System Settings, if the system doesn't support dark mode, it will switch dark mode between 6 pm to 6 am
|
||||||
|
# autoChangeMode: 2 Switch dark mode between 6 pm to 6 am
|
||||||
|
# autoChangeMode: false
|
||||||
|
autoChangeMode: false
|
||||||
|
|
||||||
|
# Don't modify the following settings unless you know how they work (非必要請不要修改 )
|
||||||
|
# Choose: readmode,translate,darkmode,hideAside,toc,chat,comment
|
||||||
|
# Don't repeat 不要重複
|
||||||
|
rightside_item_order:
|
||||||
|
enable: false
|
||||||
|
hide: # readmode,translate,darkmode,hideAside
|
||||||
|
show: # toc,chat,comment
|
||||||
|
|
||||||
|
# Lightbox (圖片大圖查看模式)
|
||||||
|
# --------------------------------------
|
||||||
|
# You can only choose one, or neither (只能選擇一個 或者 兩個都不選)
|
||||||
|
|
||||||
|
# medium-zoom
|
||||||
|
# https://github.com/francoischalifour/medium-zoom
|
||||||
|
medium_zoom: false
|
||||||
|
|
||||||
|
# fancybox
|
||||||
|
# http://fancyapps.com/fancybox/3/
|
||||||
|
fancybox: true
|
||||||
|
|
||||||
|
# Tag Plugins settings (標籤外掛)
|
||||||
|
# --------------------------------------
|
||||||
|
|
||||||
|
# mermaid
|
||||||
|
# see https://github.com/mermaid-js/mermaid
|
||||||
|
mermaid:
|
||||||
|
enable: false
|
||||||
|
# built-in themes: default/forest/dark/neutral
|
||||||
|
theme:
|
||||||
|
light: default
|
||||||
|
dark: dark
|
||||||
|
|
||||||
|
# Note (Bootstrap Callout)
|
||||||
|
note:
|
||||||
|
# Note tag style values:
|
||||||
|
# - simple bs-callout old alert style. Default.
|
||||||
|
# - modern bs-callout new (v2-v3) alert style.
|
||||||
|
# - flat flat callout style with background, like on Mozilla or StackOverflow.
|
||||||
|
# - disabled disable all CSS styles import of note tag.
|
||||||
|
style: flat
|
||||||
|
icons: true
|
||||||
|
border_radius: 3
|
||||||
|
# Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6).
|
||||||
|
# Offset also applied to label tag variables. This option can work with disabled note tag.
|
||||||
|
light_bg_offset: 0
|
||||||
|
|
||||||
|
# other
|
||||||
|
# --------------------------------------
|
||||||
|
|
||||||
|
# Pjax
|
||||||
|
# It may contain bugs and unstable, give feedback when you find the bugs.
|
||||||
|
# https://github.com/MoOx/pjax
|
||||||
|
pjax:
|
||||||
|
enable: false
|
||||||
|
exclude:
|
||||||
|
# - xxxx
|
||||||
|
# - xxxx
|
||||||
|
|
||||||
|
# Inject the css and script (aplayer/meting)
|
||||||
|
aplayerInject:
|
||||||
|
enable: false
|
||||||
|
per_page: true
|
||||||
|
|
||||||
|
# Snackbar (Toast Notification 彈窗)
|
||||||
|
# https://github.com/polonel/SnackBar
|
||||||
|
# position 彈窗位置
|
||||||
|
# 可選 top-left / top-center / top-right / bottom-left / bottom-center / bottom-right
|
||||||
|
snackbar:
|
||||||
|
enable: false
|
||||||
|
position: bottom-left
|
||||||
|
bg_light: '#49b1f5' # The background color of Toast Notification in light mode
|
||||||
|
bg_dark: '#1f1f1f' # The background color of Toast Notification in dark mode
|
||||||
|
|
||||||
|
# https://instant.page/
|
||||||
|
# prefetch (預加載)
|
||||||
|
instantpage: false
|
||||||
|
|
||||||
|
# https://github.com/vinta/pangu.js
|
||||||
|
# Insert a space between Chinese character and English character (中英文之間添加空格)
|
||||||
|
pangu:
|
||||||
|
enable: false
|
||||||
|
field: site # site/post
|
||||||
|
|
||||||
|
# Lazyload (圖片懶加載)
|
||||||
|
# https://github.com/verlok/vanilla-lazyload
|
||||||
|
lazyload:
|
||||||
|
enable: false
|
||||||
|
field: site # site/post
|
||||||
|
placeholder:
|
||||||
|
blur: false
|
||||||
|
|
||||||
|
# PWA
|
||||||
|
# See https://github.com/JLHwung/hexo-offline
|
||||||
|
# ---------------
|
||||||
|
# pwa:
|
||||||
|
# enable: false
|
||||||
|
# manifest: /pwa/manifest.json
|
||||||
|
# apple_touch_icon: /pwa/apple-touch-icon.png
|
||||||
|
# favicon_32_32: /pwa/32.png
|
||||||
|
# favicon_16_16: /pwa/16.png
|
||||||
|
# mask_icon: /pwa/safari-pinned-tab.svg
|
||||||
|
|
||||||
|
# Open graph meta tags
|
||||||
|
# https://developers.facebook.com/docs/sharing/webmasters/
|
||||||
|
Open_Graph_meta:
|
||||||
|
enable: true
|
||||||
|
option:
|
||||||
|
# twitter_card:
|
||||||
|
# twitter_image:
|
||||||
|
# twitter_id:
|
||||||
|
# twitter_site:
|
||||||
|
# google_plus:
|
||||||
|
# fb_admins:
|
||||||
|
# fb_app_id:
|
||||||
|
|
||||||
|
# Add the vendor prefixes to ensure compatibility
|
||||||
|
css_prefix: true
|
||||||
|
|
||||||
|
# Inject
|
||||||
|
# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)
|
||||||
|
# 插入代码到头部 </head> 之前 和 底部 </body> 之前
|
||||||
|
inject:
|
||||||
|
head:
|
||||||
|
# - <link rel="stylesheet" href="/xxx.css">
|
||||||
|
bottom:
|
||||||
|
# - <script src="xxxx"></script>
|
||||||
|
|
||||||
|
# CDN
|
||||||
|
# Don't modify the following settings unless you know how they work
|
||||||
|
# 非必要請不要修改
|
||||||
|
CDN:
|
||||||
|
# The CDN provider of internal scripts (主題內部 js 的 cdn 配置)
|
||||||
|
# option: local/jsdelivr/unpkg/cdnjs/custom
|
||||||
|
# Dev version can only choose. ( dev版的主題只能設置為 local )
|
||||||
|
internal_provider: local
|
||||||
|
|
||||||
|
# The CDN provider of third party scripts (第三方 js 的 cdn 配置)
|
||||||
|
# option: local/jsdelivr/unpkg/cdnjs/custom
|
||||||
|
# when set it to local, you need to install hexo-butterfly-extjs
|
||||||
|
third_party_provider: jsdelivr
|
||||||
|
|
||||||
|
# Add version number to CDN, true or false
|
||||||
|
version: false
|
||||||
|
|
||||||
|
# Custom format
|
||||||
|
# For example: https://cdn.staticfile.org/${cdnjs_name}/${version}/${min_cdnjs_file}
|
||||||
|
custom_format:
|
||||||
|
|
||||||
|
option:
|
||||||
|
# main_css:
|
||||||
|
# main:
|
||||||
|
# utils:
|
||||||
|
# translate:
|
||||||
|
# local_search:
|
||||||
|
# algolia_js:
|
||||||
|
# algolia_search_v4:
|
||||||
|
# instantsearch_v4:
|
||||||
|
# pjax:
|
||||||
|
# gitalk:
|
||||||
|
# gitalk_css:
|
||||||
|
# blueimp_md5:
|
||||||
|
# valine:
|
||||||
|
# disqusjs:
|
||||||
|
# disqusjs_css:
|
||||||
|
# twikoo:
|
||||||
|
# waline_js:
|
||||||
|
# waline_css:
|
||||||
|
# sharejs:
|
||||||
|
# sharejs_css:
|
||||||
|
# mathjax:
|
||||||
|
# katex:
|
||||||
|
# katex_copytex:
|
||||||
|
# mermaid:
|
||||||
|
# canvas_ribbon:
|
||||||
|
# canvas_fluttering_ribbon:
|
||||||
|
# canvas_nest:
|
||||||
|
# lazyload:
|
||||||
|
# instantpage:
|
||||||
|
# typed:
|
||||||
|
# pangu:
|
||||||
|
# fancybox_css_v4:
|
||||||
|
# fancybox_v4:
|
||||||
|
# medium_zoom:
|
||||||
|
# snackbar_css:
|
||||||
|
# snackbar:
|
||||||
|
# activate_power_mode:
|
||||||
|
# fireworks:
|
||||||
|
# click_heart:
|
||||||
|
# ClickShowText:
|
||||||
|
# fontawesomeV6:
|
||||||
|
# flickr_justified_gallery_js:
|
||||||
|
# flickr_justified_gallery_css:
|
||||||
|
# aplayer_css:
|
||||||
|
# aplayer_js:
|
||||||
|
# meting_js:
|
||||||
|
# prismjs_js:
|
||||||
|
# prismjs_lineNumber_js:
|
||||||
|
# prismjs_autoloader:
|
||||||
|
# artalk_js:
|
||||||
|
# artalk_css:
|
||||||
121
themes/butterfly/languages/default.yml
Normal file
121
themes/butterfly/languages/default.yml
Normal file
@ -0,0 +1,121 @@
|
|||||||
|
footer:
|
||||||
|
framework: Framework
|
||||||
|
theme: Theme
|
||||||
|
|
||||||
|
copy:
|
||||||
|
success: Copy successfully
|
||||||
|
error: Copy error
|
||||||
|
noSupport: The browser does not support
|
||||||
|
|
||||||
|
page:
|
||||||
|
articles: Articles
|
||||||
|
tag: Tag
|
||||||
|
category: Category
|
||||||
|
archives: Archives
|
||||||
|
|
||||||
|
card_post_count: comments
|
||||||
|
|
||||||
|
sticky: Sticky
|
||||||
|
no_title: No title
|
||||||
|
|
||||||
|
post:
|
||||||
|
created: Created
|
||||||
|
updated: Updated
|
||||||
|
wordcount: Word count
|
||||||
|
min2read: Reading time
|
||||||
|
min2read_unit: min
|
||||||
|
page_pv: Post View
|
||||||
|
comments: Comments
|
||||||
|
copyright:
|
||||||
|
author: Author
|
||||||
|
link: Link
|
||||||
|
copyright_notice: Copyright Notice
|
||||||
|
copyright_content: 'All articles in this blog are licensed under <a href="%s">%s</a> unless stating additionally.'
|
||||||
|
recommend: Related Articles
|
||||||
|
edit: Edited on
|
||||||
|
|
||||||
|
search:
|
||||||
|
title: Search
|
||||||
|
load_data: Loading the Database
|
||||||
|
algolia_search:
|
||||||
|
input_placeholder: Search for Posts
|
||||||
|
hits_empty: "We didn't find any results for the search: ${query}."
|
||||||
|
hits_stats: '${hits} results found in ${time} ms'
|
||||||
|
|
||||||
|
local_search:
|
||||||
|
input_placeholder: Search for Posts
|
||||||
|
hits_empty: "We didn't find any results for the search: ${query}"
|
||||||
|
|
||||||
|
pagination:
|
||||||
|
prev: Previous Post
|
||||||
|
next: Next Post
|
||||||
|
|
||||||
|
comment: Comment
|
||||||
|
|
||||||
|
aside:
|
||||||
|
articles: Articles
|
||||||
|
tags: Tags
|
||||||
|
categories: Categories
|
||||||
|
card_announcement: Announcement
|
||||||
|
card_categories: Categories
|
||||||
|
card_tags: Tags
|
||||||
|
card_archives: Archives
|
||||||
|
card_recent_post: Recent Post
|
||||||
|
card_webinfo:
|
||||||
|
headline: Info
|
||||||
|
article_name: Article
|
||||||
|
runtime:
|
||||||
|
name: Run time
|
||||||
|
unit: days
|
||||||
|
last_push_date:
|
||||||
|
name: Last Push
|
||||||
|
site_wordcount: Total Count
|
||||||
|
site_uv_name: UV
|
||||||
|
site_pv_name: PV
|
||||||
|
more_button: More
|
||||||
|
card_newest_comments:
|
||||||
|
headline: Newest Comments
|
||||||
|
loading_text: loading...
|
||||||
|
error: Unable to get the data, please make sure the settings are correct.
|
||||||
|
zero: No Comment
|
||||||
|
image: image
|
||||||
|
link: link
|
||||||
|
code: code
|
||||||
|
card_toc: Catalog
|
||||||
|
|
||||||
|
date_suffix:
|
||||||
|
just: Just
|
||||||
|
min: minutes ago
|
||||||
|
hour: hours ago
|
||||||
|
day: days ago
|
||||||
|
month: months ago
|
||||||
|
|
||||||
|
donate: Donate
|
||||||
|
share: Share
|
||||||
|
|
||||||
|
rightside:
|
||||||
|
readmode_title: Read Mode
|
||||||
|
translate_title: Toggle Between Traditional Chinese And Simplified Chinese
|
||||||
|
night_mode_title: Toggle Between Light And Dark Mode
|
||||||
|
back_to_top: Back To Top
|
||||||
|
toc: Table Of Contents
|
||||||
|
scroll_to_comment: Scroll To Comments
|
||||||
|
setting: Setting
|
||||||
|
aside: Toggle between single-column and double-column
|
||||||
|
chat: Chat
|
||||||
|
|
||||||
|
copy_copyright:
|
||||||
|
author: Author
|
||||||
|
link: Link
|
||||||
|
source: Source
|
||||||
|
info: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, please indicate the source.
|
||||||
|
|
||||||
|
Snackbar:
|
||||||
|
chs_to_cht: Traditional Chinese Activated Manually
|
||||||
|
cht_to_chs: Simplified Chinese Activated Manually
|
||||||
|
day_to_night: Dark Mode Activated Manually
|
||||||
|
night_to_day: Light Mode Activated Manually
|
||||||
|
|
||||||
|
loading: Loading...
|
||||||
|
|
||||||
|
error404: Page not found
|
||||||
121
themes/butterfly/languages/en.yml
Normal file
121
themes/butterfly/languages/en.yml
Normal file
@ -0,0 +1,121 @@
|
|||||||
|
footer:
|
||||||
|
framework: Framework
|
||||||
|
theme: Theme
|
||||||
|
|
||||||
|
copy:
|
||||||
|
success: Copy successfully
|
||||||
|
error: Copy error
|
||||||
|
noSupport: The browser does not support
|
||||||
|
|
||||||
|
page:
|
||||||
|
articles: Articles
|
||||||
|
tag: Tag
|
||||||
|
category: Category
|
||||||
|
archives: Archives
|
||||||
|
|
||||||
|
card_post_count: comments
|
||||||
|
|
||||||
|
sticky: Sticky
|
||||||
|
no_title: No title
|
||||||
|
|
||||||
|
post:
|
||||||
|
created: Created
|
||||||
|
updated: Updated
|
||||||
|
wordcount: Word count
|
||||||
|
min2read: Reading time
|
||||||
|
min2read_unit: min
|
||||||
|
page_pv: Post View
|
||||||
|
comments: Comments
|
||||||
|
copyright:
|
||||||
|
author: Author
|
||||||
|
link: Link
|
||||||
|
copyright_notice: Copyright Notice
|
||||||
|
copyright_content: 'All articles in this blog are licensed under <a href="%s">%s</a> unless stating additionally.'
|
||||||
|
recommend: Related Articles
|
||||||
|
edit: Edited on
|
||||||
|
|
||||||
|
search:
|
||||||
|
title: Search
|
||||||
|
load_data: Loading the Database
|
||||||
|
algolia_search:
|
||||||
|
input_placeholder: Search for Posts
|
||||||
|
hits_empty: "We didn't find any results for the search: ${query}."
|
||||||
|
hits_stats: '${hits} results found in ${time} ms'
|
||||||
|
|
||||||
|
local_search:
|
||||||
|
input_placeholder: Search for Posts
|
||||||
|
hits_empty: "We didn't find any results for the search: ${query}"
|
||||||
|
|
||||||
|
pagination:
|
||||||
|
prev: Previous Post
|
||||||
|
next: Next Post
|
||||||
|
|
||||||
|
comment: Comment
|
||||||
|
|
||||||
|
aside:
|
||||||
|
articles: Articles
|
||||||
|
tags: Tags
|
||||||
|
categories: Categories
|
||||||
|
card_announcement: Announcement
|
||||||
|
card_categories: Categories
|
||||||
|
card_tags: Tags
|
||||||
|
card_archives: Archives
|
||||||
|
card_recent_post: Recent Post
|
||||||
|
card_webinfo:
|
||||||
|
headline: Info
|
||||||
|
article_name: Article
|
||||||
|
runtime:
|
||||||
|
name: Run time
|
||||||
|
unit: days
|
||||||
|
last_push_date:
|
||||||
|
name: Last Push
|
||||||
|
site_wordcount: Total Count
|
||||||
|
site_uv_name: UV
|
||||||
|
site_pv_name: PV
|
||||||
|
more_button: More
|
||||||
|
card_newest_comments:
|
||||||
|
headline: Newest Comments
|
||||||
|
loading_text: loading...
|
||||||
|
error: Unable to get the data, please make sure the settings are correct.
|
||||||
|
zero: No Comment
|
||||||
|
image: image
|
||||||
|
link: link
|
||||||
|
code: code
|
||||||
|
card_toc: Catalog
|
||||||
|
|
||||||
|
date_suffix:
|
||||||
|
just: Just
|
||||||
|
min: minutes ago
|
||||||
|
hour: hours ago
|
||||||
|
day: days ago
|
||||||
|
month: months ago
|
||||||
|
|
||||||
|
donate: Donate
|
||||||
|
share: Share
|
||||||
|
|
||||||
|
rightside:
|
||||||
|
readmode_title: Read Mode
|
||||||
|
translate_title: Switch Between Traditional Chinese And Simplified Chinese
|
||||||
|
night_mode_title: Switch Between Light And Dark Mode
|
||||||
|
back_to_top: Back To Top
|
||||||
|
toc: Table Of Contents
|
||||||
|
scroll_to_comment: Scroll To Comments
|
||||||
|
setting: Setting
|
||||||
|
aside: Toggle between single-column and double-column
|
||||||
|
chat: Chat
|
||||||
|
|
||||||
|
copy_copyright:
|
||||||
|
author: Author
|
||||||
|
link: Link
|
||||||
|
source: Source
|
||||||
|
info: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, please indicate the source.
|
||||||
|
|
||||||
|
Snackbar:
|
||||||
|
chs_to_cht: Traditional Chinese Activated Manually
|
||||||
|
cht_to_chs: Simplified Chinese Activated Manually
|
||||||
|
day_to_night: Dark Mode Activated Manually
|
||||||
|
night_to_day: Light Mode Activated Manually
|
||||||
|
|
||||||
|
loading: Loading...
|
||||||
|
|
||||||
|
error404: Page not found
|
||||||
122
themes/butterfly/languages/zh-CN.yml
Normal file
122
themes/butterfly/languages/zh-CN.yml
Normal file
@ -0,0 +1,122 @@
|
|||||||
|
footer:
|
||||||
|
framework: 框架
|
||||||
|
theme: 主题
|
||||||
|
|
||||||
|
copy:
|
||||||
|
success: 复制成功
|
||||||
|
error: 复制错误
|
||||||
|
noSupport: 浏览器不支持
|
||||||
|
|
||||||
|
page:
|
||||||
|
articles: 文章总览
|
||||||
|
tag: 标签
|
||||||
|
category: 分类
|
||||||
|
archives: 归档
|
||||||
|
|
||||||
|
card_post_count: 条评论
|
||||||
|
|
||||||
|
sticky: 置顶
|
||||||
|
no_title: 无题
|
||||||
|
|
||||||
|
post:
|
||||||
|
created: 发表于
|
||||||
|
updated: 更新于
|
||||||
|
wordcount: 字数总计
|
||||||
|
min2read: 阅读时长
|
||||||
|
min2read_unit: 分钟
|
||||||
|
page_pv: 阅读量
|
||||||
|
comments: 评论数
|
||||||
|
copyright:
|
||||||
|
author: 文章作者
|
||||||
|
link: 文章链接
|
||||||
|
copyright_notice: 版权声明
|
||||||
|
copyright_content: '本博客所有文章除特别声明外，均采用
|
||||||
|
<a href="%s" target="_blank">%s</a> 许可协议。转载请注明来自 <a href="%s" target="_blank">%s</a>！'
|
||||||
|
recommend: 相关推荐
|
||||||
|
edit: 编辑
|
||||||
|
|
||||||
|
search:
|
||||||
|
title: 搜索
|
||||||
|
load_data: 数据库加载中
|
||||||
|
algolia_search:
|
||||||
|
input_placeholder: 搜索文章
|
||||||
|
hits_empty: '找不到您查询的内容：${query}'
|
||||||
|
hits_stats: '找到 ${hits} 条结果，用时 ${time} 毫秒'
|
||||||
|
|
||||||
|
local_search:
|
||||||
|
input_placeholder: 搜索文章
|
||||||
|
hits_empty: '找不到您查询的内容：${query}'
|
||||||
|
|
||||||
|
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: 目录
|
||||||
|
|
||||||
|
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: 加载中...
|
||||||
|
|
||||||
|
error404: 页面没有找到
|
||||||
122
themes/butterfly/languages/zh-TW.yml
Normal file
122
themes/butterfly/languages/zh-TW.yml
Normal file
@ -0,0 +1,122 @@
|
|||||||
|
footer:
|
||||||
|
framework: 框架
|
||||||
|
theme: 主題
|
||||||
|
|
||||||
|
copy:
|
||||||
|
success: 複製成功
|
||||||
|
error: 複製錯誤
|
||||||
|
noSupport: 瀏覽器不支援
|
||||||
|
|
||||||
|
page:
|
||||||
|
articles: 文章總覽
|
||||||
|
tag: 標籤
|
||||||
|
category: 分類
|
||||||
|
archives: 歸檔
|
||||||
|
|
||||||
|
card_post_count: 條評論
|
||||||
|
|
||||||
|
sticky: 置頂
|
||||||
|
no_title: 無題
|
||||||
|
|
||||||
|
post:
|
||||||
|
created: 發表於
|
||||||
|
updated: 更新於
|
||||||
|
wordcount: 字數總計
|
||||||
|
min2read: 閱讀時長
|
||||||
|
min2read_unit: 分鐘
|
||||||
|
page_pv: 閱讀量
|
||||||
|
comments: 評論數
|
||||||
|
copyright:
|
||||||
|
author: 文章作者
|
||||||
|
link: 文章連結
|
||||||
|
copyright_notice: 版權聲明
|
||||||
|
copyright_content: '本部落格所有文章除特別聲明外，均採用
|
||||||
|
<a href="%s" target="_blank">%s</a> 許可協議。轉載請註明來自 <a href="%s" target="_blank">%s</a>！'
|
||||||
|
recommend: 相關推薦
|
||||||
|
edit: 編輯
|
||||||
|
|
||||||
|
search:
|
||||||
|
title: 搜尋
|
||||||
|
load_data: 資料庫載入中
|
||||||
|
algolia_search:
|
||||||
|
input_placeholder: 搜尋文章
|
||||||
|
hits_empty: '找不到您查詢的內容：${query}'
|
||||||
|
hits_stats: '找到 ${hits} 條結果，用時 ${time} 毫秒'
|
||||||
|
|
||||||
|
local_search:
|
||||||
|
input_placeholder: 搜尋文章
|
||||||
|
hits_empty: '找不到您查詢的內容：${query}'
|
||||||
|
|
||||||
|
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: 目錄
|
||||||
|
|
||||||
|
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: 載入中...
|
||||||
|
|
||||||
|
error404: 頁面沒有找到
|
||||||
9
themes/butterfly/layout/archive.pug
Normal file
9
themes/butterfly/layout/archive.pug
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
extends includes/layout.pug
|
||||||
|
|
||||||
|
block content
|
||||||
|
include ./includes/mixins/article-sort.pug
|
||||||
|
#archive
|
||||||
|
- const archiveLength = findArchiveLength(fragment_cache)
|
||||||
|
.article-sort-title= _p('page.articles') + ' - ' + archiveLength
|
||||||
|
+articleSort(page.posts)
|
||||||
|
include includes/pagination.pug
|
||||||
14
themes/butterfly/layout/category.pug
Normal file
14
themes/butterfly/layout/category.pug
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
extends includes/layout.pug
|
||||||
|
|
||||||
|
block content
|
||||||
|
if theme.category_ui == 'index'
|
||||||
|
include ./includes/mixins/post-ui.pug
|
||||||
|
#recent-posts.recent-posts.category_ui
|
||||||
|
+postUI
|
||||||
|
include includes/pagination.pug
|
||||||
|
else
|
||||||
|
include ./includes/mixins/article-sort.pug
|
||||||
|
#category
|
||||||
|
.article-sort-title= _p('page.category') + ' - ' + page.category
|
||||||
|
+articleSort(page.posts)
|
||||||
|
include includes/pagination.pug
|
||||||
12
themes/butterfly/layout/includes/404.pug
Normal file
12
themes/butterfly/layout/includes/404.pug
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
- var top_img_404 = theme.error_404.background || theme.default_top_img
|
||||||
|
|
||||||
|
#body-wrap.error404
|
||||||
|
include ./header/index.pug
|
||||||
|
|
||||||
|
#error-wrap
|
||||||
|
.error-content
|
||||||
|
.error-img
|
||||||
|
img(src=url_for(top_img_404) alt='Page not found')
|
||||||
|
.error-info
|
||||||
|
h1.error_title= '404'
|
||||||
|
.error_subtitle= theme.error_404.subtitle || _p('error404')
|
||||||
69
themes/butterfly/layout/includes/additional-js.pug
Normal file
69
themes/butterfly/layout/includes/additional-js.pug
Normal file
@ -0,0 +1,69 @@
|
|||||||
|
div
|
||||||
|
script(src=url_for(theme.asset.utils))
|
||||||
|
script(src=url_for(theme.asset.main))
|
||||||
|
|
||||||
|
if theme.translate.enable
|
||||||
|
script(src=url_for(theme.asset.translate))
|
||||||
|
|
||||||
|
if theme.medium_zoom
|
||||||
|
script(src=url_for(theme.asset.medium_zoom))
|
||||||
|
else if theme.fancybox
|
||||||
|
script(src=url_for(theme.asset.fancybox_v4))
|
||||||
|
|
||||||
|
if theme.instantpage
|
||||||
|
script(src=url_for(theme.asset.instantpage), type='module')
|
||||||
|
|
||||||
|
if theme.lazyload.enable
|
||||||
|
script(src=url_for(theme.asset.lazyload))
|
||||||
|
|
||||||
|
if theme.snackbar.enable
|
||||||
|
script(src=url_for(theme.asset.snackbar))
|
||||||
|
|
||||||
|
if theme.pangu.enable
|
||||||
|
!= partial("includes/third-party/pangu.pug", {}, { cache: true })
|
||||||
|
|
||||||
|
//- search
|
||||||
|
if theme.algolia_search.enable
|
||||||
|
script(src=url_for(theme.asset.algolia_search_v4))
|
||||||
|
script(src=url_for(theme.asset.instantsearch_v4))
|
||||||
|
script(src=url_for(theme.asset.algolia_js))
|
||||||
|
else if theme.local_search.enable
|
||||||
|
script(src=url_for(theme.asset.local_search))
|
||||||
|
|
||||||
|
.js-pjax
|
||||||
|
if needLoadCountJs
|
||||||
|
!= partial("includes/third-party/card-post-count/index", {}, { cache: true })
|
||||||
|
|
||||||
|
if loadSubJs
|
||||||
|
include ./third-party/subtitle.pug
|
||||||
|
|
||||||
|
include ./third-party/math/index.pug
|
||||||
|
|
||||||
|
if commentsJsLoad
|
||||||
|
include ./third-party/comments/js.pug
|
||||||
|
|
||||||
|
!= partial("includes/third-party/prismjs", {}, { cache: true })
|
||||||
|
|
||||||
|
if theme.aside.enable && theme.newest_comments.enable
|
||||||
|
if theme.pjax.enable
|
||||||
|
!= partial("includes/third-party/newest-comments/index", {}, { cache: true })
|
||||||
|
else if (!is_post() && page.aside !== false)
|
||||||
|
!= partial("includes/third-party/newest-comments/index", {}, { cache: true })
|
||||||
|
|
||||||
|
!= fragment_cache('injectBottom', function(){return injectHtml(theme.inject.bottom)})
|
||||||
|
|
||||||
|
!= partial("includes/third-party/effect", {}, { cache: true })
|
||||||
|
|
||||||
|
!= partial("includes/third-party/chat/index", {}, { cache: true })
|
||||||
|
|
||||||
|
if theme.aplayerInject && theme.aplayerInject.enable
|
||||||
|
if theme.pjax.enable || theme.aplayerInject.per_page
|
||||||
|
include ./third-party/aplayer.pug
|
||||||
|
else if page.aplayer
|
||||||
|
include ./third-party/aplayer.pug
|
||||||
|
|
||||||
|
if theme.pjax.enable
|
||||||
|
!= partial("includes/third-party/pjax", {}, { cache: true })
|
||||||
|
|
||||||
|
if theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv
|
||||||
|
script(async data-pjax src='//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js')
|
||||||
17
themes/butterfly/layout/includes/footer.pug
Normal file
17
themes/butterfly/layout/includes/footer.pug
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
#footer-wrap
|
||||||
|
if theme.footer.owner.enable
|
||||||
|
- var now = new Date()
|
||||||
|
- var nowYear = now.getFullYear()
|
||||||
|
if theme.footer.owner.since && theme.footer.owner.since != nowYear
|
||||||
|
.copyright!= `©${theme.footer.owner.since} - ${nowYear} By ${config.author}`
|
||||||
|
else
|
||||||
|
.copyright!= `©${nowYear} By ${config.author}`
|
||||||
|
if theme.footer.copyright
|
||||||
|
.framework-info
|
||||||
|
span= _p('footer.framework') + ' '
|
||||||
|
a(href='https://hexo.io')= 'Hexo'
|
||||||
|
span.footer-separator |
|
||||||
|
span= _p('footer.theme') + ' '
|
||||||
|
a(href='https://github.com/jerryc127/hexo-theme-butterfly')= 'Butterfly'
|
||||||
|
if theme.footer.custom_text
|
||||||
|
.footer_custom_text!=`${theme.footer.custom_text}`
|
||||||
69
themes/butterfly/layout/includes/head.pug
Normal file
69
themes/butterfly/layout/includes/head.pug
Normal file
@ -0,0 +1,69 @@
|
|||||||
|
- var pageTitle
|
||||||
|
- is_archive() ? page.title = findArchivesTitle(page, theme.menu, date) : ''
|
||||||
|
- if (is_tag()) pageTitle = _p('page.tag') + ': ' + page.tag
|
||||||
|
- else if (is_category()) pageTitle = _p('page.category') + ': ' + page.category
|
||||||
|
- else if (is_current('/404.html', [strict])) pageTitle = _p('error404')
|
||||||
|
- else pageTitle = page.title || config.title || ''
|
||||||
|
|
||||||
|
- var isSubtitle = config.subtitle ? ' - ' + config.subtitle : ''
|
||||||
|
- var tabTitle = is_home() || !pageTitle ? config.title + isSubtitle : pageTitle + ' | ' + config.title
|
||||||
|
- var pageAuthor = config.email ? config.author + ',' + config.email : 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 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(name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no")
|
||||||
|
title= tabTitle
|
||||||
|
meta(name="author" content=pageAuthor)
|
||||||
|
meta(name="copyright" content=pageCopyright)
|
||||||
|
meta(name ="format-detection" content="telephone=no")
|
||||||
|
meta(name="theme-color" content=themeColor)
|
||||||
|
|
||||||
|
//- Open_Graph
|
||||||
|
include ./head/Open_Graph.pug
|
||||||
|
|
||||||
|
!=favicon_tag(theme.favicon || config.favicon)
|
||||||
|
link(rel="canonical" href=urlNoIndex())
|
||||||
|
|
||||||
|
//- 預解析
|
||||||
|
!=partial('includes/head/preconnect', {}, {cache: true})
|
||||||
|
|
||||||
|
//- 網站驗證
|
||||||
|
!=partial('includes/head/site_verification', {}, {cache: true})
|
||||||
|
|
||||||
|
//- PWA
|
||||||
|
if (theme.pwa && theme.pwa.enable)
|
||||||
|
!=partial('includes/head/pwa', {}, {cache: true})
|
||||||
|
|
||||||
|
//- main css
|
||||||
|
link(rel='stylesheet', href=url_for(theme.asset.main_css))
|
||||||
|
link(rel='stylesheet', href=url_for(theme.asset.fontawesomeV6) media="print" onload="this.media='all'")
|
||||||
|
|
||||||
|
if (theme.snackbar && theme.snackbar.enable)
|
||||||
|
link(rel='stylesheet', href=url_for(theme.asset.snackbar_css) media="print" onload="this.media='all'")
|
||||||
|
|
||||||
|
if theme.fancybox
|
||||||
|
link(rel='stylesheet' href=url_for(theme.asset.fancybox_css_v4) media="print" onload="this.media='all'")
|
||||||
|
|
||||||
|
//- google_adsense
|
||||||
|
!=partial('includes/head/google_adsense', {}, {cache: true})
|
||||||
|
|
||||||
|
//- analytics
|
||||||
|
!=partial('includes/head/analytics', {}, {cache: true})
|
||||||
|
|
||||||
|
//- font
|
||||||
|
if theme.blog_title_font && theme.blog_title_font.font_link
|
||||||
|
link(rel='stylesheet' href=url_for(theme.blog_title_font.font_link) media="print" onload="this.media='all'")
|
||||||
|
|
||||||
|
//- global config
|
||||||
|
!=partial('includes/head/config', {}, {cache: true})
|
||||||
|
|
||||||
|
include ./head/config_site.pug
|
||||||
|
include ./head/noscript.pug
|
||||||
|
|
||||||
|
!=fragment_cache('injectHeadJs', function(){return inject_head_js()})
|
||||||
|
|
||||||
|
!=fragment_cache('injectHead', function(){return injectHtml(theme.inject.head)})
|
||||||
13
themes/butterfly/layout/includes/head/Open_Graph.pug
Normal file
13
themes/butterfly/layout/includes/head/Open_Graph.pug
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
if theme.Open_Graph_meta.enable
|
||||||
|
-
|
||||||
|
let ogOption = Object.assign({
|
||||||
|
type: is_post() ? 'article' : 'website',
|
||||||
|
image: (page.cover || theme.avatar.img) ? full_url_for(page.cover || theme.avatar.img) : '',
|
||||||
|
fb_admins: theme.facebook_comments.user_id || '',
|
||||||
|
fb_app_id: theme.facebook_comments.app_id || '',
|
||||||
|
}, theme.Open_Graph_meta.option)
|
||||||
|
-
|
||||||
|
!= open_graph(ogOption)
|
||||||
|
else
|
||||||
|
meta(name="description" content=page_description())
|
||||||
|
|
||||||
31
themes/butterfly/layout/includes/head/analytics.pug
Normal file
31
themes/butterfly/layout/includes/head/analytics.pug
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
if theme.baidu_analytics
|
||||||
|
script.
|
||||||
|
var _hmt = _hmt || [];
|
||||||
|
(function() {
|
||||||
|
var hm = document.createElement("script");
|
||||||
|
hm.src = "https://hm.baidu.com/hm.js?!{theme.baidu_analytics}";
|
||||||
|
var s = document.getElementsByTagName("script")[0];
|
||||||
|
s.parentNode.insertBefore(hm, s);
|
||||||
|
})();
|
||||||
|
|
||||||
|
if theme.google_analytics
|
||||||
|
script(async src=`https://www.googletagmanager.com/gtag/js?id=${theme.google_analytics}`)
|
||||||
|
script.
|
||||||
|
window.dataLayer = window.dataLayer || [];
|
||||||
|
function gtag(){dataLayer.push(arguments);}
|
||||||
|
gtag('js', new Date());
|
||||||
|
gtag('config', '!{theme.google_analytics}');
|
||||||
|
|
||||||
|
if theme.cnzz_analytics
|
||||||
|
script(async data-pjax src=`https://s4.cnzz.com/z_stat.php?id=${theme.cnzz_analytics}&web_id=${theme.cnzz_analytics}`)
|
||||||
|
|
||||||
|
if theme.cloudflare_analytics
|
||||||
|
script(defer data-pjax src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon=`{"token": "${theme.cloudflare_analytics}"}`)
|
||||||
|
|
||||||
|
if theme.microsoft_clarity
|
||||||
|
script.
|
||||||
|
(function(c,l,a,r,i,t,y){
|
||||||
|
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
|
||||||
|
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
|
||||||
|
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
|
||||||
|
})(window, document, "clarity", "script", "!{theme.microsoft_clarity}");
|
||||||
124
themes/butterfly/layout/includes/head/config.pug
Normal file
124
themes/butterfly/layout/includes/head/config.pug
Normal file
@ -0,0 +1,124 @@
|
|||||||
|
-
|
||||||
|
let algolia = 'undefined';
|
||||||
|
let env = process.env;
|
||||||
|
if (theme.algolia_search.enable) {
|
||||||
|
algolia = JSON.stringify({
|
||||||
|
appId: env.ALGOLIA_APP_ID || config.algolia.appId || config.algolia.applicationID,
|
||||||
|
apiKey: env.ALGOLIA_API_KEY || config.algolia.apiKey,
|
||||||
|
indexName: env.ALGOLIA_INDEX_NAME || config.algolia.indexName,
|
||||||
|
hits: theme.algolia_search.hits,
|
||||||
|
// search languages
|
||||||
|
languages: {
|
||||||
|
input_placeholder: _p("search.algolia_search.input_placeholder"),
|
||||||
|
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) {
|
||||||
|
localSearch = JSON.stringify({
|
||||||
|
path: theme.local_search.CDN ? theme.local_search.CDN : config.root + config.search.path,
|
||||||
|
preload: theme.local_search.preload,
|
||||||
|
languages: {
|
||||||
|
// search languages
|
||||||
|
hits_empty: _p("search.local_search.hits_empty"),
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
let translate = 'undefined';
|
||||||
|
if (theme.translate && theme.translate.enable){
|
||||||
|
translate = JSON.stringify({
|
||||||
|
defaultEncoding: theme.translate.defaultEncoding,
|
||||||
|
translateDelay: theme.translate.translateDelay,
|
||||||
|
msgToTraditionalChinese: theme.translate.msgToTraditionalChinese,
|
||||||
|
msgToSimplifiedChinese: theme.translate.msgToSimplifiedChinese
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
let copyright = 'undefined';
|
||||||
|
if (theme.copy.enable && theme.copy.copyright.enable){
|
||||||
|
copyright = JSON.stringify({
|
||||||
|
limitCount: theme.copy.copyright.limit_count,
|
||||||
|
languages: {
|
||||||
|
author: _p("copy_copyright.author") + ': ' + config.author,
|
||||||
|
link: _p("copy_copyright.link") + ': ',
|
||||||
|
source: _p("copy_copyright.source") + ': ' + config.title,
|
||||||
|
info: _p("copy_copyright.info")
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
let Snackbar = 'undefined';
|
||||||
|
if (theme.snackbar && theme.snackbar.enable) {
|
||||||
|
Snackbar = JSON.stringify({
|
||||||
|
chs_to_cht: _p("Snackbar.chs_to_cht"),
|
||||||
|
cht_to_chs: _p("Snackbar.cht_to_chs"),
|
||||||
|
day_to_night: _p("Snackbar.day_to_night"),
|
||||||
|
night_to_day: _p("Snackbar.night_to_day"),
|
||||||
|
bgLight: theme.snackbar.bg_light,
|
||||||
|
bgDark: theme.snackbar.bg_dark,
|
||||||
|
position: theme.snackbar.position,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
let noticeOutdate = 'undefined';
|
||||||
|
if (theme.noticeOutdate && theme.noticeOutdate.enable) {
|
||||||
|
noticeOutdate = JSON.stringify({
|
||||||
|
limitDay: theme.noticeOutdate.limit_day,
|
||||||
|
position: theme.noticeOutdate.position,
|
||||||
|
messagePrev: theme.noticeOutdate.message_prev,
|
||||||
|
messageNext: theme.noticeOutdate.message_next,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
let highlight = 'undefined';
|
||||||
|
if ((config.highlight && config.highlight.enable) || (config.prismjs && config.prismjs.enable)) {
|
||||||
|
highlight = JSON.stringify({
|
||||||
|
plugin: config.highlight.enable ? 'highlighjs' : 'prismjs',
|
||||||
|
highlightCopy: theme.highlight_copy,
|
||||||
|
highlightLang: theme.highlight_lang,
|
||||||
|
highlightHeightLimit: theme.highlight_height_limit
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
script.
|
||||||
|
const GLOBAL_CONFIG = {
|
||||||
|
root: '!{config.root}',
|
||||||
|
algolia: !{algolia},
|
||||||
|
localSearch: !{localSearch},
|
||||||
|
translate: !{translate},
|
||||||
|
noticeOutdate: !{noticeOutdate},
|
||||||
|
highlight: !{highlight},
|
||||||
|
copy: {
|
||||||
|
success: '!{_p("copy.success")}',
|
||||||
|
error: '!{_p("copy.error")}',
|
||||||
|
noSupport: '!{_p("copy.noSupport")}'
|
||||||
|
},
|
||||||
|
relativeDate: {
|
||||||
|
homepage: !{theme.post_meta.page.date_format === 'relative'},
|
||||||
|
post: !{theme.post_meta.post.date_format === 'relative'}
|
||||||
|
},
|
||||||
|
runtime: '!{theme.runtimeshow.enable ? _p("aside.card_webinfo.runtime.unit") : ""}',
|
||||||
|
date_suffix: {
|
||||||
|
just: '!{_p("date_suffix.just")}',
|
||||||
|
min: '!{_p("date_suffix.min")}',
|
||||||
|
hour: '!{_p("date_suffix.hour")}',
|
||||||
|
day: '!{_p("date_suffix.day")}',
|
||||||
|
month: '!{_p("date_suffix.month")}'
|
||||||
|
},
|
||||||
|
copyright: !{copyright},
|
||||||
|
lightbox: '!{ theme.medium_zoom ? "mediumZoom" : (theme.fancybox ? "fancybox" : "null" )}',
|
||||||
|
Snackbar: !{Snackbar},
|
||||||
|
source: {
|
||||||
|
justifiedGallery: {
|
||||||
|
js: '!{url_for(theme.asset.flickr_justified_gallery_js)}',
|
||||||
|
css: '!{url_for(theme.asset.flickr_justified_gallery_css)}'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
isPhotoFigcaption: !{theme.photofigcaption},
|
||||||
|
islazyload: !{theme.lazyload.enable},
|
||||||
|
isAnchor: !{theme.anchor.auto_update || false}
|
||||||
|
}
|
||||||
30
themes/butterfly/layout/includes/head/config_site.pug
Normal file
30
themes/butterfly/layout/includes/head/config_site.pug
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
-
|
||||||
|
const titleVal = pageTitle.replace(/'/ig,"\\'")
|
||||||
|
|
||||||
|
let isHighlightShrink
|
||||||
|
if (theme.highlight_shrink == 'none') isHighlightShrink = 'undefined'
|
||||||
|
else if (page.highlight_shrink === true || page.highlight_shrink === false) isHighlightShrink = page.highlight_shrink
|
||||||
|
else isHighlightShrink = theme.highlight_shrink
|
||||||
|
|
||||||
|
var showToc = false
|
||||||
|
if (theme.aside.enable && page.aside !== false) {
|
||||||
|
let tocEnable = false
|
||||||
|
if (is_post()) {
|
||||||
|
if (theme.toc.post) tocEnable = true
|
||||||
|
} else if (is_page()) {
|
||||||
|
if (theme.toc.page) tocEnable = true
|
||||||
|
}
|
||||||
|
const pageToc = page.toc === true || page.toc === false ? page.toc : tocEnable
|
||||||
|
showToc = pageToc && (toc(page.content) !== '' || page.encrypt == true )
|
||||||
|
}
|
||||||
|
-
|
||||||
|
|
||||||
|
script#config-diff.
|
||||||
|
var GLOBAL_CONFIG_SITE = {
|
||||||
|
title: '!{titleVal}',
|
||||||
|
isPost: !{is_post()},
|
||||||
|
isHome: !{is_home()},
|
||||||
|
isHighlightShrink: !{isHighlightShrink},
|
||||||
|
isToc: !{showToc},
|
||||||
|
postUpdate: '!{full_date(page.updated)}'
|
||||||
|
}
|
||||||
9
themes/butterfly/layout/includes/head/google_adsense.pug
Normal file
9
themes/butterfly/layout/includes/head/google_adsense.pug
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
if (theme.google_adsense && theme.google_adsense.enable)
|
||||||
|
script(async src=theme.google_adsense.js)
|
||||||
|
|
||||||
|
if theme.google_adsense.auto_ads
|
||||||
|
script.
|
||||||
|
(adsbygoogle = window.adsbygoogle || []).push({
|
||||||
|
google_ad_client: '!{theme.google_adsense.client}',
|
||||||
|
enable_page_level_ads: '!{theme.google_adsense.enable_page_level_ads}'
|
||||||
|
});
|
||||||
14
themes/butterfly/layout/includes/head/noscript.pug
Normal file
14
themes/butterfly/layout/includes/head/noscript.pug
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
noscript.
|
||||||
|
<style type="text/css">
|
||||||
|
#nav {
|
||||||
|
opacity: 1
|
||||||
|
}
|
||||||
|
.justified-gallery img {
|
||||||
|
opacity: 1
|
||||||
|
}
|
||||||
|
|
||||||
|
#recent-posts time,
|
||||||
|
#post-meta time {
|
||||||
|
display: inline !important
|
||||||
|
}
|
||||||
|
</style>
|
||||||
22
themes/butterfly/layout/includes/head/preconnect.pug
Normal file
22
themes/butterfly/layout/includes/head/preconnect.pug
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
link(rel="preconnect" href="//cdn.jsdelivr.net")
|
||||||
|
|
||||||
|
if theme.google_analytics
|
||||||
|
link(rel="preconnect" href="//www.google-analytics.com" crossorigin='')
|
||||||
|
|
||||||
|
if theme.baidu_analytics
|
||||||
|
link(rel="preconnect" href="//hm.baidu.com")
|
||||||
|
|
||||||
|
if theme.cnzz_analytics
|
||||||
|
link(rel="preconnect" href="//s4.cnzz.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.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv
|
||||||
|
link(rel="preconnect" href="//busuanzi.ibruce.info")
|
||||||
11
themes/butterfly/layout/includes/head/pwa.pug
Normal file
11
themes/butterfly/layout/includes/head/pwa.pug
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
link(rel="manifest" href=url_for(theme.pwa.manifest))
|
||||||
|
if(theme.pwa.theme_color)
|
||||||
|
meta(name="msapplication-TileColor" content=theme.pwa.theme_color)
|
||||||
|
if(theme.pwa.apple_touch_icon)
|
||||||
|
link(rel="apple-touch-icon" sizes="180x180" href=url_for(theme.pwa.apple_touch_icon))
|
||||||
|
if(theme.pwa.favicon_32_32)
|
||||||
|
link(rel="icon" type="image/png" sizes="32x32" href=url_for(theme.pwa.favicon_32_32))
|
||||||
|
if(theme.pwa.favicon_16_16)
|
||||||
|
link(rel="icon" type="image/png" sizes="16x16" href=url_for(theme.pwa.favicon_16_16))
|
||||||
|
if(theme.pwa.mask_icon)
|
||||||
|
link(rel="mask-icon" href=url_for(theme.pwa.mask_icon) color="#5bbad5")
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
if theme.site_verification
|
||||||
|
each item in theme.site_verification
|
||||||
|
meta(name=item.name content=item.content)
|
||||||
50
themes/butterfly/layout/includes/header/index.pug
Normal file
50
themes/butterfly/layout/includes/header/index.pug
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
if !theme.disable_top_img && page.top_img !== false
|
||||||
|
if is_post()
|
||||||
|
- var top_img = page.top_img || page.cover || page.randomcover
|
||||||
|
else if is_page()
|
||||||
|
- var top_img = page.top_img || theme.default_top_img
|
||||||
|
else if is_tag()
|
||||||
|
- 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)
|
||||||
|
else if is_category()
|
||||||
|
- var top_img = theme.category_per_img && theme.category_per_img[page.category]
|
||||||
|
- top_img = top_img ? top_img : (theme.category_img !== false ? theme.category_img || theme.default_top_img : false)
|
||||||
|
else if is_home()
|
||||||
|
- var top_img = theme.index_img !== false ? theme.index_img || theme.default_top_img : false
|
||||||
|
else if is_archive()
|
||||||
|
- var top_img = theme.archive_img !== false ? theme.archive_img || theme.default_top_img : false
|
||||||
|
else
|
||||||
|
- var top_img = page.top_img || theme.default_top_img
|
||||||
|
|
||||||
|
if top_img !== false
|
||||||
|
- var imgSource = top_img && top_img.indexOf('/') !== -1 ? `background-image: url('${url_for(top_img)}')` : `background: ${top_img}`
|
||||||
|
- var bg_img = top_img ? imgSource : ''
|
||||||
|
- var site_title = page.title || page.tag || page.category || config.title
|
||||||
|
- var isHomeClass = is_home() ? 'full_page' : 'not-home-page'
|
||||||
|
- is_post() ? isHomeClass = 'post-bg' : isHomeClass
|
||||||
|
else
|
||||||
|
- var isHomeClass = 'not-top-img'
|
||||||
|
else
|
||||||
|
- var top_img = false
|
||||||
|
- var isHomeClass = 'not-top-img'
|
||||||
|
|
||||||
|
header#page-header(class=isHomeClass style=bg_img)
|
||||||
|
!=partial('includes/header/nav', {}, {cache: true})
|
||||||
|
if top_img !== false
|
||||||
|
if is_post()
|
||||||
|
include ./post-info.pug
|
||||||
|
else if is_home()
|
||||||
|
#site-info
|
||||||
|
h1#site-title=site_title
|
||||||
|
if theme.subtitle.enable
|
||||||
|
- var loadSubJs = true
|
||||||
|
#site-subtitle
|
||||||
|
span#subtitle
|
||||||
|
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
|
||||||
27
themes/butterfly/layout/includes/header/menu_item.pug
Normal file
27
themes/butterfly/layout/includes/header/menu_item.pug
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
if theme.menu
|
||||||
|
.menus_items
|
||||||
|
each value, label in theme.menu
|
||||||
|
if typeof value !== 'object'
|
||||||
|
.menus_item
|
||||||
|
- const valueArray = value.split('||')
|
||||||
|
a.site-page(href=url_for(trim(valueArray[0])))
|
||||||
|
if valueArray[1]
|
||||||
|
i.fa-fw(class=trim(valueArray[1]))
|
||||||
|
span=' '+label
|
||||||
|
else
|
||||||
|
.menus_item
|
||||||
|
- const labelArray = label.split('||')
|
||||||
|
- const hideClass = labelArray[2] && trim(labelArray[2]) === 'hide' ? 'hide' : ''
|
||||||
|
a.site-page.group(class=`${hideClass}` href='javascript:void(0);')
|
||||||
|
if labelArray[1]
|
||||||
|
i.fa-fw(class=trim(labelArray[1]))
|
||||||
|
span=' '+ trim(labelArray[0])
|
||||||
|
i.fas.fa-chevron-down
|
||||||
|
ul.menus_item_child
|
||||||
|
each val,lab in value
|
||||||
|
- const valArray = val.split('||')
|
||||||
|
li
|
||||||
|
a.site-page.child(href=url_for(trim(valArray[0])))
|
||||||
|
if valArray[1]
|
||||||
|
i.fa-fw(class=trim(valArray[1]))
|
||||||
|
span=' '+ lab
|
||||||
17
themes/butterfly/layout/includes/header/nav.pug
Normal file
17
themes/butterfly/layout/includes/header/nav.pug
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
nav#nav
|
||||||
|
span#blog_name
|
||||||
|
a#site-name(href=url_for('/')) #[=config.title]
|
||||||
|
|
||||||
|
#menus
|
||||||
|
if (theme.algolia_search.enable || theme.local_search.enable)
|
||||||
|
#search-button
|
||||||
|
a.site-page.social-icon.search
|
||||||
|
i.fas.fa-search.fa-fw
|
||||||
|
span=' '+_p('search.title')
|
||||||
|
!=partial('includes/header/menu_item', {}, {cache: true})
|
||||||
|
|
||||||
|
#toggle-menu
|
||||||
|
a.site-page
|
||||||
|
i.fas.fa-bars.fa-fw
|
||||||
|
|
||||||
|
|
||||||
146
themes/butterfly/layout/includes/header/post-info.pug
Normal file
146
themes/butterfly/layout/includes/header/post-info.pug
Normal file
@ -0,0 +1,146 @@
|
|||||||
|
- let comments = theme.comments
|
||||||
|
#post-info
|
||||||
|
h1.post-title= page.title || _p('no_title')
|
||||||
|
if theme.post_edit.enable
|
||||||
|
a.post-edit-link(href=theme.post_edit.url + page.source title=_p('post.edit') target="_blank")
|
||||||
|
i.fas.fa-pencil-alt
|
||||||
|
|
||||||
|
#post-meta
|
||||||
|
.meta-firstline
|
||||||
|
if (theme.post_meta.post.date_type)
|
||||||
|
span.post-meta-date
|
||||||
|
if (theme.post_meta.post.date_type === 'both')
|
||||||
|
i.far.fa-calendar-alt.fa-fw.post-meta-icon
|
||||||
|
span.post-meta-label= _p('post.created')
|
||||||
|
time.post-meta-date-created(datetime=date_xml(page.date) title=_p('post.created') + ' ' + full_date(page.date))=date(page.date, config.date_format)
|
||||||
|
span.post-meta-separator |
|
||||||
|
i.fas.fa-history.fa-fw.post-meta-icon
|
||||||
|
span.post-meta-label= _p('post.updated')
|
||||||
|
time.post-meta-date-updated(datetime=date_xml(page.updated) title=_p('post.updated') + ' ' + full_date(page.updated))=date(page.updated, config.date_format)
|
||||||
|
else
|
||||||
|
- let data_type_update = theme.post_meta.post.date_type === 'updated'
|
||||||
|
- let date_type = data_type_update ? 'updated' : 'date'
|
||||||
|
- let date_icon = data_type_update ? 'fas fa-history' :'far fa-calendar-alt'
|
||||||
|
- let date_title = data_type_update ? _p('post.updated') : _p('post.created')
|
||||||
|
i.fa-fw.post-meta-icon(class=date_icon)
|
||||||
|
span.post-meta-label= date_title
|
||||||
|
time(datetime=date_xml(page[date_type]) title=date_title + ' ' + full_date(page[date_type]))=date(page[date_type], config.date_format)
|
||||||
|
if (theme.post_meta.post.categories && page.categories.data.length > 0)
|
||||||
|
span.post-meta-categories
|
||||||
|
if (theme.post_meta.post.date_type)
|
||||||
|
span.post-meta-separator |
|
||||||
|
|
||||||
|
each item, index in page.categories.data
|
||||||
|
i.fas.fa-inbox.fa-fw.post-meta-icon
|
||||||
|
a(href=url_for(item.path)).post-meta-categories #[=item.name]
|
||||||
|
if (index < page.categories.data.length - 1)
|
||||||
|
i.fas.fa-angle-right.post-meta-separator
|
||||||
|
|
||||||
|
.meta-secondline
|
||||||
|
- let postWordcount = theme.wordcount.enable && (theme.wordcount.post_wordcount || theme.wordcount.min2read)
|
||||||
|
if (postWordcount)
|
||||||
|
span.post-meta-separator |
|
||||||
|
span.post-meta-wordcount
|
||||||
|
if theme.wordcount.post_wordcount
|
||||||
|
i.far.fa-file-word.fa-fw.post-meta-icon
|
||||||
|
span.post-meta-label= _p('post.wordcount') + ':'
|
||||||
|
span.word-count= wordcount(page.content)
|
||||||
|
if theme.wordcount.min2read
|
||||||
|
span.post-meta-separator |
|
||||||
|
if theme.wordcount.min2read
|
||||||
|
i.far.fa-clock.fa-fw.post-meta-icon
|
||||||
|
span.post-meta-label= _p('post.min2read') + ':'
|
||||||
|
span= min2read(page.content, {cn: 350, en: 160}) + _p('post.min2read_unit')
|
||||||
|
|
||||||
|
//- for pv and count
|
||||||
|
mixin pvBlock(parent_id,parent_class,parent_title)
|
||||||
|
span.post-meta-separator |
|
||||||
|
span(class=parent_class id=parent_id data-flag-title=page.title)
|
||||||
|
i.far.fa-eye.fa-fw.post-meta-icon
|
||||||
|
span.post-meta-label=_p('post.page_pv') + ':'
|
||||||
|
if block
|
||||||
|
block
|
||||||
|
|
||||||
|
- const commentUse = comments.use
|
||||||
|
if page.comments !== false && commentUse && !comments.lazyload
|
||||||
|
if commentUse[0] === 'Valine' && theme.valine.visitor
|
||||||
|
+pvBlock(url_for(page.path),'leancloud_visitors',page.title)
|
||||||
|
span.leancloud-visitors-count
|
||||||
|
i.fa-solid.fa-spinner.fa-spin
|
||||||
|
else if commentUse[0] === 'Waline' && theme.waline.pageview
|
||||||
|
+pvBlock('','','')
|
||||||
|
span.waline-pageview-count(data-path=url_for(page.path))
|
||||||
|
i.fa-solid.fa-spinner.fa-spin
|
||||||
|
else if commentUse[0] === 'Twikoo' && theme.twikoo.visitor
|
||||||
|
+pvBlock('','','')
|
||||||
|
span#twikoo_visitors
|
||||||
|
i.fa-solid.fa-spinner.fa-spin
|
||||||
|
else if commentUse[0] === 'Artalk' && theme.artalk.visitor
|
||||||
|
+pvBlock('','','')
|
||||||
|
span#ArtalkPV
|
||||||
|
i.fa-solid.fa-spinner.fa-spin
|
||||||
|
else if theme.busuanzi.page_pv
|
||||||
|
+pvBlock('','post-meta-pv-cv','')
|
||||||
|
span#busuanzi_value_page_pv
|
||||||
|
i.fa-solid.fa-spinner.fa-spin
|
||||||
|
else if theme.busuanzi.page_pv
|
||||||
|
+pvBlock('','post-meta-pv-cv','')
|
||||||
|
span#busuanzi_value_page_pv
|
||||||
|
i.fa-solid.fa-spinner.fa-spin
|
||||||
|
|
||||||
|
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
|
||||||
|
span.disqus-comment-count
|
||||||
|
a(href=full_url_for(page.path) + '#disqus_thread')
|
||||||
|
i.fa-solid.fa-spinner.fa-spin
|
||||||
|
when 'Disqusjs'
|
||||||
|
+countBlock
|
||||||
|
a(href=full_url_for(page.path) + '#disqusjs')
|
||||||
|
span.disqus-comment-count(data-disqus-url=full_url_for(page.path))
|
||||||
|
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.artalk-count
|
||||||
|
i.fa-solid.fa-spinner.fa-spin
|
||||||
4
themes/butterfly/layout/includes/header/social.pug
Normal file
4
themes/butterfly/layout/includes/header/social.pug
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
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]))
|
||||||
|
i(class=icon)
|
||||||
48
themes/butterfly/layout/includes/layout.pug
Normal file
48
themes/butterfly/layout/includes/layout.pug
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
- var htmlClassHideAside = theme.aside.enable && theme.aside.hide ? 'hide-aside' : ''
|
||||||
|
- page.aside = is_archive() ? theme.aside.display.archive: is_category() ? theme.aside.display.category : is_tag() ? theme.aside.display.tag : page.aside
|
||||||
|
- var hideAside = !theme.aside.enable || page.aside === false ? 'hide-aside' : ''
|
||||||
|
- var pageType = is_post() ? 'post' : 'page'
|
||||||
|
|
||||||
|
doctype html
|
||||||
|
html(lang=config.language data-theme=theme.display_mode class=htmlClassHideAside)
|
||||||
|
head
|
||||||
|
include ./head.pug
|
||||||
|
body
|
||||||
|
if theme.preloader.enable
|
||||||
|
!=partial('includes/loading/index', {}, {cache: true})
|
||||||
|
|
||||||
|
if theme.background
|
||||||
|
#web_bg
|
||||||
|
|
||||||
|
!=partial('includes/sidebar', {}, {cache: true})
|
||||||
|
|
||||||
|
if page.type !== '404'
|
||||||
|
#body-wrap(class=pageType)
|
||||||
|
include ./header/index.pug
|
||||||
|
|
||||||
|
main#content-inner.layout(class=hideAside)
|
||||||
|
if body
|
||||||
|
div!= body
|
||||||
|
else
|
||||||
|
block content
|
||||||
|
if theme.aside.enable && page.aside !== false
|
||||||
|
include widget/index.pug
|
||||||
|
|
||||||
|
- var footerBg = theme.footer_bg
|
||||||
|
if (footerBg)
|
||||||
|
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: true})
|
||||||
|
|
||||||
|
else
|
||||||
|
include ./404.pug
|
||||||
|
|
||||||
|
include ./rightside.pug
|
||||||
|
!=partial('includes/third-party/search/index', {}, {cache: true})
|
||||||
|
include ./additional-js.pug
|
||||||
@ -0,0 +1,28 @@
|
|||||||
|
#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 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() })
|
||||||
|
|
||||||
|
if (!{theme.pjax && theme.pjax.enable}) {
|
||||||
|
document.addEventListener('pjax:send', () => { preloader.initLoading() })
|
||||||
|
document.addEventListener('pjax:complete', () => { preloader.endLoading() })
|
||||||
|
}
|
||||||
4
themes/butterfly/layout/includes/loading/index.pug
Normal file
4
themes/butterfly/layout/includes/loading/index.pug
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
if theme.preloader.source === 1
|
||||||
|
include ./fullpage-loading.pug
|
||||||
|
else
|
||||||
|
include ./pace.pug
|
||||||
2
themes/butterfly/layout/includes/loading/pace.pug
Normal file
2
themes/butterfly/layout/includes/loading/pace.pug
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
link(rel="stylesheet", href=url_for(theme.preloader.pace_css_url || theme.asset.pace_default_css))
|
||||||
|
script(src=url_for(theme.asset.pace_js))
|
||||||
20
themes/butterfly/layout/includes/mixins/article-sort.pug
Normal file
20
themes/butterfly/layout/includes/mixins/article-sort.pug
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
mixin articleSort(posts)
|
||||||
|
.article-sort
|
||||||
|
- var year
|
||||||
|
- posts.each(function (article) {
|
||||||
|
- let tempYear = date(article.date, 'YYYY')
|
||||||
|
- let no_cover = article.cover === false || !theme.cover.archives_enable ? 'no-article-cover' : ''
|
||||||
|
- let title = article.title || _p('no_title')
|
||||||
|
if tempYear !== year
|
||||||
|
- year = tempYear
|
||||||
|
.article-sort-item.year= year
|
||||||
|
.article-sort-item(class=no_cover)
|
||||||
|
if article.cover && theme.cover.archives_enable
|
||||||
|
a.article-sort-item-img(href=url_for(article.path) title=title)
|
||||||
|
img(src=url_for(article.cover) alt=title onerror=`this.onerror=null;this.src='${url_for(theme.error_img.post_page)}'`)
|
||||||
|
.article-sort-item-info
|
||||||
|
.article-sort-item-time
|
||||||
|
i.far.fa-calendar-alt
|
||||||
|
time.post-meta-date-created(datetime=date_xml(article.date) title=_p('post.created') + ' ' + full_date(article.date))= date(article.date, config.date_format)
|
||||||
|
a.article-sort-item-title(href=url_for(article.path) title=title)= title
|
||||||
|
- })
|
||||||
132
themes/butterfly/layout/includes/mixins/post-ui.pug
Normal file
132
themes/butterfly/layout/includes/mixins/post-ui.pug
Normal file
@ -0,0 +1,132 @@
|
|||||||
|
mixin postUI(posts)
|
||||||
|
each article , index in page.posts.data
|
||||||
|
.recent-post-item
|
||||||
|
-
|
||||||
|
let link = article.link || article.path
|
||||||
|
let title = article.title || _p('no_title')
|
||||||
|
const position = theme.cover.position
|
||||||
|
let leftOrRight = position === 'both'
|
||||||
|
? index%2 == 0 ? 'left' : 'right'
|
||||||
|
: position === 'left' ? 'left' : 'right'
|
||||||
|
let post_cover = article.cover
|
||||||
|
let no_cover = article.cover === false || !theme.cover.index_enable ? 'no-cover' : ''
|
||||||
|
-
|
||||||
|
if post_cover && theme.cover.index_enable
|
||||||
|
.post_cover(class=leftOrRight)
|
||||||
|
a(href=url_for(link) title=title)
|
||||||
|
img.post_bg(src=url_for(post_cover) onerror=`this.onerror=null;this.src='`+ url_for(theme.error_img.post_page) + `'` alt=title)
|
||||||
|
.recent-post-info(class=no_cover)
|
||||||
|
a.article-title(href=url_for(link) title=title)= title
|
||||||
|
.article-meta-wrap
|
||||||
|
if (is_home() && (article.top || article.sticky > 0))
|
||||||
|
span.article-meta
|
||||||
|
i.fas.fa-thumbtack.sticky
|
||||||
|
span.sticky= _p('sticky')
|
||||||
|
span.article-meta-separator |
|
||||||
|
if (theme.post_meta.page.date_type)
|
||||||
|
span.post-meta-date
|
||||||
|
if (theme.post_meta.page.date_type === 'both')
|
||||||
|
i.far.fa-calendar-alt
|
||||||
|
span.article-meta-label=_p('post.created')
|
||||||
|
time.post-meta-date-created(datetime=date_xml(article.date) title=_p('post.created') + ' ' + full_date(article.date))=date(article.date, config.date_format)
|
||||||
|
span.article-meta-separator |
|
||||||
|
i.fas.fa-history
|
||||||
|
span.article-meta-label=_p('post.updated')
|
||||||
|
time.post-meta-date-updated(datetime=date_xml(article.updated) title=_p('post.updated') + ' ' + full_date(article.updated))=date(article.updated, config.date_format)
|
||||||
|
else
|
||||||
|
- let data_type_updated = theme.post_meta.page.date_type === 'updated'
|
||||||
|
- let date_type = data_type_updated ? 'updated' : 'date'
|
||||||
|
- let date_icon = data_type_updated ? 'fas fa-history' :'far fa-calendar-alt'
|
||||||
|
- let date_title = data_type_updated ? _p('post.updated') : _p('post.created')
|
||||||
|
i(class=date_icon)
|
||||||
|
span.article-meta-label=date_title
|
||||||
|
time(datetime=date_xml(article[date_type]) title=date_title + ' ' + full_date(article[date_type]))=date(article[date_type], config.date_format)
|
||||||
|
if (theme.post_meta.page.categories && article.categories.data.length > 0)
|
||||||
|
span.article-meta
|
||||||
|
span.article-meta-separator |
|
||||||
|
i.fas.fa-inbox
|
||||||
|
each item, index in article.categories.data
|
||||||
|
a(href=url_for(item.path)).article-meta__categories #[=item.name]
|
||||||
|
if (index < article.categories.data.length - 1)
|
||||||
|
i.fas.fa-angle-right.article-meta-link
|
||||||
|
if (theme.post_meta.page.tags && article.tags.data.length > 0)
|
||||||
|
span.article-meta.tags
|
||||||
|
span.article-meta-separator |
|
||||||
|
i.fas.fa-tag
|
||||||
|
each item, index in article.tags.data
|
||||||
|
a(href=url_for(item.path)).article-meta__tags #[=item.name]
|
||||||
|
if (index < article.tags.data.length - 1)
|
||||||
|
span.article-meta-link #[='•']
|
||||||
|
|
||||||
|
mixin countBlockInIndex
|
||||||
|
- needLoadCountJs = true
|
||||||
|
span.article-meta
|
||||||
|
span.article-meta-separator |
|
||||||
|
i.fas.fa-comments
|
||||||
|
if block
|
||||||
|
block
|
||||||
|
span.article-meta-label= ' ' + _p('card_post_count')
|
||||||
|
|
||||||
|
if theme.comments.card_post_count
|
||||||
|
case theme.comments.use[0]
|
||||||
|
when 'Disqus'
|
||||||
|
+countBlockInIndex
|
||||||
|
a(href=full_url_for(link) + '#disqus_thread')
|
||||||
|
i.fa-solid.fa-spinner.fa-spin
|
||||||
|
when 'Disqusjs'
|
||||||
|
+countBlockInIndex
|
||||||
|
a(href=full_url_for(link) + '#disqusjs')
|
||||||
|
span.disqus-comment-count(data-disqus-url=full_url_for(link))
|
||||||
|
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(id=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
|
||||||
|
case theme.index_post_content.method
|
||||||
|
when false
|
||||||
|
- break
|
||||||
|
when 1
|
||||||
|
.content!= article.description
|
||||||
|
when 2
|
||||||
|
if article.description
|
||||||
|
.content!= article.description
|
||||||
|
else
|
||||||
|
- const content = strip_html(article.content)
|
||||||
|
- let expert = content.substring(0, theme.index_post_content.length)
|
||||||
|
- content.length > theme.index_post_content.length ? expert += ' ...' : ''
|
||||||
|
.content!= expert
|
||||||
|
default
|
||||||
|
- const content = strip_html(article.content)
|
||||||
|
- let expert = content.substring(0, theme.index_post_content.length)
|
||||||
|
- content.length > theme.index_post_content.length ? expert += ' ...' : ''
|
||||||
|
.content!= expert
|
||||||
|
|
||||||
|
if theme.ad && theme.ad.index
|
||||||
|
if (index + 1) % 3 == 0
|
||||||
|
.recent-post-item.ads-wrap!=theme.ad.index
|
||||||
1
themes/butterfly/layout/includes/page/categories.pug
Normal file
1
themes/butterfly/layout/includes/page/categories.pug
Normal file
@ -0,0 +1 @@
|
|||||||
|
.category-lists!= list_categories()
|
||||||
2
themes/butterfly/layout/includes/page/default-page.pug
Normal file
2
themes/butterfly/layout/includes/page/default-page.pug
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
#article-container
|
||||||
|
!= page.content
|
||||||
69
themes/butterfly/layout/includes/page/flink.pug
Normal file
69
themes/butterfly/layout/includes/page/flink.pug
Normal file
@ -0,0 +1,69 @@
|
|||||||
|
#article-container
|
||||||
|
.flink
|
||||||
|
- let pageContent = page.content
|
||||||
|
if page.flink_url
|
||||||
|
script.
|
||||||
|
(()=>{
|
||||||
|
const replaceSymbol = (str) => {
|
||||||
|
return str.replace(/[\p{P}\p{S}]/gu, "-")
|
||||||
|
}
|
||||||
|
|
||||||
|
let result = ""
|
||||||
|
fetch("!{url_for(page.flink_url)}")
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(str => {
|
||||||
|
for(let i = 0; i < str.length; i++){
|
||||||
|
const replaceClassName = replaceSymbol(str[i].class_name)
|
||||||
|
const className = str[i].class_name ? `<h2 id="${replaceClassName}"><a href="#${replaceClassName}" class="headerlink" title="${str[i].class_name}"></a>${str[i].class_name}</h2>` : ""
|
||||||
|
const classDesc = str[i].class_desc ? `<div class="flink-desc">${str[i].class_desc}</div>` : ""
|
||||||
|
|
||||||
|
let listResult = ""
|
||||||
|
const lists = str[i].link_list
|
||||||
|
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)
|
||||||
|
})
|
||||||
|
})()
|
||||||
|
|
||||||
|
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
|
||||||
|
|
||||||
2
themes/butterfly/layout/includes/page/tags.pug
Normal file
2
themes/butterfly/layout/includes/page/tags.pug
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
.tag-cloud-list.is-center
|
||||||
|
!=cloudTags({source: site.tags, minfontsize: 1.2, maxfontsize: 2.1, limit: 0, unit: 'em'})
|
||||||
37
themes/butterfly/layout/includes/pagination.pug
Normal file
37
themes/butterfly/layout/includes/pagination.pug
Normal file
@ -0,0 +1,37 @@
|
|||||||
|
-
|
||||||
|
var options = {
|
||||||
|
prev_text: '<i class="fas fa-chevron-left fa-fw"></i>',
|
||||||
|
next_text: '<i class="fas fa-chevron-right fa-fw"></i>',
|
||||||
|
mid_size: 1,
|
||||||
|
escape: false
|
||||||
|
}
|
||||||
|
|
||||||
|
if is_post()
|
||||||
|
- let prev = theme.post_pagination === 1 ? page.prev : page.next
|
||||||
|
- let next = theme.post_pagination === 1 ? page.next : page.prev
|
||||||
|
nav#pagination.pagination-post
|
||||||
|
if(prev)
|
||||||
|
- var hasPageNext = next ? 'pull-left' : 'pull-full'
|
||||||
|
.prev-post(class=hasPageNext)
|
||||||
|
- var pagination_cover = prev.cover === false ? prev.randomcover : prev.cover
|
||||||
|
a(href=url_for(prev.path))
|
||||||
|
img.prev-cover(src=url_for(pagination_cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'` alt='cover of previous post')
|
||||||
|
.pagination-info
|
||||||
|
.label=_p('pagination.prev')
|
||||||
|
.prev_info=prev.title
|
||||||
|
|
||||||
|
if(next)
|
||||||
|
- var hasPagePrev = prev ? 'pull-right' : 'pull-full'
|
||||||
|
- var pagination_cover = next.cover == false ? next.randomcover : next.cover
|
||||||
|
.next-post(class=hasPagePrev)
|
||||||
|
a(href=url_for(next.path))
|
||||||
|
img.next-cover(src=url_for(pagination_cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'` alt='cover of next post')
|
||||||
|
.pagination-info
|
||||||
|
.label=_p('pagination.next')
|
||||||
|
.next_info=next.title
|
||||||
|
else
|
||||||
|
nav#pagination
|
||||||
|
.pagination
|
||||||
|
if is_home()
|
||||||
|
- options.format = 'page/%d/#content-inner'
|
||||||
|
!=paginator(options)
|
||||||
17
themes/butterfly/layout/includes/post/post-copyright.pug
Normal file
17
themes/butterfly/layout/includes/post/post-copyright.pug
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
if theme.post_copyright.enable && page.copyright !== false
|
||||||
|
- let author = page.copyright_author || config.author
|
||||||
|
- let authorHref = page.copyright_author_href || theme.post_copyright.author_href || config.url
|
||||||
|
- let url = page.copyright_url || page.permalink
|
||||||
|
- let 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__author
|
||||||
|
span.post-copyright-meta= _p('post.copyright.author') + ": "
|
||||||
|
span.post-copyright-info
|
||||||
|
a(href=authorHref)=author
|
||||||
|
.post-copyright__type
|
||||||
|
span.post-copyright-meta= _p('post.copyright.link') + ": "
|
||||||
|
span.post-copyright-info
|
||||||
|
a(href=url_for(url))= theme.post_copyright.decode ? decodeURI(url) : url
|
||||||
|
.post-copyright__notice
|
||||||
|
span.post-copyright-meta= _p('post.copyright.copyright_notice') + ": "
|
||||||
|
span.post-copyright-info!= info
|
||||||
13
themes/butterfly/layout/includes/post/reward.pug
Normal file
13
themes/butterfly/layout/includes/post/reward.pug
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
.post-reward
|
||||||
|
.reward-button
|
||||||
|
i.fas.fa-qrcode
|
||||||
|
= ' ' + _p('donate')
|
||||||
|
.reward-main
|
||||||
|
ul.reward-all
|
||||||
|
each item in theme.reward.QR_code
|
||||||
|
- var clickTo = item.link ? item.link : item.img
|
||||||
|
li.reward-item
|
||||||
|
a(href=url_for(clickTo) target='_blank')
|
||||||
|
img.post-qr-code-img(src=url_for(item.img) alt=item.text)
|
||||||
|
.post-qr-code-desc=item.text
|
||||||
|
|
||||||
60
themes/butterfly/layout/includes/rightside.pug
Normal file
60
themes/butterfly/layout/includes/rightside.pug
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
- const { readmode, translate, darkmode, aside, chat_btn } = theme
|
||||||
|
mixin rightsideItem(array)
|
||||||
|
each item in array
|
||||||
|
case item
|
||||||
|
when 'readmode'
|
||||||
|
if is_post() && readmode
|
||||||
|
button#readmode(type="button" title=_p('rightside.readmode_title'))
|
||||||
|
i.fas.fa-book-open
|
||||||
|
when 'translate'
|
||||||
|
if translate.enable
|
||||||
|
button#translateLink(type="button" title=_p('rightside.translate_title'))= translate.default
|
||||||
|
when 'darkmode'
|
||||||
|
if darkmode.enable && darkmode.button
|
||||||
|
button#darkmode(type="button" title=_p('rightside.night_mode_title'))
|
||||||
|
i.fas.fa-adjust
|
||||||
|
when 'hideAside'
|
||||||
|
if aside.enable && aside.button && page.aside !== false
|
||||||
|
button#hide-aside-btn(type="button" title=_p('rightside.aside'))
|
||||||
|
i.fas.fa-arrows-alt-h
|
||||||
|
when 'toc'
|
||||||
|
if showToc
|
||||||
|
button#mobile-toc-button.close(type="button" title=_p("rightside.toc"))
|
||||||
|
i.fas.fa-list-ul
|
||||||
|
when 'chat'
|
||||||
|
if chat_btn
|
||||||
|
button#chat_btn(type="button" title=_p("rightside.chat"))
|
||||||
|
i.fas.fa-sms
|
||||||
|
when 'comment'
|
||||||
|
if commentsJsLoad
|
||||||
|
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 is_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"))
|
||||||
|
i.fas.fa-arrow-up
|
||||||
18
themes/butterfly/layout/includes/sidebar.pug
Normal file
18
themes/butterfly/layout/includes/sidebar.pug
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
#sidebar
|
||||||
|
#menu-mask
|
||||||
|
#sidebar-menus
|
||||||
|
.avatar-img.is-center
|
||||||
|
img(src=url_for(theme.avatar.img) onerror=`onerror=null;src='${theme.error_img.flink}'` alt="avatar")
|
||||||
|
.sidebar-site-data.site-data.is-center
|
||||||
|
a(href=url_for(config.archive_dir) + '/')
|
||||||
|
.headline= _p('aside.articles')
|
||||||
|
.length-num= site.posts.length
|
||||||
|
a(href=url_for(config.tag_dir) + '/' )
|
||||||
|
.headline= _p('aside.tags')
|
||||||
|
.length-num= site.tags.length
|
||||||
|
a(href=url_for(config.category_dir) + '/')
|
||||||
|
.headline= _p('aside.categories')
|
||||||
|
.length-num= site.categories.length
|
||||||
|
|
||||||
|
hr
|
||||||
|
!=partial('includes/header/menu_item', {}, {cache: true})
|
||||||
3
themes/butterfly/layout/includes/third-party/aplayer.pug
vendored
Normal file
3
themes/butterfly/layout/includes/third-party/aplayer.pug
vendored
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
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))
|
||||||
20
themes/butterfly/layout/includes/third-party/card-post-count/artalk.pug
vendored
Normal file
20
themes/butterfly/layout/includes/third-party/card-post-count/artalk.pug
vendored
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
- const { server, site } = theme.artalk
|
||||||
|
|
||||||
|
script.
|
||||||
|
(() => {
|
||||||
|
const getArtalkCount = () => {
|
||||||
|
const runWidget = () => {
|
||||||
|
Artalk.LoadCountWidget({
|
||||||
|
server: '!{server}',
|
||||||
|
site: '!{site}',
|
||||||
|
countEl: '.artalk-count'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof Artalk === 'function') runWidget()
|
||||||
|
else getScript('!{theme.asset.artalk_js}').then(runWidget)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
window.pjax ? getArtalkCount() : window.addEventListener('load', getArtalkCount)
|
||||||
|
})()
|
||||||
16
themes/butterfly/layout/includes/third-party/card-post-count/disqus.pug
vendored
Normal file
16
themes/butterfly/layout/includes/third-party/card-post-count/disqus.pug
vendored
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
script.
|
||||||
|
(() => {
|
||||||
|
const getCount = () => {
|
||||||
|
if (window.DISQUSWIDGETS === undefined) {
|
||||||
|
var d = document, s = d.createElement('script');
|
||||||
|
s.src = 'https://!{theme.disqus.shortname}.disqus.com/count.js';
|
||||||
|
s.id = 'dsq-count-scr';
|
||||||
|
(d.head || d.body).appendChild(s);
|
||||||
|
} else {
|
||||||
|
DISQUSWIDGETS.getCount({reset: true});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
window.pjax ? getCount() : window.addEventListener('load', getCount)
|
||||||
|
|
||||||
|
})()
|
||||||
18
themes/butterfly/layout/includes/third-party/card-post-count/fb.pug
vendored
Normal file
18
themes/butterfly/layout/includes/third-party/card-post-count/fb.pug
vendored
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
- const fbSDKVer = 'v15.0'
|
||||||
|
- const fbSDK = theme.messenger.enable ? `https://connect.facebook.net/${theme.facebook_comments.lang}/sdk/xfbml.customerchat.js#xfbml=1&version=${fbSDKVer}` : `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)
|
||||||
|
})()
|
||||||
16
themes/butterfly/layout/includes/third-party/card-post-count/index.pug
vendored
Normal file
16
themes/butterfly/layout/includes/third-party/card-post-count/index.pug
vendored
Normal 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
|
||||||
18
themes/butterfly/layout/includes/third-party/card-post-count/remark42.pug
vendored
Normal file
18
themes/butterfly/layout/includes/third-party/card-post-count/remark42.pug
vendored
Normal 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)
|
||||||
|
})()
|
||||||
37
themes/butterfly/layout/includes/third-party/card-post-count/twikoo.pug
vendored
Normal file
37
themes/butterfly/layout/includes/third-party/card-post-count/twikoo.pug
vendored
Normal 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.innerText = res[index].count
|
||||||
|
})
|
||||||
|
}).catch(function (err) {
|
||||||
|
console.log(err)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof twikoo === 'object') {
|
||||||
|
runTwikoo()
|
||||||
|
} else {
|
||||||
|
getScript('!{url_for(theme.asset.twikoo)}').then(runTwikoo)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
window.pjax ? getCount() : window.addEventListener('load', getCount)
|
||||||
|
|
||||||
|
})()
|
||||||
20
themes/butterfly/layout/includes/third-party/card-post-count/valine.pug
vendored
Normal file
20
themes/butterfly/layout/includes/third-party/card-post-count/valine.pug
vendored
Normal 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 getScript('!{url_for(theme.asset.valine)}').then(initValine)
|
||||||
|
}
|
||||||
|
|
||||||
|
window.pjax ? loadValine() : window.addEventListener('load', loadValine)
|
||||||
|
})()
|
||||||
18
themes/butterfly/layout/includes/third-party/card-post-count/waline.pug
vendored
Normal file
18
themes/butterfly/layout/includes/third-party/card-post-count/waline.pug
vendored
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
script.
|
||||||
|
(() => {
|
||||||
|
function loadWaline () {
|
||||||
|
function initWaline () {
|
||||||
|
let initData = {
|
||||||
|
el: null,
|
||||||
|
serverURL: '!{theme.waline.serverURL}',
|
||||||
|
comment: true
|
||||||
|
}
|
||||||
|
const waline = Waline.init(initData)
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof Waline === 'function') initWaline()
|
||||||
|
else getScript('!{url_for(theme.asset.waline_js)}').then(initWaline)
|
||||||
|
}
|
||||||
|
|
||||||
|
window.pjax ? loadWaline() : window.addEventListener('load', loadWaline)
|
||||||
|
})()
|
||||||
33
themes/butterfly/layout/includes/third-party/chat/chatra.pug
vendored
Normal file
33
themes/butterfly/layout/includes/third-party/chat/chatra.pug
vendored
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
//- https://chatra.io/help/api/
|
||||||
|
script.
|
||||||
|
(function(d, w, c) {
|
||||||
|
w.ChatraID = '#{theme.chatra.id}';
|
||||||
|
var s = d.createElement('script');
|
||||||
|
w[c] = w[c] || function() {
|
||||||
|
(w[c].q = w[c].q || []).push(arguments);
|
||||||
|
};
|
||||||
|
s.async = true;
|
||||||
|
s.src = 'https://call.chatra.io/chatra.js';
|
||||||
|
if (d.head) d.head.appendChild(s);
|
||||||
|
})(document, window, 'Chatra');
|
||||||
|
|
||||||
|
if (!{theme.chat_btn}) {
|
||||||
|
var chatBtnFn = () => {
|
||||||
|
var chatBtn = document.getElementById("chat_btn")
|
||||||
|
chatBtn.addEventListener("click", function(){
|
||||||
|
Chatra('openChat')
|
||||||
|
});
|
||||||
|
}
|
||||||
|
chatBtnFn()
|
||||||
|
} else {
|
||||||
|
if (!{theme.chat_hide_show}) {
|
||||||
|
function chatBtnHide () {
|
||||||
|
Chatra('hide')
|
||||||
|
}
|
||||||
|
function chatBtnShow () {
|
||||||
|
Chatra('show')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
36
themes/butterfly/layout/includes/third-party/chat/crisp.pug
vendored
Normal file
36
themes/butterfly/layout/includes/third-party/chat/crisp.pug
vendored
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
script.
|
||||||
|
window.$crisp = [];
|
||||||
|
window.CRISP_WEBSITE_ID = "!{theme.crisp.website_id}";
|
||||||
|
(function () {
|
||||||
|
d = document;
|
||||||
|
s = d.createElement("script");
|
||||||
|
s.src = "https://client.crisp.chat/l.js";
|
||||||
|
s.async = 1;
|
||||||
|
d.getElementsByTagName("head")[0].appendChild(s);
|
||||||
|
})();
|
||||||
|
$crisp.push(["safe", true])
|
||||||
|
|
||||||
|
if (!{theme.chat_btn}) {
|
||||||
|
$crisp.push(["do", "chat:hide"])
|
||||||
|
$crisp.push(["on", "chat:closed", function() {
|
||||||
|
$crisp.push(["do", "chat:hide"])
|
||||||
|
}])
|
||||||
|
var chatBtnFn = () => {
|
||||||
|
var chatBtn = document.getElementById("chat_btn")
|
||||||
|
chatBtn.addEventListener("click", function(){
|
||||||
|
$crisp.push(["do", "chat:show"])
|
||||||
|
$crisp.push(["do", "chat:open"])
|
||||||
|
|
||||||
|
});
|
||||||
|
}
|
||||||
|
chatBtnFn()
|
||||||
|
} else {
|
||||||
|
if (!{theme.chat_hide_show}) {
|
||||||
|
function chatBtnHide () {
|
||||||
|
$crisp.push(["do", "chat:hide"])
|
||||||
|
}
|
||||||
|
function chatBtnShow () {
|
||||||
|
$crisp.push(["do", "chat:show"])
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
40
themes/butterfly/layout/includes/third-party/chat/daovoice.pug
vendored
Normal file
40
themes/butterfly/layout/includes/third-party/chat/daovoice.pug
vendored
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
//- https://guide.daocloud.io/daovoice/javascript-api-5869833.html
|
||||||
|
script.
|
||||||
|
(function(i,s,o,g,r,a,m){i["DaoVoiceObject"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;a.charset="utf-8";m.parentNode.insertBefore(a,m)})(window,document,"script",('https:' == document.location.protocol ? 'https:' : 'http:') + "//widget.daovoice.io/widget/!{theme.daovoice.app_id}.js","daovoice")
|
||||||
|
|
||||||
|
script.
|
||||||
|
var isChatBtn = !{theme.chat_btn}
|
||||||
|
daovoice('init', {
|
||||||
|
app_id: '!{theme.daovoice.app_id}',},{
|
||||||
|
launcher: {
|
||||||
|
disableLauncherIcon: isChatBtn // 悬浮 ICON 是否显示
|
||||||
|
},
|
||||||
|
});
|
||||||
|
daovoice('update');
|
||||||
|
|
||||||
|
if (isChatBtn) {
|
||||||
|
var chatBtnFn = () => {
|
||||||
|
var chatBtn = document.getElementById("chat_btn")
|
||||||
|
chatBtn.addEventListener("click", function(){
|
||||||
|
daovoice('show')
|
||||||
|
});
|
||||||
|
}
|
||||||
|
chatBtnFn()
|
||||||
|
} else {
|
||||||
|
if (!{theme.chat_hide_show}) {
|
||||||
|
function chatBtnHide () {
|
||||||
|
daovoice('update', {},{
|
||||||
|
launcher: {
|
||||||
|
disableLauncherIcon: true // 悬浮 ICON 是否显示
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function chatBtnShow () {
|
||||||
|
daovoice('update', {},{
|
||||||
|
launcher: {
|
||||||
|
disableLauncherIcon: false // 悬浮 ICON 是否显示
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
43
themes/butterfly/layout/includes/third-party/chat/gitter.pug
vendored
Normal file
43
themes/butterfly/layout/includes/third-party/chat/gitter.pug
vendored
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
if theme.chat_btn
|
||||||
|
script.
|
||||||
|
((window.gitter = {}).chat = {}).options = {
|
||||||
|
disableDefaultChat: true,
|
||||||
|
};
|
||||||
|
document.addEventListener('gitter-sidecar-ready', (e) => {
|
||||||
|
const GitterChat = e.detail.Chat
|
||||||
|
let chat
|
||||||
|
|
||||||
|
function initGitter () {
|
||||||
|
chat = new GitterChat({
|
||||||
|
room: '#{theme.gitter.room}',
|
||||||
|
activationElement: '#chat_btn'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
initGitter()
|
||||||
|
|
||||||
|
if (!{theme.pjax.enable}) {
|
||||||
|
document.addEventListener('pjax:complete', () => {
|
||||||
|
chat.destroy()
|
||||||
|
initGitter()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
else
|
||||||
|
script.
|
||||||
|
((window.gitter = {}).chat = {}).options = {
|
||||||
|
room: '#{theme.gitter.room}',
|
||||||
|
};
|
||||||
|
|
||||||
|
if (!{theme.chat_hide_show}) {
|
||||||
|
function chatBtnHide () {
|
||||||
|
document.getElementsByClassName('gitter-open-chat-button')[0].style.display= 'none'
|
||||||
|
}
|
||||||
|
|
||||||
|
function chatBtnShow () {
|
||||||
|
document.getElementsByClassName('gitter-open-chat-button')[0].style.display= 'block'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
script(src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer)
|
||||||
12
themes/butterfly/layout/includes/third-party/chat/index.pug
vendored
Normal file
12
themes/butterfly/layout/includes/third-party/chat/index.pug
vendored
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
if theme.chatra && theme.chatra.enable
|
||||||
|
include ./chatra.pug
|
||||||
|
else if theme.tidio && theme.tidio.enable
|
||||||
|
include ./tidio.pug
|
||||||
|
else if theme.daovoice && theme.daovoice.enable
|
||||||
|
include ./daovoice.pug
|
||||||
|
else if theme.gitter && theme.gitter.enable
|
||||||
|
include ./gitter.pug
|
||||||
|
else if theme.crisp && theme.crisp.enable
|
||||||
|
include ./crisp.pug
|
||||||
|
else if theme.messenger && theme.messenger.enable
|
||||||
|
include ./messenger.pug
|
||||||
42
themes/butterfly/layout/includes/third-party/chat/messenger.pug
vendored
Normal file
42
themes/butterfly/layout/includes/third-party/chat/messenger.pug
vendored
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
- let { pageID, lang } = theme.messenger
|
||||||
|
- lang = theme.comments.use && theme.comments.use.includes('Facebook Comments') ? theme.facebook_comments.lang : lang
|
||||||
|
|
||||||
|
#fb-customer-chat.fb-customerchat(page_id=pageID attribution='biz_inbox')
|
||||||
|
|
||||||
|
script.
|
||||||
|
document.getElementById('fb-root') ? '' : document.body.insertAdjacentHTML('afterend', '<div id="fb-root"></div>')
|
||||||
|
|
||||||
|
window.fbAsyncInit = function() {
|
||||||
|
FB.init({
|
||||||
|
xfbml: true,
|
||||||
|
version: 'v15.0'
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
(function(d, s, id) {
|
||||||
|
var js, fjs = d.getElementsByTagName(s)[0];
|
||||||
|
if (d.getElementById(id)) return;
|
||||||
|
js = d.createElement(s); js.id = id;
|
||||||
|
js.src = 'https://connect.facebook.net/!{lang}/sdk/xfbml.customerchat.js';
|
||||||
|
fjs.parentNode.insertBefore(js, fjs);
|
||||||
|
}(document, 'script', 'facebook-jssdk'));
|
||||||
|
|
||||||
|
if (!{theme.chat_btn}) {
|
||||||
|
var chatBtnFn = () => {
|
||||||
|
var chatBtn = document.getElementById("chat_btn")
|
||||||
|
chatBtn.addEventListener("click", function(){
|
||||||
|
FB.CustomerChat.show();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
chatBtnFn()
|
||||||
|
} else {
|
||||||
|
if (!{theme.chat_hide_show}) {
|
||||||
|
function chatBtnHide () {
|
||||||
|
FB.CustomerChat.hide()
|
||||||
|
}
|
||||||
|
function chatBtnShow () {
|
||||||
|
FB.CustomerChat.show(false)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
41
themes/butterfly/layout/includes/third-party/chat/tidio.pug
vendored
Normal file
41
themes/butterfly/layout/includes/third-party/chat/tidio.pug
vendored
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
script(src=`//code.tidio.co/${theme.tidio.public_key}.js` async)
|
||||||
|
|
||||||
|
if theme.chat_btn
|
||||||
|
script.
|
||||||
|
function onTidioChatApiReady() {
|
||||||
|
window.tidioChatApi.hide();
|
||||||
|
window.tidioChatApi.on("close", function() {
|
||||||
|
window.tidioChatApi.hide();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if (window.tidioChatApi) {
|
||||||
|
window.tidioChatApi.on("ready", onTidioChatApiReady);
|
||||||
|
} else {
|
||||||
|
document.addEventListener("tidioChat-ready", onTidioChatApiReady);
|
||||||
|
}
|
||||||
|
|
||||||
|
var chatBtnFn = () => {
|
||||||
|
document.getElementById("chat_btn").addEventListener("click", function(){
|
||||||
|
window.tidioChatApi.show();
|
||||||
|
window.tidioChatApi.open();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
chatBtnFn()
|
||||||
|
|
||||||
|
else if theme.chat_hide_show
|
||||||
|
script.
|
||||||
|
function chatBtnHide () {
|
||||||
|
if (window.tidioChatApi) {
|
||||||
|
//- window.tidioChatApi.hide();
|
||||||
|
document.getElementById('tidio-chat').style.display= 'none'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function chatBtnShow () {
|
||||||
|
if (window.tidioChatApi) {
|
||||||
|
//- window.tidioChatApi.show();
|
||||||
|
document.getElementById('tidio-chat').style.display= 'block'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
45
themes/butterfly/layout/includes/third-party/comments/artalk.pug
vendored
Normal file
45
themes/butterfly/layout/includes/third-party/comments/artalk.pug
vendored
Normal file
@ -0,0 +1,45 @@
|
|||||||
|
- const { server, site, option } = theme.artalk
|
||||||
|
|
||||||
|
script.
|
||||||
|
function addArtalkSource () {
|
||||||
|
const ele = document.createElement('link')
|
||||||
|
ele.rel = 'stylesheet'
|
||||||
|
ele.href= '!{theme.asset.artalk_css}'
|
||||||
|
document.getElementsByTagName('head')[0].appendChild(ele)
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadArtalk () {
|
||||||
|
function initArtalk () {
|
||||||
|
window.artalkItem = new Artalk(Object.assign({
|
||||||
|
el: '#artalk-wrap',
|
||||||
|
server: '!{server}',
|
||||||
|
site: '!{site}',
|
||||||
|
pageKey: location.pathname,
|
||||||
|
darkMode: document.documentElement.getAttribute('data-theme') === 'dark',
|
||||||
|
countEl: '.artalk-count'
|
||||||
|
},!{JSON.stringify(option)}))
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof window.artalkItem === 'object') setTimeout(()=>{initArtalk()},200)
|
||||||
|
else {
|
||||||
|
addArtalkSource()
|
||||||
|
typeof Artalk !== 'function' ? getScript('!{theme.asset.artalk_js}').then(initArtalk)
|
||||||
|
: setTimeout(()=>{initArtalk()},200)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById('darkmode').addEventListener('click',()=> {
|
||||||
|
if (typeof window.artalkItem !== 'object') return
|
||||||
|
let isDark = document.documentElement.getAttribute('data-theme') === 'dark'
|
||||||
|
window.artalkItem.setDarkMode(!isDark)
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
if ('!{theme.comments.use[0]}' === 'Artalk' || !!{theme.comments.lazyload}) {
|
||||||
|
if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('artalk-wrap'), loadArtalk)
|
||||||
|
else loadArtalk()
|
||||||
|
} else {
|
||||||
|
function loadOtherComment () {
|
||||||
|
loadArtalk()
|
||||||
|
}
|
||||||
|
}
|
||||||
51
themes/butterfly/layout/includes/third-party/comments/disqus.pug
vendored
Normal file
51
themes/butterfly/layout/includes/third-party/comments/disqus.pug
vendored
Normal file
@ -0,0 +1,51 @@
|
|||||||
|
- let disqusPageTitle = page.title.replace(/'/ig,"\\'")
|
||||||
|
|
||||||
|
script.
|
||||||
|
function loadDisqus () {
|
||||||
|
var disqus_config = function () {
|
||||||
|
this.page.url = '!{ page.permalink }'
|
||||||
|
this.page.identifier = '!{ url_for(page.path) }'
|
||||||
|
this.page.title = '!{ disqusPageTitle }'
|
||||||
|
};
|
||||||
|
|
||||||
|
window.disqusReset = () => {
|
||||||
|
DISQUS.reset({
|
||||||
|
reload: true,
|
||||||
|
config: disqus_config
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
if (window.DISQUS) disqusReset()
|
||||||
|
else {
|
||||||
|
(function() {
|
||||||
|
var d = document, s = d.createElement('script');
|
||||||
|
s.src = 'https://!{theme.disqus.shortname}.disqus.com/embed.js';
|
||||||
|
s.setAttribute('data-timestamp', +new Date());
|
||||||
|
(d.head || d.body).appendChild(s);
|
||||||
|
})();
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById('darkmode').addEventListener('click', () => {
|
||||||
|
setTimeout(() => window.disqusReset(), 200)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
if ('!{theme.comments.use[0]}' === 'Disqus' || !!{theme.comments.lazyload}) {
|
||||||
|
if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('disqus_thread'), loadDisqus)
|
||||||
|
else loadDisqus()
|
||||||
|
} else {
|
||||||
|
function loadOtherComment () {
|
||||||
|
loadDisqus()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if is_post() && !theme.comments.lazyload && theme.comments.count && theme.comments.use[0] === 'Disqus'
|
||||||
|
script.
|
||||||
|
if (window.DISQUSWIDGETS === undefined) {
|
||||||
|
var d = document, s = d.createElement('script');
|
||||||
|
s.src = 'https://!{theme.disqus.shortname}.disqus.com/count.js';
|
||||||
|
s.id = 'dsq-count-scr';
|
||||||
|
(d.head || d.body).appendChild(s);
|
||||||
|
} else {
|
||||||
|
DISQUSWIDGETS.getCount({reset: true});
|
||||||
|
}
|
||||||
64
themes/butterfly/layout/includes/third-party/comments/disqusjs.pug
vendored
Normal file
64
themes/butterfly/layout/includes/third-party/comments/disqusjs.pug
vendored
Normal file
@ -0,0 +1,64 @@
|
|||||||
|
- let disqusjsPageTitle = page.title.replace(/'/ig,"\\'")
|
||||||
|
|
||||||
|
script.
|
||||||
|
function loadDisqusjs () {
|
||||||
|
function addDisqusjsCSS () {
|
||||||
|
const ele = document.createElement('link')
|
||||||
|
ele.rel = 'stylesheet'
|
||||||
|
ele.href= '!{url_for(theme.asset.disqusjs_css)}'
|
||||||
|
document.getElementsByTagName('head')[0].appendChild(ele)
|
||||||
|
}
|
||||||
|
|
||||||
|
function initDisqusjs () {
|
||||||
|
window.disqusjs = null
|
||||||
|
disqusjs = new DisqusJS(Object.assign({
|
||||||
|
shortname: '!{theme.disqusjs.shortname}',
|
||||||
|
identifier: '!{ url_for(page.path) }',
|
||||||
|
url: '!{ page.permalink }',
|
||||||
|
title: '!{ disqusjsPageTitle }',
|
||||||
|
apikey: '!{theme.disqusjs.apikey}',
|
||||||
|
},!{JSON.stringify(theme.disqusjs.option)}))
|
||||||
|
|
||||||
|
disqusjs.render(document.getElementById('disqusjs'))
|
||||||
|
}
|
||||||
|
|
||||||
|
const themeChange = () => {
|
||||||
|
const ele = document.getElementById('disqus_thread')
|
||||||
|
if(!ele) return
|
||||||
|
disqusjs.destroy()
|
||||||
|
initDisqusjs()
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
document.getElementById('darkmode').addEventListener('click', themeChange)
|
||||||
|
|
||||||
|
if (window.disqusJsLoad) initDisqusjs()
|
||||||
|
else {
|
||||||
|
addDisqusjsCSS()
|
||||||
|
getScript('!{url_for(theme.asset.disqusjs)}').then(initDisqusjs)
|
||||||
|
window.disqusJsLoad = true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if ('!{theme.comments.use[0]}' === 'Disqusjs' || !!{theme.comments.lazyload}) {
|
||||||
|
if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('disqusjs'), loadDisqusjs)
|
||||||
|
else loadDisqusjs()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
function loadOtherComment () {
|
||||||
|
loadDisqusjs()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if is_post() && !theme.comments.lazyload && theme.comments.count && theme.comments.use[0] === 'Disqusjs'
|
||||||
|
script.
|
||||||
|
if (window.DISQUSWIDGETS === undefined) {
|
||||||
|
var d = document, s = d.createElement('script');
|
||||||
|
s.src = 'https://!{theme.disqus.shortname}.disqus.com/count.js';
|
||||||
|
s.id = 'dsq-count-scr';
|
||||||
|
(d.head || d.body).appendChild(s);
|
||||||
|
} else {
|
||||||
|
DISQUSWIDGETS.getCount({reset: true});
|
||||||
|
}
|
||||||
|
|
||||||
36
themes/butterfly/layout/includes/third-party/comments/facebook_comments.pug
vendored
Normal file
36
themes/butterfly/layout/includes/third-party/comments/facebook_comments.pug
vendored
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
- const fbSDKVer = 'v15.0'
|
||||||
|
- const fbSDK = theme.messenger.enable ? `https://connect.facebook.net/${theme.facebook_comments.lang}/sdk/xfbml.customerchat.js#xfbml=1&version=${fbSDKVer}` : `https://connect.facebook.net/${theme.facebook_comments.lang}/sdk.js#xfbml=1&version=${fbSDKVer}`
|
||||||
|
|
||||||
|
script.
|
||||||
|
function loadFBComment () {
|
||||||
|
document.getElementById('fb-root') ? '' : document.body.insertAdjacentHTML('afterend', '<div id="fb-root"></div>')
|
||||||
|
|
||||||
|
const themeNow = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light'
|
||||||
|
const $fbComment = document.getElementsByClassName('fb-comments')[0]
|
||||||
|
$fbComment.setAttribute('data-colorscheme',themeNow)
|
||||||
|
$fbComment.setAttribute('data-href', '!{urlNoIndex(page.permalink)}')
|
||||||
|
|
||||||
|
if (typeof FB === 'object') {
|
||||||
|
FB.XFBML.parse(document.getElementsByClassName('post-meta-commentcount')[0])
|
||||||
|
FB.XFBML.parse(document.getElementById('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)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
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 {
|
||||||
|
function loadOtherComment () {
|
||||||
|
loadFBComment()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
49
themes/butterfly/layout/includes/third-party/comments/giscus.pug
vendored
Normal file
49
themes/butterfly/layout/includes/third-party/comments/giscus.pug
vendored
Normal file
@ -0,0 +1,49 @@
|
|||||||
|
- const { repo, repo_id, category_id, option } = theme.giscus
|
||||||
|
- const themes = theme.giscus.theme
|
||||||
|
script.
|
||||||
|
function loadGiscus () {
|
||||||
|
let nowTheme = document.documentElement.getAttribute('data-theme') === 'dark' ? '!{themes.dark}' : '!{themes.light}'
|
||||||
|
|
||||||
|
const config = Object.assign({
|
||||||
|
src: 'https://giscus.app/client.js',
|
||||||
|
'data-repo': '!{repo}',
|
||||||
|
'data-repo-id': '!{repo_id}',
|
||||||
|
'data-category-id': '!{category_id}',
|
||||||
|
'data-mapping': 'pathname',
|
||||||
|
'data-theme': nowTheme,
|
||||||
|
'data-reactions-enabled': '1',
|
||||||
|
crossorigin: 'anonymous',
|
||||||
|
async: true
|
||||||
|
},!{JSON.stringify(option)})
|
||||||
|
|
||||||
|
let ele = document.createElement('script')
|
||||||
|
for (let key in config) {
|
||||||
|
ele.setAttribute(key, config[key])
|
||||||
|
}
|
||||||
|
document.getElementById('giscus-wrap').insertAdjacentElement('afterbegin',ele)
|
||||||
|
}
|
||||||
|
|
||||||
|
function changeGiscusTheme () {
|
||||||
|
const theme = document.documentElement.getAttribute('data-theme') === 'dark' ? '!{themes.dark}' : '!{themes.light}'
|
||||||
|
|
||||||
|
function sendMessage(message) {
|
||||||
|
const iframe = document.querySelector('iframe.giscus-frame');
|
||||||
|
if (!iframe) return;
|
||||||
|
iframe.contentWindow.postMessage({ giscus: message }, 'https://giscus.app');
|
||||||
|
}
|
||||||
|
|
||||||
|
sendMessage({
|
||||||
|
setConfig: {
|
||||||
|
theme: theme
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if ('!{theme.comments.use[0]}' === 'Giscus' || !!{theme.comments.lazyload}) {
|
||||||
|
if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('giscus-wrap'), loadGiscus)
|
||||||
|
else loadGiscus()
|
||||||
|
} else {
|
||||||
|
function loadOtherComment () {
|
||||||
|
loadGiscus()
|
||||||
|
}
|
||||||
|
}
|
||||||
48
themes/butterfly/layout/includes/third-party/comments/gitalk.pug
vendored
Normal file
48
themes/butterfly/layout/includes/third-party/comments/gitalk.pug
vendored
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
script.
|
||||||
|
function addGitalkSource () {
|
||||||
|
const ele = document.createElement('link')
|
||||||
|
ele.rel = 'stylesheet'
|
||||||
|
ele.href= '!{url_for(theme.asset.gitalk_css)}'
|
||||||
|
document.getElementsByTagName('head')[0].appendChild(ele)
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadGitalk () {
|
||||||
|
function initGitalk () {
|
||||||
|
var gitalk = new Gitalk(Object.assign({
|
||||||
|
clientID: '!{theme.gitalk.client_id}',
|
||||||
|
clientSecret: '!{theme.gitalk.client_secret}',
|
||||||
|
repo: '!{theme.gitalk.repo}',
|
||||||
|
owner: '!{theme.gitalk.owner}',
|
||||||
|
admin: ['!{theme.gitalk.admin}'],
|
||||||
|
id: '!{md5(page.path)}',
|
||||||
|
updateCountCallback: commentCount
|
||||||
|
},!{JSON.stringify(theme.gitalk.option)}))
|
||||||
|
|
||||||
|
gitalk.render('gitalk-container')
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof Gitalk === 'function') initGitalk()
|
||||||
|
else {
|
||||||
|
addGitalkSource()
|
||||||
|
getScript('!{url_for(theme.asset.gitalk)}').then(initGitalk)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function commentCount(n){
|
||||||
|
let isCommentCount = document.querySelector('#post-meta .gitalk-comment-count')
|
||||||
|
if (isCommentCount) {
|
||||||
|
isCommentCount.innerHTML= n
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if ('!{theme.comments.use[0]}' === 'Gitalk' || !!{theme.comments.lazyload}) {
|
||||||
|
if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('gitalk-container'), loadGitalk)
|
||||||
|
else loadGitalk()
|
||||||
|
} else {
|
||||||
|
function loadOtherComment () {
|
||||||
|
loadGitalk()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
46
themes/butterfly/layout/includes/third-party/comments/index.pug
vendored
Normal file
46
themes/butterfly/layout/includes/third-party/comments/index.pug
vendored
Normal file
@ -0,0 +1,46 @@
|
|||||||
|
- let defaultComment = theme.comments.use[0]
|
||||||
|
hr
|
||||||
|
#post-comment
|
||||||
|
.comment-head
|
||||||
|
.comment-headline
|
||||||
|
i.fas.fa-comments.fa-fw
|
||||||
|
span= ' ' + _p('comment')
|
||||||
|
|
||||||
|
if theme.comments.use.length > 1
|
||||||
|
#comment-switch
|
||||||
|
span.first-comment=defaultComment
|
||||||
|
span.switch-btn
|
||||||
|
span.second-comment=theme.comments.use[1]
|
||||||
|
|
||||||
|
|
||||||
|
.comment-wrap
|
||||||
|
each name in theme.comments.use
|
||||||
|
div
|
||||||
|
case name
|
||||||
|
when 'Disqus'
|
||||||
|
#disqus_thread
|
||||||
|
when 'Valine'
|
||||||
|
#vcomment.vcomment
|
||||||
|
when 'Disqusjs'
|
||||||
|
#disqusjs
|
||||||
|
when 'Livere'
|
||||||
|
#lv-container(data-id="city" data-uid=theme.livere.uid)
|
||||||
|
when 'Gitalk'
|
||||||
|
#gitalk-container
|
||||||
|
when 'Utterances'
|
||||||
|
#utterances-wrap
|
||||||
|
when 'Twikoo'
|
||||||
|
#twikoo-wrap
|
||||||
|
when 'Waline'
|
||||||
|
#waline-wrap
|
||||||
|
when 'Giscus'
|
||||||
|
#giscus-wrap
|
||||||
|
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
|
||||||
26
themes/butterfly/layout/includes/third-party/comments/js.pug
vendored
Normal file
26
themes/butterfly/layout/includes/third-party/comments/js.pug
vendored
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
each name in theme.comments.use
|
||||||
|
case name
|
||||||
|
when 'Valine'
|
||||||
|
!=partial('includes/third-party/comments/valine', {}, {cache: true})
|
||||||
|
when 'Disqus'
|
||||||
|
include ./disqus.pug
|
||||||
|
when 'Disqusjs'
|
||||||
|
include ./disqusjs.pug
|
||||||
|
when 'Livere'
|
||||||
|
!=partial('includes/third-party/comments/livere', {}, {cache: true})
|
||||||
|
when 'Gitalk'
|
||||||
|
include ./gitalk.pug
|
||||||
|
when 'Utterances'
|
||||||
|
!=partial('includes/third-party/comments/utterances', {}, {cache: true})
|
||||||
|
when 'Twikoo'
|
||||||
|
!=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})
|
||||||
26
themes/butterfly/layout/includes/third-party/comments/livere.pug
vendored
Normal file
26
themes/butterfly/layout/includes/third-party/comments/livere.pug
vendored
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
script.
|
||||||
|
function loadLivere () {
|
||||||
|
if (typeof LivereTower === 'object') {
|
||||||
|
window.LivereTower.init()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
(function(d, s) {
|
||||||
|
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 ('!{theme.comments.use[0]}' === 'Livere' || !!{theme.comments.lazyload}) {
|
||||||
|
if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('lv-container'), loadLivere)
|
||||||
|
else loadLivere()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
function loadOtherComment () {
|
||||||
|
loadLivere()
|
||||||
|
}
|
||||||
|
}
|
||||||
67
themes/butterfly/layout/includes/third-party/comments/remark42.pug
vendored
Normal file
67
themes/butterfly/layout/includes/third-party/comments/remark42.pug
vendored
Normal file
@ -0,0 +1,67 @@
|
|||||||
|
- const { host, siteId, option } = theme.remark42
|
||||||
|
script.
|
||||||
|
var remark_config = Object.assign({
|
||||||
|
host: '!{host}',
|
||||||
|
site_id: '!{siteId}',
|
||||||
|
components: ['embed'],
|
||||||
|
theme: document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light'
|
||||||
|
},!{JSON.stringify(option)})
|
||||||
|
|
||||||
|
function addRemark42(){
|
||||||
|
for (let i = 0; i < remark_config.components.length; i++) {
|
||||||
|
const s = document.createElement('script')
|
||||||
|
s.src = remark_config.host + '/web/' + remark_config.components[i] + '.js'
|
||||||
|
s.defer = true
|
||||||
|
document.head.appendChild(s)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function initRemark42() {
|
||||||
|
if (window.REMARK42) {
|
||||||
|
if (this.remark42Instance) {
|
||||||
|
this.remark42Instance.destroy()
|
||||||
|
}
|
||||||
|
|
||||||
|
this.remark42Instance = window.REMARK42.createInstance({
|
||||||
|
...remark_config
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function getCount () {
|
||||||
|
const ele = document.querySelector('.remark42__counter')
|
||||||
|
if (ele) {
|
||||||
|
const s = document.createElement('script')
|
||||||
|
s.src = remark_config.host + '/web/counter.js'
|
||||||
|
s.defer = true
|
||||||
|
document.head.appendChild(s)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadRemark42 () {
|
||||||
|
if (window.REMARK42) {
|
||||||
|
this.initRemark42()
|
||||||
|
getCount()
|
||||||
|
} else {
|
||||||
|
addRemark42()
|
||||||
|
window.addEventListener('REMARK42::ready', () => {
|
||||||
|
this.initRemark42()
|
||||||
|
getCount()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById('darkmode').addEventListener('click',()=>{
|
||||||
|
if (!window.REMARK42) return
|
||||||
|
let theme = document.documentElement.getAttribute('data-theme') === 'dark' ? 'light' : 'dark'
|
||||||
|
window.REMARK42.changeTheme(theme)
|
||||||
|
})
|
||||||
|
|
||||||
|
if ('!{theme.comments.use[0]}' === 'Remark42' || !!{theme.comments.lazyload}) {
|
||||||
|
if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('remark42'), loadRemark42)
|
||||||
|
else loadRemark42()
|
||||||
|
} else {
|
||||||
|
function loadOtherComment () {
|
||||||
|
loadRemark42()
|
||||||
|
}
|
||||||
|
}
|
||||||
53
themes/butterfly/layout/includes/third-party/comments/twikoo.pug
vendored
Normal file
53
themes/butterfly/layout/includes/third-party/comments/twikoo.pug
vendored
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
- const { envId, region, option } = theme.twikoo
|
||||||
|
- const { use, lazyload, count } = theme.comments
|
||||||
|
|
||||||
|
script.
|
||||||
|
(()=>{
|
||||||
|
const init = () => {
|
||||||
|
twikoo.init(Object.assign({
|
||||||
|
el: '#twikoo-wrap',
|
||||||
|
envId: '!{envId}',
|
||||||
|
region: '!{region}',
|
||||||
|
onCommentLoaded: function () {
|
||||||
|
btf.loadLightbox(document.querySelectorAll('#twikoo .tk-content img:not(.tk-owo-emotion)'))
|
||||||
|
}
|
||||||
|
}, !{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(function (res) {
|
||||||
|
countELement.innerText = res[0].count
|
||||||
|
}).catch(function (err) {
|
||||||
|
console.error(err);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const runFn = () => {
|
||||||
|
init()
|
||||||
|
!{count ? 'GLOBAL_CONFIG_SITE.isPost && getCount()' : ''}
|
||||||
|
}
|
||||||
|
|
||||||
|
const loadTwikoo = () => {
|
||||||
|
if (typeof twikoo === 'object') {
|
||||||
|
setTimeout(runFn,0)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
getScript('!{url_for(theme.asset.twikoo)}').then(runFn)
|
||||||
|
}
|
||||||
|
|
||||||
|
if ('!{use[0]}' === 'Twikoo' || !!{lazyload}) {
|
||||||
|
if (!{lazyload}) btf.loadComment(document.getElementById('twikoo-wrap'), loadTwikoo)
|
||||||
|
else loadTwikoo()
|
||||||
|
} else {
|
||||||
|
window.loadOtherComment = () => {
|
||||||
|
loadTwikoo()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})()
|
||||||
34
themes/butterfly/layout/includes/third-party/comments/utterances.pug
vendored
Normal file
34
themes/butterfly/layout/includes/third-party/comments/utterances.pug
vendored
Normal file
@ -0,0 +1,34 @@
|
|||||||
|
script.
|
||||||
|
function loadUtterances () {
|
||||||
|
let ele = document.createElement('script')
|
||||||
|
ele.setAttribute('id', 'utterances_comment')
|
||||||
|
ele.setAttribute('src', 'https://utteranc.es/client.js')
|
||||||
|
ele.setAttribute('repo', '!{theme.utterances.repo}')
|
||||||
|
ele.setAttribute('issue-term', '!{theme.utterances.issue_term}')
|
||||||
|
let nowTheme = document.documentElement.getAttribute('data-theme') === 'dark' ? '#{theme.utterances.dark_theme}' : '#{theme.utterances.light_theme}'
|
||||||
|
ele.setAttribute('theme', nowTheme)
|
||||||
|
ele.setAttribute('crossorigin', 'anonymous')
|
||||||
|
ele.setAttribute('async', 'true')
|
||||||
|
document.getElementById('utterances-wrap').insertAdjacentElement('afterbegin',ele)
|
||||||
|
}
|
||||||
|
|
||||||
|
function utterancesTheme () {
|
||||||
|
const iframe = document.querySelector('.utterances-frame')
|
||||||
|
if (iframe) {
|
||||||
|
const theme = document.documentElement.getAttribute('data-theme') === 'dark' ? '#{theme.utterances.dark_theme}' : '#{theme.utterances.light_theme}'
|
||||||
|
const message = {
|
||||||
|
type: 'set-theme',
|
||||||
|
theme: theme
|
||||||
|
};
|
||||||
|
iframe.contentWindow.postMessage(message, 'https://utteranc.es');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if ('!{theme.comments.use[0]}' === 'Utterances' || !!{theme.comments.lazyload}) {
|
||||||
|
if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('utterances-wrap'), loadUtterances)
|
||||||
|
else loadUtterances()
|
||||||
|
} else {
|
||||||
|
function loadOtherComment () {
|
||||||
|
loadUtterances()
|
||||||
|
}
|
||||||
|
}
|
||||||
33
themes/butterfly/layout/includes/third-party/comments/valine.pug
vendored
Normal file
33
themes/butterfly/layout/includes/third-party/comments/valine.pug
vendored
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
- let emojiMaps = '""'
|
||||||
|
if site.data.valine
|
||||||
|
- emojiMaps = JSON.stringify(site.data.valine)
|
||||||
|
|
||||||
|
script.
|
||||||
|
function loadValine () {
|
||||||
|
function initValine () {
|
||||||
|
const valine = new Valine(Object.assign({
|
||||||
|
el: '#vcomment',
|
||||||
|
appId: '#{theme.valine.appId}',
|
||||||
|
appKey: '#{theme.valine.appKey}',
|
||||||
|
avatar: '#{theme.valine.avatar}',
|
||||||
|
serverURLs: '#{theme.valine.serverURLs}',
|
||||||
|
emojiMaps: !{emojiMaps},
|
||||||
|
path: window.location.pathname,
|
||||||
|
visitor: #{theme.valine.visitor}
|
||||||
|
}, !{JSON.stringify(theme.valine.option)}))
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof Valine === 'function') initValine()
|
||||||
|
else getScript('!{url_for(theme.asset.valine)}').then(initValine)
|
||||||
|
}
|
||||||
|
|
||||||
|
if ('!{theme.comments.use[0]}' === 'Valine' || !!{theme.comments.lazyload}) {
|
||||||
|
if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('vcomment'),loadValine)
|
||||||
|
else setTimeout(loadValine, 0)
|
||||||
|
} else {
|
||||||
|
function loadOtherComment () {
|
||||||
|
loadValine()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
40
themes/butterfly/layout/includes/third-party/comments/waline.pug
vendored
Normal file
40
themes/butterfly/layout/includes/third-party/comments/waline.pug
vendored
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
- const { serverURL, option, pageview } = theme.waline
|
||||||
|
- const { lazyload, count, use } = theme.comments
|
||||||
|
|
||||||
|
script.
|
||||||
|
function loadWaline () {
|
||||||
|
function insertCSS () {
|
||||||
|
const link = document.createElement("link")
|
||||||
|
link.rel = "stylesheet"
|
||||||
|
link.href = "!{url_for(theme.asset.waline_css)}"
|
||||||
|
document.head.appendChild(link)
|
||||||
|
}
|
||||||
|
|
||||||
|
function initWaline () {
|
||||||
|
const waline = Waline.init(Object.assign({
|
||||||
|
el: '#waline-wrap',
|
||||||
|
serverURL: '!{serverURL}',
|
||||||
|
pageview: !{lazyload ? false : pageview},
|
||||||
|
dark: 'html[data-theme="dark"]',
|
||||||
|
path: window.location.pathname,
|
||||||
|
comment: !{lazyload ? false : count},
|
||||||
|
}, !{JSON.stringify(option)}))
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof Waline === 'function') initWaline()
|
||||||
|
else {
|
||||||
|
insertCSS()
|
||||||
|
getScript('!{url_for(theme.asset.waline_js)}').then(initWaline)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if ('!{use[0]}' === 'Waline' || !!{lazyload}) {
|
||||||
|
if (!{lazyload}) btf.loadComment(document.getElementById('waline-wrap'),loadWaline)
|
||||||
|
else setTimeout(loadWaline, 0)
|
||||||
|
} else {
|
||||||
|
function loadOtherComment () {
|
||||||
|
loadWaline()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
35
themes/butterfly/layout/includes/third-party/effect.pug
vendored
Normal file
35
themes/butterfly/layout/includes/third-party/effect.pug
vendored
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
if theme.fireworks && theme.fireworks.enable
|
||||||
|
canvas.fireworks(mobile=`${theme.fireworks.mobile}`)
|
||||||
|
script(src=url_for(theme.asset.fireworks))
|
||||||
|
|
||||||
|
if (theme.canvas_ribbon && theme.canvas_ribbon.enable)
|
||||||
|
script(defer id="ribbon" src=url_for(theme.asset.canvas_ribbon) size=theme.canvas_ribbon.size
|
||||||
|
alpha=theme.canvas_ribbon.alpha zIndex=theme.canvas_ribbon.zIndex mobile=`${theme.canvas_ribbon.mobile}` data-click=`${theme.canvas_ribbon.click_to_change}`)
|
||||||
|
|
||||||
|
if (theme.canvas_fluttering_ribbon && theme.canvas_fluttering_ribbon.enable)
|
||||||
|
script(defer id="fluttering_ribbon" mobile=`${theme.canvas_fluttering_ribbon.mobile}` src=url_for(theme.asset.canvas_fluttering_ribbon))
|
||||||
|
|
||||||
|
if (theme.canvas_nest && theme.canvas_nest.enable)
|
||||||
|
script#canvas_nest(defer color=theme.canvas_nest.color opacity=theme.canvas_nest.opacity zIndex=theme.canvas_nest.zIndex count=theme.canvas_nest.count mobile=`${theme.canvas_nest.mobile}` src=url_for(theme.asset.canvas_nest))
|
||||||
|
|
||||||
|
if theme.activate_power_mode.enable
|
||||||
|
script(src=url_for(theme.asset.activate_power_mode))
|
||||||
|
script.
|
||||||
|
POWERMODE.colorful = !{theme.activate_power_mode.colorful};
|
||||||
|
POWERMODE.shake = !{theme.activate_power_mode.shake};
|
||||||
|
POWERMODE.mobile = !{theme.activate_power_mode.mobile};
|
||||||
|
document.body.addEventListener('input', POWERMODE);
|
||||||
|
|
||||||
|
//- 鼠標特效
|
||||||
|
if theme.click_heart && theme.click_heart.enable
|
||||||
|
script#click-heart(src=url_for(theme.asset.click_heart) async mobile=`${theme.click_heart.mobile}`)
|
||||||
|
|
||||||
|
if theme.ClickShowText && theme.ClickShowText.enable
|
||||||
|
script#click-show-text(
|
||||||
|
src= url_for(theme.asset.ClickShowText)
|
||||||
|
data-mobile= `${theme.ClickShowText.mobile}`
|
||||||
|
data-text= theme.ClickShowText.text.join(",")
|
||||||
|
data-fontsize= theme.ClickShowText.fontSize
|
||||||
|
data-random= `${theme.ClickShowText.random}`
|
||||||
|
async
|
||||||
|
)
|
||||||
18
themes/butterfly/layout/includes/third-party/math/index.pug
vendored
Normal file
18
themes/butterfly/layout/includes/third-party/math/index.pug
vendored
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
if theme.mathjax && theme.mathjax.enable
|
||||||
|
if theme.mathjax.per_page
|
||||||
|
if is_post() || is_page()
|
||||||
|
include ./mathjax.pug
|
||||||
|
else
|
||||||
|
if page.mathjax
|
||||||
|
include ./mathjax.pug
|
||||||
|
|
||||||
|
if theme.katex && theme.katex.enable
|
||||||
|
if theme.katex.per_page
|
||||||
|
if is_post() || is_page()
|
||||||
|
include ./katex.pug
|
||||||
|
else
|
||||||
|
if page.katex
|
||||||
|
include ./katex.pug
|
||||||
|
|
||||||
|
if theme.mermaid.enable
|
||||||
|
include ./mermaid.pug
|
||||||
9
themes/butterfly/layout/includes/third-party/math/katex.pug
vendored
Normal file
9
themes/butterfly/layout/includes/third-party/math/katex.pug
vendored
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
link(rel="stylesheet" type="text/css" href=url_for(theme.asset.katex))
|
||||||
|
script(src=url_for(theme.asset.katex_copytex))
|
||||||
|
script.
|
||||||
|
(() => {
|
||||||
|
document.querySelectorAll('#article-container span.katex-display').forEach(item => {
|
||||||
|
btf.wrap(item, 'div', { class: 'katex-wrap'})
|
||||||
|
})
|
||||||
|
})()
|
||||||
|
|
||||||
47
themes/butterfly/layout/includes/third-party/math/mathjax.pug
vendored
Normal file
47
themes/butterfly/layout/includes/third-party/math/mathjax.pug
vendored
Normal file
@ -0,0 +1,47 @@
|
|||||||
|
//- Mathjax 3
|
||||||
|
script.
|
||||||
|
if (!window.MathJax) {
|
||||||
|
window.MathJax = {
|
||||||
|
tex: {
|
||||||
|
inlineMath: [ ['$','$'], ["\\(","\\)"]],
|
||||||
|
tags: 'ams'
|
||||||
|
},
|
||||||
|
chtml: {
|
||||||
|
scale: 1.1
|
||||||
|
},
|
||||||
|
options: {
|
||||||
|
renderActions: {
|
||||||
|
findScript: [10, doc => {
|
||||||
|
for (const node of document.querySelectorAll('script[type^="math/tex"]')) {
|
||||||
|
const display = !!node.type.match(/; *mode=display/)
|
||||||
|
const math = new doc.options.MathItem(node.textContent, doc.inputJax[0], display)
|
||||||
|
const text = document.createTextNode('')
|
||||||
|
node.parentNode.replaceChild(text, node)
|
||||||
|
math.start = {node: text, delim: '', n: 0}
|
||||||
|
math.end = {node: text, delim: '', n: 0}
|
||||||
|
doc.math.push(math)
|
||||||
|
}
|
||||||
|
}, ''],
|
||||||
|
insertScript: [200, () => {
|
||||||
|
document.querySelectorAll('mjx-container').forEach(node => {
|
||||||
|
if (node.hasAttribute('display')) {
|
||||||
|
btf.wrap(node, 'div', { class: 'mathjax-overflow' })
|
||||||
|
} else {
|
||||||
|
btf.wrap(node, 'span', { class: 'mathjax-overflow' })
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}, '', false]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const script = document.createElement('script')
|
||||||
|
script.src = '!{url_for(theme.asset.mathjax)}'
|
||||||
|
script.id = 'MathJax-script'
|
||||||
|
script.async = true
|
||||||
|
document.head.appendChild(script)
|
||||||
|
} else {
|
||||||
|
MathJax.startup.document.state(0)
|
||||||
|
MathJax.texReset()
|
||||||
|
MathJax.typeset()
|
||||||
|
}
|
||||||
26
themes/butterfly/layout/includes/third-party/math/mermaid.pug
vendored
Normal file
26
themes/butterfly/layout/includes/third-party/math/mermaid.pug
vendored
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
script.
|
||||||
|
(() => {
|
||||||
|
const $mermaidWrap = document.querySelectorAll('#article-container .mermaid-wrap')
|
||||||
|
if ($mermaidWrap.length) {
|
||||||
|
window.runMermaid = () => {
|
||||||
|
window.loadMermaid = true
|
||||||
|
const theme = document.documentElement.getAttribute('data-theme') === 'dark' ? '!{theme.mermaid.theme.dark}' : '!{theme.mermaid.theme.light}'
|
||||||
|
|
||||||
|
Array.from($mermaidWrap).forEach((item, index) => {
|
||||||
|
const mermaidSrc = item.firstElementChild
|
||||||
|
const mermaidThemeConfig = '%%{init:{ \'theme\':\'' + theme + '\'}}%%\n'
|
||||||
|
const mermaidID = 'mermaid-' + index
|
||||||
|
const mermaidDefinition = mermaidThemeConfig + mermaidSrc.textContent
|
||||||
|
mermaid.mermaidAPI.render(mermaidID, mermaidDefinition, (svgCode) => {
|
||||||
|
mermaidSrc.insertAdjacentHTML('afterend', svgCode)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const loadMermaid = () => {
|
||||||
|
window.loadMermaid ? runMermaid() : getScript('!{url_for(theme.asset.mermaid)}').then(runMermaid)
|
||||||
|
}
|
||||||
|
|
||||||
|
window.pjax ? loadMermaid() : document.addEventListener('DOMContentLoaded', loadMermaid)
|
||||||
|
}
|
||||||
|
})()
|
||||||
82
themes/butterfly/layout/includes/third-party/newest-comments/artalk.pug
vendored
Normal file
82
themes/butterfly/layout/includes/third-party/newest-comments/artalk.pug
vendored
Normal file
@ -0,0 +1,82 @@
|
|||||||
|
- const { server, option } = theme.artalk
|
||||||
|
- const avatarCdn = option !== null && option.gravatar ? option.gravatar.mirror : 'https://sdn.geekzu.org/avatar/'
|
||||||
|
- const avatarDefault = option !== null && option.gravatar ? option.gravatar.default : 'mp'
|
||||||
|
|
||||||
|
script.
|
||||||
|
window.addEventListener('load', () => {
|
||||||
|
const changeContent = (content) => {
|
||||||
|
if (content === '') return content
|
||||||
|
|
||||||
|
content = content.replace(/<img.*?src="(.*?)"?[^\>]+>/ig, '[!{_p("aside.card_newest_comments.image")}]') // replace image link
|
||||||
|
content = content.replace(/<a[^>]+?href=["']?([^"']+)["']?[^>]*>([^<]+)<\/a>/gi, '[!{_p("aside.card_newest_comments.link")}]') // replace url
|
||||||
|
content = content.replace(/<pre><code>.*?<\/pre>/gi, '[!{_p("aside.card_newest_comments.code")}]') // replace code
|
||||||
|
content = content.replace(/<[^>]+>/g,"") // remove html tag
|
||||||
|
|
||||||
|
if (content.length > 150) {
|
||||||
|
content = content.substring(0,150) + '...'
|
||||||
|
}
|
||||||
|
return content
|
||||||
|
}
|
||||||
|
|
||||||
|
const generateHtml = array => {
|
||||||
|
let result = ''
|
||||||
|
|
||||||
|
if (array.length) {
|
||||||
|
for (let i = 0; i < array.length; i++) {
|
||||||
|
result += '<div class=\'aside-list-item\'>'
|
||||||
|
|
||||||
|
if (!{theme.newest_comments.avatar}) {
|
||||||
|
const name = '!{theme.lazyload.enable ? "data-lazy-src" : "src"}'
|
||||||
|
result += `<a href='${array[i].url}' class='thumbnail'><img ${name}='${array[i].avatar}' alt='${array[i].nick}'></a>`
|
||||||
|
}
|
||||||
|
|
||||||
|
result += `<div class='content'>
|
||||||
|
<a class='comment' href='${array[i].url}' title='${array[i].content}'>${array[i].content}</a>
|
||||||
|
<div class='name'><span>${array[i].nick} / </span><time datetime="${array[i].date}">${btf.diffDate(array[i].date, true)}</time></div>
|
||||||
|
</div></div>`
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
result += '!{_p("aside.card_newest_comments.zero")}'
|
||||||
|
}
|
||||||
|
|
||||||
|
let $dom = document.querySelector('#card-newest-comments .aside-list')
|
||||||
|
$dom.innerHTML= result
|
||||||
|
window.lazyLoadInstance && window.lazyLoadInstance.update()
|
||||||
|
window.pjax && window.pjax.refresh($dom)
|
||||||
|
}
|
||||||
|
|
||||||
|
const getComment = () => {
|
||||||
|
fetch('!{server}/api/stat?type=latest_comments&limit=!{theme.newest_comments.limit}',{method: "POST"})
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(d => {
|
||||||
|
const artalk = d.data.map(function (e) {
|
||||||
|
return {
|
||||||
|
'avatar': '!{avatarCdn}' + e.email_encrypted + '?d=!{avatarDefault}',
|
||||||
|
'content': changeContent(e.content_marked),
|
||||||
|
'nick': e.nick,
|
||||||
|
'url': e.page_url,
|
||||||
|
'date': e.date,
|
||||||
|
}
|
||||||
|
})
|
||||||
|
saveToLocal.set('artalk-newest-comments', JSON.stringify(artalk), !{theme.newest_comments.storage}/(60*24))
|
||||||
|
generateHtml(artalk)
|
||||||
|
}).catch(e => {
|
||||||
|
const $dom = document.querySelector('#card-newest-comments .aside-list')
|
||||||
|
$dom.innerHTML= "!{_p('aside.card_newest_comments.error')}"
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const newestCommentInit = () => {
|
||||||
|
if (document.querySelector('#card-newest-comments .aside-list')) {
|
||||||
|
const data = saveToLocal.get('artalk-newest-comments')
|
||||||
|
if (data) {
|
||||||
|
generateHtml(JSON.parse(data))
|
||||||
|
} else {
|
||||||
|
getComment()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
newestCommentInit()
|
||||||
|
document.addEventListener('pjax:complete', newestCommentInit)
|
||||||
|
})
|
||||||
82
themes/butterfly/layout/includes/third-party/newest-comments/disqus-comment.pug
vendored
Normal file
82
themes/butterfly/layout/includes/third-party/newest-comments/disqus-comment.pug
vendored
Normal file
@ -0,0 +1,82 @@
|
|||||||
|
script.
|
||||||
|
window.addEventListener('load', () => {
|
||||||
|
const changeContent = (content) => {
|
||||||
|
if (content === '') return content
|
||||||
|
|
||||||
|
content = content.replace(/<img.*?src="(.*?)"?[^\>]+>/ig, '[!{_p("aside.card_newest_comments.image")}]') // replace image link
|
||||||
|
content = content.replace(/<a[^>]+?href=["']?([^"']+)["']?[^>]*>([^<]+)<\/a>/gi, '[!{_p("aside.card_newest_comments.link")}]') // replace url
|
||||||
|
content = content.replace(/<code>.*?<\/code>/gi, '[!{_p("aside.card_newest_comments.code")}]') // replace code
|
||||||
|
content = content.replace(/<[^>]+>/g,"") // remove html tag
|
||||||
|
|
||||||
|
if (content.length > 150) {
|
||||||
|
content = content.substring(0,150) + '...'
|
||||||
|
}
|
||||||
|
return content
|
||||||
|
}
|
||||||
|
|
||||||
|
const getComment = () => {
|
||||||
|
fetch('https://disqus.com/api/3.0/forums/listPosts.json?forum=!{forum}&related=thread&limit=!{theme.newest_comments.limit}&api_key=!{apiKey}')
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(data => {
|
||||||
|
const disqusArray = data.response.map(item => {
|
||||||
|
return {
|
||||||
|
'avatar': item.author.avatar.cache,
|
||||||
|
'content': changeContent(item.message),
|
||||||
|
'nick': item.author.name,
|
||||||
|
'url': item.url,
|
||||||
|
'date': item.createdAt
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
saveToLocal.set('disqus-newest-comments', JSON.stringify(disqusArray), !{theme.newest_comments.storage}/(60*24))
|
||||||
|
generateHtml(disqusArray)
|
||||||
|
}).catch(e => {
|
||||||
|
const $dom = document.querySelector('#card-newest-comments .aside-list')
|
||||||
|
$dom.innerHTML= "!{_p('aside.card_newest_comments.error')}"
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const generateHtml = array => {
|
||||||
|
let result = ''
|
||||||
|
|
||||||
|
if (array.length) {
|
||||||
|
for (let i = 0; i < array.length; i++) {
|
||||||
|
result += '<div class=\'aside-list-item\'>'
|
||||||
|
|
||||||
|
if (!{theme.newest_comments.avatar}) {
|
||||||
|
const name = '!{theme.lazyload.enable ? "data-lazy-src" : "src"}'
|
||||||
|
result += `<a href='${array[i].url}' class='thumbnail'><img ${name}='${array[i].avatar}' alt='${array[i].nick}'></a>`
|
||||||
|
}
|
||||||
|
|
||||||
|
result += `<div class='content'>
|
||||||
|
<a class='comment' href='${array[i].url}' title='${array[i].content}'>${array[i].content}</a>
|
||||||
|
<div class='name'><span>${array[i].nick}</span><time> / ${btf.diffDate(array[i].date, true)}</time></div>
|
||||||
|
</div></div>`
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
result += '!{_p("aside.card_newest_comments.zero")}'
|
||||||
|
}
|
||||||
|
|
||||||
|
let $dom = document.querySelector('#card-newest-comments .aside-list')
|
||||||
|
$dom.innerHTML= result
|
||||||
|
window.lazyLoadInstance && window.lazyLoadInstance.update()
|
||||||
|
window.pjax && window.pjax.refresh($dom)
|
||||||
|
}
|
||||||
|
|
||||||
|
const newestCommentInit = () => {
|
||||||
|
if (document.querySelector('#card-newest-comments .aside-list')) {
|
||||||
|
const data = saveToLocal.get('disqus-newest-comments')
|
||||||
|
if (data) {
|
||||||
|
generateHtml(JSON.parse(data))
|
||||||
|
} else {
|
||||||
|
getComment()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
newestCommentInit()
|
||||||
|
document.addEventListener('pjax:complete', newestCommentInit)
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
109
themes/butterfly/layout/includes/third-party/newest-comments/github-issues.pug
vendored
Normal file
109
themes/butterfly/layout/includes/third-party/newest-comments/github-issues.pug
vendored
Normal file
@ -0,0 +1,109 @@
|
|||||||
|
script.
|
||||||
|
window.addEventListener('load', () => {
|
||||||
|
const changeContent = (content) => {
|
||||||
|
if (content === '') return content
|
||||||
|
|
||||||
|
content = content.replace(/<img.*?src="(.*?)"?[^\>]+>/ig, '[!{_p("aside.card_newest_comments.image")}]') // replace image link
|
||||||
|
content = content.replace(/<a[^>]+?href=["']?([^"']+)["']?[^>]*>([^<]+)<\/a>/gi, '[!{_p("aside.card_newest_comments.link")}]') // replace url
|
||||||
|
content = content.replace(/<pre><code>.*?<\/pre>/gi, '[!{_p("aside.card_newest_comments.code")}]') // replace code
|
||||||
|
content = content.replace(/<[^>]+>/g,"") // remove html tag
|
||||||
|
|
||||||
|
if (content.length > 150) {
|
||||||
|
content = content.substring(0,150) + '...'
|
||||||
|
}
|
||||||
|
return content
|
||||||
|
}
|
||||||
|
|
||||||
|
const findTrueUrl = (array) => {
|
||||||
|
Promise.all(array.map(item =>
|
||||||
|
fetch(item.url).then(resp => resp.json()).then(data => {
|
||||||
|
const urlArray = data.body.match(/(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?/ig)
|
||||||
|
if (data.user.login === 'utterances-bot') {
|
||||||
|
return urlArray.pop()
|
||||||
|
} else {
|
||||||
|
return urlArray.shift()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
)).then(res => {
|
||||||
|
array = array.map((i,index)=> {
|
||||||
|
return {
|
||||||
|
...i,
|
||||||
|
url: res[index]
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
saveToLocal.set('github-newest-comments', JSON.stringify(array), !{theme.newest_comments.storage}/(60*24))
|
||||||
|
generateHtml(array)
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const getComment = () => {
|
||||||
|
fetch('https://api.github.com/repos/!{userRepo}/issues/comments?sort=updated&direction=desc&per_page=!{theme.newest_comments.limit}&page=1',{
|
||||||
|
"headers": {
|
||||||
|
Accept: 'application/vnd.github.v3.html+json'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(data => {
|
||||||
|
const githubArray = data.map(item => {
|
||||||
|
return {
|
||||||
|
'avatar': item.user.avatar_url,
|
||||||
|
'content': changeContent(item.body_html),
|
||||||
|
'nick': item.user.login,
|
||||||
|
'url': item.issue_url,
|
||||||
|
'date': item.updated_at,
|
||||||
|
'githubUrl': item.html_url
|
||||||
|
}
|
||||||
|
})
|
||||||
|
findTrueUrl(githubArray)
|
||||||
|
}).catch(e => {
|
||||||
|
const $dom = document.querySelector('#card-newest-comments .aside-list')
|
||||||
|
$dom.innerHTML= "!{_p('aside.card_newest_comments.error')}"
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const generateHtml = array => {
|
||||||
|
let result = ''
|
||||||
|
|
||||||
|
if (array.length) {
|
||||||
|
for (let i = 0; i < array.length; i++) {
|
||||||
|
result += '<div class=\'aside-list-item\'>'
|
||||||
|
|
||||||
|
if (!{theme.newest_comments.avatar}) {
|
||||||
|
const name = '!{theme.lazyload.enable ? "data-lazy-src" : "src"}'
|
||||||
|
result += `<a href='${array[i].url}' class='thumbnail'><img ${name}='${array[i].avatar}' alt='${array[i].nick}'></a>`
|
||||||
|
}
|
||||||
|
|
||||||
|
result += `<div class='content'>
|
||||||
|
<a class='comment' href='${array[i].url}' title='${array[i].content}'>${array[i].content}</a>
|
||||||
|
<div class='name'><span>${array[i].nick} / </span><time datetime="${array[i].date}">${btf.diffDate(array[i].date, true)}</time></div>
|
||||||
|
</div></div>`
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
result += '!{_p("aside.card_newest_comments.zero")}'
|
||||||
|
}
|
||||||
|
|
||||||
|
let $dom = document.querySelector('#card-newest-comments .aside-list')
|
||||||
|
$dom.innerHTML= result
|
||||||
|
window.lazyLoadInstance && window.lazyLoadInstance.update()
|
||||||
|
window.pjax && window.pjax.refresh($dom)
|
||||||
|
}
|
||||||
|
|
||||||
|
const newestCommentInit = () => {
|
||||||
|
if (document.querySelector('#card-newest-comments .aside-list')) {
|
||||||
|
const data = saveToLocal.get('github-newest-comments')
|
||||||
|
if (data) {
|
||||||
|
generateHtml(JSON.parse(data))
|
||||||
|
} else {
|
||||||
|
getComment()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
newestCommentInit()
|
||||||
|
document.addEventListener('pjax:complete', newestCommentInit)
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
30
themes/butterfly/layout/includes/third-party/newest-comments/index.pug
vendored
Normal file
30
themes/butterfly/layout/includes/third-party/newest-comments/index.pug
vendored
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
- let { use } = theme.comments
|
||||||
|
|
||||||
|
if use
|
||||||
|
- let forum,apiKey,userRepo
|
||||||
|
case use[0]
|
||||||
|
when 'Valine'
|
||||||
|
include ./valine.pug
|
||||||
|
when 'Waline'
|
||||||
|
include ./waline.pug
|
||||||
|
when 'Twikoo'
|
||||||
|
include ./twikoo-comment.pug
|
||||||
|
when 'Disqus'
|
||||||
|
- forum = theme.disqus.shortname
|
||||||
|
- apiKey = theme.disqus.apikey
|
||||||
|
include ./disqus-comment.pug
|
||||||
|
when 'Disqusjs'
|
||||||
|
- forum = theme.disqusjs.shortname
|
||||||
|
- apiKey = theme.disqusjs.apikey
|
||||||
|
include ./disqus-comment.pug
|
||||||
|
when 'Gitalk'
|
||||||
|
- let { repo,owner } = theme.gitalk
|
||||||
|
- userRepo = owner + '/' + repo
|
||||||
|
include ./github-issues.pug
|
||||||
|
when 'Utterances'
|
||||||
|
- userRepo = theme.utterances.repo
|
||||||
|
include ./github-issues.pug
|
||||||
|
when 'Remark42'
|
||||||
|
include ./remark42.pug
|
||||||
|
when 'Artalk'
|
||||||
|
include ./artalk.pug
|
||||||
80
themes/butterfly/layout/includes/third-party/newest-comments/remark42.pug
vendored
Normal file
80
themes/butterfly/layout/includes/third-party/newest-comments/remark42.pug
vendored
Normal file
@ -0,0 +1,80 @@
|
|||||||
|
- const { host, siteId } = theme.remark42
|
||||||
|
|
||||||
|
script.
|
||||||
|
window.addEventListener('load', () => {
|
||||||
|
const changeContent = (content) => {
|
||||||
|
if (content === '') return content
|
||||||
|
|
||||||
|
content = content.replace(/<img.*?src="(.*?)"?[^\>]+>/ig, '[!{_p("aside.card_newest_comments.image")}]') // replace image link
|
||||||
|
content = content.replace(/<a[^>]+?href=["']?([^"']+)["']?[^>]*>([^<]+)<\/a>/gi, '[!{_p("aside.card_newest_comments.link")}]') // replace url
|
||||||
|
content = content.replace(/<pre><code>.*?<\/pre>/gi, '[!{_p("aside.card_newest_comments.code")}]') // replace code
|
||||||
|
content = content.replace(/<[^>]+>/g,"") // remove html tag
|
||||||
|
|
||||||
|
if (content.length > 150) {
|
||||||
|
content = content.substring(0,150) + '...'
|
||||||
|
}
|
||||||
|
return content
|
||||||
|
}
|
||||||
|
|
||||||
|
const generateHtml = array => {
|
||||||
|
let result = ''
|
||||||
|
|
||||||
|
if (array.length) {
|
||||||
|
for (let i = 0; i < array.length; i++) {
|
||||||
|
result += '<div class=\'aside-list-item\'>'
|
||||||
|
|
||||||
|
if (!{theme.newest_comments.avatar}) {
|
||||||
|
const name = '!{theme.lazyload.enable ? "data-lazy-src" : "src"}'
|
||||||
|
result += `<a href='${array[i].url}' class='thumbnail'><img ${name}='${array[i].avatar}' alt='${array[i].nick}'></a>`
|
||||||
|
}
|
||||||
|
|
||||||
|
result += `<div class='content'>
|
||||||
|
<a class='comment' href='${array[i].url}' title='${array[i].content}'>${array[i].content}</a>
|
||||||
|
<div class='name'><span>${array[i].nick} / </span><time datetime="${array[i].date}">${btf.diffDate(array[i].date, true)}</time></div>
|
||||||
|
</div></div>`
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
result += '!{_p("aside.card_newest_comments.zero")}'
|
||||||
|
}
|
||||||
|
|
||||||
|
let $dom = document.querySelector('#card-newest-comments .aside-list')
|
||||||
|
$dom.innerHTML= result
|
||||||
|
window.lazyLoadInstance && window.lazyLoadInstance.update()
|
||||||
|
window.pjax && window.pjax.refresh($dom)
|
||||||
|
}
|
||||||
|
|
||||||
|
const getComment = () => {
|
||||||
|
fetch('!{host}/api/v1/last/!{theme.newest_comments.limit}?site=!{siteId}')
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(data => {
|
||||||
|
const remark42 = data.map(function (e) {
|
||||||
|
return {
|
||||||
|
'avatar': e.user.picture,
|
||||||
|
'content': changeContent(e.text),
|
||||||
|
'nick': e.user.name,
|
||||||
|
'url': e.locator.url,
|
||||||
|
'date': e.time,
|
||||||
|
}
|
||||||
|
})
|
||||||
|
saveToLocal.set('remark42-newest-comments', JSON.stringify(remark42), !{theme.newest_comments.storage}/(60*24))
|
||||||
|
generateHtml(remark42)
|
||||||
|
}).catch(e => {
|
||||||
|
const $dom = document.querySelector('#card-newest-comments .aside-list')
|
||||||
|
$dom.innerHTML= "!{_p('aside.card_newest_comments.error')}"
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const newestCommentInit = () => {
|
||||||
|
if (document.querySelector('#card-newest-comments .aside-list')) {
|
||||||
|
const data = saveToLocal.get('remark42-newest-comments')
|
||||||
|
if (data) {
|
||||||
|
generateHtml(JSON.parse(data))
|
||||||
|
} else {
|
||||||
|
getComment()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
newestCommentInit()
|
||||||
|
document.addEventListener('pjax:complete', newestCommentInit)
|
||||||
|
})
|
||||||
93
themes/butterfly/layout/includes/third-party/newest-comments/twikoo-comment.pug
vendored
Normal file
93
themes/butterfly/layout/includes/third-party/newest-comments/twikoo-comment.pug
vendored
Normal file
@ -0,0 +1,93 @@
|
|||||||
|
script.
|
||||||
|
window.addEventListener('load', () => {
|
||||||
|
const changeContent = (content) => {
|
||||||
|
if (content === '') return content
|
||||||
|
|
||||||
|
content = content.replace(/<img.*?src="(.*?)"?[^\>]+>/ig, '[!{_p("aside.card_newest_comments.image")}]') // replace image link
|
||||||
|
content = content.replace(/<a[^>]+?href=["']?([^"']+)["']?[^>]*>([^<]+)<\/a>/gi, '[!{_p("aside.card_newest_comments.link")}]') // replace url
|
||||||
|
content = content.replace(/<pre><code>.*?<\/pre>/gi, '[!{_p("aside.card_newest_comments.code")}]') // replace code
|
||||||
|
content = content.replace(/<[^>]+>/g,"") // remove html tag
|
||||||
|
|
||||||
|
if (content.length > 150) {
|
||||||
|
content = content.substring(0,150) + '...'
|
||||||
|
}
|
||||||
|
return content
|
||||||
|
}
|
||||||
|
|
||||||
|
const getComment = () => {
|
||||||
|
const runTwikoo = () => {
|
||||||
|
twikoo.getRecentComments({
|
||||||
|
envId: '!{theme.twikoo.envId}',
|
||||||
|
region: '!{theme.twikoo.region}',
|
||||||
|
pageSize: !{theme.newest_comments.limit},
|
||||||
|
includeReply: true
|
||||||
|
}).then(function (res) {
|
||||||
|
const twikooArray = res.map(e => {
|
||||||
|
return {
|
||||||
|
'content': changeContent(e.comment),
|
||||||
|
'avatar': e.avatar,
|
||||||
|
'nick': e.nick,
|
||||||
|
'url': e.url + '#' + e.id,
|
||||||
|
'date': new Date(e.created).toISOString()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
saveToLocal.set('twikoo-newest-comments', JSON.stringify(twikooArray), !{theme.newest_comments.storage}/(60*24))
|
||||||
|
generateHtml(twikooArray)
|
||||||
|
}).catch(function (err) {
|
||||||
|
const $dom = document.querySelector('#card-newest-comments .aside-list')
|
||||||
|
$dom.innerHTML= "!{_p('aside.card_newest_comments.error')}"
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof twikoo === 'object') {
|
||||||
|
runTwikoo()
|
||||||
|
} else {
|
||||||
|
getScript('!{url_for(theme.asset.twikoo)}').then(runTwikoo)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const generateHtml = array => {
|
||||||
|
let result = ''
|
||||||
|
|
||||||
|
if (array.length) {
|
||||||
|
for (let i = 0; i < array.length; i++) {
|
||||||
|
result += '<div class=\'aside-list-item\'>'
|
||||||
|
|
||||||
|
if (!{theme.newest_comments.avatar}) {
|
||||||
|
const name = '!{theme.lazyload.enable ? "data-lazy-src" : "src"}'
|
||||||
|
result += `<a href='${array[i].url}' class='thumbnail'><img ${name}='${array[i].avatar}' alt='${array[i].nick}'></a>`
|
||||||
|
}
|
||||||
|
|
||||||
|
result += `<div class='content'>
|
||||||
|
<a class='comment' href='${array[i].url}' title='${array[i].content}'>${array[i].content}</a>
|
||||||
|
<div class='name'><span>${array[i].nick} / </span><time datetime="${array[i].date}">${btf.diffDate(array[i].date, true)}</time></div>
|
||||||
|
</div></div>`
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
result += '!{_p("aside.card_newest_comments.zero")}'
|
||||||
|
}
|
||||||
|
|
||||||
|
let $dom = document.querySelector('#card-newest-comments .aside-list')
|
||||||
|
$dom.innerHTML= result
|
||||||
|
window.lazyLoadInstance && window.lazyLoadInstance.update()
|
||||||
|
window.pjax && window.pjax.refresh($dom)
|
||||||
|
}
|
||||||
|
|
||||||
|
const newestCommentInit = () => {
|
||||||
|
if (document.querySelector('#card-newest-comments .aside-list')) {
|
||||||
|
const data = saveToLocal.get('twikoo-newest-comments')
|
||||||
|
if (data) {
|
||||||
|
generateHtml(JSON.parse(data))
|
||||||
|
} else {
|
||||||
|
getComment()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
newestCommentInit()
|
||||||
|
document.addEventListener('pjax:complete', newestCommentInit)
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
99
themes/butterfly/layout/includes/third-party/newest-comments/valine.pug
vendored
Normal file
99
themes/butterfly/layout/includes/third-party/newest-comments/valine.pug
vendored
Normal file
@ -0,0 +1,99 @@
|
|||||||
|
- let default_avatar = theme.valine.avatar
|
||||||
|
|
||||||
|
script(src=url_for(theme.asset.blueimp_md5))
|
||||||
|
script.
|
||||||
|
window.addEventListener('load', () => {
|
||||||
|
const changeContent = (content) => {
|
||||||
|
if (content === '') return content
|
||||||
|
|
||||||
|
content = content.replace(/<img.*?src="(.*?)"?[^\>]+>/ig, '[!{_p("aside.card_newest_comments.image")}]') // replace image link
|
||||||
|
content = content.replace(/<a[^>]+?href=["']?([^"']+)["']?[^>]*>([^<]+)<\/a>/gi, '[!{_p("aside.card_newest_comments.link")}]') // replace url
|
||||||
|
content = content.replace(/<pre><code>.*?<\/pre>/gi, '[!{_p("aside.card_newest_comments.code")}]') // replace code
|
||||||
|
content = content.replace(/<[^>]+>/g,"") // remove html tag
|
||||||
|
|
||||||
|
if (content.length > 150) {
|
||||||
|
content = content.substring(0,150) + '...'
|
||||||
|
}
|
||||||
|
return content
|
||||||
|
}
|
||||||
|
|
||||||
|
const getIcon = (icon, mail) => {
|
||||||
|
if (icon) return icon
|
||||||
|
let defaultIcon = '!{ default_avatar ? `?d=${default_avatar}` : ''}'
|
||||||
|
let iconUrl = `https://gravatar.loli.net/avatar/${md5(mail.toLowerCase()) + defaultIcon}`
|
||||||
|
return iconUrl
|
||||||
|
}
|
||||||
|
|
||||||
|
const generateHtml = array => {
|
||||||
|
let result = ''
|
||||||
|
|
||||||
|
if (array.length) {
|
||||||
|
for (let i = 0; i < array.length; i++) {
|
||||||
|
result += '<div class=\'aside-list-item\'>'
|
||||||
|
|
||||||
|
if (!{theme.newest_comments.avatar}) {
|
||||||
|
const name = '!{theme.lazyload.enable ? "data-lazy-src" : "src"}'
|
||||||
|
result += `<a href='${array[i].url}' class='thumbnail'><img ${name}='${array[i].avatar}' alt='${array[i].nick}'></a>`
|
||||||
|
}
|
||||||
|
|
||||||
|
result += `<div class='content'>
|
||||||
|
<a class='comment' href='${array[i].url}' title='${array[i].content}'>${array[i].content}</a>
|
||||||
|
<div class='name'><span>${array[i].nick} / </span><time datetime="${array[i].date}">${btf.diffDate(array[i].date, true)}</time></div>
|
||||||
|
</div></div>`
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
result += '!{_p("aside.card_newest_comments.zero")}'
|
||||||
|
}
|
||||||
|
|
||||||
|
let $dom = document.querySelector('#card-newest-comments .aside-list')
|
||||||
|
$dom.innerHTML= result
|
||||||
|
window.lazyLoadInstance && window.lazyLoadInstance.update()
|
||||||
|
window.pjax && window.pjax.refresh($dom)
|
||||||
|
}
|
||||||
|
|
||||||
|
const getComment = () => {
|
||||||
|
const serverURL = '!{theme.valine.serverURLs || `https://${theme.valine.appId.substring(0,8)}.api.lncldglobal.com` }'
|
||||||
|
|
||||||
|
var settings = {
|
||||||
|
"method": "GET",
|
||||||
|
"headers": {
|
||||||
|
"X-LC-Id": '!{theme.valine.appId}',
|
||||||
|
"X-LC-Key": '!{theme.valine.appKey}',
|
||||||
|
"Content-Type": "application/json"
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
fetch(`${serverURL}/1.1/classes/Comment?limit=!{theme.newest_comments.limit}&order=-createdAt`,settings)
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(data => {
|
||||||
|
const valineArray = data.results.map(function (e) {
|
||||||
|
return {
|
||||||
|
'avatar': getIcon(e.QQAvatar, e.mail),
|
||||||
|
'content': changeContent(e.comment),
|
||||||
|
'nick': e.nick,
|
||||||
|
'url': e.url + '#' + e.objectId,
|
||||||
|
'date': e.updatedAt,
|
||||||
|
}
|
||||||
|
})
|
||||||
|
saveToLocal.set('valine-newest-comments', JSON.stringify(valineArray), !{theme.newest_comments.storage}/(60*24))
|
||||||
|
generateHtml(valineArray)
|
||||||
|
}).catch(e => {
|
||||||
|
const $dom = document.querySelector('#card-newest-comments .aside-list')
|
||||||
|
$dom.innerHTML= "!{_p('aside.card_newest_comments.error')}"
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const newestCommentInit = () => {
|
||||||
|
if (document.querySelector('#card-newest-comments .aside-list')) {
|
||||||
|
const data = saveToLocal.get('valine-newest-comments')
|
||||||
|
if (data) {
|
||||||
|
generateHtml(JSON.parse(data))
|
||||||
|
} else {
|
||||||
|
getComment()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
newestCommentInit()
|
||||||
|
document.addEventListener('pjax:complete', newestCommentInit)
|
||||||
|
})
|
||||||
84
themes/butterfly/layout/includes/third-party/newest-comments/waline.pug
vendored
Normal file
84
themes/butterfly/layout/includes/third-party/newest-comments/waline.pug
vendored
Normal file
@ -0,0 +1,84 @@
|
|||||||
|
script.
|
||||||
|
window.addEventListener('load', () => {
|
||||||
|
const changeContent = (content) => {
|
||||||
|
if (content === '') return content
|
||||||
|
|
||||||
|
content = content.replace(/<img.*?src="(.*?)"?[^\>]+>/ig, '[!{_p("aside.card_newest_comments.image")}]') // replace image link
|
||||||
|
content = content.replace(/<a[^>]+?href=["']?([^"']+)["']?[^>]*>([^<]+)<\/a>/gi, '[!{_p("aside.card_newest_comments.link")}]') // replace url
|
||||||
|
content = content.replace(/<pre><code>.*?<\/pre>/gi, '[!{_p("aside.card_newest_comments.code")}]') // replace code
|
||||||
|
content = content.replace(/<[^>]+>/g,"") // remove html tag
|
||||||
|
|
||||||
|
if (content.length > 150) {
|
||||||
|
content = content.substring(0,150) + '...'
|
||||||
|
}
|
||||||
|
return content
|
||||||
|
}
|
||||||
|
|
||||||
|
const generateHtml = array => {
|
||||||
|
let result = ''
|
||||||
|
|
||||||
|
if (array.length) {
|
||||||
|
for (let i = 0; i < array.length; i++) {
|
||||||
|
result += '<div class=\'aside-list-item\'>'
|
||||||
|
|
||||||
|
if (!{theme.newest_comments.avatar}) {
|
||||||
|
const name = '!{theme.lazyload.enable ? "data-lazy-src" : "src"}'
|
||||||
|
result += `<a href='${array[i].url}' class='thumbnail'><img ${name}='${array[i].avatar}' alt='${array[i].nick}'></a>`
|
||||||
|
}
|
||||||
|
|
||||||
|
result += `<div class='content'>
|
||||||
|
<a class='comment' href='${array[i].url}' title='${array[i].content}'>${array[i].content}</a>
|
||||||
|
<div class='name'><span>${array[i].nick} / </span><time datetime="${array[i].date}">${btf.diffDate(array[i].date, true)}</time></div>
|
||||||
|
</div></div>`
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
result += '!{_p("aside.card_newest_comments.zero")}'
|
||||||
|
}
|
||||||
|
|
||||||
|
let $dom = document.querySelector('#card-newest-comments .aside-list')
|
||||||
|
$dom.innerHTML= result
|
||||||
|
window.lazyLoadInstance && window.lazyLoadInstance.update()
|
||||||
|
window.pjax && window.pjax.refresh($dom)
|
||||||
|
}
|
||||||
|
|
||||||
|
const getComment = () => {
|
||||||
|
const loadWaline = () => {
|
||||||
|
Waline.RecentComments({
|
||||||
|
serverURL: '!{theme.waline.serverURL}',
|
||||||
|
count: !{theme.newest_comments.limit}
|
||||||
|
}).then(({comments}) => {
|
||||||
|
const walineArray = comments.map(e => {
|
||||||
|
return {
|
||||||
|
'content': changeContent(e.comment),
|
||||||
|
'avatar': e.avatar,
|
||||||
|
'nick': e.nick,
|
||||||
|
'url': e.url + '#' + e.objectId,
|
||||||
|
'date': e.insertedAt,
|
||||||
|
}
|
||||||
|
})
|
||||||
|
saveToLocal.set('waline-newest-comments', JSON.stringify(walineArray), !{theme.newest_comments.storage}/(60*24))
|
||||||
|
generateHtml(walineArray)
|
||||||
|
}).catch(e => {
|
||||||
|
const $dom = document.querySelector('#card-newest-comments .aside-list')
|
||||||
|
$dom.innerHTML= "!{_p('aside.card_newest_comments.error')}"
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof Waline === 'function') loadWaline()
|
||||||
|
else getScript('!{url_for(theme.asset.waline_js)}').then(loadWaline)
|
||||||
|
}
|
||||||
|
|
||||||
|
const newestCommentInit = () => {
|
||||||
|
if (document.querySelector('#card-newest-comments .aside-list')) {
|
||||||
|
const data = saveToLocal.get('waline-newest-comments')
|
||||||
|
if (data) {
|
||||||
|
generateHtml(JSON.parse(data))
|
||||||
|
} else {
|
||||||
|
getComment()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
newestCommentInit()
|
||||||
|
document.addEventListener('pjax:complete', newestCommentInit)
|
||||||
|
})
|
||||||
20
themes/butterfly/layout/includes/third-party/pangu.pug
vendored
Normal file
20
themes/butterfly/layout/includes/third-party/pangu.pug
vendored
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
script.
|
||||||
|
function panguFn () {
|
||||||
|
if (typeof pangu === 'object') pangu.autoSpacingPage()
|
||||||
|
else {
|
||||||
|
getScript('!{url_for(theme.asset.pangu)}')
|
||||||
|
.then(() => {
|
||||||
|
pangu.autoSpacingPage()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function panguInit () {
|
||||||
|
if (!{theme.pangu.field === 'post'}){
|
||||||
|
GLOBAL_CONFIG_SITE.isPost && panguFn()
|
||||||
|
} else {
|
||||||
|
panguFn()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
document.addEventListener('DOMContentLoaded', panguInit)
|
||||||
84
themes/butterfly/layout/includes/third-party/pjax.pug
vendored
Normal file
84
themes/butterfly/layout/includes/third-party/pjax.pug
vendored
Normal file
@ -0,0 +1,84 @@
|
|||||||
|
- var pjaxExclude = 'a:not([target="_blank"])'
|
||||||
|
if theme.pjax.exclude
|
||||||
|
each val in theme.pjax.exclude
|
||||||
|
- pjaxExclude = pjaxExclude + `:not([href="${val}"])`
|
||||||
|
|
||||||
|
- let pjaxSelectors = ['head > title','#config-diff','#body-wrap','#rightside-config-hide','#rightside-config-show','.js-pjax']
|
||||||
|
|
||||||
|
- let choose = theme.comments.use
|
||||||
|
if choose
|
||||||
|
if theme.Open_Graph_meta.enable && (choose.includes('Livere') || choose.includes('Utterances') || choose.includes('Giscus'))
|
||||||
|
- pjaxSelectors.unshift('meta[property="og:image"]', 'meta[property="og:title"]', 'meta[property="og:url"]')
|
||||||
|
if choose.includes('Utterances') || choose.includes('Giscus')
|
||||||
|
- pjaxSelectors.unshift('link[rel="canonical"]')
|
||||||
|
|
||||||
|
script(src=url_for(theme.asset.pjax))
|
||||||
|
script.
|
||||||
|
let pjaxSelectors = !{JSON.stringify(pjaxSelectors)}
|
||||||
|
|
||||||
|
var pjax = new Pjax({
|
||||||
|
elements: '!{pjaxExclude}',
|
||||||
|
selectors: pjaxSelectors,
|
||||||
|
cacheBust: false,
|
||||||
|
analytics: !{theme.google_analytics ? true : false},
|
||||||
|
scrollRestoration: false
|
||||||
|
})
|
||||||
|
|
||||||
|
document.addEventListener('pjax:send', function () {
|
||||||
|
|
||||||
|
// removeEventListener scroll
|
||||||
|
window.tocScrollFn && window.removeEventListener('scroll', window.tocScrollFn)
|
||||||
|
window.scrollCollect && window.removeEventListener('scroll', scrollCollect)
|
||||||
|
|
||||||
|
document.getElementById('rightside').style.cssText = "opacity: ''; transform: ''"
|
||||||
|
|
||||||
|
if (window.aplayers) {
|
||||||
|
for (let i = 0; i < window.aplayers.length; i++) {
|
||||||
|
if (!window.aplayers[i].options.fixed) {
|
||||||
|
window.aplayers[i].destroy()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
typeof typed === 'object' && typed.destroy()
|
||||||
|
|
||||||
|
//reset readmode
|
||||||
|
const $bodyClassList = document.body.classList
|
||||||
|
$bodyClassList.contains('read-mode') && $bodyClassList.remove('read-mode')
|
||||||
|
|
||||||
|
typeof disqusjs === 'object' && disqusjs.destroy()
|
||||||
|
})
|
||||||
|
|
||||||
|
document.addEventListener('pjax:complete', function () {
|
||||||
|
window.refreshFn()
|
||||||
|
|
||||||
|
document.querySelectorAll('script[data-pjax]').forEach(item => {
|
||||||
|
const newScript = document.createElement('script')
|
||||||
|
const content = item.text || item.textContent || item.innerHTML || ""
|
||||||
|
Array.from(item.attributes).forEach(attr => newScript.setAttribute(attr.name, attr.value))
|
||||||
|
newScript.appendChild(document.createTextNode(content))
|
||||||
|
item.parentNode.replaceChild(newScript, item)
|
||||||
|
})
|
||||||
|
|
||||||
|
GLOBAL_CONFIG.islazyload && window.lazyLoadInstance.update()
|
||||||
|
|
||||||
|
typeof chatBtnFn === 'function' && chatBtnFn()
|
||||||
|
typeof panguInit === 'function' && panguInit()
|
||||||
|
|
||||||
|
// google analytics
|
||||||
|
typeof gtag === 'function' && gtag('config', '!{theme.google_analytics}', {'page_path': window.location.pathname});
|
||||||
|
|
||||||
|
// baidu analytics
|
||||||
|
typeof _hmt === 'object' && _hmt.push(['_trackPageview',window.location.pathname]);
|
||||||
|
|
||||||
|
typeof loadMeting === 'function' && document.getElementsByClassName('aplayer').length && loadMeting()
|
||||||
|
|
||||||
|
// prismjs
|
||||||
|
typeof Prism === 'object' && Prism.highlightAll()
|
||||||
|
})
|
||||||
|
|
||||||
|
document.addEventListener('pjax:error', (e) => {
|
||||||
|
if (e.request.status === 404) {
|
||||||
|
pjax.loadUrl('/404.html')
|
||||||
|
}
|
||||||
|
})
|
||||||
5
themes/butterfly/layout/includes/third-party/prismjs.pug
vendored
Normal file
5
themes/butterfly/layout/includes/third-party/prismjs.pug
vendored
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
if config.prismjs && config.prismjs.enable && !config.prismjs.preprocess
|
||||||
|
script(src=url_for(theme.asset.prismjs_js))
|
||||||
|
script(src=url_for(theme.asset.prismjs_autoloader))
|
||||||
|
if config.prismjs.line_number
|
||||||
|
script(src=url_for(theme.asset.prismjs_lineNumber_js))
|
||||||
18
themes/butterfly/layout/includes/third-party/search/algolia.pug
vendored
Normal file
18
themes/butterfly/layout/includes/third-party/search/algolia.pug
vendored
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
#algolia-search
|
||||||
|
.search-dialog
|
||||||
|
nav.search-nav
|
||||||
|
span.search-dialog-title= _p('search.title')
|
||||||
|
button.search-close-button
|
||||||
|
i.fas.fa-times
|
||||||
|
|
||||||
|
.search-wrap
|
||||||
|
#algolia-search-input
|
||||||
|
hr
|
||||||
|
#algolia-search-results
|
||||||
|
#algolia-hits
|
||||||
|
#algolia-pagination
|
||||||
|
#algolia-info
|
||||||
|
.algolia-stats
|
||||||
|
.algolia-poweredBy
|
||||||
|
|
||||||
|
#search-mask
|
||||||
4
themes/butterfly/layout/includes/third-party/search/index.pug
vendored
Normal file
4
themes/butterfly/layout/includes/third-party/search/index.pug
vendored
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
if theme.algolia_search.enable
|
||||||
|
include ./algolia.pug
|
||||||
|
else if theme.local_search.enable
|
||||||
|
include ./local-search.pug
|
||||||
20
themes/butterfly/layout/includes/third-party/search/local-search.pug
vendored
Normal file
20
themes/butterfly/layout/includes/third-party/search/local-search.pug
vendored
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
#local-search
|
||||||
|
.search-dialog
|
||||||
|
nav.search-nav
|
||||||
|
span.search-dialog-title= _p('search.title')
|
||||||
|
span#loading-status
|
||||||
|
button.search-close-button
|
||||||
|
i.fas.fa-times
|
||||||
|
|
||||||
|
#loading-database.is-center
|
||||||
|
i.fas.fa-spinner.fa-pulse
|
||||||
|
span= ' ' + _p("search.load_data")
|
||||||
|
|
||||||
|
.search-wrap
|
||||||
|
#local-search-input
|
||||||
|
.local-search-box
|
||||||
|
input(placeholder=_p("search.local_search.input_placeholder") type="text").local-search-box--input
|
||||||
|
hr
|
||||||
|
#local-search-results
|
||||||
|
|
||||||
|
#search-mask
|
||||||
2
themes/butterfly/layout/includes/third-party/share/add-this.pug
vendored
Normal file
2
themes/butterfly/layout/includes/third-party/share/add-this.pug
vendored
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
.addthis_inline_share_toolbox
|
||||||
|
script(src=`//s7.addthis.com/js/300/addthis_widget.js#pubid=${theme.addThis.pubid}` async)
|
||||||
10
themes/butterfly/layout/includes/third-party/share/addtoany.pug
vendored
Normal file
10
themes/butterfly/layout/includes/third-party/share/addtoany.pug
vendored
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
.addtoany
|
||||||
|
.a2a_kit.a2a_kit_size_32.a2a_default_style
|
||||||
|
- let addtoanyItem = theme.addtoany.item.split(',')
|
||||||
|
each name in addtoanyItem
|
||||||
|
a(class="a2a_button_" + name)
|
||||||
|
|
||||||
|
a.a2a_dd(href="https://www.addtoany.com/share")
|
||||||
|
script(async src='https://static.addtoany.com/menu/page.js')
|
||||||
|
|
||||||
|
|
||||||
7
themes/butterfly/layout/includes/third-party/share/index.pug
vendored
Normal file
7
themes/butterfly/layout/includes/third-party/share/index.pug
vendored
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
.post_share
|
||||||
|
if theme.addThis.enable
|
||||||
|
!=partial('includes/third-party/share/add-this', {}, {cache: true})
|
||||||
|
else if theme.sharejs.enable
|
||||||
|
include ./share-js.pug
|
||||||
|
else if theme.addtoany.enable
|
||||||
|
!=partial('includes/third-party/share/addtoany', {}, {cache: true})
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user