Repository: jerryc127/hexo-theme-butterfly Branch: dev Commit: e3e1d9e6ceff Files: 211 Total size: 537.2 KB Directory structure: gitextract_p7rv7pkl/ ├── .github/ │ ├── FUNDING.yml │ ├── ISSUE_TEMPLATE/ │ │ ├── bug_report.yml │ │ ├── config.yml │ │ └── feature_request.yml │ └── workflows/ │ ├── publish.yml │ └── stale.yml ├── .gitignore ├── LICENSE ├── README.md ├── README_CN.md ├── _config.yml ├── languages/ │ ├── default.yml │ ├── en.yml │ ├── ja.yml │ ├── ko.yml │ ├── zh-CN.yml │ ├── zh-HK.yml │ └── zh-TW.yml ├── layout/ │ ├── archive.pug │ ├── category.pug │ ├── includes/ │ │ ├── additional-js.pug │ │ ├── footer.pug │ │ ├── head/ │ │ │ ├── Open_Graph.pug │ │ │ ├── analytics.pug │ │ │ ├── config.pug │ │ │ ├── config_site.pug │ │ │ ├── google_adsense.pug │ │ │ ├── preconnect.pug │ │ │ ├── pwa.pug │ │ │ ├── site_verification.pug │ │ │ └── structured_data.pug │ │ ├── head.pug │ │ ├── header/ │ │ │ ├── index.pug │ │ │ ├── menu_item.pug │ │ │ ├── nav.pug │ │ │ ├── post-info.pug │ │ │ └── social.pug │ │ ├── layout.pug │ │ ├── loading/ │ │ │ ├── fullpage-loading.pug │ │ │ ├── index.pug │ │ │ └── pace.pug │ │ ├── mixins/ │ │ │ ├── article-sort.pug │ │ │ └── indexPostUI.pug │ │ ├── page/ │ │ │ ├── 404.pug │ │ │ ├── categories.pug │ │ │ ├── default-page.pug │ │ │ ├── flink.pug │ │ │ ├── shuoshuo.pug │ │ │ └── tags.pug │ │ ├── pagination.pug │ │ ├── post/ │ │ │ ├── outdate-notice.pug │ │ │ ├── post-copyright.pug │ │ │ └── reward.pug │ │ ├── rightside.pug │ │ ├── sidebar.pug │ │ ├── third-party/ │ │ │ ├── abcjs/ │ │ │ │ ├── abcjs.pug │ │ │ │ └── index.pug │ │ │ ├── aplayer.pug │ │ │ ├── card-post-count/ │ │ │ │ ├── artalk.pug │ │ │ │ ├── disqus.pug │ │ │ │ ├── fb.pug │ │ │ │ ├── index.pug │ │ │ │ ├── remark42.pug │ │ │ │ ├── twikoo.pug │ │ │ │ ├── valine.pug │ │ │ │ └── waline.pug │ │ │ ├── chat/ │ │ │ │ ├── chatra.pug │ │ │ │ ├── crisp.pug │ │ │ │ ├── index.pug │ │ │ │ └── tidio.pug │ │ │ ├── comments/ │ │ │ │ ├── artalk.pug │ │ │ │ ├── disqus.pug │ │ │ │ ├── disqusjs.pug │ │ │ │ ├── facebook_comments.pug │ │ │ │ ├── giscus.pug │ │ │ │ ├── gitalk.pug │ │ │ │ ├── index.pug │ │ │ │ ├── js.pug │ │ │ │ ├── livere.pug │ │ │ │ ├── remark42.pug │ │ │ │ ├── twikoo.pug │ │ │ │ ├── utterances.pug │ │ │ │ ├── valine.pug │ │ │ │ └── waline.pug │ │ │ ├── effect.pug │ │ │ ├── math/ │ │ │ │ ├── chartjs.pug │ │ │ │ ├── index.pug │ │ │ │ ├── katex.pug │ │ │ │ ├── mathjax.pug │ │ │ │ └── mermaid.pug │ │ │ ├── newest-comments/ │ │ │ │ ├── artalk.pug │ │ │ │ ├── common.pug │ │ │ │ ├── disqus-comment.pug │ │ │ │ ├── github-issues.pug │ │ │ │ ├── index.pug │ │ │ │ ├── remark42.pug │ │ │ │ ├── twikoo-comment.pug │ │ │ │ ├── valine.pug │ │ │ │ └── waline.pug │ │ │ ├── pjax.pug │ │ │ ├── prismjs.pug │ │ │ ├── search/ │ │ │ │ ├── algolia.pug │ │ │ │ ├── docsearch.pug │ │ │ │ ├── index.pug │ │ │ │ └── local-search.pug │ │ │ ├── share/ │ │ │ │ ├── addtoany.pug │ │ │ │ ├── index.pug │ │ │ │ └── share-js.pug │ │ │ ├── subtitle.pug │ │ │ └── umami_analytics.pug │ │ └── widget/ │ │ ├── card_ad.pug │ │ ├── card_announcement.pug │ │ ├── card_archives.pug │ │ ├── card_author.pug │ │ ├── card_bottom_self.pug │ │ ├── card_categories.pug │ │ ├── card_newest_comment.pug │ │ ├── card_post_series.pug │ │ ├── card_post_toc.pug │ │ ├── card_recent_post.pug │ │ ├── card_tags.pug │ │ ├── card_top_self.pug │ │ ├── card_webinfo.pug │ │ └── index.pug │ ├── index.pug │ ├── page.pug │ ├── post.pug │ └── tag.pug ├── package.json ├── plugins.yml ├── scripts/ │ ├── common/ │ │ ├── default_config.js │ │ └── postDesc.js │ ├── events/ │ │ ├── 404.js │ │ ├── cdn.js │ │ ├── init.js │ │ ├── stylus.js │ │ └── welcome.js │ ├── filters/ │ │ ├── post_lazyload.js │ │ └── random_cover.js │ ├── helpers/ │ │ ├── aside_archives.js │ │ ├── aside_categories.js │ │ ├── getArchiveLength.js │ │ ├── inject_head_js.js │ │ ├── page.js │ │ ├── related_post.js │ │ └── series.js │ └── tag/ │ ├── button.js │ ├── chartjs.js │ ├── flink.js │ ├── gallery.js │ ├── hide.js │ ├── inlineImg.js │ ├── label.js │ ├── mermaid.js │ ├── note.js │ ├── score.js │ ├── series.js │ ├── tabs.js │ └── timeline.js └── source/ ├── css/ │ ├── _global/ │ │ ├── function.styl │ │ └── index.styl │ ├── _highlight/ │ │ ├── highlight/ │ │ │ ├── diff.styl │ │ │ └── index.styl │ │ ├── highlight.styl │ │ ├── prismjs/ │ │ │ ├── diff.styl │ │ │ ├── index.styl │ │ │ └── line-number.styl │ │ └── theme.styl │ ├── _layout/ │ │ ├── aside.styl │ │ ├── chat.styl │ │ ├── comments.styl │ │ ├── footer.styl │ │ ├── head.styl │ │ ├── loading.styl │ │ ├── pagination.styl │ │ ├── post.styl │ │ ├── relatedposts.styl │ │ ├── reward.styl │ │ ├── rightside.styl │ │ ├── sidebar.styl │ │ └── third-party.styl │ ├── _mode/ │ │ ├── darkmode.styl │ │ └── readmode.styl │ ├── _page/ │ │ ├── 404.styl │ │ ├── archives.styl │ │ ├── categories.styl │ │ ├── common.styl │ │ ├── flink.styl │ │ ├── homepage.styl │ │ ├── shuoshuo.styl │ │ └── tags.styl │ ├── _search/ │ │ ├── algolia.styl │ │ ├── index.styl │ │ └── local-search.styl │ ├── _tags/ │ │ ├── button.styl │ │ ├── gallery.styl │ │ ├── hexo.styl │ │ ├── hide.styl │ │ ├── inlineImg.styl │ │ ├── label.styl │ │ ├── note.styl │ │ ├── series.styl │ │ ├── tabs.styl │ │ └── timeline.styl │ ├── index.styl │ └── var.styl └── js/ ├── main.js ├── search/ │ ├── algolia.js │ └── local-search.js ├── tw_cn.js └── utils.js ================================================ FILE CONTENTS ================================================ ================================================ FILE: .github/FUNDING.yml ================================================ # These are supported funding model platforms github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2] patreon: # Replace with a single Patreon username open_collective: # Replace with a single Open Collective username ko_fi: # Replace with a single Ko-fi username tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry liberapay: # Replace with a single Liberapay username issuehunt: # Replace with a single IssueHunt username otechie: # Replace with a single Otechie username lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry custom: ['https://buy.stripe.com/3cs6rP6YA91sbbG5kk'] # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2'] ================================================ FILE: .github/ISSUE_TEMPLATE/bug_report.yml ================================================ name: Bug report description: Create a report to help us improve title: '[Bug]: ' body: - type: markdown attributes: value: | 重要：請依照該模板來提交 Important: Please follow the template to create a new issue - type: input id: butterfly-ver attributes: label: 使用的 Butterfly 版本？ | What version of Butterfly are you using? description: 檢視主題的 package.json | Check the theme's package.json validations: required: true - type: dropdown id: modify attributes: label: 是否修改過主題文件？ | Has the theme files been modified? options: - 是 (Yes) - 否 (No) validations: required: true - type: dropdown id: browser attributes: label: 使用的瀏覽器？ | What browser are you using? options: - Chrome - Edge - Safari - Opera - Other validations: required: true - type: dropdown id: platform attributes: label: 使用的系統？ | What operating system are you using? options: - Windows - macOS - Linux - Android - iOS - Other validations: required: true - type: textarea id: dependencies attributes: label: 依賴插件 | Package dependencies information description: 在 Hexo 根目錄下執行 `npm ls --depth 0` | Run `npm ls --depth 0` in Hexo root directory render: Text validations: required: true - type: textarea id: description attributes: label: 問題描述 | Describe the bug description: 請描述你的問題現象 | A clear and concise description of what the bug is. placeholder: 請儘量提供截圖來定位問題 | If applicable, add screenshots to help explain your problem value: validations: required: true - type: input id: website attributes: label: 出現問題的網站 | Website with the issue description: 請提供可復現問題的網站地址 | Please provide a website URL where the problem can be reproduced. placeholder: 請填寫具體的網址，不要填寫 localhost 網站 | Please provide a specific URL, do not use localhost. validations: required: true ================================================ FILE: .github/ISSUE_TEMPLATE/config.yml ================================================ blank_issues_enabled: false contact_links: - name: Questions about Butterfly url: https://github.com/jerryc127/hexo-theme-butterfly/discussions about: 一些使用問題請到 Discussion 詢問。 Please ask questions in Discussion. - name: Butterfly Q&A url: https://butterfly.js.org/posts/98d20436/ about: Butterfly Q&A - name: Telegram url: https://t.me/bu2fly about: 'Official Telegram Group' - name: QQ 群 url: https://jq.qq.com/?_wv=1027&k=KU9105XR about: '群號 1070540070' ================================================ FILE: .github/ISSUE_TEMPLATE/feature_request.yml ================================================ 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 ================================================ FILE: .github/workflows/publish.yml ================================================ 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 }} ================================================ FILE: .github/workflows/stale.yml ================================================ 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 ================================================ FILE: .gitignore ================================================ .DS_Store node_modules/ ================================================ FILE: LICENSE ================================================ 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. ================================================ FILE: README.md ================================================
中文
Butterfly Logo # hexo-theme-butterfly A modern, elegant and feature-rich theme for Hexo ![master version](https://img.shields.io/github/package-json/v/jerryc127/hexo-theme-butterfly/master?color=%231ab1ad&label=master) ![dev version](https://img.shields.io/github/package-json/v/jerryc127/hexo-theme-butterfly/dev?label=dev) ![npm version](https://img.shields.io/npm/v/hexo-theme-butterfly?color=%09%23bf00ff) ![hexo version](https://img.shields.io/badge/hexo-5.3.0+-0e83cd) ![license](https://img.shields.io/github/license/jerryc127/hexo-theme-butterfly?color=FF5531) ![GitHub stars](https://img.shields.io/github/stars/jerryc127/hexo-theme-butterfly?style=social) 📢 **Demo**: [Butterfly Official](https://butterfly.js.org/) | [CrazyWong's Blog](https://blog.crazywong.com/) 📖 **Documentation**: [English Docs](https://butterfly.js.org/en/posts/butterfly-docs-en-get-started/) | [中文文档](https://butterfly.js.org/posts/21cfbf15/) ![Butterfly Theme Preview](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/theme-butterfly-readme.png)
--- ## 🚀 Quick Start ### 💾 Installation #### Method 1: Git Installation (Recommended) > 💡 **Tip**: If GitHub access is slow in mainland China, you can use the [Gitee Mirror](https://gitee.com/immyw/hexo-theme-butterfly.git) Execute in your Hexo blog root directory: ```bash # Install stable version (recommended) git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly ``` ```bash # Install development version (early access to new features) git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly ``` #### Method 2: NPM Installation > ⚠️ **Note**: NPM installation only supports Hexo 5.0.0 and above ```bash npm install hexo-theme-butterfly ``` ### ⚙️ Theme Configuration 1. **Enable Theme**: Modify your Hexo configuration file `_config.yml`: ```yaml theme: butterfly ``` 2. **Install Dependencies**: If you haven't installed pug and stylus renderers, please run: ```bash npm install hexo-renderer-pug hexo-renderer-stylus --save ``` ## ✨ Theme Features ### 🎨 Design Style - [x] **Card-based Design** - Modern card-style layout - [x] **Rounded/Square Design** - Customizable border styles - [x] **Responsive Design** - Perfect adaptation to all screen sizes - [x] **Two-column Layout** - Optimized reading experience - [x] **Dark Mode** - Eye-friendly night mode ### 📝 Content Features - [x] **Multi-level Menu** - Support for secondary navigation menus - [x] **Reading Mode** - Focused article reading experience - [x] **TOC Navigation** - Desktop and mobile TOC support - [x] **Word Count** - Display article word count and reading time - [x] **Related Articles** - Smart recommendation of related content - [x] **Outdated Reminder** - Automatic article update status alerts - [x] **Traditional/Simplified Chinese** - Support for Traditional and Simplified Chinese switching - [x] **Tag Plugins** - Rich tag plugin support ### 🔍 Search & Navigation - [x] **Multiple Search Options** - Algolia Search / Local Search / Docsearch - [x] **Built-in 404** - Beautiful 404 error page - [x] **Pjax Support** - Smooth page transition experience ### 🎨 Code Display - [x] **Syntax Highlighting** - Built-in multiple themes (darker/pale night/light/ocean) - [x] **Code Features** - Language display/fold expand/copy button/auto-wrap - [x] **Math Formulas** - Support for Mathjax and Katex ### 💬 Social Interaction - [x] **Multiple Comment Systems** - Disqus/Gitalk/Valine/Waline/Twikoo/Giscus/Artalk etc. - [x] **Dual Comments Support** - Enable two comment systems simultaneously - [x] **Share Features** - Sharejs/Addtoany sharing components - [x] **Live Chat** - Chatra/Tidio/Crisp instant messaging ### 📊 Analytics & Statistics - [x] **Visit Statistics** - Busuanzi counter - [x] **Site Analytics** - Google Analytics/Baidu Analytics/Cloudflare Analytics/Microsoft Clarity/Umami - [x] **Webmaster Verification** - Major search engine verification - [x] **Ad Support** - Google AdSense/custom ad slots ### 🎪 Visual Effects - [x] **Typing Effects** - activate_power_mode animations - [x] **Background Effects** - Static ribbons/dynamic ribbons/floating ribbons/Canvas Nest - [x] **Mouse Effects** - Fireworks/hearts/text click effects - [x] **Loading Animations** - Preloader and pace.js progress bars - [x] **Image Effects** - Medium Zoom/Fancybox image lightbox - [x] **Lazy Loading** - Image lazy loading optimization ### 🛠️ Advanced Features - [x] **PWA Support** - Progressive Web App - [x] **Copy Protection** - Disable text copying/copyright info append - [x] **Theme Customization** - Custom site color schemes - [x] **Chart Support** - Mermaid flowcharts/Chart.js data charts - [x] **Music Notation** - ABCJS music notation support - [x] **Music Player** - APlayer/Meting music playback - [x] **Article Series** - Series article organization - [x] **Instantpage** - Page preloading acceleration - [x] **Snackbar** - Elegant notification messages ## 🤝 Contributors Thanks to all the developers who have contributed to the Butterfly theme! [![Contributors](https://contrib.rocks/image?repo=jerryc127/hexo-theme-butterfly)](https://github.com/jerryc127/hexo-theme-butterfly/graphs/contributors) ## 📸 Screenshots
![Theme Demo](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-1.jpg) ![Theme Demo](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-2.jpg) ![Theme Demo](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-3.jpg) ![Theme Demo](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-4.jpg)
## ⭐ Star History [![Star History Chart](https://api.star-history.com/svg?repos=jerryc127/hexo-theme-butterfly&type=Date)](https://star-history.com/#jerryc127/hexo-theme-butterfly&Date) ## 🤝 Building a Better Theme Together We believe **the power of open source comes from everyone's participation**! Whether you're a developer, designer, or user, you can contribute to the development of the Butterfly theme. ### 💬 Get Help & Support - 🐛 **Found a bug?** → [GitHub Issues](https://github.com/jerryc127/hexo-theme-butterfly/issues) - Let's solve it together! - 💡 **Have ideas?** → [GitHub Discussions](https://github.com/jerryc127/hexo-theme-butterfly/discussions) - Share your creative ideas! - 📚 **Learning to use?** → [Official Documentation](https://butterfly.js.org/) - Detailed usage guide - 💬 **Real-time discussion?** → [Telegram Group](https://t.me/bu2fly) - Chat with community members ### 🎯 Contributing Want to make Butterfly better? We welcome any form of contribution: - **🔧 Code Contributions** - Fix bugs, add new features, optimize performance - **📝 Documentation** - Improve docs, translate content, write tutorials - **🎨 Design Suggestions** - UI/UX improvements, theme colors, icon design - **🧪 Testing & Feedback** - Test new features, report issues, provide user experience - **💰 Financial Support** - [Sponsor the Project](https://buy.stripe.com/3cs6rP6YA91sbbG5kk) - Support long-term development ## 📄 License This project is licensed under the [Apache 2.0](LICENSE) License. ## 🙏 Acknowledgments This theme is developed based on [hexo-theme-melody](https://github.com/Molunerfinn/hexo-theme-melody). Thanks to the original author for their excellent work that provided inspiration and foundation! Thanks to all friends who have contributed to the development of the Butterfly theme. Your support has made this theme continuously improve and progress. ---
**✨ If this theme helps you, please give us a ⭐ Star! ✨**
================================================ FILE: README_CN.md ================================================
English
Butterfly Logo # hexo-theme-butterfly 一個適用於 Hexo 的現代化、美觀且功能豐富的主題 ![master version](https://img.shields.io/github/package-json/v/jerryc127/hexo-theme-butterfly/master?color=%231ab1ad&label=master) ![dev version](https://img.shields.io/github/package-json/v/jerryc127/hexo-theme-butterfly/dev?label=dev) ![npm version](https://img.shields.io/npm/v/hexo-theme-butterfly?color=%09%23bf00ff) ![hexo version](https://img.shields.io/badge/hexo-5.3.0+-0e83cd) ![license](https://img.shields.io/github/license/jerryc127/hexo-theme-butterfly?color=FF5531) ![GitHub stars](https://img.shields.io/github/stars/jerryc127/hexo-theme-butterfly?style=social) 📢 **在線預覽**: [Butterfly 官方](https://butterfly.js.org/) | [CrazyWong 博客](https://blog.crazywong.com/) 📖 **完整文檔**: [中文文檔](https://butterfly.js.org/posts/21cfbf15/) | [English Docs](https://butterfly.js.org/en/posts/butterfly-docs-en-get-started/) ![Butterfly 主題預覽](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/theme-butterfly-readme.png)
--- ## 🚀 快速開始 ### 💾 安裝方式 #### 方式一：Git 安裝（推薦） > 💡 **提示**: 如果您在中國大陸訪問 GitHub 速度較慢，可以使用 [Gitee 鏡像](https://gitee.com/immyw/hexo-theme-butterfly.git) 在您的 Hexo 博客根目錄下執行： ```bash # 安裝穩定版本（推薦） git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly ``` ```bash # 安裝開發版本（搶先體驗新功能） git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly ``` #### 方式二：NPM 安裝 > ⚠️ **注意**: NPM 安裝方式僅支援 Hexo 5.0.0 及以上版本 ```bash npm install hexo-theme-butterfly ``` ### ⚙️ 主題配置 1. **啟用主題**: 修改您的 Hexo 配置檔案 `_config.yml`： ```yaml theme: butterfly ``` 2. **安裝依賴**: 如果您尚未安裝 pug 和 stylus 渲染器，請執行： ```bash npm install hexo-renderer-pug hexo-renderer-stylus --save ``` ## ✨ 主題特色 ### 🎨 設計風格 - [x] **卡片化設計** - 現代化的卡片式佈局 - [x] **圓角/直角設計** - 支援自訂邊框樣式 - [x] **響應式設計** - 完美適配各種螢幕尺寸 - [x] **雙欄佈局** - 優化的閱讀體驗 - [x] **深色模式** - 護眼的夜間模式 ### 📝 內容功能 - [x] **多級選單** - 支援二級導航選單 - [x] **閱讀模式** - 專注的文章閱讀體驗 - [x] **目錄導航** - 電腦和手機雙端支援 TOC - [x] **字數統計** - 顯示文章字數和閱讀時間 - [x] **相關文章** - 智能推薦相關內容 - [x] **過期提醒** - 自動提示文章更新狀態 - [x] **簡繁轉換** - 支援繁體中文和簡體中文切換 - [x] **標籤外掛** - 豐富的標籤外掛支持 ### 🔍 搜尋與導航 - [x] **多種搜尋** - Algolia 搜尋 / 本地搜尋 / Docsearch - [x] **內建 404** - 美觀的 404 錯誤頁面 - [x] **Pjax 支援** - 流暢的頁面切換體驗 ### 🎨 程式碼展示 - [x] **語法高亮** - 內建多種主題（darker/pale night/light/ocean） - [x] **程式碼功能** - 語言顯示/摺疊展開/複製按鈕/自動換行 - [x] **數學公式** - 支援 Mathjax 和 Katex ### 💬 社交互動 - [x] **多元評論系統** - Disqus/Gitalk/Valine/Waline/Twikoo/Giscus/Artalk 等 - [x] **雙評論支援** - 可同時啟用兩套評論系統 - [x] **分享功能** - Sharejs/Addtoany 分享套件 - [x] **線上客服** - Chatra/Tidio/Crisp 即時聊天 ### 📊 數據分析 - [x] **訪問統計** - 不蒜子計數器 - [x] **網站分析** - Google Analytics/百度統計/Cloudflare Analytics/Microsoft Clarity/Umami - [x] **站長驗證** - 各大搜尋引擎驗證 - [x] **廣告支援** - Google AdSense/自訂廣告位 ### 🎪 視覺效果 - [x] **打字特效** - activate_power_mode 動畫 - [x] **背景特效** - 靜態彩帶/動態彩帶/飄帶效果/Canvas Nest - [x] **滑鼠特效** - 煙花/愛心/文字點擊效果 - [x] **載入動畫** - Preloader 和 pace.js 進度條 - [x] **圖片效果** - Medium Zoom/Fancybox 圖片燈箱 - [x] **懶載入** - 圖片延遲載入優化 ### 🛠️ 進階功能 - [x] **PWA 支援** - 漸進式網頁應用 - [x] **複製保護** - 可關閉文字複製/版權資訊追加 - [x] **主題定製** - 自訂網站配色方案 - [x] **圖表支援** - Mermaid 流程圖/Chart.js 數據圖表 - [x] **音樂符號** - ABCJS 音樂記譜法支援 - [x] **音樂播放器** - APlayer/Meting 音樂播放功能 - [x] **系列文章** - 系列文章組織功能 - [x] **Instantpage** - 頁面預載入加速 - [x] **Snackbar** - 優雅的提示訊息 ## 🤝 貢獻者 感謝所有為 Butterfly 主題做出貢獻的開發者們！ [![Contributors](https://contrib.rocks/image?repo=jerryc127/hexo-theme-butterfly)](https://github.com/jerryc127/hexo-theme-butterfly/graphs/contributors) ## 📸 主題截圖
![主題展示](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-1.jpg) ![主題展示](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-2.jpg) ![主題展示](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-3.jpg) ![主題展示](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-4.jpg)
## ⭐ Star 趨勢 [![Star History Chart](https://api.star-history.com/svg?repos=jerryc127/hexo-theme-butterfly&type=Date)](https://star-history.com/#jerryc127/hexo-theme-butterfly&Date) ## 🤝 一起構建更美好的主題 我們相信，**開源的力量來自於每一個人的參與**！無論您是開發者、設計師還是用戶，都可以為 Butterfly 主題的發展貢獻力量。 ### 💬 獲取幫助與支援 - 🐛 **發現問題？** → [GitHub Issues](https://github.com/jerryc127/hexo-theme-butterfly/issues) - 讓我們一起解決！ - 💡 **有好想法？** → [GitHub Discussions](https://github.com/jerryc127/hexo-theme-butterfly/discussions) - 分享您的創意想法！ - 📚 **學習使用？** → [官方文檔](https://butterfly.js.org/) - 詳細的使用指南 - 💬 **即時討論？** → [Telegram 群組](https://t.me/bu2fly) - 與社群成員實時交流 ### 🎯 參與貢獻 想要讓 Butterfly 變得更好嗎？我們歡迎您的任何形式的貢獻： - **🔧 代碼貢獻** - 修復 Bug、添加新功能、優化性能 - **📝 文檔完善** - 改進文檔、翻譯內容、撰寫教程 - **🎨 設計建議** - UI/UX 改進、主題配色、圖示設計 - **🧪 測試反饋** - 測試新功能、回報問題、提供使用體驗 - **💰 資金支援** - [贊助項目](https://buy.stripe.com/3cs6rP6YA91sbbG5kk) - 支持長期發展 ## 📄 授權條款 本專案採用 [Apache 2.0](LICENSE) 授權條款。 ## 🙏 致敬與感謝 本主題基於 [hexo-theme-melody](https://github.com/Molunerfinn/hexo-theme-melody) 進行開發，感謝原作者的精彩創作為我們提供了靈感與基礎！ 感謝所有為 Butterfly 主題發展做出貢獻的朋友們，是你們的支持讓這個主題能夠不斷完善與進步。 ---
**✨ 如果這個主題對您有幫助，請給我們一個 ⭐ Star！✨**
================================================ FILE: _config.yml ================================================ # -------------------------------------- # Hexo Butterfly Theme Configuration # If you have any questions, please refer to the documentation # Chinese: https://butterfly.js.org/ # English: https://butterfly.js.org/en/ # -------------------------------------- # -------------------------------------- # Navigation Settings # -------------------------------------- nav: # Navigation bar logo image logo: display_title: true display_post_title: true # Whether to fix navigation bar fixed: false menu: # Home: / || fas fa-home # List||fas fa-list: # Music: /music/ || fas fa-music # Movie: /movies/ || fas fa-video # -------------------------------------- # Code Blocks Settings # -------------------------------------- code_blocks: # Code block theme: darker / pale night / light / ocean / false theme: light macStyle: false # Code block height limit (unit: px) height_limit: false word_wrap: false # Toolbar copy: true language: true # true: shrink the code blocks | false: expand the code blocks | none: expand code blocks and hide the button shrink: false fullpage: false # Social media links # Formal: # icon: link || the description || color social: # fab fa-github: https://github.com/xxxxx || Github || '#24292e' # fas fa-envelope: mailto:xxxxxx@gmail.com || Email || '#4a7dbe' # -------------------------------------- # Image Settings # -------------------------------------- favicon: /img/favicon.png avatar: img: /img/butterfly-icon.png effect: false # Disable all banner images disable_top_img: false # If the banner of page not setting, it will show the default_top_img default_top_img: # The banner image of index page index_img: # The banner image of archive page archive_img: # Note: tag page, not tags page tag_img: # The banner image of tag page, you can set the banner image for each tag # Format: # - tag name: xxxxx tag_per_img: # Note: category page, not categories page category_img: # The banner image of category page, you can set the banner image for each category # Format: # - category name: xxxxx category_per_img: # The background image of footer footer_img: false # Website Background # Can set it to color, image URL or an array containing colors and/or image URLs # If an array is provided, a random background will be selected from the array on each load background: cover: # Disable the cover or not index_enable: true aside_enable: true archives_enable: true # When cover is not set, the default cover is displayed default_cover: # - xxx.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: /img/error-page.png post_meta: # Home Page page: # Choose: created / updated / both date_type: created # Choose: date / relative date_format: date categories: true tags: false label: true post: # Choose: left / center position: left # Choose: created / updated / both date_type: both # Choose: date / relative date_format: date categories: true tags: true label: true # -------------------------------------- # Index page settings # -------------------------------------- # The top_img settings of home page # default: top img - full screen, site info - middle # The position of site info, eg: 300px/300em/300rem/10% index_site_info_top: # The height of top_img, eg: 300px/300em/300rem index_top_img_height: # The subtitle on homepage subtitle: enable: false # Typewriter Effect effect: true # Customize typed.js # https://github.com/mattboldt/typed.js/#customization typed_option: # Source - Call the third-party service API (Chinese only) # It will show the source first, then show the content of sub # Choose: false/1/2/3 # false - disable the function # 1 - hitokoto.cn # 2 - https://api.aa1.cn/doc/yiyan.html # 3 - jinrishici.com source: false # If you close the typewriter effect, the subtitle will only show the first line of sub sub: # Article layout on the homepage # 1: Cover on the left, info on the right # 2: Cover on the right, info on the left # 3: Cover and info alternate between left and right # 4: Cover on top, info on the bottom # 5: Info displayed on the cover # 6: Masonry layout - Cover on top, info on the bottom # 7: Masonry layout - Info displayed on the cover index_layout: 3 # 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 # If you set method to 2 or 3, the length need to config length: 500 # -------------------------------------- # Post Settings # -------------------------------------- toc: post: true page: false number: true expand: false # Only for post style_simple: false scroll_percent: true 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 text: 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 # Number of posts displayed limit: 6 # Choose: created / updated date_type: created # Choose: 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: simple / flat style: flat # When will it be shown limit_day: 365 # Position: top / bottom position: top message_prev: It has been message_next: days since the last update, the content of the article may be outdated. # -------------------------------------- # Footer Settings # -------------------------------------- footer: nav: owner: enable: true since: 2025 # Copyright of theme and framework copyright: enable: true version: true custom_text: # -------------------------------------- # Aside Settings # -------------------------------------- aside: enable: true hide: false # Show the button to hide the aside in bottom right button button: true mobile: true # Position: left / right position: 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 # If set 0 will show all limit: 5 # Sort: date / updated sort: date sort_order: card_newest_comments: enable: false sort_order: limit: 6 # Unit: mins, save data to localStorage storage: 10 avatar: true card_categories: enable: true # If set 0 will show all limit: 8 # Choose: none / true / false expand: none sort_order: card_tags: enable: true # If set 0 will show all limit: 40 color: false custom_colors: # Order of tags, random/name/length orderby: random # Sort of order. 1, asc for ascending; -1, desc for descending order: 1 sort_order: card_archives: enable: true # Type: monthly / yearly type: monthly # Eg: YYYY年MM月 format: MMMM YYYY # Sort of order. 1, asc for ascending; -1, desc for descending order: -1 # If set 0 will show all limit: 8 sort_order: card_post_series: enable: true # The title shows the series name series_title: false # Order by title or date orderBy: 'date' # Sort of order. 1, asc for ascending; -1, desc for descending order: -1 card_webinfo: enable: true post_count: true last_push_date: true sort_order: # Time difference between publish date and now # Formal: Month/Day/Year Time or Year/Month/Day Time # Leave it empty if you don't enable this feature runtime_date: # -------------------------------------- # Bottom right button # -------------------------------------- # The distance between the bottom right button and the bottom (default unit: px) rightside_bottom: # 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 # 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 # Set the light mode time. The value is between 0 and 24. If not set, the default value is 6 and 18 start: end: # Show scroll percent in scroll-to-top button rightside_scroll_percent: false # Don't modify the following settings unless you know how they work # Choose: readmode,translate,darkmode,hideAside,toc,chat,comment # Don't repeat the same value rightside_item_order: enable: false # Default: readmode,translate,darkmode,hideAside hide: # Default: toc,chat,comment show: # Animation for the bottom right config button rightside_config_animation: true # -------------------------------------- # Global Settings # -------------------------------------- anchor: # When you scroll, the URL will update according to header id. auto_update: false # Click the headline to scroll and update the anchor click_to_scroll: false photofigcaption: false copy: enable: true # Add the copyright information after copied content copyright: enable: false limit_count: 150 # Need to install the hexo-wordcount plugin wordcount: enable: false # Display the word count of the article in post meta post_wordcount: true # Display the time to read the article in post meta min2read: true # Display the total word count of the website in aside's webinfo total_wordcount: true # Busuanzi count for PV / UV in site busuanzi: site_uv: true site_pv: true page_pv: true # -------------------------------------- # Math # -------------------------------------- # About the per_page # if you set it to true, it will load mathjax/katex script in each page # if you set it to false, it will load mathjax/katex script according to your setting (add the 'mathjax: true' or 'katex: true' in page's front-matter) math: # Choose: mathjax, katex # Leave it empty if you don't need math use: per_page: true hide_scrollbar: false mathjax: # Enable the contextual menu enableMenu: true # Choose: all / ams / none, This controls whether equations are numbered and how tags: none katex: # Enable the copy KaTeX formula copy_tex: false # -------------------------------------- # Search # -------------------------------------- search: # Choose: algolia_search / local_search / docsearch # leave it empty if you don't need search use: placeholder: # Algolia Search algolia_search: # Number of search results per page hitsPerPage: 6 # Local Search local_search: # Preload the search data when the page loads. preload: false # Show top n results per article, show all results by setting to -1 top_n_per_article: 1 # Unescape html strings to the readable one. unescape: false # Enable pagination for search results pagination: enable: false # Number of search results per page hitsPerPage: 8 CDN: # Docsearch # https://docsearch.algolia.com/ docsearch: appId: apiKey: indexName: option: # -------------------------------------- # Share System # -------------------------------------- share: # Choose: sharejs / addtoany # Leave it empty if you don't need share use: sharejs # Share.js # https://github.com/overtrue/share.js sharejs: sites: facebook,x,wechat,weibo,qq # AddToAny # https://www.addtoany.com/ addtoany: item: facebook,x,wechat,sina_weibo,facebook_messenger,email,copy_link # -------------------------------------- # Comments System # -------------------------------------- comments: # Up to two comments system, the first will be shown as default # Leave it empty if you don't need comments # Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/Artalk # Format of two comments system : Disqus,Waline use: # Display the comment name next to the button text: true # 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 # Display comment count in post's top_img count: false # Display comment count in Home Page card_post_count: false # Disqus # https://disqus.com/ disqus: shortname: # For newest comments widget apikey: # Alternative Disqus - Render comments with Disqus API # 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: appKey: avatar: monsterid # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in) serverURLs: bg: # Use Valine visitor count as the page view count visitor: false option: # Waline - A simple comment system with backend support fork from Valine # https://waline.js.org/ waline: serverURL: bg: # Use Waline pageview count as the page view count 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 js: option: # Facebook Comments Plugin # https://developers.facebook.com/docs/plugins/comments/ facebook_comments: app_id: # optional user_id: pageSize: 10 # Choose: social / time / reverse_time order_by: social lang: en_US # Twikoo # https://github.com/imaegoo/twikoo twikoo: envId: region: # Use Twikoo visitor count as the page view count visitor: false option: # Giscus # https://giscus.app/ giscus: repo: repo_id: category_id: light_theme: light dark_theme: dark js: option: # Remark42 # https://remark42.com/docs/configuration/frontend/ remark42: host: siteId: option: # Artalk # https://artalk.js.org/guide/frontend/config.html artalk: server: site: # Use Artalk visitor count as the page view count visitor: false option: # -------------------------------------- # Chat Services # -------------------------------------- chat: # Choose: chatra/tidio/crisp # Leave it empty if you don't need chat use: # Chat Button [recommend] # It will create a button in the bottom right corner of website, and hide the origin button rightside_button: false # The origin chat button is displayed when scrolling up, and the button is hidden when scrolling down button_hide_show: false # https://chatra.io/ chatra: id: # https://www.tidio.com/ tidio: public_key: # https://crisp.chat/en/ crisp: website_id: # -------------------------------------- # Analysis # -------------------------------------- # https://tongji.baidu.com/web/welcome/login baidu_analytics: # https://analytics.google.com/analytics/web/ google_analytics: # https://www.cloudflare.com/zh-tw/web-analytics/ cloudflare_analytics: # https://clarity.microsoft.com/ microsoft_clarity: # https://umami.is/ umami_analytics: enable: false # For self-hosted setups, configure the hostname of the Umami instance serverURL: script_name: script.js website_id: option: UV_PV: site_uv: false site_pv: false page_pv: false # Umami Cloud (API key) / self-hosted Umami (token) token: # https://www.googletagmanager.com/ google_tag_manager: tag_id: # optional domain: # -------------------------------------- # 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 # Leave it empty if you don't need ads ad: # Insert ads in the index (every three posts) index: # Insert ads in aside aside: # Insert ads in the post (before pagination) 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 user interface setting of category and tag page # Choose: index - same as Homepage UI / default - same as archives UI # leave it empty or index category_ui: tag_ui: # Rounded corners for UI elements rounded_corners_ui: true # Stretches the lines so that each line has equal width text_align_justify: false # Add a mask to the header and footer mask: header: true footer: true # 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: # Page Transition enter_transitions: true # Default display mode - light (default) / dark display_mode: light # Configuration for beautifying the content of the article beautify: enable: false # Specify the field to beautify (site or post) field: post # Specify the icon to be used as a prefix for the title, such as '\f0c1' title_prefix_icon: # Specify the color of the title prefix icon, such as '#F47466' title_prefix_icon_color: # 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 # The unicode value of Font Awesome icon, such as '\3423' icon: icon_top: # Typewriter Effect # https://github.com/disjukr/activate-power-mode activate_power_mode: enable: false colorful: true shake: true mobile: false # Background effects # -------------------------------------- # canvas_ribbon # See: https://github.com/hustcc/ribbon.js canvas_ribbon: enable: false # The size of ribbon size: 150 # The opacity of ribbon (0 ~ 1) 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 of lines, default: '0,0,0'; RGB values: (R,G,B).(note: use ',' to separate.) color: '0,0,255' # The opacity of line (0~1) opacity: 0.7 # The z-index property of the background zIndex: -1 # The number of lines count: 99 mobile: false # Mouse click effects: fireworks fireworks: enable: false zIndex: 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 # -------------------------------------- # Lightbox Settings # -------------------------------------- # Choose: fancybox / medium_zoom # https://github.com/francoischalifour/medium-zoom # https://fancyapps.com/fancybox/ # Leave it empty if you don't need lightbox lightbox: # -------------------------------------- # Tag Plugins settings # -------------------------------------- # Series series: enable: false # Order by title or date orderBy: 'title' # Sort of order. 1, asc for ascending; -1, desc for descending order: 1 number: true # ABCJS - The ABC Music Notation Plugin # https://github.com/paulrosen/abcjs abcjs: enable: false per_page: true # Mermaid # https://github.com/mermaid-js/mermaid mermaid: enable: false # Write Mermaid diagrams using code blocks code_write: false # built-in themes: default / forest / dark / neutral theme: light: default dark: dark # Enable "Open in New Tab" button to view diagram in a separate window open_in_new_tab: true # Enable zoom and pan interactions on diagrams zoom_pan: true # chartjs # see https://www.chartjs.org/docs/latest/ chartjs: enable: false # Do not modify unless you understand how they work. # The default settings are only used when the MD syntax is not specified. # General font color for the chart fontColor: light: 'rgba(0, 0, 0, 0.8)' dark: 'rgba(255, 255, 255, 0.8)' # General border color for the chart borderColor: light: 'rgba(0, 0, 0, 0.1)' dark: 'rgba(255, 255, 255, 0.2)' # Background color for scale labels on radar and polar area charts scale_ticks_backdropColor: light: 'transparent' dark: 'transparent' # 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 Settings # -------------------------------------- # https://github.com/MoOx/pjax pjax: enable: false # Exclude the specified pages from pjax, such as '/music/' exclude: # - /xxxxxx/ # 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 # The background color of Toast Notification in light mode and dark mode bg_light: '#49b1f5' bg_dark: '#1f1f1f' # Instant.page # https://instant.page/ instantpage: false # Lazyload # https://github.com/verlok/vanilla-lazyload lazyload: enable: false # Use browser's native lazyload instead of vanilla-lazyload native: false # Specify the field to use lazyload (site or post) field: site placeholder: blur: false # PWA # See https://github.com/JLHwung/hexo-offline # --------------- pwa: enable: false manifest: apple_touch_icon: favicon_32_32: favicon_16_16: mask_icon: # Open graph meta tags # https://hexo.io/docs/helpers#open-graph Open_Graph_meta: enable: true option: # twitter_card: # twitter_image: # twitter_id: # twitter_site: # google_plus: # fb_admins: # fb_app_id: # Structured Data # https://developers.google.com/search/docs/guides/intro-structured-data structured_data: enable: false # Alternate name for the site, used in structured data # Format: ['name1', 'name2'] alternate_name: # Add the vendor prefixes to ensure compatibility css_prefix: true # Inject # Insert the code to head (before '' tag) and the bottom (before '' tag) inject: head: # - bottom: # - # CDN Settings # Don't modify the following settings unless you know how they work CDN: # The CDN provider for internal and third-party scripts # Options for both: local/jsdelivr/unpkg/cdnjs/custom # Note: Dev version can only use 'local' for internal scripts # Note: When setting third-party scripts to 'local', you need to install hexo-butterfly-extjs internal_provider: local third_party_provider: jsdelivr # Add version number to url, true or false version: true # Custom format # For example: https://cdn.staticfile.org/${cdnjs_name}/${version}/${min_cdnjs_file} custom_format: option: # abcjs_basic_js: # activate_power_mode: # algolia_js: # algolia_search: # aplayer_css: # aplayer_js: # artalk_css: # artalk_js: # blueimp_md5: # busuanzi: # canvas_fluttering_ribbon: # canvas_nest: # canvas_ribbon: # chartjs: # click_heart: # clickShowText: # disqusjs: # disqusjs_css: # docsearch_css: # docsearch_js: # egjs_infinitegrid: # fancybox: # fancybox_css: # fireworks: # fontawesome: # gitalk: # gitalk_css: # giscus: # instantpage: # katex: # katex_copytex: # lazyload: # local_search: # main: # main_css: # mathjax: # medium_zoom: # mermaid: # meting_js: # prismjs_autoloader: # prismjs_js: # prismjs_lineNumber_js: # pjax: # sharejs: # sharejs_css: # snackbar: # snackbar_css: # translate: # twikoo: # typed: # utils: # valine: # waline_css: # waline_js: ================================================ FILE: languages/default.yml ================================================ footer: framework: Framework theme: Theme copy: success: Copy Successful error: Copy Failed noSupport: Browser Not Supported page: articles: All Articles tag: Tag category: Category archives: Archives card_post_count: comments no_title: Untitled post: created: Created updated: Updated wordcount: Word Count min2read: Reading Time min2read_unit: mins page_pv: Post Views comments: Comments copyright: author: Author link: Link copyright_notice: Copyright Notice copyright_content: 'All articles on this blog are licensed under %s unless otherwise stated.' recommend: Related Articles edit: Edit back_to_home: Back to Home search: title: Search load_data: Loading Database input_placeholder: Search for Posts algolia_search: hits_empty: 'No results found for: ${query}' hits_stats: '${hits} results found in ${time} ms' local_search: hits_empty: 'No results found for: ${query}' hits_stats: '${hits} articles found' pagination: prev: Previous next: Next page_info: 'Page ${current} of ${total}' comment: Comments aside: articles: Articles tags: Tags categories: Categories card_announcement: Announcement card_categories: Categories card_tags: Tags card_archives: Archives card_recent_post: Recent Posts card_webinfo: headline: Website Info article_name: Article Count runtime: name: Runtime unit: days last_push_date: name: Last Update site_wordcount: Total Word Count site_uv_name: Unique Visitors site_pv_name: Page Views more_button: View More card_newest_comments: headline: Latest Comments loading_text: Loading... error: Unable to retrieve comments, please check the configuration zero: No comments image: Image link: Link code: Code card_toc: Contents card_post_series: Post Series date_suffix: just: Just now min: minutes ago hour: hours ago day: days ago month: months ago donate: Sponsor share: Share rightside: readmode_title: Reading Mode translate_title: Toggle Between Traditional 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: Settings aside: Toggle Between Single-column and Double-column chat: Chat copy_copyright: author: Author link: Link source: Source info: Copyright belongs to the author. For commercial use, please contact the author for authorization. For non-commercial use, please indicate the source. Snackbar: chs_to_cht: You have switched to Traditional Chinese cht_to_chs: You have switched to Simplified Chinese day_to_night: You have switched to Dark Mode night_to_day: You have switched to Light Mode loading: Loading... load_more: Load More error404: Page Not Found ================================================ FILE: languages/en.yml ================================================ footer: framework: Framework theme: Theme copy: success: Copy Successful error: Copy Failed noSupport: Browser Not Supported page: articles: All Articles tag: Tag category: Category archives: Archives card_post_count: comments no_title: Untitled post: created: Created updated: Updated wordcount: Word Count min2read: Reading Time min2read_unit: mins page_pv: Post Views comments: Comments copyright: author: Author link: Link copyright_notice: Copyright Notice copyright_content: 'All articles on this blog are licensed under %s unless otherwise stated.' recommend: Related Articles edit: Edit back_to_home: Back to Home search: title: Search load_data: Loading Database input_placeholder: Search for Posts algolia_search: hits_empty: 'No results found for: ${query}' hits_stats: '${hits} results found in ${time} ms' local_search: hits_empty: 'No results found for: ${query}' hits_stats: '${hits} articles found' pagination: prev: Previous next: Next page_info: 'Page ${current} of ${total}' comment: Comments aside: articles: Articles tags: Tags categories: Categories card_announcement: Announcement card_categories: Categories card_tags: Tags card_archives: Archives card_recent_post: Recent Posts card_webinfo: headline: Website Info article_name: Article Count runtime: name: Runtime unit: days last_push_date: name: Last Update site_wordcount: Total Word Count site_uv_name: Unique Visitors site_pv_name: Page Views more_button: View More card_newest_comments: headline: Latest Comments loading_text: Loading... error: Unable to retrieve comments, please check the configuration zero: No comments image: Image link: Link code: Code card_toc: Contents card_post_series: Post Series date_suffix: just: Just now min: minutes ago hour: hours ago day: days ago month: months ago donate: Sponsor share: Share rightside: readmode_title: Reading Mode translate_title: Toggle Between Traditional 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: Settings aside: Toggle Between Single-column and Double-column chat: Chat copy_copyright: author: Author link: Link source: Source info: Copyright belongs to the author. For commercial use, please contact the author for authorization. For non-commercial use, please indicate the source. Snackbar: chs_to_cht: You have switched to Traditional Chinese cht_to_chs: You have switched to Simplified Chinese day_to_night: You have switched to Dark Mode night_to_day: You have switched to Light Mode loading: Loading... load_more: Load More error404: Page Not Found ================================================ FILE: languages/ja.yml ================================================ footer: framework: フレームワーク theme: テーマ copy: success: コピー成功 error: コピー失敗 noSupport: ブラウザが対応していません page: articles: 記事一覧 tag: タグ category: カテゴリ archives: アーカイブ card_post_count: コメント数 no_title: タイトルなし post: created: 作成日 updated: 更新日 wordcount: 総文字数 min2read: 読む時間 min2read_unit: 分 page_pv: 閲覧数 comments: コメント数 copyright: author: 著者 link: リンク copyright_notice: 著作権表示 copyright_content: 'このブログのすべての記事は、%s ライセンスの下で提供されており、特に明記されていない限り、すべての権利を留保します。転載時には出典を明記してください: %s。' recommend: 関連記事 edit: 編集 back_to_home: ホームに戻る search: title: 検索 load_data: データベースを読み込んでいます input_placeholder: 記事を検索 algolia_search: hits_empty: '${query} の検索結果が見つかりませんでした。' hits_stats: '${hits} 件の結果が ${time}ms で見つかりました' local_search: hits_empty: '${query} の検索結果が見つかりませんでした。' hits_stats: '${hits} 件の記事が見つかりました' pagination: prev: 前へ next: 次へ page_info: '${current} ページ / 合計 ${total} ページ' comment: コメント aside: articles: 記事 tags: タグ categories: カテゴリ card_announcement: お知らせ card_categories: カテゴリ card_tags: タグ card_archives: アーカイブ card_recent_post: 最近の記事 card_webinfo: headline: サイト情報 article_name: 記事数 runtime: name: 稼働時間 unit: 日 last_push_date: name: 最終更新日 site_wordcount: 総文字数 site_uv_name: ユーザー数 site_pv_name: ページビュー数 more_button: もっと見る card_newest_comments: headline: 最新コメント loading_text: ローディング中... error: コメントを取得できませんでした。設定を確認してください。 zero: コメントがありません image: 画像 link: リンク code: コード card_toc: 目次 card_post_series: シリーズ記事 date_suffix: just: たった今 min: 分前 hour: 時間前 day: 日前 month: ヶ月前 donate: 寄付 share: 共有 rightside: readmode_title: 読書モード translate_title: 簡体字と繁体字の切り替え night_mode_title: ライトモード/ダークモード切り替え back_to_top: トップに戻る toc: 目次 scroll_to_comment: コメントへ移動 setting: 設定 aside: シングルカラムとダブルカラムの切り替え chat: チャット copy_copyright: author: 著者 link: リンク source: ソース info: 著作権は著者に帰属します。商業的利用の場合は著者に連絡して許可を得てください。非商業的利用の場合は出典を明記してください。 Snackbar: chs_to_cht: 繁体字に切り替えました cht_to_chs: 簡体字に切り替えました day_to_night: ダークモードに切り替えました night_to_day: ライトモードに切り替えました loading: ローディング中... load_more: もっと見る error404: ページが見つかりません ================================================ FILE: languages/ko.yml ================================================ footer: framework: 프레임워크 theme: 테마 copy: success: 복사 성공 error: 복사 실패 noSupport: 브라우저가 지원되지 않음 page: articles: 모든 글 tag: 태그 category: 카테고리 archives: 아카이브 card_post_count: 댓글 수 no_title: 제목 없음 post: created: 작성일 updated: 수정일 wordcount: 총 글자 수 min2read: 읽기 시간 min2read_unit: 분 page_pv: 조회수 comments: 댓글 copyright: author: 작성자 link: 링크 copyright_notice: 저작권 고지 copyright_content: '이 블로그의 모든 글은 %s 라이선스를 따르며, 별도로 명시되지 않는 한 모든 권리를 보유합니다. 재배포 시 출처를 명시해 주세요: %s.' recommend: 관련 글 edit: 편집 back_to_home: 홈으로 돌아가기 search: title: 검색 load_data: 데이터베이스 로드 중 input_placeholder: 글 검색 algolia_search: hits_empty: '${query}에 대한 결과를 찾을 수 없습니다.' hits_stats: '${hits}개의 결과를 ${time}ms 만에 찾음' local_search: hits_empty: '${query}에 대한 결과를 찾을 수 없습니다.' hits_stats: '${hits}개의 글을 찾음' pagination: prev: 이전 next: 다음 page_info: '${current} 페이지 / 총 ${total} 페이지' comment: 댓글 aside: articles: 글 tags: 태그 categories: 카테고리 card_announcement: 공지 card_categories: 카테고리 card_tags: 태그 card_archives: 아카이브 card_recent_post: 최근 글 card_webinfo: headline: 사이트 정보 article_name: 글 수 runtime: name: 운영 시간 unit: 일 last_push_date: name: 마지막 업데이트 site_wordcount: 총 글자 수 site_uv_name: 방문자 수 site_pv_name: 총 조회수 more_button: 더 보기 card_newest_comments: headline: 최신 댓글 loading_text: 로딩 중... error: 댓글을 가져올 수 없습니다. 설정을 확인해 주세요. zero: 댓글 없음 image: 이미지 link: 링크 code: 코드 card_toc: 목차 card_post_series: 시리즈 글 date_suffix: just: 방금 min: 분 전 hour: 시간 전 day: 일 전 month: 달 전 donate: 후원 share: 공유 rightside: readmode_title: 읽기 모드 translate_title: 번체와 간체 전환 night_mode_title: 라이트/다크 모드 전환 back_to_top: 맨 위로 toc: 목차 scroll_to_comment: 댓글로 이동 setting: 설정 aside: 단일/이중 열 전환 chat: 채팅 copy_copyright: author: 작성자 link: 링크 source: 출처 info: 저작권은 작성자에게 있습니다. 상업적 사용을 위해서는 작성자의 허가를 받아야 하며, 비상업적 사용 시에는 출처를 명시해 주세요. Snackbar: chs_to_cht: 번체로 전환되었습니다. cht_to_chs: 간체로 전환되었습니다. day_to_night: 다크 모드로 전환되었습니다. night_to_day: 라이트 모드로 전환되었습니다. loading: 로딩 중... load_more: 더 보기 error404: 페이지를 찾을 수 없습니다. ================================================ FILE: languages/zh-CN.yml ================================================ footer: framework: 框架 theme: 主题 copy: success: 复制成功 error: 复制失败 noSupport: 浏览器不支持 page: articles: 全部文章 tag: 标签 category: 分类 archives: 归档 card_post_count: 条评论 no_title: 无标题 post: created: 发表于 updated: 更新于 wordcount: 总字数 min2read: 阅读时长 min2read_unit: 分钟 page_pv: 浏览量 comments: 评论数 copyright: author: 文章作者 link: 文章链接 copyright_notice: 版权声明 copyright_content: '本博客所有文章除特别声明外，均采用 %s 许可协议。转载请注明来源 %s！' recommend: 相关推荐 edit: 编辑 back_to_home: 返回首页 search: title: 搜索 load_data: 数据加载中 input_placeholder: 搜索文章 algolia_search: hits_empty: '未找到符合您查询的内容：${query}' hits_stats: '找到 ${hits} 条结果，耗时 ${time} 毫秒' local_search: hits_empty: '未找到符合您查询的内容：${query}' hits_stats: '共找到 ${hits} 篇文章' pagination: prev: 上一篇 next: 下一篇 page_info: '第 ${current} 页 / 共 ${total} 页' comment: 评论 aside: articles: 文章 tags: 标签 categories: 分类 card_announcement: 公告 card_categories: 分类 card_tags: 标签 card_archives: 归档 card_recent_post: 最新文章 card_webinfo: headline: 网站信息 article_name: 文章数目 runtime: name: 运行时间 unit: 天 last_push_date: name: 最后更新时间 site_wordcount: 本站总字数 site_uv_name: 本站访客数 site_pv_name: 本站总浏览量 more_button: 查看更多 card_newest_comments: headline: 最新评论 loading_text: 加载中... error: 无法获取评论，请确认相关配置是否正确 zero: 暂无评论 image: 图片 link: 链接 code: 代码 card_toc: 目录 card_post_series: 系列文章 date_suffix: just: 刚刚 min: 分钟前 hour: 小时前 day: 天前 month: 个月前 donate: 赞助 share: 分享 rightside: readmode_title: 阅读模式 translate_title: 简繁转换 night_mode_title: 日间和夜间模式切换 back_to_top: 回到顶部 toc: 目录 scroll_to_comment: 前往评论 setting: 设置 aside: 单栏和双栏切换 chat: 聊天 copy_copyright: author: 作者 link: 链接 source: 来源 info: 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 Snackbar: chs_to_cht: 已切换为繁体中文 cht_to_chs: 已切换为简体中文 day_to_night: 已切换为深色模式 night_to_day: 已切换为浅色模式 loading: 加载中... load_more: 加载更多 error404: 页面未找到 ================================================ FILE: languages/zh-HK.yml ================================================ footer: framework: 框架 theme: 主題 copy: success: 複製成功 error: 複製失敗 noSupport: 瀏覽器不支援 page: articles: 全部文章 tag: 標籤 category: 分類 archives: 歸檔 card_post_count: 條評論 no_title: 無標題 post: created: 發表於 updated: 更新於 wordcount: 字數統計 min2read: 閱讀時間 min2read_unit: 分鐘 page_pv: 瀏覽量 comments: 評論數 copyright: author: 文章作者 link: 文章連結 copyright_notice: 版權聲明 copyright_content: '除特別聲明外，本博客所有文章均採用%s 授權協議。轉載請註明出處：%s。' recommend: 相關文章 edit: 編輯 back_to_home: 返回首頁 search: title: 搜尋 load_data: 正在加載數據庫 input_placeholder: 搜尋文章 algolia_search: hits_empty: '未找到相關內容：${query}' hits_stats: '找到 ${hits} 條結果，耗時 ${time} 毫秒' local_search: hits_empty: '未找到相關內容：${query}' hits_stats: '找到 ${hits} 篇文章' pagination: prev: 上一頁 next: 下一頁 page_info: '第 ${current} 頁 / 共 ${total} 頁' comment: 評論 aside: articles: 文章 tags: 標籤 categories: 分類 card_announcement: 公告 card_categories: 分類 card_tags: 標籤 card_archives: 歸檔 card_recent_post: 最新文章 card_webinfo: headline: 網站資訊 article_name: 文章數目 runtime: name: 運行時間 unit: 天 last_push_date: name: 最後更新時間 site_wordcount: 總字數 site_uv_name: 訪客數 site_pv_name: 總瀏覽量 more_button: 查看更多 card_newest_comments: headline: 最新評論 loading_text: 正在加載... error: 無法取得評論，請確認配置是否正確 zero: 暫無評論 image: 圖片 link: 連結 code: 代碼 card_toc: 目錄 card_post_series: 系列文章 date_suffix: just: 剛剛 min: 分鐘前 hour: 小時前 day: 天前 month: 個月前 donate: 贊助 share: 分享 rightside: readmode_title: 閱讀模式 translate_title: 簡繁轉換 night_mode_title: 切換日夜模式 back_to_top: 回到頂部 toc: 目錄 scroll_to_comment: 前往評論 setting: 設定 aside: 單欄與雙欄切換 chat: 聊天 copy_copyright: author: 作者 link: 連結 source: 來源 info: 版權屬於作者所有。商業用途請聯絡作者獲得授權，非商業用途請註明出處。 Snackbar: chs_to_cht: 已切換為繁體中文 cht_to_chs: 已切換為簡體中文 day_to_night: 已切換為深色模式 night_to_day: 已切換為淺色模式 loading: 正在加載... load_more: 加載更多 error404: 未找到頁面 ================================================ FILE: languages/zh-TW.yml ================================================ footer: framework: 框架 theme: 主題 copy: success: 複製成功 error: 複製失敗 noSupport: 瀏覽器不支援 page: articles: 所有文章 tag: 標籤 category: 分類 archives: 歸檔 card_post_count: 則評論 no_title: 無標題 post: created: 發表於 updated: 更新於 wordcount: 總字數 min2read: 閱讀時間 min2read_unit: 分鐘 page_pv: 瀏覽量 comments: 評論數 copyright: author: 文章作者 link: 文章連結 copyright_notice: 版權聲明 copyright_content: '本部落格所有文章除特別聲明外，均採用%s 授權協議。轉載請註明來源 %s！' recommend: 相關推薦 edit: 編輯 back_to_home: 返回首頁 search: title: 搜尋 load_data: 資料載入中 input_placeholder: 搜尋文章 algolia_search: hits_empty: '找不到符合您查詢的內容：${query}' hits_stats: '找到 ${hits} 筆結果，耗時 ${time} 毫秒' local_search: hits_empty: '找不到符合您查詢的內容：${query}' hits_stats: '共找到 ${hits} 篇文章' pagination: prev: 上一篇 next: 下一篇 page_info: '第 ${current} 頁 / 共 ${total} 頁' comment: 評論 aside: articles: 文章 tags: 標籤 categories: 分類 card_announcement: 公告 card_categories: 分類 card_tags: 標籤 card_archives: 歸檔 card_recent_post: 最新文章 card_webinfo: headline: 網站資訊 article_name: 文章數量 runtime: name: 運行時間 unit: 天 last_push_date: name: 最後更新時間 site_wordcount: 總字數 site_uv_name: 訪客數 site_pv_name: 總瀏覽量 more_button: 檢視更多 card_newest_comments: headline: 最新評論 loading_text: 載入中... error: 無法獲取評論，請確認相關配置是否正確 zero: 尚無評論 image: 圖片 link: 連結 code: 程式碼 card_toc: 目錄 card_post_series: 系列文章 date_suffix: just: 剛剛 min: 分鐘前 hour: 小時前 day: 天前 month: 個月前 donate: 贊助 share: 分享 rightside: readmode_title: 閱讀模式 translate_title: 繁簡轉換 night_mode_title: 日夜模式切換 back_to_top: 回到頂端 toc: 目錄 scroll_to_comment: 前往評論 setting: 設定 aside: 單欄和雙欄切換 chat: 聊天 copy_copyright: author: 作者 link: 連結 source: 來源 info: 著作權歸作者所有。如需商業轉載，請聯絡作者獲得授權，非商業轉載請註明出處。 Snackbar: chs_to_cht: 已切換為繁體中文 cht_to_chs: 已切換為簡體中文 day_to_night: 已切換為深色模式 night_to_day: 已切換為淺色模式 loading: 載入中... load_more: 載入更多 error404: 找不到頁面 ================================================ FILE: layout/archive.pug ================================================ extends includes/layout.pug block content include ./includes/mixins/article-sort.pug #archive .article-sort-title= `${_p('page.articles')} - ${getArchiveLength()}` +articleSort(page.posts) include includes/pagination.pug ================================================ FILE: layout/category.pug ================================================ extends includes/layout.pug block content if theme.category_ui == 'index' include ./includes/mixins/indexPostUI.pug +indexPostUI else include ./includes/mixins/article-sort.pug #category .article-sort-title= _p('page.category') + ' - ' + page.category +articleSort(page.posts) include includes/pagination.pug ================================================ FILE: layout/includes/additional-js.pug ================================================ 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.lightbox script(src=url_for(theme.asset[theme.lightbox])) if theme.instantpage script(src=url_for(theme.asset.instantpage), type='module') if theme.lazyload.enable && !theme.lazyload.native script(src=url_for(theme.asset.lazyload)) if theme.snackbar.enable script(src=url_for(theme.asset.snackbar)) .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 include ./third-party/abcjs/index.pug if commentsJsLoad include ./third-party/comments/js.pug != partial("includes/third-party/prismjs", {}, { cache: true }) if theme.aside.enable && theme.aside.card_newest_comments.enable if theme.pjax.enable || (globalPageType !== '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 || page.aplayer include ./third-party/aplayer.pug if theme.pjax.enable != partial("includes/third-party/pjax", {}, { cache: true }) if theme.umami_analytics.enable != partial("includes/third-party/umami_analytics", {}, { cache: true }) if theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv script(async data-pjax src=theme.asset.busuanzi ? url_for(theme.asset.busuanzi) : '//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js') != partial('includes/third-party/search/index', {}, { cache: true }) if theme.google_tag_manager && theme.google_tag_manager.tag_id noscript iframe(src=`${theme.google_tag_manager.domain ? theme.google_tag_manager.domain : 'https://www.googletagmanager.com'}/ns.html?id=${theme.google_tag_manager.tag_id}` height="0" width="0" style="display:none;visibility:hidden") ================================================ FILE: layout/includes/footer.pug ================================================ - const { nav, owner, copyright, custom_text } = theme.footer if nav .footer-flex for block in nav .footer-flex-items(style=`${ block.width ? 'flex-grow:' + block.width : '' }`) for blockItem in block.content .footer-flex-item .footer-flex-title= blockItem.title .footer-flex-content for subitem in blockItem.item if subitem.html div!= subitem.html else if subitem.url a(href=url_for(subitem.url), target='_blank' title=subitem.title)= subitem.title else if subitem.title div!= subitem.title .footer-other .footer-copyright if owner.enable - const currentYear = new Date().getFullYear() - const sinceYear = owner.since span.copyright if sinceYear && sinceYear != currentYear != `© ${sinceYear} - ${currentYear} By ${config.author}` else != `© ${currentYear} By ${config.author}` if copyright.enable - const v = copyright.version ? getVersion() : false span.framework-info if owner.enable && nav span.footer-separator | span= _p('footer.framework') + ' ' a(href='https://hexo.io')= `Hexo${ v ? ' ' + v.hexo : '' }` span.footer-separator | span= _p('footer.theme') + ' ' a(href='https://github.com/jerryc127/hexo-theme-butterfly')= `Butterfly${ v ? ' ' + v.theme : '' }` if theme.footer.custom_text .footer_custom_text!= theme.footer.custom_text ================================================ FILE: layout/includes/head/Open_Graph.pug ================================================ if theme.Open_Graph_meta.enable - const coverVal = page.cover_type === 'img' ? page.cover : theme.avatar.img let ogOption = Object.assign({ type: globalPageType === 'post' ? 'article' : 'website', image: coverVal ? full_url_for(coverVal) : '', fb_admins: theme.facebook_comments.user_id || '', fb_app_id: theme.facebook_comments.app_id || '', }, theme.Open_Graph_meta.option) - != open_graph(ogOption) else - const description = page.description || page.content || page.title || config.description if description meta(name="description" content=truncate(description, 150)) ================================================ FILE: layout/includes/head/analytics.pug ================================================ 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); })(); btf.addGlobalFn('pjaxComplete', () => { _hmt.push(['_trackPageview',window.location.pathname]) }, 'baidu_analytics') 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}') btf.addGlobalFn('pjaxComplete', () => { gtag('config', '!{theme.google_analytics}', {'page_path': window.location.pathname}) }, 'google_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}"); if (theme.google_tag_manager && theme.google_tag_manager.tag_id) script. (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= "!{theme.google_tag_manager.domain ? theme.google_tag_manager.domain : 'https://www.googletagmanager.com'}/gtm.js?id="+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','!{theme.google_tag_manager.tag_id}'); btf.addGlobalFn('pjaxComplete', () => { dataLayer.push({'event': 'pjaxComplete', 'page_title': document.title, 'page_location': location.href, 'page_path': window.location.pathname}) }, 'google_tag_manager') ================================================ FILE: layout/includes/head/config.pug ================================================ - let algolia = 'undefined' if (theme.search.use === 'algolia_search') { const { ALGOLIA_APP_ID, ALGOLIA_API_KEY, ALGOLIA_INDEX_NAME } = process.env const { appId, applicationID, apiKey, indexName } = config.algolia algolia = JSON.stringify({ appId: ALGOLIA_APP_ID || appId || applicationID, apiKey: ALGOLIA_API_KEY || apiKey, indexName: ALGOLIA_INDEX_NAME || indexName, hitsPerPage: theme.search.algolia_search.hitsPerPage, // search languages languages: { hits_empty: _p("search.algolia_search.hits_empty"), hits_stats: _p("search.algolia_search.hits_stats"), } }) } let localSearch = 'undefined' if (theme.search.use === 'local_search') { const { CDN, preload, top_n_per_article, pagination, unescape } = theme.search.local_search localSearch = JSON.stringify({ path: CDN || config.root + config.search.path, preload, top_n_per_article, unescape, pagination: { enable: pagination.enable, hitsPerPage: pagination.hitsPerPage }, languages: { // search languages hits_empty: _p("search.local_search.hits_empty"), hits_stats: _p("search.local_search.hits_stats"), } }) } 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 highlightProvider = config.syntax_highlighter || (config.highlight.enable ? 'highlight.js' : config.prismjs.enable ? 'prismjs' : null) const { copy, language, height_limit, fullpage, macStyle, shrink } = theme.code_blocks let highlight = JSON.stringify({ plugin: highlightProvider, highlightCopy: copy, highlightLang: language, highlightHeightLimit: height_limit, highlightFullpage: fullpage, highlightMacStyle: macStyle }) script. const GLOBAL_CONFIG = { root: '!{config.root}', algolia: !{algolia}, localSearch: !{localSearch}, translate: !{translate}, 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.aside.card_webinfo.runtime_date ? _p("aside.card_webinfo.runtime.unit") : ""}', dateSuffix: { 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.lightbox || 'null' }', Snackbar: !{Snackbar}, infinitegrid: { js: '!{url_for(theme.asset.egjs_infinitegrid)}', buttonText: '!{_p("load_more")}' }, isPhotoFigcaption: !{theme.photofigcaption}, islazyloadPlugin: !{theme.lazyload.enable && !theme.lazyload.native}, isAnchor: !{theme.anchor.auto_update || false}, percent: { toc: !{theme.toc.scroll_percent}, rightside: !{theme.rightside_scroll_percent}, }, autoDarkmode: !{theme.darkmode.enable && theme.darkmode.autoChangeMode === 1} } ================================================ FILE: layout/includes/head/config_site.pug ================================================ - const titleVal = pageTitle.replace(/'/ig,"\\'") let isHighlightShrink if (theme.code_blocks.shrink == 'none') isHighlightShrink = 'undefined' else if (typeof page.highlight_shrink == 'boolean') isHighlightShrink = page.highlight_shrink else isHighlightShrink = theme.code_blocks.shrink var showToc = false if (theme.aside.enable && page.aside !== false) { let tocEnable = false if (globalPageType === 'post' && theme.toc.post) tocEnable = true else if (globalPageType === 'page' && theme.toc.page) tocEnable = true const pageToc = typeof page.toc === 'boolean' ? page.toc : tocEnable showToc = pageToc && (toc(page.content) !== '' || page.encrypt === true) } - script#config-diff. var GLOBAL_CONFIG_SITE = { title: '!{titleVal}', isHighlightShrink: !{isHighlightShrink}, isToc: !{showToc}, pageType: '!{page.type == 'shuoshuo' ? 'shuoshuo' : globalPageType}' } ================================================ FILE: layout/includes/head/google_adsense.pug ================================================ 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}' }); ================================================ FILE: layout/includes/head/preconnect.pug ================================================ - const { internal_provider, third_party_provider, custom_format } = theme.CDN const providers = { 'jsdelivr': '//cdn.jsdelivr.net', 'cdnjs': '//cdnjs.cloudflare.com', 'unpkg': '//unpkg.com', 'custom': custom_format && custom_format.match(/^((https?:)?(\/\/[^/]+)|([^/]+))(\/|$)/)[1] } - if internal_provider === third_party_provider && internal_provider !== 'local' link(rel="preconnect" href=providers[internal_provider]) else if internal_provider !== 'local' link(rel="preconnect" href=providers[internal_provider]) if third_party_provider !== 'local' link(rel="preconnect" href=providers[third_party_provider]) 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.cloudflare_analytics link(rel="preconnect" href="//static.cloudflareinsights.com") if theme.microsoft_clarity link(rel="preconnect" href="//www.clarity.ms") if theme.blog_title_font && theme.blog_title_font.font_link && theme.blog_title_font.font_link.indexOf('//fonts.googleapis.com') != -1 link(rel="preconnect" href="//fonts.googleapis.com" crossorigin='') if !theme.asset.busuanzi && (theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv) link(rel="preconnect" href="//busuanzi.ibruce.info") ================================================ FILE: layout/includes/head/pwa.pug ================================================ - const { manifest, theme_color, apple_touch_icon, favicon_32_32, favicon_16_16, mask_icon } = theme.pwa link(rel="manifest" href=url_for(manifest)) if theme_color meta(name="msapplication-TileColor" content=theme_color) if apple_touch_icon link(rel="apple-touch-icon" sizes="180x180" href=url_for(apple_touch_icon)) if favicon_32_32 link(rel="icon" type="image/png" sizes="32x32" href=url_for(favicon_32_32)) if favicon_16_16 link(rel="icon" type="image/png" sizes="16x16" href=url_for(favicon_16_16)) if mask_icon link(rel="mask-icon" href=url_for(mask_icon) color="#5bbad5") ================================================ FILE: layout/includes/head/site_verification.pug ================================================ if theme.site_verification each item in theme.site_verification meta(name=item.name content=item.content) ================================================ FILE: layout/includes/head/structured_data.pug ================================================ if theme.structured_data if page.layout === 'post' - // https://developers.google.com/search/docs/appearance/structured-data/article const title = page.title const url = page.permalink const imageVal = page.cover_type === 'img' ? page.cover : theme.avatar.img const image = imageVal ? full_url_for(imageVal) : '' const datePublished = page.date.toISOString() const dateModified = (page.updated || page.date).toISOString() const author = page.copyright_author || config.author const authorHrefVal = page.copyright_author_href || theme.post_copyright.author_href || config.url const authorHref = full_url_for(authorHrefVal) const jsonLd = { "@context": "https://schema.org", "@type": "BlogPosting", "headline": title, "url": url, "image": image, "datePublished": datePublished, "dateModified": dateModified, "author": [{ "@type": "Person", "name": author, "url": authorHref }] } jsonLdScript = JSON.stringify(jsonLd, null, 2) - else if is_home() && (!page.current || page.current === 1) - // https://developers.google.com/search/docs/appearance/site-names#website const baseUrl = config.url; const currentPath = url_for('/'); const isRootOrSubdomain = currentPath.split('/').filter(Boolean).length === 0; if (isRootOrSubdomain) { const domain = new URL(config.url).hostname; const alternateNames = theme.structured_data.alternate_name || []; if (config.subtitle) { alternateNames.push(config.subtitle); } if (domain) { alternateNames.push(domain); } const jsonLd = { "@context": "https://schema.org", "@type": "WebSite", "name": config.title, "alternateName": alternateNames, "url": full_url_for('/'), } jsonLdScript = JSON.stringify(jsonLd, null, 2) } - script(type="application/ld+json"). !{jsonLdScript} ================================================ FILE: layout/includes/head.pug ================================================ - var pageTitle - globalPageType === 'archive' ? page.title = findArchivesTitle(page, theme.menu, date) : '' case globalPageType when 'tag' - pageTitle = _p('page.tag') + ': ' + page.tag when 'category' - pageTitle = _p('page.category') + ': ' + page.category when '404' - pageTitle = _p('error404') default - pageTitle = page.title || config.title || '' - var isSubtitle = config.subtitle ? ' - ' + config.subtitle : '' - var tabTitle = globalPageType === '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,viewport-fit=cover") 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 //- Structured Data include ./head/structured_data.pug !=favicon_tag(theme.favicon || config.favicon) link(rel="canonical" href=urlNoIndex(null,config.pretty_urls.trailing_index,config.pretty_urls.trailing_html)) //- 預解析 !=partial('includes/head/preconnect', {}, {cache: true}) //- 網站驗證 !=partial('includes/head/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.fontawesome)) if (theme.snackbar && theme.snackbar.enable) link(rel='stylesheet', href=url_for(theme.asset.snackbar_css) media="print" onload="this.media='all'") if theme.lightbox === 'fancybox' link(rel='stylesheet' href=url_for(theme.asset.fancybox_css) media="print" onload="this.media='all'") !=fragment_cache('injectHeadJs', function(){return inject_head_js()}) //- 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 !=fragment_cache('injectHead', function(){return injectHtml(theme.inject.head)}) ================================================ FILE: layout/includes/header/index.pug ================================================ - const returnTopImg = img => img !== false ? img || theme.default_top_img : false const isFixedClass = theme.nav.fixed ? ' fixed' : '' var top_img = false let headerClassName = 'not-top-img' var bg_img = '' if !theme.disable_top_img && page.top_img !== false case globalPageType when 'post' - top_img = page.top_img || page.cover || theme.default_top_img when 'page' - top_img = page.top_img || theme.default_top_img when 'tag' - top_img = theme.tag_per_img && theme.tag_per_img[page.tag] || returnTopImg(theme.tag_img) when 'category' - top_img = theme.category_per_img && theme.category_per_img[page.category] || returnTopImg(theme.category_img) when 'home' - top_img = returnTopImg(theme.index_img) when 'archive' - top_img = returnTopImg(theme.archive_img) default - top_img = page.top_img || theme.default_top_img if top_img !== false - bg_img = getBgPath(top_img) - headerClassName = globalPageType === 'home' ? 'full_page' : globalPageType === 'post' ? 'post-bg' : 'not-home-page' header#page-header(class=`${headerClassName + isFixedClass}` style=bg_img) include ./nav.pug if top_img !== false if globalPageType === 'post' include ./post-info.pug else if globalPageType === 'home' #site-info h1#site-title=config.title if theme.subtitle.enable - var loadSubJs = true #site-subtitle span#subtitle if theme.social #site_social_icons !=partial('includes/header/social', {}, {cache: true}) #scroll-down i.fas.fa-angle-down.scroll-down-effects else #page-site-info h1#site-title=page.title || page.tag || page.category else //- improve seo if globalPageType !== 'post' h1.title-seo=page.title || page.tag || page.category || config.title ================================================ FILE: layout/includes/header/menu_item.pug ================================================ if theme.menu .menus_items each value, label in theme.menu if typeof value !== 'object' .menus_item - const [link, icon] = value.split('||').map(part => trim(part)) a.site-page(href=url_for(link)) if icon i.fa-fw(class=icon) span= ' ' + label else .menus_item - const [groupLabel, groupIcon, groupClass] = label.split('||').map(part => trim(part)) - const hideClass = groupClass === 'hide' ? 'hide' : '' span.site-page.group(class=hideClass) if groupIcon i.fa-fw(class=groupIcon) span= ' ' + groupLabel i.fas.fa-chevron-down ul.menus_item_child each val, lab in value - const [childLink, childIcon] = val.split('||').map(part => trim(part)) li a.site-page.child(href=url_for(childLink)) if childIcon i.fa-fw(class=childIcon) span= ' ' + lab ================================================ FILE: layout/includes/header/nav.pug ================================================ nav#nav span#blog-info a.nav-site-title(href=url_for('/')) if theme.nav.logo img.site-icon(src=url_for(theme.nav.logo) alt='Logo') if theme.nav.display_title span.site-name=config.title if globalPageType === 'post' && theme.nav.display_post_title a.nav-page-title(href=url_for('/')) span.site-name=(page.title || config.title) span.site-name i.fa-solid.fa-circle-arrow-left span= ' ' + _p('post.back_to_home') #menus if theme.search.use #search-button span.site-page.social-icon.search i.fas.fa-search.fa-fw span= ' ' + _p('search.title') if theme.menu != partial('includes/header/menu_item', {}, {cache: true}) #toggle-menu span.site-page i.fas.fa-bars.fa-fw ================================================ FILE: layout/includes/header/post-info.pug ================================================ - 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=parent_title) i.far.fa-eye.fa-fw.post-meta-icon span.post-meta-label= _p('post.page_pv') + ':' if block block mixin otherPV() if theme.umami_analytics.enable && theme.umami_analytics.UV_PV.page_pv +pvBlock('', '', '') span#umamiPV(data-path=url_for(page.path)) 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 - const commentUse = comments.use && comments.use[0] if page.comments !== false && commentUse && !comments.lazyload if commentUse === '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 === '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 === 'Twikoo' && theme.twikoo.visitor +pvBlock('', '', '') span#twikoo_visitors i.fa-solid.fa-spinner.fa-spin else if commentUse === 'Artalk' && theme.artalk.visitor +pvBlock('', '', '') span#ArtalkPV i.fa-solid.fa-spinner.fa-spin else +otherPV() else +otherPV() if comments.count && !comments.lazyload && page.comments !== false && comments.use - var whichCount = comments.use[0] mixin countBlock span.post-meta-separator | span.post-meta-commentcount i.far.fa-comments.fa-fw.post-meta-icon span.post-meta-label= _p('post.comments') + ':' if block block case whichCount when 'Disqus' +countBlock a.disqus-comment-count(href=full_url_for(page.path) + '#post-comment') i.fa-solid.fa-spinner.fa-spin when 'Disqusjs' +countBlock a.disqusjs-comment-count(href=full_url_for(page.path) + '#post-comment') i.fa-solid.fa-spinner.fa-spin when 'Valine' +countBlock a(href=url_for(page.path) + '#post-comment' itemprop="discussionUrl") span.valine-comment-count(data-xid=url_for(page.path) itemprop="commentCount") i.fa-solid.fa-spinner.fa-spin when 'Waline' +countBlock a(href=url_for(page.path) + '#post-comment') span.waline-comment-count(data-path=url_for(page.path)) i.fa-solid.fa-spinner.fa-spin when 'Gitalk' +countBlock a(href=url_for(page.path) + '#post-comment') span.gitalk-comment-count i.fa-solid.fa-spinner.fa-spin when 'Twikoo' +countBlock a(href=url_for(page.path) + '#post-comment') span#twikoo-count i.fa-solid.fa-spinner.fa-spin when 'Facebook Comments' +countBlock a(href=url_for(page.path) + '#post-comment') span.fb-comments-count(data-href=urlNoIndex()) when 'Remark42' +countBlock a(href=url_for(page.path) + '#post-comment') span.remark42__counter(data-url=urlNoIndex()) i.fa-solid.fa-spinner.fa-spin when 'Artalk' +countBlock a(href=url_for(page.path) + '#post-comment') span#ArtalkCount i.fa-solid.fa-spinner.fa-spin ================================================ FILE: layout/includes/header/social.pug ================================================ each url, icon in theme.social - const [link, title, color] = url.split('||').map(i => trim(i)) const href = url_for(link) const iconStyle = color ? `color: ${color.replace(/[\'\"]/g, '')};` : '' const iconTitle = title || '' a.social-icon(href=href target="_blank" title=iconTitle) i(class=icon style=iconStyle) ================================================ FILE: layout/includes/layout.pug ================================================ - var globalPageType = getPageType(page, is_home) - var htmlClassHideAside = theme.aside.enable && theme.aside.hide ? 'hide-aside' : '' - page.aside = globalPageType === 'archive' ? theme.aside.display.archive: globalPageType === 'category' ? theme.aside.display.category : globalPageType === 'tag' ? theme.aside.display.tag : page.aside - var hideAside = !theme.aside.enable || page.aside === false ? 'hide-aside' : '' - var pageType = globalPageType === 'post' ? 'post' : 'page' - pageType = page.type ? pageType + ' type-' + page.type : pageType doctype html html(lang=config.language data-theme=theme.display_mode class=htmlClassHideAside) head include ./head.pug body !=partial('includes/loading/index', {}, {cache: true}) if theme.background if !Array.isArray(theme.background) #web_bg.bg-animation(style=getBgPath(theme.background)) else #web_bg.bg-animation - const bgStyleArr = theme.background.map(getBgPath) script. (() => { const arr = !{JSON.stringify(bgStyleArr)} const webBgDiv = document.getElementById('web_bg') const setRandomBg = () => { webBgDiv.style = arr[Math.floor(Math.random() * arr.length)] requestAnimationFrame(() => webBgDiv.classList.add('bg-animation')) } document.addEventListener('pjax:send', () => { webBgDiv.style = '' webBgDiv.classList.remove('bg-animation') }) document.addEventListener('pjax:complete', setRandomBg) document.addEventListener('DOMContentLoaded', setRandomBg) })() !=partial('includes/sidebar', {}, {cache: true}) #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 - const footerBg = theme.footer_img - const footer_bg = footerBg ? footerBg === true ? bg_img : getBgPath(footerBg) : '' footer#footer(style=footer_bg) !=partial('includes/footer', {}, {cache: true}) include ./rightside.pug include ./additional-js.pug ================================================ FILE: layout/includes/loading/fullpage-loading.pug ================================================ #loading-box .loading-left-bg .loading-right-bg .spinner-box .configure-border-1 .configure-core .configure-border-2 .configure-core .loading-word= _p('loading') script. (()=>{ const $loadingBox = document.getElementById('loading-box') const $body = document.body const preloader = { endLoading: () => { if ($loadingBox.classList.contains('loaded')) return $body.style.overflow = '' $loadingBox.classList.add('loaded') }, initLoading: () => { $body.style.overflow = 'hidden' $loadingBox.classList.remove('loaded') } } preloader.initLoading() if (document.readyState === 'complete') { preloader.endLoading() } else { window.addEventListener('load', preloader.endLoading) document.addEventListener('DOMContentLoaded', preloader.endLoading) // Add timeout protection: force end after 7 seconds setTimeout(preloader.endLoading, 7000) } if (!{theme.pjax && theme.pjax.enable}) { btf.addGlobalFn('pjaxSend', preloader.initLoading, 'preloader_init') btf.addGlobalFn('pjaxComplete', preloader.endLoading, 'preloader_end') } })() ================================================ FILE: layout/includes/loading/index.pug ================================================ if theme.preloader.enable if theme.preloader.source === 1 include ./fullpage-loading.pug else include ./pace.pug ================================================ FILE: layout/includes/loading/pace.pug ================================================ script. window.paceOptions = { restartOnPushState: false } btf.addGlobalFn('pjaxSend', () => { Pace.restart() }, 'pace_restart') link(rel="stylesheet", href=url_for(theme.preloader.pace_css_url || theme.asset.pace_default_css)) script(src=url_for(theme.asset.pace_js)) ================================================ FILE: layout/includes/mixins/article-sort.pug ================================================ mixin articleSort(posts) .article-sort - let year - posts.forEach(article => { - const tempYear = date(article.date, 'YYYY') - const noCoverClass = article.cover === false || !theme.cover.archives_enable ? 'no-article-cover' : '' - const title = article.title || _p('no_title') if tempYear !== year - year = tempYear .article-sort-item.year= year .article-sort-item(class=noCoverClass) if article.cover && theme.cover.archives_enable a.article-sort-item-img(href=url_for(article.path) title=title) if article.cover_type === 'img' img(src=url_for(article.cover) alt=title onerror=`this.onerror=null;this.src='${url_for(theme.error_img.post_page)}'`) else div(style=`background: ${article.cover}`) .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 - }) ================================================ FILE: layout/includes/mixins/indexPostUI.pug ================================================ mixin indexPostUI() - const indexLayout = theme.index_layout - const masonryLayoutClass = [6, 7].includes(indexLayout) ? 'masonry' : '' #recent-posts.recent-posts.nc(class=masonryLayoutClass) .recent-post-items each article, index in page.posts.data .recent-post-item - const link = article.link || article.path - const title = article.title || _p('no_title') - const leftOrRight = indexLayout === 3 ? (index % 2 === 0 ? 'left' : 'right') : (indexLayout === 2 ? 'right' : '') - const postCover = article.cover - const noCover = article.cover === false || !theme.cover.index_enable ? 'no-cover' : '' if postCover && theme.cover.index_enable .post_cover(class=leftOrRight) a(href=url_for(link) title=title) if article.cover_type === 'img' img.post-bg(src=url_for(postCover) onerror=`this.onerror=null;this.src='${url_for(theme.error_img.post_page)}'` alt=title) else div.post-bg(style=`background: ${postCover}`) .recent-post-info(class=noCover) a.article-title(href=url_for(link) title=title) if globalPageType === 'home' && (article.top || article.sticky > 0) i.fas.fa-thumbtack.sticky = title .article-meta-wrap if theme.post_meta.page.date_type span.post-meta-date if theme.post_meta.page.date_type === 'both' i.far.fa-calendar-alt span.article-meta-label=_p('post.created') time.post-meta-date-created(datetime=date_xml(article.date) title=_p('post.created') + ' ' + full_date(article.date))= date(article.date, config.date_format) span.article-meta-separator | i.fas.fa-history span.article-meta-label=_p('post.updated') time.post-meta-date-updated(datetime=date_xml(article.updated) title=_p('post.updated') + ' ' + full_date(article.updated))= date(article.updated, config.date_format) else - const isUpdatedType = theme.post_meta.page.date_type === 'updated' - const dateType = isUpdatedType ? 'updated' : 'date' - const dateIcon = isUpdatedType ? 'fas fa-history' : 'far fa-calendar-alt' - const dateTitle = isUpdatedType ? _p('post.updated') : _p('post.created') i(class=dateIcon) span.article-meta-label= dateTitle time(datetime=date_xml(article[dateType]) title=dateTitle + ' ' + full_date(article[dateType]))= date(article[dateType], config.date_format) if theme.post_meta.page.categories && article.categories.data.length > 0 span.article-meta span.article-meta-separator | each item, index in article.categories.data i.fas.fa-inbox a(href=url_for(item.path)).article-meta__categories #[=item.name] if index < article.categories.data.length - 1 i.fas.fa-angle-right.article-meta-link if theme.post_meta.page.tags && article.tags.length > 0 span.article-meta.tags span.article-meta-separator | each item, index in article.tags.data i.fas.fa-tag a(href=url_for(item.path)).article-meta__tags #[=item.name] if index < article.tags.data.length - 1 span.article-meta-link #[='•'] mixin countBlockInIndex - needLoadCountJs = true span.article-meta span.article-meta-separator | i.fas.fa-comments if block block span.article-meta-label= ' ' + _p('card_post_count') if theme.comments.card_post_count && theme.comments.use - const commentSystem = theme.comments.use[0] - const commentLink = url_for(link) + '#post-comment' case commentSystem when 'Disqus' when 'Disqusjs' +countBlockInIndex a.disqus-count(href=full_url_for(link) + '#post-comment') i.fa-solid.fa-spinner.fa-spin when 'Valine' +countBlockInIndex a(href=commentLink) span.valine-comment-count(data-xid=url_for(link)) i.fa-solid.fa-spinner.fa-spin when 'Waline' +countBlockInIndex a(href=commentLink) span.waline-comment-count(data-path=url_for(link)) i.fa-solid.fa-spinner.fa-spin when 'Twikoo' +countBlockInIndex a.twikoo-count(href=commentLink) i.fa-solid.fa-spinner.fa-spin when 'Facebook Comments' +countBlockInIndex a(href=commentLink) span.fb-comments-count(data-href=urlNoIndex(article.permalink)) when 'Remark42' +countBlockInIndex a(href=commentLink) span.remark42__counter(data-url=urlNoIndex(article.permalink)) i.fa-solid.fa-spinner.fa-spin when 'Artalk' +countBlockInIndex a(href=commentLink) span.artalk-count(data-page-key=url_for(link)) i.fa-solid.fa-spinner.fa-spin //- Display the article introduction on homepage - const content = postDesc(article) if content .content!=content if theme.ad && theme.ad.index if (index + 1) % 3 === 0 .recent-post-item.ads-wrap!= theme.ad.index include ../pagination.pug ================================================ FILE: layout/includes/page/404.pug ================================================ - var top_img_404 = theme.error_404.background || theme.default_top_img .error-content .error-img img(src=url_for(top_img_404) alt='Page not found') .error-info h1.error_title= '404' .error_subtitle= theme.error_404.subtitle || _p('error404') ================================================ FILE: layout/includes/page/categories.pug ================================================ .category-lists!= list_categories() ================================================ FILE: layout/includes/page/default-page.pug ================================================ #article-container.container != page.content ================================================ FILE: layout/includes/page/flink.pug ================================================ #article-container.container .flink - let { content, random, flink_url } = page - let pageContent = content if flink_url || random - const linkData = flink_url ? false : site.data.link || false script. (()=>{ const replaceSymbol = (str) => { return str.replace(/[\p{P}\p{S}]/gu, "-") } let result = "" const add = (str) => { for(let i = 0; i < str.length; i++){ const replaceClassName = replaceSymbol(str[i].class_name) const className = str[i].class_name ? `

${str[i].class_name}

` : "" const classDesc = str[i].class_desc ? `
${str[i].class_desc}
` : "" let listResult = "" const lists = str[i].link_list if (!{random === true}) { lists.sort(() => Math.random() - 0.5) } for(let j = 0; j < lists.length; j++){ listResult += `
${lists[j].name}
${lists[j].name}
${lists[j].descr}
` } result += `${className}${classDesc}
${listResult}
` } document.querySelector(".flink").insertAdjacentHTML("afterbegin", result) window.lazyLoadInstance && window.lazyLoadInstance.update() } const linkData = !{JSON.stringify(linkData)} if (!{Boolean(flink_url)}) { fetch("!{url_for(flink_url)}") .then(response => response.json()) .then(add) } else if (linkData) { add(linkData) } })() else if site.data.link - let result = "" each i in site.data.link - let className = i.class_name ? markdown(`## ${i.class_name}`) : "" - let classDesc = i.class_desc ? `
${i.class_desc}
` : "" - let listResult = "" each j in i.link_list - listResult += `
${j.name}
${j.name}
${j.descr}
` - - result += `${className}${classDesc}
${listResult}
` - pageContent = result + pageContent != pageContent ================================================ FILE: layout/includes/page/shuoshuo.pug ================================================ //- - author: //- avatar: //- date: //- content: //- tags: //- - tag1 //- - tag2 - page.toc = false #article-container if page.shuoshuo_url || (site.data.shuoshuo && site.data.shuoshuo.length) if page.comments !== false && theme.comments.use - commentsJsLoad = true script. (() => { const commentDiv = `!{partial('includes/third-party/comments/index', {}, {cache: true})}` const runDestroy = (shuoshuoComment) => { if (!shuoshuoComment) return for (const [key, fn] of Object.entries(shuoshuoComment)) { if (key.startsWith('destroy')) fn() } } window.addCommentToShuoshuo = e => { const btn = e.target.closest('.shuoshuo-comment-btn') if (!btn) return const ele = btn.closest('.container').nextElementSibling const { shuoshuoComment } = window const isInclude = ele.classList.contains('no-comment') runDestroy(shuoshuoComment) if (isInclude) { ele.classList.remove('no-comment') ele.innerHTML = commentDiv const key = `${location.pathname.replace(/\/$/, '')}?key=${ele.getAttribute('data-key')}` btf.switchComments(ele, key) shuoshuoComment.loadComment && shuoshuoComment.loadComment(ele, key) } } })() - const localDate = page.shuoshuo_url ? [] : shuoshuoFN(site.data.shuoshuo, page) if !page.shuoshuo_url script(type='application/json' id='shuoshuo-data')!= safeJSON(localDate) - const { enable, native, placeholder, field } = theme.lazyload script. (() => { const limitConfig = !{ JSON.stringify(page.limit || {}) } const sortDataByDate = data => data.sort((a, b) => new Date(b.date) - new Date(a.date)) const filterDataByLimit = (data, limit) => { if (!limit || !limit.type) return data if (limit.type === 'num') return data.slice(0, limit.value) if (limit.type === 'date') { const limitDate = new Date(limit.value) return data.filter(item => new Date(item.date) >= limitDate) } return data }; const formatToTimeZone = (date) => { const fullDate = date.length === 10 ? `${date} 00:00:00` : date const visitorTimeZone = '#{config.timezone}' || Intl.DateTimeFormat().resolvedOptions().timeZone const options = { timeZone: visitorTimeZone, year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false } const [day, month, year, hour, minute, second] = new Intl.DateTimeFormat('en-GB', options) .format(new Date(fullDate)) .match(/\d+/g) return `${year}-${month}-${day} ${hour}:${minute}:${second}` } const addLazyload = str => { const config = { enable: !{Boolean(enable)}, native: !{Boolean(native)}, field: '!{field}', placeholder: '!{url_for(placeholder)}', } if (!config.enable || config.field !== 'site') return str const parser = new DOMParser() const doc = parser.parseFromString(str, 'text/html') const images = doc.querySelectorAll('img') images.forEach(img => { if (config.native) { img.setAttribute('loading', 'lazy') } else { const src = img.getAttribute('src') img.setAttribute('data-lazy-src', src) if (config.placeholder) { img.setAttribute('src', config.placeholder) } else { img.removeAttribute('src') } } }) return doc.body.innerHTML } let currentPage = 1 const itemsPerPage = 8 let totalPages = 0 let data = [] let inputEventsAttached = false // Flag to mark if input event listeners have been added const renderData = (dataSlice) => { const content = dataSlice.map(item => { const formattedDate = formatToTimeZone(item.date) const tags = item.tags && item.tags.map(tag => `${tag}`).join('') || '' const commentButton = item.key && !{commentsJsLoad} ? `
` : '' const commentContainer = item.key ? `
` : '' return `
${item.author || '!{config.author}'}
${addLazyload(item.content)}
${tags ? `
${tags}
` : ''} ${commentButton}
${commentContainer}
` }).join('') const container = document.getElementById('article-container') container.innerHTML = content window.lazyLoadInstance && window.lazyLoadInstance.update() btf.loadLightbox(document.querySelectorAll('#article-container img:not(.no-lightbox)')) } const renderNavigation = () => { const container = document.getElementById('article-container') const existingNav = container.nextElementSibling if (existingNav && existingNav.classList.contains('shuoshuo-navigation')) { existingNav.remove() } const pageInfoTemplate = '#{__('pagination.page_info')}' const pageInfoText = pageInfoTemplate .replace(/\$\{current}/g, currentPage) .replace(/\$\{total}/g, totalPages) const navHtml = `
${pageInfoText}
` container.insertAdjacentHTML('afterend', navHtml) // Add input validation event listeners (only once) if (!inputEventsAttached) { setTimeout(() => { const input = document.querySelector('.shuoshuo-page-input') if (input) { // Clear placeholder when clicking the input box input.addEventListener('focus', (event) => { event.target.placeholder = '' }) // Restore placeholder if no content when losing focus input.addEventListener('blur', (event) => { if (!event.target.value.trim()) { event.target.placeholder = currentPage } }) input.addEventListener('input', (event) => { const value = parseInt(event.target.value) || 0 let wasInvalid = false if (value > totalPages) { event.target.value = totalPages wasInvalid = true } else if (value < 1 && event.target.value !== '') { event.target.value = 1 wasInvalid = true } // If value is corrected, show red and shake effect if (wasInvalid) { event.target.classList.add('invalid') setTimeout(() => { event.target.classList.remove('invalid') }, 500) } }) inputEventsAttached = true // Mark that event listeners have been added } }, 0) } } const renderPage = (page) => { const start = (page - 1) * itemsPerPage const end = start + itemsPerPage const pageData = data.slice(start, end) renderData(pageData) renderNavigation() } window.shuoshuoPrevPage = () => { if (currentPage > 1) { currentPage-- renderPage(currentPage) } } window.shuoshuoNextPage = () => { if (currentPage < totalPages) { currentPage++ renderPage(currentPage) } } window.shuoshuoGoToPage = (page) => { if (typeof page === 'number') { // Directly jump to the specified page if (page >= 1 && page <= totalPages && page !== currentPage) { currentPage = page renderPage(currentPage) } } else { // Get page from input box const input = document.querySelector('.shuoshuo-page-input') const inputValue = input.value.trim() const inputPage = inputValue === '' ? currentPage : parseInt(inputValue) if (inputPage >= 1 && inputPage <= totalPages && inputPage !== currentPage) { currentPage = inputPage renderPage(currentPage) } else if (inputValue === '') { // If input box is empty, re-render current page (update placeholder) renderPage(currentPage) } } } window.shuoshuoHandleKeyDown = (event) => { const input = event.target const value = input.value + event.key // Allow delete, arrow keys, backspace, etc. if (event.key === 'Enter' || event.key === 'Backspace' || event.key === 'Delete' || event.key === 'ArrowLeft' || event.key === 'ArrowRight' || event.key === 'Tab' || event.ctrlKey || event.metaKey) { if (event.key === 'Enter') { window.shuoshuoGoToPage() } return } // Only allow numbers if (!/^\d$/.test(event.key)) { event.preventDefault() return } // Check if the value after input exceeds the range const newValue = parseInt(value) || 0 if (newValue > totalPages || (value.length > 1 && newValue === 0)) { event.preventDefault() // Add red and shake effect input.classList.add('invalid') setTimeout(() => { input.classList.remove('invalid') }, 500) } } const loadShuoshuo = async () => { try { let originData = [] if (!{Boolean(page.shuoshuo_url)}) { const response = await fetch('!{url_for(page.shuoshuo_url)}') originData = await response.json() } else { const dataElement = document.getElementById('shuoshuo-data') originData = dataElement ? JSON.parse(dataElement.textContent) : [] } data = filterDataByLimit(sortDataByDate(originData), limitConfig) totalPages = Math.ceil(data.length / itemsPerPage) renderPage(currentPage) } catch (error) { console.error(error) } }; window.pjax ? loadShuoshuo() : window.addEventListener('load', loadShuoshuo) })() ================================================ FILE: layout/includes/page/tags.pug ================================================ .tag-cloud-list.text-center !=cloudTags({source: site.tags, orderby: page.orderby || 'random', order: page.order || 1, minfontsize: 1.2, maxfontsize: 1.5, limit: 0, unit: 'em', custom_colors: page.custom_colors}) ================================================ FILE: layout/includes/pagination.pug ================================================ if page.total !== 1 - var options = { prev_text: '', next_text: '', mid_size: 1, escape: false } if globalPageType === 'post' - let paginationOrder = theme.post_pagination === 2 ? { prev: page.prev, next: page.next } : { prev: page.next, next: page.prev } nav#pagination.pagination-post each direction, key in paginationOrder if direction - const getPostDesc = direction.postDesc || postDesc(direction) - let className = key === 'prev' ? (paginationOrder.next ? '' : 'full-width') : (paginationOrder.prev ? '' : 'full-width') - className = getPostDesc ? className : className + ' no-desc' a.pagination-related(class=className href=url_for(direction.path) title=direction.title) if direction.cover_type === 'img' img.cover(src=url_for(direction.pagination_cover || direction.cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'` alt=`cover of ${key === 'prev' ? 'previous' : 'next'} post`) else .cover(style=`background: ${direction.cover || 'var(--default-bg-color)'}`) .info(class=key === 'prev' ? '' : 'text-right') .info-1 .info-item-1=_p(`pagination.${key}`) .info-item-2!=direction.title if getPostDesc .info-2 .info-item-1!=getPostDesc else nav#pagination .pagination if globalPageType === 'home' - options.format = 'page/%d/#content-inner' !=paginator(options) ================================================ FILE: layout/includes/post/outdate-notice.pug ================================================ - const { limit_day, message_prev, message_next, position} = theme.noticeOutdate - const notice_data = { limitDay: limit_day, messagePrev: message_prev, messageNext: message_next, postUpdate: full_date(page.updated)} if position === 'top' #post-outdate-notice(data=notice_data hidden) !=page.content else !=page.content #post-outdate-notice(data=notice_data hidden) ================================================ FILE: layout/includes/post/post-copyright.pug ================================================ if theme.post_copyright.enable && page.copyright !== false - const author = page.copyright_author || config.author - const authorHref = page.copyright_author_href || theme.post_copyright.author_href || config.url - const url = page.copyright_url || page.permalink - const info = page.copyright_info || _p('post.copyright.copyright_content', theme.post_copyright.license_url, theme.post_copyright.license, config.url, config.title) .post-copyright .post-copyright__author span.post-copyright-meta i.fas.fa-circle-user.fa-fw = _p('post.copyright.author') + ": " span.post-copyright-info a(href=authorHref)= author .post-copyright__type span.post-copyright-meta i.fas.fa-square-arrow-up-right.fa-fw = _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 i.fas.fa-circle-exclamation.fa-fw = _p('post.copyright.copyright_notice') + ": " span.post-copyright-info!= info ================================================ FILE: layout/includes/post/reward.pug ================================================ .post-reward .reward-button i.fas.fa-qrcode = theme.reward.text || _p('donate') .reward-main ul.reward-all each item in theme.reward.QR_code - const clickTo = 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 ================================================ FILE: layout/includes/rightside.pug ================================================ - const { readmode, translate, darkmode, aside, chat } = theme mixin rightsideItem(array) each item in array case item when 'readmode' if globalPageType === '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.rightside_button && chat.use button#chat-btn(type="button" title=_p("rightside.chat") style="display:none") i.fas.fa-message when 'comment' if commentsJsLoad a#to_comment(href="#post-comment" title=_p("rightside.scroll_to_comment")) i.fas.fa-comments - 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'] - const needCogBtn = (enable && hide) || (!enable && ((globalPageType === 'post' && (readmode || translate.enable || (darkmode.enable && darkmode.button))) || (translate.enable || (darkmode.enable && darkmode.button)))) #rightside #rightside-config-hide if hideArray.length +rightsideItem(hideArray) #rightside-config-show if needCogBtn button#rightside-config(type="button" title=_p("rightside.setting")) i.fas.fa-cog(class=theme.rightside_config_animation ? 'fa-spin' : '') if showArray.length +rightsideItem(showArray) button#go-up(type="button" title=_p("rightside.back_to_top")) span.scroll-percent i.fas.fa-arrow-up ================================================ FILE: layout/includes/sidebar.pug ================================================ if theme.menu #sidebar #menu-mask #sidebar-menus .avatar-img.text-center img(src=url_for(theme.avatar.img) onerror=`this.onerror=null;this.src='${url_for(theme.error_img.flink)}'` alt="avatar") .site-data.text-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 != partial('includes/header/menu_item', {}, { cache: true }) ================================================ FILE: layout/includes/third-party/abcjs/abcjs.pug ================================================ script. (() => { const abcjsInit = () => { const abcjsFn = () => { setTimeout(() => { const sheets = document.querySelectorAll(".abc-music-sheet") for (let i = 0; i < sheets.length; i++) { const ele = sheets[i] if (ele.children.length > 0) continue // Parse parameters from data-params attribute let params = {} const dp = ele.getAttribute("data-params") if (dp) { try { params = JSON.parse(dp) } catch (e) { console.error("Failed to parse data-params:", e) } } // Merge parsed parameters with the responsive option // Ensures params content appears before responsive const options = { ...params, responsive: "resize" } // Render the music score using ABCJS.renderAbc ABCJS.renderAbc(ele, ele.textContent, options) } }, 100) } if (typeof ABCJS === "object") { abcjsFn() } else { btf.getScript("!{url_for(theme.asset.abcjs_basic_js)}").then(abcjsFn) } } if (window.pjax) { abcjsInit() } else { window.addEventListener("load", abcjsInit) } btf.addGlobalFn("encrypt", abcjsInit, "abcjs") })() ================================================ FILE: layout/includes/third-party/abcjs/index.pug ================================================ if theme.abcjs.enable if theme.abcjs.per_page && (['post','page'].includes(globalPageType)) || page.abcjs include ./abcjs.pug ================================================ FILE: layout/includes/third-party/aplayer.pug ================================================ link(rel='stylesheet' href=url_for(theme.asset.aplayer_css) media="print" onload="this.media='all'") script(src=url_for(theme.asset.aplayer_js)) script(src=url_for(theme.asset.meting_js)) if theme.pjax.enable script. (() => { const destroyAplayer = () => { if (window.aplayers) { for (let i = 0; i < window.aplayers.length; i++) { if (!window.aplayers[i].options.fixed) { window.aplayers[i].destroy() } } } } const runMetingJS = () => { typeof loadMeting === 'function' && document.getElementsByClassName('aplayer').length && loadMeting() } btf.addGlobalFn('pjaxSend', destroyAplayer, 'destroyAplayer') btf.addGlobalFn('pjaxComplete', loadMeting, 'runMetingJS') })() ================================================ FILE: layout/includes/third-party/card-post-count/artalk.pug ================================================ - const { server, site } = theme.artalk script. (() => { const getArtalkCount = async() => { try { const eleGroup = document.querySelectorAll('#recent-posts .artalk-count') const keyArray = Array.from(eleGroup).map(i => i.getAttribute('data-page-key')) const headerList = { method: 'GET', } const searchParams = new URLSearchParams({ 'site_name': '!{site}', 'page_keys': keyArray }) const res = await fetch(`!{server}/api/v2/stats/page_comment?${searchParams}`, headerList) const result = await res.json() keyArray.forEach((key, index) => { eleGroup[index].textContent = result.data[key] || 0 }) } catch (err) { console.error(err) } } window.pjax ? getArtalkCount() : window.addEventListener('load', getArtalkCount) })() ================================================ FILE: layout/includes/third-party/card-post-count/disqus.pug ================================================ - const { shortname, apikey } = theme.disqus script. (() => { const getCount = async () => { try { const eleGroup = document.querySelectorAll('#recent-posts .disqus-count') const cleanedLinks = Array.from(eleGroup).map(i => `thread:link=${i.href.replace(/#post-comment$/, '')}`); const res = await fetch(`https://disqus.com/api/3.0/threads/set.json?forum=!{shortname}&api_key=!{apikey}&${cleanedLinks.join('&')}`,{ method: 'GET' }) const result = await res.json() eleGroup.forEach(i => { const cleanedLink = i.href.replace(/#post-comment$/, '') const urlData = result.response.find(data => data.link === cleanedLink) || { posts: 0 } i.textContent = urlData.posts }) } catch (err) { console.error(err) } } window.pjax ? getCount() : window.addEventListener('load', getCount) })() ================================================ FILE: layout/includes/third-party/card-post-count/fb.pug ================================================ - const fbSDKVer = 'v20.0' - const fbSDK = `https://connect.facebook.net/${theme.facebook_comments.lang}/sdk.js#xfbml=1&version=${fbSDKVer}` script. (()=>{ function loadFBComment () { if (typeof FB === 'object') FB.XFBML.parse(document.getElementById('recent-posts')) else { let ele = document.createElement('script') ele.setAttribute('src','!{fbSDK}') ele.setAttribute('async', 'true') ele.setAttribute('defer', 'true') ele.setAttribute('crossorigin', 'anonymous') document.body.appendChild(ele) } } window.pjax ? loadFBComment() : window.addEventListener('load', loadFBComment) })() ================================================ FILE: layout/includes/third-party/card-post-count/index.pug ================================================ 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 ================================================ FILE: layout/includes/third-party/card-post-count/remark42.pug ================================================ - 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) })() ================================================ FILE: layout/includes/third-party/card-post-count/twikoo.pug ================================================ 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) => { if (res[index]) { item.textContent = res[index].count } }) }).catch(function (err) { console.log(err) }) } if (typeof twikoo === 'object') { runTwikoo() } else { btf.getScript('!{url_for(theme.asset.twikoo)}').then(runTwikoo) } } window.pjax ? getCount() : window.addEventListener('load', getCount) })() ================================================ FILE: layout/includes/third-party/card-post-count/valine.pug ================================================ script. (() => { function loadValine () { function initValine () { let initData = { el: '#vcomment', appId: '#{theme.valine.appId}', appKey: '#{theme.valine.appKey}', serverURLs: '#{theme.valine.serverURLs}' } const valine = new Valine(initData) } if (typeof Valine === 'function') initValine() else btf.getScript('!{url_for(theme.asset.valine)}').then(initValine) } window.pjax ? loadValine() : window.addEventListener('load', loadValine) })() ================================================ FILE: layout/includes/third-party/card-post-count/waline.pug ================================================ - const serverURL = theme.waline.serverURL.replace(/\/$/, '') script. (() => { async function loadWaline () { try { const eleGroup = document.querySelectorAll('#recent-posts .waline-comment-count') const keyArray = Array.from(eleGroup).map(i => i.getAttribute('data-path')) const res = await fetch(`!{serverURL}/api/comment?type=count&url=${keyArray}`, { method: 'GET' }) const result = await res.json() result.data.forEach((count, index) => { eleGroup[index].textContent = count }) } catch (err) { console.error(err) } } window.pjax ? loadWaline() : window.addEventListener('load', loadWaline) })() ================================================ FILE: layout/includes/third-party/chat/chatra.pug ================================================ //- https://chatra.io/help/api/ script. (() => { window.ChatraID = '#{theme.chatra.id}' window.Chatra = window.Chatra || function() { (window.Chatra.q = window.Chatra.q || []).push(arguments) } btf.getScript('https://call.chatra.io/chatra.js').then(() => { const isChatBtn = !{theme.chat.rightside_button} const isChatHideShow = !{theme.chat.button_hide_show} if (isChatBtn) { const close = () => { Chatra('minimizeWidget') Chatra('hide') } const open = () => { Chatra('openChat', true) Chatra('show') } window.ChatraSetup = { startHidden: true } window.chatBtnFn = () => document.getElementById('chatra').classList.contains('chatra--expanded') ? close() : open() document.getElementById('chat-btn').style.display = 'block' } else if (isChatHideShow) { window.chatBtn = { hide: () => Chatra('hide'), show: () => Chatra('show') } } }) })() ================================================ FILE: layout/includes/third-party/chat/crisp.pug ================================================ script. (() => { window.$crisp = ['safe', true] window.CRISP_WEBSITE_ID = "!{theme.crisp.website_id}" btf.getScript('https://client.crisp.chat/l.js').then(() => { const isChatBtn = !{theme.chat.rightside_button} const isChatHideShow = !{theme.chat.button_hide_show} if (isChatBtn) { const open = () => { $crisp.push(["do", "chat:show"]) $crisp.push(["do", "chat:open"]) } const close = () => $crisp.push(["do", "chat:hide"]) close() $crisp.push(["on", "chat:closed", close]) window.chatBtnFn = () => $crisp.is("chat:visible") ? close() : open() document.getElementById('chat-btn').style.display = 'block' } else if (isChatHideShow) { window.chatBtn = { hide: () => $crisp.push(["do", "chat:hide"]), show: () => $crisp.push(["do", "chat:show"]) } } }) })() ================================================ FILE: layout/includes/third-party/chat/index.pug ================================================ case theme.chat.use when 'chatra' include ./chatra.pug when 'tidio' include ./tidio.pug when 'crisp' include ./crisp.pug ================================================ FILE: layout/includes/third-party/chat/tidio.pug ================================================ script. (() => { btf.getScript('//code.tidio.co/!{theme.tidio.public_key}.js').then(() => { const isChatBtn = !{theme.chat.rightside_button} const isChatHideShow = !{theme.chat.button_hide_show} if (isChatBtn) { let isShow = false const close = () => { window.tidioChatApi.hide() isShow = false } const open = () => { window.tidioChatApi.open() window.tidioChatApi.show() isShow = true } const onTidioChatApiReady = () => { window.tidioChatApi.hide() window.tidioChatApi.on("close", close) } if (window.tidioChatApi) { window.tidioChatApi.on("ready", onTidioChatApiReady) } else { document.addEventListener("tidioChat-ready", onTidioChatApiReady) } window.chatBtnFn = () => { if (!window.tidioChatApi) return isShow ? close() : open() } document.getElementById('chat-btn').style.display = 'block' } else if (isChatHideShow) { window.chatBtn = { hide: () => window.tidioChatApi && window.tidioChatApi.hide(), show: () => window.tidioChatApi && window.tidioChatApi.show() } } }) })() ================================================ FILE: layout/includes/third-party/comments/artalk.pug ================================================ - const { server, site, option } = theme.artalk - const { use, lazyload } = theme.comments script. (() => { let artalkItem = null const option = !{JSON.stringify(option)} const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo' const destroyArtalk = () => { if (artalkItem) { artalkItem.destroy() artalkItem = null } } const artalkChangeMode = theme => artalkItem && artalkItem.setDarkMode(theme === 'dark') const initArtalk = (el = document, pageKey = location.pathname) => { artalkItem = Artalk.init({ el: el.querySelector('#artalk-wrap'), server: '!{server}', site: '!{site}', darkMode: document.documentElement.getAttribute('data-theme') === 'dark', ...option, pageKey: isShuoshuo ? pageKey : (option && option.pageKey) || pageKey }) if (GLOBAL_CONFIG.lightbox === 'null') return artalkItem.on('list-loaded', () => { artalkItem.ctx.get('list').getCommentNodes().forEach(comment => { const $content = comment.getRender().$content btf.loadLightbox($content.querySelectorAll('img:not([atk-emoticon])')) }) }) if (isShuoshuo) { window.shuoshuoComment.destroyArtalk = () => { destroyArtalk() if (el.children.length) { el.innerHTML = '' el.classList.add('no-comment') } } } btf.addGlobalFn('pjaxSendOnce', destroyArtalk, 'destroyArtalk') btf.addGlobalFn('themeChange', artalkChangeMode, 'artalk') } const loadArtalk = async (el, pageKey) => { if (typeof Artalk === 'object') initArtalk(el, pageKey) else { await btf.getCSS('!{url_for(theme.asset.artalk_css)}') await btf.getScript('!{url_for(theme.asset.artalk_js)}') initArtalk(el, pageKey) } } if (isShuoshuo) { '!{use[0]}' === 'Artalk' ? window.shuoshuoComment = { loadComment: loadArtalk } : window.loadOtherComment = loadArtalk return } if ('!{use[0]}' === 'Artalk' || !!{lazyload}) { if (!{lazyload}) btf.loadComment(document.getElementById('artalk-wrap'), loadArtalk) else setTimeout(loadArtalk, 100) } else { window.loadOtherComment = loadArtalk } })() ================================================ FILE: layout/includes/third-party/comments/disqus.pug ================================================ - const disqusPageTitle = page.title.replace(/'/ig,"\\'") - const { shortname, apikey } = theme.disqus - const { use, lazyload, count } = theme.comments script. (() => { const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo' const disqusReset = conf => { window.DISQUS && window.DISQUS.reset({ reload: true, config: conf }) } const loadDisqus = (el, path) => { if (isShuoshuo) { window.shuoshuoComment.destroyDisqus = () => { if (el.children.length) { el.innerHTML = '' el.classList.add('no-comment') } } } window.disqus_identifier = isShuoshuo ? path : '!{ url_for(page.path) }' window.disqus_url = isShuoshuo ? location.origin + path : '!{ page.permalink }' const disqus_config = function () { this.page.url = disqus_url this.page.identifier = disqus_identifier this.page.title = '!{ disqusPageTitle }' } if (window.DISQUS) disqusReset(disqus_config) else { const script = document.createElement('script') script.src = 'https://!{shortname}.disqus.com/embed.js' script.setAttribute('data-timestamp', +new Date()) document.head.appendChild(script) } btf.addGlobalFn('themeChange', () => disqusReset(disqus_config), 'disqus') } const getCount = async() => { try { const eleGroup = document.querySelector('#post-meta .disqus-comment-count') if (!eleGroup) return const cleanedLinks = eleGroup.href.replace(/#post-comment$/, '') const res = await fetch(`https://disqus.com/api/3.0/threads/set.json?forum=!{shortname}&api_key=!{apikey}&thread:link=${cleanedLinks}`,{ method: 'GET' }) const result = await res.json() const count = result.response.length ? result.response[0].posts : 0 eleGroup.textContent = count } catch (err) { console.error(err) } } if (isShuoshuo) { '!{use[0]}' === 'Disqus' ? window.shuoshuoComment = { loadComment: loadDisqus } : window.loadOtherComment = loadDisqus return } if ('!{use[0]}' === 'Disqus' || !!{lazyload}) { if (!{lazyload}) btf.loadComment(document.getElementById('disqus_thread'), loadDisqus) else { loadDisqus() !{ count ? `GLOBAL_CONFIG_SITE.pageType === 'post' && getCount()` : '' } } } else { window.loadOtherComment = loadDisqus } })() ================================================ FILE: layout/includes/third-party/comments/disqusjs.pug ================================================ - let disqusjsPageTitle = page.title && page.title.replace(/'/ig,"\\'") - const { shortname:dqShortname, apikey:dqApikey, option:dqOption } = theme.disqusjs script. (() => { const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo'== 'shuoshuo' const dqOption = !{JSON.stringify(dqOption)} const destroyDisqusjs = () => { disqusjs.destroy() window.disqusjs = null } const themeChange = (el, path) => { destroyDisqusjs() initDisqusjs(el, path) } const initDisqusjs = (el = document, path) => { if (isShuoshuo) { window.shuoshuoComment.destroyDisqusjs = () => { destroyDisqusjs() if (el.children.length) { el.innerHTML = '' el.classList.add('no-comment') } } } disqusjs = new DisqusJS({ shortname: '!{dqShortname}', title: '!{ disqusjsPageTitle }', apikey: '!{dqApikey}', ...dqOption, identifier: isShuoshuo ? path : (dqOption && dqOption.identifier) || '!{ url_for(page.path) }', url: isShuoshuo ? location.origin + path : (dqOption && dqOption.url) || '!{ page.permalink }' }) disqusjs.render(el.querySelector('#disqusjs-wrap')) btf.addGlobalFn('themeChange', () => themeChange(el, path), 'disqusjs') } const loadDisqusjs = async(el, path) => { if (window.disqusJsLoad) initDisqusjs(el, path) else { await btf.getCSS('!{url_for(theme.asset.disqusjs_css)}') await btf.getScript('!{url_for(theme.asset.disqusjs)}') initDisqusjs(el, path) window.disqusJsLoad = true } } const getCount = async() => { try { const eleGroup = document.querySelector('#post-meta .disqusjs-comment-count') if (!eleGroup) return const cleanedLinks = eleGroup.href.replace(/#post-comment$/, '') const res = await fetch(`https://disqus.com/api/3.0/threads/set.json?forum=!{dqShortname}&api_key=!{dqApikey}&thread:link=${cleanedLinks}`,{ method: 'GET' }) const result = await res.json() const count = result.response.length ? result.response[0].posts : 0 eleGroup.textContent = count } catch (err) { console.error(err) } } if (isShuoshuo) { '!{theme.comments.use[0]}' === 'Disqusjs' ? window.shuoshuoComment = { loadComment: loadDisqusjs } : window.loadOtherComment = loadDisqusjs return } if ('!{theme.comments.use[0]}' === 'Disqusjs' || !!{theme.comments.lazyload}) { if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('disqusjs-wrap'), loadDisqusjs) else { loadDisqusjs() !{ theme.comments.count ? `GLOBAL_CONFIG_SITE.pageType === 'post' && getCount()` : '' } } } else { window.loadOtherComment = loadDisqusjs } })() ================================================ FILE: layout/includes/third-party/comments/facebook_comments.pug ================================================ - const fbSDKVer = 'v20.0' - const fbSDK = `https://connect.facebook.net/${theme.facebook_comments.lang}/sdk.js#xfbml=1&version=${fbSDKVer}` script. (()=>{ const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo'== 'shuoshuo' const loadFBComment = (el = document, path) => { if (isShuoshuo) { window.shuoshuoComment.destroyFB = () => { if (el.children.length) { el.innerHTML = '' el.classList.add('no-comment') } } } document.getElementById('fb-root') ? '' : document.body.insertAdjacentHTML('afterend', '
') const themeNow = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light' const $fbComment = el.getElementsByClassName('fb-comments')[0] $fbComment.setAttribute('data-colorscheme',themeNow) $fbComment.setAttribute('data-href', isShuoshuo ? '!{urlNoIndex(page.permalink)}' + '#' + path : '!{urlNoIndex(page.permalink)}') if (typeof FB === 'object') { FB.XFBML.parse(document.getElementsByClassName('post-meta-commentcount')[0]) FB.XFBML.parse(el.querySelector('#post-comment')) } else { let ele = document.createElement('script') ele.setAttribute('src','!{fbSDK}') ele.setAttribute('async', 'true') ele.setAttribute('defer', 'true') ele.setAttribute('crossorigin', 'anonymous') ele.setAttribute('id', 'facebook-jssdk') document.getElementById('fb-root').insertAdjacentElement('afterbegin',ele) } } const fbModeChange = theme => { const $fbComment = document.getElementsByClassName('fb-comments')[0] if ($fbComment && typeof FB === 'object') { $fbComment.setAttribute('data-colorscheme',theme) FB.XFBML.parse(document.getElementById('post-comment')) } } btf.addGlobalFn('themeChange', fbModeChange, 'facebook_comments') if (isShuoshuo) { '!{theme.comments.use[0]}' === 'Facebook Comments' ? window.shuoshuoComment = { loadComment: loadFBComment } : window.loadOtherComment = loadFBComment return } if ('!{theme.comments.use[0]}' === 'Facebook Comments' || !!{theme.comments.lazyload}) { if (!{theme.comments.lazyload}) btf.loadComment(document.querySelector('#post-comment .fb-comments'), loadFBComment) else loadFBComment() } else { window.loadOtherComment = loadFBComment } })() ================================================ FILE: layout/includes/third-party/comments/giscus.pug ================================================ - const { use, lazyload } = theme.comments - const { repo, repo_id, category_id, light_theme, dark_theme, js, option } = theme.giscus - const giscusUrl = js || 'https://giscus.app/client.js' - const giscusOriginUrl = new URL(giscusUrl).origin script. (() => { const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo' const option = !{JSON.stringify(option)} const getGiscusTheme = theme => theme === 'dark' ? '!{dark_theme}' : '!{light_theme}' const createScriptElement = config => { const ele = document.createElement('script') Object.entries(config).forEach(([key, value]) => { ele.setAttribute(key, value) }) return ele } const loadGiscus = (el = document, key) => { const mappingConfig = isShuoshuo ? { 'data-mapping': 'specific', 'data-term': key } : { 'data-mapping': (option && option['data-mapping']) || 'pathname' } const giscusConfig = { src: '!{giscusUrl}', 'data-repo': '!{repo}', 'data-repo-id': '!{repo_id}', 'data-category-id': '!{category_id}', 'data-theme': getGiscusTheme(document.documentElement.getAttribute('data-theme')), 'data-reactions-enabled': '1', crossorigin: 'anonymous', async: true, ...option, ...mappingConfig } const scriptElement = createScriptElement(giscusConfig) el.querySelector('#giscus-wrap').appendChild(scriptElement) if (isShuoshuo) { window.shuoshuoComment.destroyGiscus = () => { if (el.children.length) { el.innerHTML = '' el.classList.add('no-comment') } } } } const changeGiscusTheme = theme => { const iframe = document.querySelector('#giscus-wrap iframe') if (iframe) { const message = { giscus: { setConfig: { theme: getGiscusTheme(theme) } } } iframe.contentWindow.postMessage(message, '!{giscusOriginUrl}') } } btf.addGlobalFn('themeChange', changeGiscusTheme, 'giscus') if (isShuoshuo) { '!{use[0]}' === 'Giscus' ? window.shuoshuoComment = { loadComment: loadGiscus } : window.loadOtherComment = loadGiscus return } if ('!{use[0]}' === 'Giscus' || !!{lazyload}) { if (!{lazyload}) btf.loadComment(document.getElementById('giscus-wrap'), loadGiscus) else loadGiscus() } else { window.loadOtherComment = loadGiscus } })() ================================================ FILE: layout/includes/third-party/comments/gitalk.pug ================================================ - const { client_id, client_secret, repo, owner, admin, option } = theme.gitalk script. (() => { const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo' const option = !{JSON.stringify(option)} const commentCount = n => { const isCommentCount = document.querySelector('#post-meta .gitalk-comment-count') if (isCommentCount) { isCommentCount.textContent= n } } const initGitalk = (el, path) => { if (isShuoshuo) { window.shuoshuoComment.destroyGitalk = () => { if (el.children.length) { el.innerHTML = '' el.classList.add('no-comment') } } } const gitalk = new Gitalk({ clientID: '!{client_id}', clientSecret: '!{client_secret}', repo: '!{repo}', owner: '!{owner}', admin: ['!{admin}'], updateCountCallback: commentCount, ...option, id: isShuoshuo ? path : (option && option.id) || '!{md5(page.path)}' }) gitalk.render('gitalk-container') } const loadGitalk = async(el, path) => { if (typeof Gitalk === 'function') initGitalk(el, path) else { await btf.getCSS('!{url_for(theme.asset.gitalk_css)}') await btf.getScript('!{url_for(theme.asset.gitalk)}') initGitalk(el, path) } } if (isShuoshuo) { '!{theme.comments.use[0]}' === 'Gitalk' ? window.shuoshuoComment = { loadComment: loadGitalk } : window.loadOtherComment = loadGitalk return } if ('!{theme.comments.use[0]}' === 'Gitalk' || !!{theme.comments.lazyload}) { if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('gitalk-container'), loadGitalk) else loadGitalk() } else { window.loadOtherComment = loadGitalk } })() ================================================ FILE: layout/includes/third-party/comments/index.pug ================================================ - let defaultComment = theme.comments.use[0] hr.custom-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-wrap 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 ================================================ FILE: layout/includes/third-party/comments/js.pug ================================================ 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}) ================================================ FILE: layout/includes/third-party/comments/livere.pug ================================================ - const { use, lazyload } = theme.comments script. (() => { const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo' const loadLivere = (el, path) => { window.livereOptions = { refer: path || location.pathname } if (isShuoshuo) { window.shuoshuoComment.destroyLivere = () => { if (el.children.length) { el.innerHTML = '' el.classList.add('no-comment') } } } 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 (isShuoshuo) { '!{use[0]}' === 'Livere' ? window.shuoshuoComment = { loadComment: loadLivere } : window.loadOtherComment = loadLivere return } if ('!{use[0]}' === 'Livere' || !!{lazyload}) { if (!{lazyload}) btf.loadComment(document.getElementById('lv-container'), loadLivere) else loadLivere() } else { window.loadOtherComment = loadLivere } })() ================================================ FILE: layout/includes/third-party/comments/remark42.pug ================================================ - const { host, siteId, option } = theme.remark42 script. (() => { const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo' const options = !{JSON.stringify(option)} const loadScript = src => { const script = document.createElement('script') script.src = src script.defer = true document.head.appendChild(script) } const addRemark42 = () => loadScript('!{host}/web/embed.js') const getCount = () => document.querySelector('.remark42__counter') && loadScript('!{host}/web/count.js') const destroyRemark42 = () => window.remark42Instance && window.remark42Instance.destroy() const initRemark42 = remark_config => { if (window.REMARK42) { destroyRemark42() window.remark42Instance = window.REMARK42.createInstance({ ...remark_config }) } } const loadRemark42 = (el, path) => { if (isShuoshuo) { window.shuoshuoComment.destroyRemark42 = () => { destroyRemark42() if (el.children.length) { el.innerHTML = '' el.classList.add('no-comment') } } } window.remark_config = { host: '!{host}', site_id: '!{siteId}', theme: document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light', ...options, url: isShuoshuo ? window.location.origin + path : (options && options.url) || window.location.origin + window.location.pathname } if (window.REMARK42) { initRemark42(remark_config) getCount() } else { addRemark42() window.addEventListener('REMARK42::ready', () => { initRemark42(remark_config) getCount() }) } } const remarkChangeMode = theme => window.REMARK42 && window.REMARK42.changeTheme(theme) btf.addGlobalFn('themeChange', remarkChangeMode, 'remark42') if (isShuoshuo) { '!{theme.comments.use[0]}' === 'Remark42' ? window.shuoshuoComment = { loadComment: loadRemark42 } : window.loadOtherComment = loadRemark42 return } if ('!{theme.comments.use[0]}' === 'Remark42' || !!{theme.comments.lazyload}) { if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('remark42'), loadRemark42) else loadRemark42() } else { window.loadOtherComment = loadRemark42 } })() ================================================ FILE: layout/includes/third-party/comments/twikoo.pug ================================================ - const { envId, region, option } = theme.twikoo - const { use, lazyload, count } = theme.comments script. (() => { const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo' const option = !{JSON.stringify(option)} const getCount = () => { const countELement = document.getElementById('twikoo-count') if(!countELement) return twikoo.getCommentsCount({ envId: '!{envId}', region: '!{region}', urls: [window.location.pathname], includeReply: false }).then(res => { countELement.textContent = res[0].count }).catch(err => { console.error(err) }) } const init = (el = document, path = location.pathname) => { twikoo.init({ el: el.querySelector('#twikoo-wrap'), envId: '!{envId}', region: '!{region}', onCommentLoaded: () => { btf.loadLightbox(document.querySelectorAll('#twikoo .tk-content img:not(.tk-owo-emotion)')) }, ...option, path: isShuoshuo ? path : (option && option.path) || path }) !{count ? `GLOBAL_CONFIG_SITE.pageType === 'post' && getCount()` : ''} isShuoshuo && (window.shuoshuoComment.destroyTwikoo = () => { if (el.children.length) { el.innerHTML = '' el.classList.add('no-comment') } }) } const loadTwikoo = (el, path) => { if (typeof twikoo === 'object') setTimeout(() => init(el, path), 0) else btf.getScript('!{url_for(theme.asset.twikoo)}').then(() => init(el, path)) } if (isShuoshuo) { '!{use[0]}' === 'Twikoo' ? window.shuoshuoComment = { loadComment: loadTwikoo } : window.loadOtherComment = loadTwikoo return } if ('!{use[0]}' === 'Twikoo' || !!{lazyload}) { if (!{lazyload}) btf.loadComment(document.getElementById('twikoo-wrap'), loadTwikoo) else loadTwikoo() } else { window.loadOtherComment = loadTwikoo } })() ================================================ FILE: layout/includes/third-party/comments/utterances.pug ================================================ - const { use, lazyload } = theme.comments - const { repo, issue_term, light_theme, dark_theme, js, option } = theme.utterances - const utterancesUrl = js || 'https://utteranc.es/client.js' - const utterancesOriginUrl = new URL(utterancesUrl).origin script. (() => { const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo' const option = !{JSON.stringify(option)} const getUtterancesTheme = theme => theme === 'dark' ? '#{dark_theme}' : '#{light_theme}' const loadUtterances = (el = document, key) => { if (isShuoshuo) { window.shuoshuoComment.destroyUtterances = () => { if (el.children.length) { el.innerHTML = '' el.classList.add('no-comment') } } } const config = { src: '!{utterancesUrl}', repo: '!{repo}', theme: getUtterancesTheme(document.documentElement.getAttribute('data-theme')), crossorigin: 'anonymous', async: true, ...option, 'issue-term': isShuoshuo ? key : (option && option['issue-term']) || '!{issue_term}' } const ele = document.createElement('script') Object.entries(config).forEach(([key, value]) => ele.setAttribute(key, value)) el.querySelector('#utterances-wrap').appendChild(ele) } const changeUtterancesTheme = theme => { const iframe = document.querySelector('#utterances-wrap iframe') if (iframe) { const message = { type: 'set-theme', theme: getUtterancesTheme(theme) }; iframe.contentWindow.postMessage(message, '!{utterancesOriginUrl}') } } btf.addGlobalFn('themeChange', changeUtterancesTheme, 'utterances') if (isShuoshuo) { '!{use[0]}' === 'Utterances' ? window.shuoshuoComment = { loadComment: loadUtterances } : window.loadOtherComment = loadUtterances return } if ('!{use[0]}' === 'Utterances' || !!{lazyload}) { if (!{lazyload}) btf.loadComment(document.getElementById('utterances-wrap'), loadUtterances) else loadUtterances() } else { window.loadOtherComment = loadUtterances } })() ================================================ FILE: layout/includes/third-party/comments/valine.pug ================================================ - const { use, lazyload } = theme.comments - const { appId, appKey, avatar, serverURLs, visitor, option } = theme.valine - let emojiMaps = '""' if site.data.valine - emojiMaps = JSON.stringify(site.data.valine) script. (() => { const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo' const option = !{JSON.stringify(option)} const initValine = (el, path) => { if (isShuoshuo) { window.shuoshuoComment.destroyValine = () => { if (el.children.length) { el.innerHTML = '' el.classList.add('no-comment') } } } const valineConfig = { el: '#vcomment', appId: '#{appId}', appKey: '#{appKey}', avatar: '#{avatar}', serverURLs: '#{serverURLs}', emojiMaps: !{emojiMaps}, visitor: #{visitor}, ...option, path: isShuoshuo ? path : (option && option.path) || window.location.pathname } new Valine(valineConfig) } const loadValine = async (el, path) => { if (typeof Valine === 'function') { initValine(el, path) } else { await btf.getScript('!{url_for(theme.asset.valine)}') initValine(el, path) } } if (isShuoshuo) { '!{use[0]}' === 'Valine' ? window.shuoshuoComment = { loadComment: loadValine } : window.loadOtherComment = loadValine return } if ('!{use[0]}' === 'Valine' || !!{lazyload}) { if (!{lazyload}) btf.loadComment(document.getElementById('vcomment'),loadValine) else setTimeout(loadValine, 0) } else { window.loadOtherComment = loadValine } })() ================================================ FILE: layout/includes/third-party/comments/waline.pug ================================================ - const { serverURL, option, pageview } = theme.waline - const { lazyload, count, use } = theme.comments script. (() => { let initFn = window.walineFn || null const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo' const option = !{JSON.stringify(option)} const destroyWaline = ele => ele.destroy() const initWaline = (Fn, el = document, path = window.location.pathname) => { const waline = Fn({ el: el.querySelector('#waline-wrap'), serverURL: '!{serverURL}', pageview: !{lazyload ? false : pageview}, dark: 'html[data-theme="dark"]', comment: !{lazyload ? false : count}, ...option, path: isShuoshuo ? path : (option && option.path) || path }) if (isShuoshuo) { window.shuoshuoComment.destroyWaline = () => { destroyWaline(waline) if (el.children.length) { el.innerHTML = '' el.classList.add('no-comment') } } } } const loadWaline = (el, path) => { if (initFn) initWaline(initFn, el, path) else { btf.getCSS('!{url_for(theme.asset.waline_css)}') .then(() => import('!{url_for(theme.asset.waline_js)}')) .then(({ init }) => { initFn = init || Waline.init initWaline(initFn, el, path) window.walineFn = initFn }) } } if (isShuoshuo) { '!{use[0]}' === 'Waline' ? window.shuoshuoComment = { loadComment: loadWaline } : window.loadOtherComment = loadWaline return } if ('!{use[0]}' === 'Waline' || !!{lazyload}) { if (!{lazyload}) btf.loadComment(document.getElementById('waline-wrap'),loadWaline) else setTimeout(loadWaline, 0) } else { window.loadOtherComment = loadWaline } })() ================================================ FILE: layout/includes/third-party/effect.pug ================================================ 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 ) ================================================ FILE: layout/includes/third-party/math/chartjs.pug ================================================ - const { fontColor, borderColor, scale_ticks_backdropColor } = theme.chartjs script. (() => { const applyThemeDefaultsConfig = theme => { if (theme === 'dark-mode') { Chart.defaults.color = "!{fontColor.dark}" Chart.defaults.borderColor = "!{borderColor.dark}" Chart.defaults.scale.ticks.backdropColor = "!{scale_ticks_backdropColor.dark}" } else { Chart.defaults.color = "!{fontColor.light}" Chart.defaults.borderColor = "!{borderColor.light}" Chart.defaults.scale.ticks.backdropColor = "!{scale_ticks_backdropColor.light}" } } // Recursively traverse the config object and automatically apply theme-specific color schemes const applyThemeConfig = (obj, theme) => { if (typeof obj !== 'object' || obj === null) return Object.keys(obj).forEach(key => { const value = obj[key] // If the property is an object and has theme-specific options, apply them if (typeof value === 'object' && value !== null) { if (value[theme]) { obj[key] = value[theme] // Apply the value for the current theme } else { // Recursively process child objects applyThemeConfig(value, theme) } } }) } const runChartJS = ele => { window.loadChartJS = true Array.from(ele).forEach((item, index) => { const chartSrc = item.firstElementChild const chartID = item.getAttribute('data-chartjs-id') || ('chartjs-' + index) // Use custom ID or default ID const width = item.getAttribute('data-width') const existingCanvas = document.getElementById(chartID) // If a canvas already exists, remove it to avoid rendering duplicates if (existingCanvas) { existingCanvas.parentNode.remove() } const chartDefinition = chartSrc.textContent const canvas = document.createElement('canvas') canvas.id = chartID const div = document.createElement('div') div.className = 'chartjs-wrap' if (width) { div.style.width = width } div.appendChild(canvas) chartSrc.insertAdjacentElement('afterend', div) const ctx = document.getElementById(chartID).getContext('2d') const config = JSON.parse(chartDefinition) const theme = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark-mode' : 'light-mode' // Set default styles (initial setup) applyThemeDefaultsConfig(theme) // Automatically traverse the config and apply dual-mode color schemes applyThemeConfig(config, theme) new Chart(ctx, config) }) } const loadChartJS = () => { const chartJSEle = document.querySelectorAll('#article-container .chartjs-container') if (chartJSEle.length === 0) return window.loadChartJS ? runChartJS(chartJSEle) : btf.getScript('!{url_for(theme.asset.chartjs)}').then(() => runChartJS(chartJSEle)) } // Listen for theme change events btf.addGlobalFn('themeChange', loadChartJS, 'chartjs') btf.addGlobalFn('encrypt', loadChartJS, 'chartjs') window.pjax ? loadChartJS() : document.addEventListener('DOMContentLoaded', loadChartJS) })() ================================================ FILE: layout/includes/third-party/math/index.pug ================================================ case theme.math.use when 'mathjax' if (theme.math.per_page && (['post','page'].includes(globalPageType))) || page.mathjax include ./mathjax.pug when 'katex' if (theme.math.per_page && (['post','page'].includes(globalPageType))) || page.katex include ./katex.pug if theme.mermaid.enable include ./mermaid.pug if theme.chartjs.enable include ./chartjs.pug ================================================ FILE: layout/includes/third-party/math/katex.pug ================================================ script. (async () => { const showKatex = () => { document.querySelectorAll('#article-container .katex').forEach(el => el.classList.add('katex-show')) } if (!window.katex_js_css) { window.katex_js_css = true await btf.getCSS('!{url_for(theme.asset.katex)}') if (!{theme.math.katex.copy_tex}) { await btf.getScript('!{url_for(theme.asset.katex_copytex)}') } } showKatex() })() ================================================ FILE: layout/includes/third-party/math/mathjax.pug ================================================ //- Mathjax 4/5 - const { tags, enableMenu } = theme.math.mathjax script. (() => { const loadMathjax = () => { if (!window.MathJax) { window.MathJax = { loader: { load: [ // Four font extension packages (optional) //- '[tex]/bbm', //- '[tex]/bboldx', //- '[tex]/dsfont', '[tex]/mhchem' ], paths: { 'mathjax-newcm': '[mathjax]/../@mathjax/mathjax-newcm-font', //- // Four font extension packages (optional) //- 'mathjax-bbm-extension': '[mathjax]/../@mathjax/mathjax-bbm-font-extension', //- 'mathjax-bboldx-extension': '[mathjax]/../@mathjax/mathjax-bboldx-font-extension', //- 'mathjax-dsfont-extension': '[mathjax]/../@mathjax/mathjax-dsfont-font-extension', 'mathjax-mhchem-extension': '[mathjax]/../@mathjax/mathjax-mhchem-font-extension' } }, output: { font: 'mathjax-newcm', }, tex: { inlineMath: [['$', '$'], ['\\(', '\\)']], tags: '!{tags}', packages: { '[+]': [ 'mhchem' ] } }, chtml: { scale: 1.1 }, options: { enableMenu: !{enableMenu}, menuOptions: { settings: { enrich: false // Turn off Braille and voice narration text automatic generation } }, renderActions: { findScript: [10, doc => { for (const node of document.querySelectorAll('script[type^="math/tex"]')) { const display = !!node.type.match(/; *mode=display/) const math = new doc.options.MathItem(node.textContent, doc.inputJax[0], display) const text = document.createTextNode('') node.parentNode.replaceChild(text, node) math.start = {node: text, delim: '', n: 0} math.end = {node: text, delim: '', n: 0} doc.math.push(math) } }, ''] } } } const script = document.createElement('script') script.src = '!{url_for(theme.asset.mathjax)}' script.id = 'MathJax-script' script.async = true document.head.appendChild(script) } else { MathJax.startup.document.state(0) MathJax.texReset() MathJax.typesetPromise() } } btf.addGlobalFn('encrypt', loadMathjax, 'mathjax') window.pjax ? loadMathjax() : window.addEventListener('load', loadMathjax) })() ================================================ FILE: layout/includes/third-party/math/mermaid.pug ================================================ script. (() => { const parseViewBox = viewBox => { if (!viewBox) return null const parts = viewBox.trim().split(/[\s,]+/).map(n => Number(n)) if (parts.length !== 4 || parts.some(n => Number.isNaN(n))) return null return parts } const getSvgViewBox = svg => { const attr = parseViewBox(svg.getAttribute('viewBox')) if (attr) return attr // Fallback: use bbox to build a viewBox try { const bbox = svg.getBBox() if (bbox && bbox.width && bbox.height) return [bbox.x, bbox.y, bbox.width, bbox.height] } catch (e) { // getBBox may fail on some edge cases; ignore } const w = Number(svg.getAttribute('width')) || 0 const h = Number(svg.getAttribute('height')) || 0 if (w > 0 && h > 0) return [0, 0, w, h] return [0, 0, 100, 100] } const setSvgViewBox = (svg, vb) => { svg.setAttribute('viewBox', `${vb[0]} ${vb[1]} ${vb[2]} ${vb[3]}`) } const clamp = (v, min, max) => Math.max(min, Math.min(max, v)) const openSvgInNewTab = ({ source, initViewBox }) => { const getClonedSvg = () => { if (typeof source === 'string') { const template = document.createElement('template') template.innerHTML = source.trim() const svg = template.content.querySelector('svg') return svg ? svg.cloneNode(true) : null } if (source && typeof source.cloneNode === 'function') { return source.cloneNode(true) } return null } const clone = getClonedSvg() if (!clone) return if (initViewBox && initViewBox.length === 4) { clone.setAttribute('viewBox', initViewBox.join(' ')) } if (!clone.getAttribute('xmlns')) clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg') if (!clone.getAttribute('xmlns:xlink') && clone.outerHTML.includes('xlink:')) { clone.setAttribute('xmlns:xlink', 'http://www.w3.org/1999/xlink') } // inject background to match current theme const isDark = document.documentElement.getAttribute('data-theme') === 'dark' const bg = getComputedStyle(document.body).backgroundColor || (isDark ? '#1e1e1e' : '#ffffff') if (!clone.style.background) clone.style.background = bg const serializer = new XMLSerializer() const svgSource = serializer.serializeToString(clone) const htmlSource = ` ${svgSource}` const blob = new Blob([htmlSource], { type: 'text/html;charset=utf-8' }) const url = URL.createObjectURL(blob) window.open(url, '_blank', 'noopener') setTimeout(() => URL.revokeObjectURL(url), 30000) } const attachMermaidViewerButton = wrap => { let btn = wrap.querySelector('.mermaid-open-btn') if (!btn) { btn = document.createElement('button') btn.type = 'button' btn.className = 'mermaid-open-btn' wrap.appendChild(btn) } btn.innerHTML = '' if (!btn.__mermaidViewerBound) { btn.addEventListener('click', e => { e.preventDefault() e.stopPropagation() const svg = wrap.__mermaidOriginalSvg || wrap.querySelector('svg') if (!svg) return const initViewBox = wrap.__mermaidInitViewBox if (typeof svg === 'string') { openSvgInNewTab({ source: svg, initViewBox }) return } openSvgInNewTab({ source: svg, initViewBox }) }) btn.__mermaidViewerBound = true } } // Zoom around a point (px, py) in the SVG viewport (in viewBox coordinates) const zoomAtPoint = (vb, factor, px, py) => { const w = vb[2] * factor const h = vb[3] * factor const nx = px - (px - vb[0]) * factor const ny = py - (py - vb[1]) * factor return [nx, ny, w, h] } const initMermaidGestures = wrap => { const svg = wrap.querySelector('svg') if (!svg) return // Ensure viewBox exists so gestures always work const initVb = getSvgViewBox(svg) wrap.__mermaidInitViewBox = initVb wrap.__mermaidCurViewBox = initVb.slice() setSvgViewBox(svg, initVb) // Avoid binding multiple times on themeChange/pjax if (wrap.__mermaidGestureBound) return wrap.__mermaidGestureBound = true // Helper: map client (viewport) coordinate -> viewBox coordinate const clientToViewBox = (clientX, clientY) => { const rect = svg.getBoundingClientRect() const vb = wrap.__mermaidCurViewBox || getSvgViewBox(svg) const x = vb[0] + (clientX - rect.left) * (vb[2] / rect.width) const y = vb[1] + (clientY - rect.top) * (vb[3] / rect.height) return { x, y, rect, vb } } const state = { pointers: new Map(), startVb: null, startDist: 0, startCenter: null } const clampVb = vb => { const init = wrap.__mermaidInitViewBox || vb const minW = init[2] * 0.1 const maxW = init[2] * 10 const minH = init[3] * 0.1 const maxH = init[3] * 10 vb[2] = clamp(vb[2], minW, maxW) vb[3] = clamp(vb[3], minH, maxH) return vb } const setCurVb = vb => { vb = clampVb(vb) wrap.__mermaidCurViewBox = vb setSvgViewBox(svg, vb) } const onPointerDown = e => { // Allow only primary button for mouse if (e.pointerType === 'mouse' && e.button !== 0) return svg.setPointerCapture(e.pointerId) state.pointers.set(e.pointerId, { x: e.clientX, y: e.clientY }) if (state.pointers.size === 1) { state.startVb = (wrap.__mermaidCurViewBox || getSvgViewBox(svg)).slice() } else if (state.pointers.size === 2) { const pts = [...state.pointers.values()] const dx = pts[0].x - pts[1].x const dy = pts[0].y - pts[1].y state.startDist = Math.hypot(dx, dy) state.startVb = (wrap.__mermaidCurViewBox || getSvgViewBox(svg)).slice() state.startCenter = { x: (pts[0].x + pts[1].x) / 2, y: (pts[0].y + pts[1].y) / 2 } } } const onPointerMove = e => { if (!state.pointers.has(e.pointerId)) return state.pointers.set(e.pointerId, { x: e.clientX, y: e.clientY }) // Pan with 1 pointer if (state.pointers.size === 1 && state.startVb) { const p = [...state.pointers.values()][0] const prev = { x: e.clientX - e.movementX, y: e.clientY - e.movementY } // movementX/Y unreliable on touch, compute from stored last position const last = wrap.__mermaidLastSinglePointer || p const dxClient = p.x - last.x const dyClient = p.y - last.y wrap.__mermaidLastSinglePointer = p const { rect } = clientToViewBox(p.x, p.y) const vb = (wrap.__mermaidCurViewBox || getSvgViewBox(svg)).slice() const dx = dxClient * (vb[2] / rect.width) const dy = dyClient * (vb[3] / rect.height) setCurVb([vb[0] - dx, vb[1] - dy, vb[2], vb[3]]) return } // Pinch zoom with 2 pointers if (state.pointers.size === 2 && state.startVb && state.startDist > 0) { const pts = [...state.pointers.values()] const dx = pts[0].x - pts[1].x const dy = pts[0].y - pts[1].y const dist = Math.hypot(dx, dy) if (!dist) return const factor = state.startDist / dist // dist bigger => zoom in (viewBox smaller) const cx = (pts[0].x + pts[1].x) / 2 const cy = (pts[0].y + pts[1].y) / 2 const centerClient = { x: cx, y: cy } const pxy = clientToViewBox(centerClient.x, centerClient.y) const cpx = pxy.x const cpy = pxy.y const vb = zoomAtPoint(state.startVb, factor, cpx, cpy) setCurVb(vb) } } const onPointerUpOrCancel = e => { state.pointers.delete(e.pointerId) if (state.pointers.size === 0) { state.startVb = null state.startDist = 0 state.startCenter = null wrap.__mermaidLastSinglePointer = null } else if (state.pointers.size === 1) { // reset single pointer baseline to avoid jump wrap.__mermaidLastSinglePointer = [...state.pointers.values()][0] } } // Wheel zoom (mouse/trackpad) const onWheel = e => { // ctrlKey on mac trackpad pinch; we treat both as zoom e.preventDefault() const delta = e.deltaY const zoomFactor = delta > 0 ? 1.1 : 0.9 const { x, y } = clientToViewBox(e.clientX, e.clientY) const vb = (wrap.__mermaidCurViewBox || getSvgViewBox(svg)).slice() setCurVb(zoomAtPoint(vb, zoomFactor, x, y)) } const onDblClick = () => { const init = wrap.__mermaidInitViewBox if (!init) return wrap.__mermaidCurViewBox = init.slice() setSvgViewBox(svg, init) } svg.addEventListener('pointerdown', onPointerDown) svg.addEventListener('pointermove', onPointerMove) svg.addEventListener('pointerup', onPointerUpOrCancel) svg.addEventListener('pointercancel', onPointerUpOrCancel) svg.addEventListener('wheel', onWheel, { passive: false }) svg.addEventListener('dblclick', onDblClick) } const runMermaid = ele => { window.loadMermaid = true const theme = document.documentElement.getAttribute('data-theme') === 'dark' ? '!{theme.mermaid.theme.dark}' : '!{theme.mermaid.theme.light}' ele.forEach((item, index) => { const mermaidSrc = item.firstElementChild // Clear old render (themeChange/pjax will rerun) const oldSvg = item.querySelector('svg') if (oldSvg) oldSvg.remove() item.__mermaidGestureBound = false const config = mermaidSrc.dataset.config ? JSON.parse(mermaidSrc.dataset.config) : {} if (!config.theme) { config.theme = theme } const mermaidThemeConfig = `%%{init: ${JSON.stringify(config)}}%%\n` const mermaidID = `mermaid-${index}` const mermaidDefinition = mermaidThemeConfig + mermaidSrc.textContent const renderFn = mermaid.render(mermaidID, mermaidDefinition) const renderMermaid = svg => { mermaidSrc.insertAdjacentHTML('afterend', svg) if (!{theme.mermaid.zoom_pan}) initMermaidGestures(item) item.__mermaidOriginalSvg = svg if (!{theme.mermaid.open_in_new_tab}) attachMermaidViewerButton(item) } // mermaid v9 and v10 compatibility typeof renderFn === 'string' ? renderMermaid(renderFn) : renderFn.then(({ svg }) => renderMermaid(svg)) }) } const codeToMermaid = () => { const codeMermaidEle = document.querySelectorAll('pre > code.mermaid') if (codeMermaidEle.length === 0) return codeMermaidEle.forEach(ele => { const preEle = document.createElement('pre') preEle.className = 'mermaid-src' preEle.hidden = true preEle.textContent = ele.textContent const newEle = document.createElement('div') newEle.className = 'mermaid-wrap' newEle.appendChild(preEle) ele.parentNode.replaceWith(newEle) }) } const loadMermaid = () => { if (!{theme.mermaid.code_write}) codeToMermaid() const $mermaid = document.querySelectorAll('#article-container .mermaid-wrap') if ($mermaid.length === 0) return const runMermaidFn = () => runMermaid($mermaid) btf.addGlobalFn('themeChange', runMermaidFn, 'mermaid') window.loadMermaid ? runMermaidFn() : btf.getScript('!{url_for(theme.asset.mermaid)}').then(runMermaidFn) } btf.addGlobalFn('encrypt', loadMermaid, 'mermaid') window.pjax ? loadMermaid() : document.addEventListener('DOMContentLoaded', loadMermaid) })() ================================================ FILE: layout/includes/third-party/newest-comments/artalk.pug ================================================ - const { server, site, option } = theme.artalk - const avatarCdn = (option !== null && option.gravatar && option.gravatar.mirror) || '' - const avatarDefault = (option !== null && option.gravatar && (option.gravatar.params || option.gravatar.default)) || '' != partial("includes/third-party/newest-comments/common.pug", {}, { cache: true }) script. window.addEventListener('load', () => { const keyName = 'artalk-newest-comments' const { changeContent, generateHtml, run } = window.newestComments const getAvatarValue = async () => { const predefinedAvatarCdn = '!{avatarCdn}' const predefinedAvatarDefault = '!{avatarDefault}' const avatarDefaultFormat = e => e.startsWith('d=') ? e : `d=${e}` if (predefinedAvatarCdn && predefinedAvatarDefault) { return { avatarCdn: predefinedAvatarCdn, avatarDefault: avatarDefaultFormat(predefinedAvatarDefault) } } try { const res = await fetch('!{server}/api/v2/conf') const result = await res.json() const { mirror, params, default: defaults } = result.frontend_conf.gravatar const avatarCdn = predefinedAvatarCdn || mirror let avatarDefault = avatarDefaultFormat(predefinedAvatarDefault || params || defaults) return { avatarCdn, avatarDefault} } catch (e) { console.error(e) return { avatarCdn: predefinedAvatarCdn, avatarDefault: avatarDefaultFormat(predefinedAvatarDefault) } } } const searchParams = new URLSearchParams({ 'site_name': '!{site}', 'limit': '!{newestCommentsLimit * 2}', // Fetch more comments to filter pending comments }) const getComment = async (ele) => { try { const res = await fetch(`!{server}/api/v2/stats/latest_comments?${searchParams}`) const result = await res.json() const { avatarCdn, avatarDefault } = await getAvatarValue() const artalk = result.data .filter(e => !e.is_pending) // Filter pending comments .slice(0, !{newestCommentsLimit}) // Limit the number of comments .map(e => { const avatar = avatarCdn && e.email_encrypted ? `${avatarCdn}${e.email_encrypted}?${avatarDefault}` : '' return { 'avatar': avatar, 'content': changeContent(e.content_marked), 'nick': e.nick, 'url': e.page_url, 'date': e.date, } }) btf.saveToLocal.set(keyName, JSON.stringify(artalk), !{theme.aside.card_newest_comments.storage}/(60*24)) generateHtml(artalk, ele) } catch (e) { console.log(e) ele.textContent= "!{_p('aside.card_newest_comments.error')}" } } run(keyName, getComment) }) ================================================ FILE: layout/includes/third-party/newest-comments/common.pug ================================================ script. window.newestComments = { changeContent: content => { if (content === '') return content content = content.replace(/]+>/ig, '[!{_p("aside.card_newest_comments.image")}]') // replace image link content = content.replace(/]+?href=["']?([^"']+)["']?[^>]*>([^<]+)<\/a>/gi, '[!{_p("aside.card_newest_comments.link")}]') // replace url content = content.replace(/
.*?<\/pre>/gi, '[!{_p("aside.card_newest_comments.code")}]') // replace code
      content = content.replace(/.*?<\/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
    },

    generateHtml: (array, ele) => {
      let result = ''

      if (array.length) {
        for (let i = 0; i < array.length; i++) {
          result += '
'

          if (!{theme.aside.card_newest_comments.avatar} && array[i].avatar) {
            const imgAttr = '!{theme.lazyload.enable && !theme.lazyload.native ? "data-lazy-src" : "src"}'
            const lazyloadNative = '!{theme.lazyload.enable && theme.lazyload.native ? "loading=\"lazy\"" : ""}'
            result += `${array[i].nick}`
          }

          result += `

          ${array[i].content}
          
${array[i].nick} / 

          
`
        }
      } else {
        result += '!{_p("aside.card_newest_comments.zero")}'
      }

      ele.innerHTML = result
      window.lazyLoadInstance && window.lazyLoadInstance.update()
      window.pjax && window.pjax.refresh(ele)
    },

    newestCommentInit: (name, getComment) => {
      const $dom = document.querySelector('#card-newest-comments .aside-list')
      if ($dom) {
        const data = btf.saveToLocal.get(name)
        if (data) {
          newestComments.generateHtml(JSON.parse(data), $dom)
        } else {
          getComment($dom)
        }
      }
    },

    run: (name, getComment) => {
      newestComments.newestCommentInit(name, getComment)
      btf.addGlobalFn('pjaxComplete', () => newestComments.newestCommentInit(name, getComment), name)
    }
  }

================================================
FILE: layout/includes/third-party/newest-comments/disqus-comment.pug
================================================
!= partial("includes/third-party/newest-comments/common.pug", {}, { cache: true })

script.
  window.addEventListener('load', () => {
    const keyName = 'disqus-newest-comments'
    const { changeContent, generateHtml, run } = window.newestComments

    const getComment = ele => {
      fetch('https://disqus.com/api/3.0/forums/listPosts.json?forum=!{forum}&related=thread&limit=!{newestCommentsLimit}&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
            }
          })

          btf.saveToLocal.set(keyName, JSON.stringify(disqusArray), !{theme.aside.card_newest_comments.storage}/(60*24))
          generateHtml(disqusArray, ele)
        }).catch(e => {
          console.error(e)
          ele.textContent= "!{_p('aside.card_newest_comments.error')}"
        })
    }

    run(keyName, getComment)
  })





================================================
FILE: layout/includes/third-party/newest-comments/github-issues.pug
================================================
!= partial("includes/third-party/newest-comments/common.pug", {}, { cache: true })

script.
  window.addEventListener('load', () => {
    const keyName = 'github-newest-comments'
    const { changeContent, generateHtml, run } = window.newestComments

    const findTrueUrl = (array, ele) => {
      Promise.all(array.map(item =>
        fetch(item.url).then(resp => resp.json()).then(data => {
          let urlArray = data.body ? data.body.match(/(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?/ig) : []
          if (!Array.isArray(urlArray) || urlArray.length === 0) {
            urlArray = [`${data.html_url}`]
          }
          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]
            }
          })

          btf.saveToLocal.set(keyName, JSON.stringify(array), !{theme.aside.card_newest_comments.storage}/(60*24))
          generateHtml(array, ele)
      });
    }

    const getComment = ele => {
      fetch('https://api.github.com/repos/!{userRepo}/issues/comments?sort=updated&direction=desc&per_page=!{newestCommentsLimit}&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 || item.body),
              'nick': item.user.login,
              'url': item.issue_url,
              'date': item.updated_at
            }
          })
          findTrueUrl(githubArray, ele)
        }).catch(e => {
          console.error(e)
          ele.textContent= "!{_p('aside.card_newest_comments.error')}"
        })
    }
    run(keyName, getComment)
  })






================================================
FILE: layout/includes/third-party/newest-comments/index.pug
================================================
- let { use } = theme.comments

if use
  -
    let forum,apiKey,userRepo
    let { limit:newestCommentsLimit } = theme.aside.card_newest_comments
    if (newestCommentsLimit > 10 || newestCommentsLimit < 1) newestCommentsLimit = 6

  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

================================================
FILE: layout/includes/third-party/newest-comments/remark42.pug
================================================
- const { host, siteId } = theme.remark42
!= partial("includes/third-party/newest-comments/common.pug", {}, { cache: true })

script.
  window.addEventListener('load', () => {
    const keyName = 'remark42-newest-comments'
    const { changeContent, generateHtml, run } = window.newestComments

    const getComment = ele => {
      fetch('!{host}/api/v1/last/!{newestCommentsLimit}?site=!{siteId}')
        .then(response => response.json())
        .then(data => {
          const remark42 = data.map(e => {
            return {
              'avatar': e.user.picture,
              'content': changeContent(e.text),
              'nick': e.user.name,
              'url': e.locator.url,
              'date': e.time,
            }
          })
          btf.saveToLocal.set(keyName, JSON.stringify(remark42), !{theme.aside.card_newest_comments.storage}/(60*24))
          generateHtml(remark42, ele)
        }).catch(e => {
          console.error(e)
          ele.textContent= "!{_p('aside.card_newest_comments.error')}"
        })
    }

    run(keyName, getComment)
  })


================================================
FILE: layout/includes/third-party/newest-comments/twikoo-comment.pug
================================================
!= partial("includes/third-party/newest-comments/common.pug", {}, { cache: true })

script.
  window.addEventListener('load', () => {
    const keyName = 'twikoo-newest-comments'
    const { changeContent, generateHtml, run } = window.newestComments

    const getComment = ele => {
      const runTwikoo = () => {
        twikoo.getRecentComments({
          envId: '!{theme.twikoo.envId}',
          region: '!{theme.twikoo.region}',
          pageSize: !{newestCommentsLimit},
          includeReply: true
        }).then(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()
            }
          })

          btf.saveToLocal.set(keyName, JSON.stringify(twikooArray), !{theme.aside.card_newest_comments.storage}/(60*24))
          generateHtml(twikooArray, ele)
        }).catch(err => {
          console.error(err)
          ele.textContent= "!{_p('aside.card_newest_comments.error')}"
        })
      }

      if (typeof twikoo === 'object') {
        runTwikoo()
      } else {
        btf.getScript('!{url_for(theme.asset.twikoo)}').then(runTwikoo)
      }
    }

    run(keyName, getComment)
  })





================================================
FILE: layout/includes/third-party/newest-comments/valine.pug
================================================
- let default_avatar = theme.valine.avatar

script(src=url_for(theme.asset.blueimp_md5))
!= partial("includes/third-party/newest-comments/common.pug", {}, { cache: true })

script.
  window.addEventListener('load', () => {
    const keyName = 'valine-newest-comments'
    const { changeContent, generateHtml, run } = window.newestComments

    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 getComment = ele => {
      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=!{newestCommentsLimit}&order=-createdAt`,settings)
        .then(response => response.json())
        .then(data => {
          const valineArray = data.results.map(e => {
            return {
              'avatar': getIcon(e.QQAvatar, e.mail),
              'content': changeContent(e.comment),
              'nick': e.nick,
              'url': e.url + '#' + e.objectId,
              'date': e.updatedAt,
            }
          })
          btf.saveToLocal.set(keyName, JSON.stringify(valineArray), !{theme.aside.card_newest_comments.storage}/(60*24))
          generateHtml(valineArray, ele)
        }).catch(e => {
          console.error(e)
          ele.textContent= "!{_p('aside.card_newest_comments.error')}"
        })
    }

    run(keyName, getComment)
  })


================================================
FILE: layout/includes/third-party/newest-comments/waline.pug
================================================
- const serverURL = theme.waline.serverURL.replace(/\/$/, '')

!= partial("includes/third-party/newest-comments/common.pug", {}, { cache: true })

script.
  window.addEventListener('load', () => {
    const keyName = 'waline-newest-comments'
    const { changeContent, generateHtml, run } = window.newestComments

    const getComment = async (ele) => {
      try {
        const res = await fetch('!{serverURL}/api/comment?type=recent&count=!{newestCommentsLimit}')
        const result = await res.json()
        const walineArray = result.data.map(e => {
          return {
            'content': changeContent(e.comment),
            'avatar': e.avatar,
            'nick': e.nick,
            'url': e.url + '#' + e.objectId,
            'date': e.time || e.insertedAt
          }
        })
        btf.saveToLocal.set(keyName, JSON.stringify(walineArray), !{theme.aside.card_newest_comments.storage}/(60*24))
        generateHtml(walineArray, ele)
      } catch (err) {
        console.error(err)
        ele.textContent= "!{_p('aside.card_newest_comments.error')}"
      }
    }

    run(keyName, getComment)
  })


================================================
FILE: layout/includes/third-party/pjax.pug
================================================
- var pjaxExclude = 'a:not([target="_blank"])'
if theme.pjax.exclude
  each val in theme.pjax.exclude
    - 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 choose.includes('Livere') || choose.includes('Utterances') || choose.includes('Giscus')
    - pjaxSelectors.unshift('link[rel="canonical"]')
    if theme.Open_Graph_meta.enable
      - pjaxSelectors.unshift('meta[property="og:image"]', 'meta[property="og:title"]', 'meta[property="og:url"]', 'meta[property="og:description"]')
    else
      - pjaxSelectors.unshift('meta[name="description"]')

script(src=url_for(theme.asset.pjax) defer)
script.
  document.addEventListener('DOMContentLoaded', () => {
    const pjaxSelectors = !{JSON.stringify(pjaxSelectors)}

    window.pjax = new Pjax({
      elements: '!{pjaxExclude}',
      selectors: pjaxSelectors,
      cacheBust: false,
      analytics: !{theme.google_analytics ? true : false},
      scrollRestoration: false
    })

    const triggerPjaxFn = (val) => {
      if (!val) return
      Object.values(val).forEach(fn => {
        try {
          fn()
        } catch (err) {
          console.debug('Pjax callback failed:', err)
        }
      })
    }

    document.addEventListener('pjax:send', () => {
      // removeEventListener
      btf.removeGlobalFnEvent('pjaxSendOnce')
      btf.removeGlobalFnEvent('themeChange')

      // reset readmode
      const $bodyClassList = document.body.classList
      if ($bodyClassList.contains('read-mode')) $bodyClassList.remove('read-mode')

      triggerPjaxFn(window.globalFn.pjaxSend)
    })

    document.addEventListener('pjax:complete', () => {
      btf.removeGlobalFnEvent('pjaxCompleteOnce')
      document.querySelectorAll('script[data-pjax]').forEach(item => {
        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)
      })

      triggerPjaxFn(window.globalFn.pjaxComplete)
    })

    document.addEventListener('pjax:error', e => {
      if (e.request.status === 404) {
        !{theme.error_404 && theme.error_404.enable}
          ? pjax.loadUrl('!{url_for("/404.html")}')
          : window.location.href = e.request.responseURL
      }
    })
  })

================================================
FILE: layout/includes/third-party/prismjs.pug
================================================
- const { prismjs_js, prismjs_autoloader, prismjs_lineNumber_js } = theme.asset
- const { prismjs, syntax_highlighter } = config
- const { enable, preprocess, line_number } = prismjs

if (syntax_highlighter === 'prismjs' || enable) && !preprocess
  script.
    (() => {
      window.Prism = window.Prism || {}
      window.Prism.manual = true

      const highlightAll = () => {
        window.Prism.highlightAll()
      }

      window.addEventListener('load', highlightAll)
      btf.addGlobalFn('pjaxComplete', highlightAll, 'prismjs')
      btf.addGlobalFn('encrypt', highlightAll, 'prismjs')
    })()

  script(src=url_for(prismjs_js) defer)
  script(src=url_for(prismjs_autoloader) defer)
  if (line_number)
    script(src=url_for(prismjs_lineNumber_js) defer)

================================================
FILE: layout/includes/third-party/search/algolia.pug
================================================
#algolia-search
  .search-dialog
    nav.search-nav
      span.search-dialog-title= _p('search.title')
      i.fas.fa-spinner.fa-pulse#loading-status(hidden)
      button.search-close-button
        i.fas.fa-times

    #algolia-search-input
      .ais-SearchBox
        form.ais-SearchBox-form(action="" role="search" novalidate="")
          input.ais-SearchBox-input(type="search" placeholder=theme.search.placeholder || _p("search.input_placeholder") autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" maxlength="512" aria-label="Search")
          button.ais-SearchBox-submit(type="submit" title="Submit the search query" style="display:none;")
            svg.ais-SearchBox-submitIcon(width="10" height="10" viewBox="0 0 40 40" aria-hidden="true")
              path(d="M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z")
      hr
      #algolia-search-results
        #algolia-hits
          #algolia-hits-empty(style="display:none;")
          .ais-Hits(style="display:none;")
            ol.ais-Hits-list
        #algolia-pagination.ais-Pagination(style="display:none;")
          ul.ais-Pagination-list
        #algolia-info
          span.ais-Stats-text
          a.algolia-poweredBy(href="https://www.algolia.com/?utm_source=algoliasearch.js&utm_medium=website&utm_content=localhost&utm_campaign=poweredby" target="_blank" aria-label="Search by Algolia" rel="noopener noreferrer")
            svg.ais-PoweredBy-logo(height="1.2em" viewBox="0 0 572 64" style="width: auto;")
              path(fill="#36395A" d="M16 48.3c-3.4 0-6.3-.6-8.7-1.7A12.4 12.4 0 0 1 1.9 42C.6 40 0 38 0 35.4h6.5a6.7 6.7 0 0 0 3.9 6c1.4.7 3.3 1.1 5.6 1.1 2.2 0 4-.3 5.4-1a7 7 0 0 0 3-2.4 6 6 0 0 0 1-3.4c0-1.5-.6-2.8-1.9-3.7-1.3-1-3.3-1.6-5.9-1.8l-4-.4c-3.7-.3-6.6-1.4-8.8-3.4a10 10 0 0 1-3.3-7.9c0-2.4.6-4.6 1.8-6.4a12 12 0 0 1 5-4.3c2.2-1 4.7-1.6 7.5-1.6s5.5.5 7.6 1.6a12 12 0 0 1 5 4.4c1.2 1.8 1.8 4 1.8 6.7h-6.5a6.4 6.4 0 0 0-3.5-5.9c-1-.6-2.6-1-4.4-1s-3.2.3-4.4 1c-1.1.6-2 1.4-2.6 2.4-.5 1-.8 2-.8 3.1a5 5 0 0 0 1.5 3.6c1 1 2.6 1.7 4.7 1.9l4 .3c2.8.2 5.2.8 7.2 1.8 2.1 1 3.7 2.2 4.9 3.8a9.7 9.7 0 0 1 1.7 5.8c0 2.5-.7 4.7-2 6.6a13 13 0 0 1-5.6 4.4c-2.4 1-5.2 1.6-8.4 1.6Zm35.6 0c-2.6 0-4.8-.4-6.7-1.3a13 13 0 0 1-4.7-3.5 17.1 17.1 0 0 1-3.6-10.4v-1c0-2 .3-3.8 1-5.6a13 13 0 0 1 7.3-8.3 15 15 0 0 1 6.3-1.4A13.2 13.2 0 0 1 64 24.3c1 2.2 1.6 4.6 1.6 7.2V34H39.4v-4.3h21.8l-1.8 2.2c0-2-.3-3.7-.9-5.1a7.3 7.3 0 0 0-2.7-3.4c-1.2-.7-2.7-1.1-4.6-1.1s-3.4.4-4.7 1.3a8 8 0 0 0-2.9 3.6c-.6 1.5-.9 3.3-.9 5.4 0 2 .3 3.7 1 5.3a7.9 7.9 0 0 0 2.8 3.7c1.3.8 3 1.3 5 1.3s3.8-.5 5.1-1.3c1.3-1 2.1-2 2.4-3.2h6a11.8 11.8 0 0 1-7 8.7 16 16 0 0 1-6.4 1.2ZM80 48c-2.2 0-4-.3-5.7-1a8.4 8.4 0 0 1-3.7-3.3 9.7 9.7 0 0 1-1.3-5.2c0-2 .5-3.8 1.5-5.2a9 9 0 0 1 4.3-3.1c1.8-.7 4-1 6.7-1H89v4.1h-7.5c-2 0-3.4.5-4.4 1.4-1 1-1.6 2.1-1.6 3.6s.5 2.7 1.6 3.6c1 1 2.5 1.4 4.4 1.4 1.1 0 2.2-.2 3.2-.7 1-.4 1.9-1 2.6-2 .6-1 1-2.4 1-4.2l1.7 2.1c-.2 2-.7 3.8-1.5 5.2a9 9 0 0 1-3.4 3.3 12 12 0 0 1-5.3 1Zm9.5-.7v-8.8h-1v-10c0-1.8-.5-3.2-1.4-4.1-1-1-2.4-1.4-4.2-1.4a142.9 142.9 0 0 0-10.2.4v-5.6a74.8 74.8 0 0 1 8.6-.4c3 0 5.5.4 7.5 1.2s3.4 2 4.4 3.6c1 1.7 1.4 4 1.4 6.7v18.4h-5Zm12.9 0V17.8h5v12.3h-.2c0-4.2 1-7.4 2.8-9.5a11 11 0 0 1 8.3-3.1h1v5.6h-2a9 9 0 0 0-6.3 2.2c-1.5 1.5-2.2 3.6-2.2 6.4v15.6h-6.4Zm34.4 1a15 15 0 0 1-6.6-1.3c-1.9-.9-3.4-2-4.7-3.5a15.5 15.5 0 0 1-2.7-5c-.6-1.7-1-3.6-1-5.4v-1c0-2 .4-3.8 1-5.6a15 15 0 0 1 2.8-4.9c1.3-1.5 2.8-2.6 4.6-3.5a16.4 16.4 0 0 1 13.3.2c2 1 3.5 2.3 4.8 4a12 12 0 0 1 2 6H144c-.2-1.6-1-3-2.2-4.1a7.5 7.5 0 0 0-5.2-1.7 8 8 0 0 0-4.7 1.3 8 8 0 0 0-2.8 3.6 13.8 13.8 0 0 0 0 10.3c.6 1.5 1.5 2.7 2.8 3.6s2.8 1.3 4.8 1.3c1.5 0 2.7-.2 3.8-.8a7 7 0 0 0 2.6-2c.7-1 1-2 1.2-3.2h6.2a11 11 0 0 1-2 6.2 15.1 15.1 0 0 1-11.8 5.5Zm19.7-1v-40h6.4V31h-1.3c0-3 .4-5.5 1.1-7.6a9.7 9.7 0 0 1 3.5-4.8A9.9 9.9 0 0 1 172 17h.3c3.5 0 6 1.1 7.9 3.5 1.7 2.3 2.6 5.7 2.6 10v16.8h-6.4V29.6c0-2.1-.6-3.8-1.8-5a6.4 6.4 0 0 0-4.8-1.8c-2 0-3.7.7-5 2a7.8 7.8 0 0 0-1.9 5.5v17h-6.4Zm63.8 1a12.2 12.2 0 0 1-10.9-6.2 19 19 0 0 1-1.8-7.3h1.4v12.5h-5.1v-40h6.4v19.8l-2 3.5c.2-3.1.8-5.7 1.9-7.7a11 11 0 0 1 4.4-4.5c1.8-1 3.9-1.5 6.1-1.5a13.4 13.4 0 0 1 12.8 9.1c.7 1.9 1 3.8 1 6v1c0 2.2-.3 4.1-1 6a13.6 13.6 0 0 1-13.2 9.4Zm-1.2-5.5a8.4 8.4 0 0 0 7.9-5c.7-1.5 1.1-3.3 1.1-5.3s-.4-3.8-1.1-5.3a8.7 8.7 0 0 0-3.2-3.6 9.6 9.6 0 0 0-9.2-.2 8.5 8.5 0 0 0-3.3 3.2c-.8 1.4-1.3 3-1.3 5v2.3a9 9 0 0 0 1.3 4.8 9 9 0 0 0 3.4 3c1.4.7 2.8 1 4.4 1Zm27.3 3.9-10-28.9h6.5l9.5 28.9h-6Zm-7.5 12.2v-5.7h4.9c1 0 2-.1 2.9-.4a4 4 0 0 0 2-1.4c.4-.7.9-1.6 1.2-2.7l8.6-30.9h6.2l-9.3 32.4a14 14 0 0 1-2.5 5 8.9 8.9 0 0 1-4 2.8c-1.5.6-3.4.9-5.6.9h-4.4Zm9-12.2v-5.2h6.4v5.2H248Z")
              path(fill="#003DFF" d="M534.4 9.1H528a.8.8 0 0 1-.7-.7V1.8c0-.4.2-.7.6-.8l6.5-1c.4 0 .8.2.9.6v7.8c0 .4-.4.7-.8.7zM428 35.2V.8c0-.5-.3-.8-.7-.8h-.2l-6.4 1c-.4 0-.7.4-.7.8v35c0 1.6 0 11.8 12.3 12.2.5 0 .8-.4.8-.8V43c0-.4-.3-.7-.6-.8-4.5-.5-4.5-6-4.5-7zm106.5-21.8H528c-.4 0-.7.4-.7.8v34c0 .4.3.8.7.8h6.5c.4 0 .8-.4.8-.8v-34c0-.5-.4-.8-.8-.8zm-17.7 21.8V.8c0-.5-.3-.8-.8-.8l-6.5 1c-.4 0-.7.4-.7.8v35c0 1.6 0 11.8 12.3 12.2.4 0 .8-.4.8-.8V43c0-.4-.3-.7-.7-.8-4.4-.5-4.4-6-4.4-7zm-22.2-20.6a16.5 16.5 0 0 1 8.6 9.3c.8 2.2 1.3 4.8 1.3 7.5a19.4 19.4 0 0 1-4.6 12.6 14.8 14.8 0 0 1-5.2 3.6c-2 .9-5.2 1.4-6.8 1.4a21 21 0 0 1-6.7-1.4 15.4 15.4 0 0 1-8.6-9.3 21.3 21.3 0 0 1 0-14.4 15.2 15.2 0 0 1 8.6-9.3c2-.8 4.3-1.2 6.7-1.2s4.6.4 6.7 1.2zm-6.7 27.6c2.7 0 4.7-1 6.2-3s2.2-4.3 2.2-7.8-.7-6.3-2.2-8.3-3.5-3-6.2-3-4.7 1-6.1 3c-1.5 2-2.2 4.8-2.2 8.3s.7 5.8 2.2 7.8 3.5 3 6.2 3zm-88.8-28.8c-6.2 0-11.7 3.3-14.8 8.2a18.6 18.6 0 0 0 4.8 25.2c1.8 1.2 4 1.8 6.2 1.7s.1 0 .1 0h.9c4.2-.7 8-4 9.1-8.1v7.4c0 .4.3.7.8.7h6.4a.7.7 0 0 0 .7-.7V14.2c0-.5-.3-.8-.7-.8h-13.5zm6.3 26.5a9.8 9.8 0 0 1-5.7 2h-.5a10 10 0 0 1-9.2-14c1.4-3.7 5-6.3 9-6.3h6.4v18.3zm152.3-26.5h13.5c.5 0 .8.3.8.7v33.7c0 .4-.3.7-.8.7h-6.4a.7.7 0 0 1-.8-.7v-7.4c-1.2 4-4.8 7.4-9 8h-.1a4.2 4.2 0 0 1-.5.1h-.9a10.3 10.3 0 0 1-7-2.6c-4-3.3-6.5-8.4-6.5-14.2 0-3.7 1-7.2 3-10 3-5 8.5-8.3 14.7-8.3zm.6 28.4c2.2-.1 4.2-.6 5.7-2V21.7h-6.3a9.8 9.8 0 0 0-9 6.4 10.2 10.2 0 0 0 9.1 13.9h.5zM452.8 13.4c-6.2 0-11.7 3.3-14.8 8.2a18.5 18.5 0 0 0 3.6 24.3 10.4 10.4 0 0 0 13 .6c2.2-1.5 3.8-3.7 4.5-6.1v7.8c0 2.8-.8 5-2.2 6.3-1.5 1.5-4 2.2-7.5 2.2l-6-.3c-.3 0-.7.2-.8.5l-1.6 5.5c-.1.4.1.8.5 1h.1c2.8.4 5.5.6 7 .6 6.3 0 11-1.4 14-4.1 2.7-2.5 4.2-6.3 4.5-11.4V14.2c0-.5-.4-.8-.8-.8h-13.5zm6.3 8.2v18.3a9.6 9.6 0 0 1-5.6 2h-1a10.3 10.3 0 0 1-8.8-14c1.4-3.7 5-6.3 9-6.3h6.4zM291 31.5A32 32 0 0 1 322.8 0h30.8c.6 0 1.2.5 1.2 1.2v61.5c0 1.1-1.3 1.7-2.2 1l-19.2-17a18 18 0 0 1-11 3.4 18.1 18.1 0 1 1 18.2-14.8c-.1.4-.5.7-.9.6-.1 0-.3 0-.4-.2l-3.8-3.4c-.4-.3-.6-.8-.7-1.4a12 12 0 1 0-2.4 8.3c.4-.4 1-.5 1.6-.2l14.7 13.1v-46H323a26 26 0 1 0 10 49.7c.8-.4 1.6-.2 2.3.3l3 2.7c.3.2.3.7 0 1l-.2.2a32 32 0 0 1-47.2-28.6z")

  #search-mask

  script(src=url_for(theme.asset.algolia_search))
  script(src=url_for(theme.asset.algolia_js))

================================================
FILE: layout/includes/third-party/search/docsearch.pug
================================================
- const { placeholder, docsearch: { appId, apiKey, indexName, option } } = theme.search

.docsearch-wrap
  #docsearch(style="display:none")
  link(rel="stylesheet" href=url_for(theme.asset.docsearch_css))
  script(src=url_for(theme.asset.docsearch_js))
  script.
    (() => {
      docsearch(Object.assign({
        appId: '!{appId}',
        apiKey: '!{apiKey}',
        indexName: '!{indexName}',
        container: '#docsearch',
        placeholder: '!{ placeholder || _p("search.input_placeholder")}',
      }, !{JSON.stringify(option)}))

      const handleClick = () => {
        document.querySelector('.DocSearch-Button').click()
      }

      const searchClickFn = () => {
        btf.addEventListenerPjax(document.querySelector('#search-button > .search'), 'click', handleClick)
      }

      searchClickFn()
      window.addEventListener('pjax:complete', searchClickFn)
    })()




================================================
FILE: layout/includes/third-party/search/index.pug
================================================
case theme.search.use
  when 'algolia_search'
    include ./algolia.pug
  when 'local_search'
    include ./local-search.pug
  when 'docsearch'
    include ./docsearch.pug

================================================
FILE: layout/includes/third-party/search/local-search.pug
================================================
#local-search
  .search-dialog
    nav.search-nav
      span.search-dialog-title= _p('search.title')
      i.fas.fa-spinner.fa-pulse#loading-status(hidden)
      button.search-close-button
        i.fas.fa-times

    #loading-database.text-center
      i.fas.fa-spinner.fa-pulse
      span= '  ' + _p("search.load_data")

    .local-search-input
      input(placeholder=theme.search.placeholder || _p("search.input_placeholder") type="text")

    hr

    #local-search-results
    #local-search-pagination.ais-Pagination(style="display:none;")
      ul.ais-Pagination-list
    #local-search-stats

  #search-mask
  script(src=url_for(theme.asset.local_search))

================================================
FILE: layout/includes/third-party/share/addtoany.pug
================================================
.addtoany
  .a2a_kit.a2a_kit_size_32.a2a_default_style
    - let addtoanyItem = theme.share.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')




================================================
FILE: layout/includes/third-party/share/index.pug
================================================
- const { use } = theme.share

if use
  .post-share
    case use
      when 'addtoany'
        !=partial('includes/third-party/share/addtoany', {}, {cache: true})
      when 'sharejs'
        include ./share-js.pug

================================================
FILE: layout/includes/third-party/share/share-js.pug
================================================
- const coverVal = page.cover_type === 'img' ? page.cover : theme.avatar.img
.social-share(data-image=url_for(coverVal) data-sites= theme.share.sharejs.sites)
link(rel='stylesheet' href=url_for(theme.asset.sharejs_css) media="print" onload="this.media='all'")
script(src=url_for(theme.asset.sharejs) defer)

================================================
FILE: layout/includes/third-party/subtitle.pug
================================================
- const { effect, source, sub, typed_option } = theme.subtitle
- let subContent = sub || new Array()

script.
  window.typedJSFn = {
    init: str => {
      window.typed = new Typed('#subtitle', Object.assign({
        strings: str,
        startDelay: 300,
        typeSpeed: 150,
        loop: true,
        backSpeed: 50,
      }, !{JSON.stringify(typed_option)}))
    },
    run: subtitleType => {
      if (!{effect}) {
        if (typeof Typed === 'function') {
          subtitleType()
        } else {
          btf.getScript('!{url_for(theme.asset.typed)}').then(subtitleType)
        }
      } else {
        subtitleType()
      }
    },
    processSubtitle: (content, extraContents = []) => {
      if (!{effect}) {
        const sub = !{JSON.stringify(subContent)}.slice()

        if (extraContents.length > 0) {
          sub.unshift(...extraContents)
        }

        if (typeof content === 'string') {
          sub.unshift(content)
        } else if (Array.isArray(content)) {
          sub.unshift(...content)
        }

        sub.length > 0 && typedJSFn.init(sub)
      } else {
        document.getElementById('subtitle').textContent = typeof content === 'string' ? content :
          (Array.isArray(content) && content.length > 0 ? content[0] : '')
      }
    }
  }
  btf.addGlobalFn('pjaxSendOnce', () => { typed.destroy() }, 'typedDestroy')

case source
  when 1
    script.
      function subtitleType () {
        fetch('https://v1.hitokoto.cn')
          .then(response => response.json())
          .then(data => {
            const from = '出自 ' + data.from
            typedJSFn.processSubtitle(data.hitokoto, [from])
          })
          .catch(err => {
            console.error('Failed to get the Hitokoto API:', err)
            typedJSFn.processSubtitle(!{JSON.stringify(subContent)})
          })
      }
      typedJSFn.run(subtitleType)

  when 2
    script.
      function subtitleType () {
        fetch('https://v.api.aa1.cn/api/yiyan/index.php')
          .then(response => response.text())
          .then(data => {
            const reg = /
(.*?)<\/p>/g
            const result = reg.exec(data)
            if (result && result[1]) {
              typedJSFn.processSubtitle(result[1])
            } else {
              throw new Error('Failed to parse the return value of the Yiyan API')
            }
          })
          .catch(err => {
            console.error('Failed to get the Yiyan API:', err)
            typedJSFn.processSubtitle(!{JSON.stringify(subContent.length)})
          })
      }
      typedJSFn.run(subtitleType)

  when 3
    script.
      function subtitleType () {
        btf.getScript('https://sdk.jinrishici.com/v2/browser/jinrishici.js')
          .then(() => {
            jinrishici.load(result => {
              if (result && result.data && result.data.content) {
                typedJSFn.processSubtitle(result.data.content)
              } else {
                throw new Error('Failed to parse the return value of Jinrishici API')
              }
            })
          })
          .catch(err => {
            console.error('Failed to get the Jinrishici API:', err)
            typedJSFn.processSubtitle(!{JSON.stringify(subContent.length)})
          })
      }
      typedJSFn.run(subtitleType)

  default
    if subContent.length > 0
      script.
        function subtitleType () {
          typedJSFn.processSubtitle(!{JSON.stringify(subContent)})
        }
        typedJSFn.run(subtitleType)

================================================
FILE: layout/includes/third-party/umami_analytics.pug
================================================
- let { serverURL, script_name, website_id, option, UV_PV } = theme.umami_analytics
- const isServerURL = !!serverURL
- const baseURL = serverURL ? serverURL.replace(/\/$/, '') : 'https://cloud.umami.is'
- const apiUrl = serverURL ? serverURL.replace(/\/$/, '') + '/api' : 'https://api.umami.is/v1'

script.
  (() => {
    const option = !{JSON.stringify(option)}
    const config = !{JSON.stringify(UV_PV)}

    const runTrack = () => {
      if (typeof umami !== 'undefined' && typeof umami.track === 'function') {
        umami.track(props => ({ ...props, url: window.location.pathname, title: GLOBAL_CONFIG_SITE.title }))
      } else {
        console.warn('Umami Analytics: umami.track is not available')
      }
    }

    const loadUmamiJS = () => {
      btf.getScript('!{baseURL}/!{script_name}', {
        'data-website-id': '!{website_id}',
        'data-auto-track': 'false',
        ...option
      }).then(() => {
        runTrack()
      }).catch(error => {
        console.error('Umami Analytics: Error loading script', error)
      })
    }

    const getData = async (isPost) => {
      try {
        const now = Date.now()
        const keyUrl = isPost ? `&url=${window.location.pathname}&path=${window.location.pathname}` : ''
        const headerList = { 'Accept': 'application/json' }

        if (!{isServerURL}) {
          headerList['Authorization'] = `Bearer ${config.token}`
        } else {
          headerList['x-umami-api-key'] = config.token
        }

        const res = await fetch(`!{apiUrl}/websites/!{website_id}/stats?startAt=0000000000&endAt=${now}${keyUrl}`, {
          method: "GET",
          headers: headerList
        })

        if (!res.ok) {
          throw new Error(`HTTP error! status: ${res.status}`)
        }

        return await res.json()
      } catch (error) {
        console.error('Umami Analytics: Failed to fetch data', error)
        throw error
      }
    }

    const insertData = async () => {
      try {
        if (GLOBAL_CONFIG_SITE.pageType === 'post' && config.page_pv) {
          const pagePV = document.getElementById('umamiPV')
          if (pagePV) {
            const data = await getData(true)
            if (data && data.pageviews) {
              pagePV.textContent = typeof data.pageviews.value !== 'undefined' ? data.pageviews.value : data.pageviews
            } else {
              console.warn('Umami Analytics: Invalid page view data received')
            }
          }
        }

        if (config.site_uv || config.site_pv) {
          const data = await getData(false)

          if (config.site_uv) {
            const siteUV = document.getElementById('umami-site-uv')
            if (siteUV && data && data.visitors) {
              siteUV.textContent = typeof data.visitors.value !== 'undefined' ? data.visitors.value : data.visitors
            } else if (siteUV) {
              console.warn('Umami Analytics: Invalid site UV data received')
            }
          }

          if (config.site_pv) {
            const sitePV = document.getElementById('umami-site-pv')
            if (sitePV && data && data.pageviews) {
              sitePV.textContent = typeof data.pageviews.value !== 'undefined' ? data.pageviews.value : data.pageviews
            } else if (sitePV) {
              console.warn('Umami Analytics: Invalid site PV data received')
            }
          }
        }
      } catch (error) {
        console.error('Umami Analytics: Failed to insert data', error)
      }
    }

    btf.addGlobalFn('pjaxComplete', runTrack, 'umami_analytics_run_track')
    btf.addGlobalFn('pjaxComplete', insertData, 'umami_analytics_insert')


    loadUmamiJS()

    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', insertData)
    } else {
      setTimeout(insertData, 100)
    }
  })()

================================================
FILE: layout/includes/widget/card_ad.pug
================================================
if theme.ad && theme.ad.aside
  .card-widget.ads-wrap
    != theme.ad.aside


================================================
FILE: layout/includes/widget/card_announcement.pug
================================================
if theme.aside.card_announcement.enable
  .card-widget.card-announcement
    .item-headline
      i.fas.fa-bullhorn.fa-shake
      span= _p('aside.card_announcement')
    .announcement_content!= theme.aside.card_announcement.content

================================================
FILE: layout/includes/widget/card_archives.pug
================================================
if theme.aside.card_archives.enable
  .card-widget.card-archives
    - let type = theme.aside.card_archives.type || 'monthly'
    - let format = theme.aside.card_archives.format || 'MMMM YYYY'
    - let order = theme.aside.card_archives.order || -1
    - let limit = theme.aside.card_archives.limit === 0 ? 0 : theme.aside.card_archives.limit || 8
    != aside_archives({ type:type, format: format, order: order, limit: limit })


================================================
FILE: layout/includes/widget/card_author.pug
================================================
if theme.aside.card_author.enable
  .card-widget.card-info.text-center
    .avatar-img
      img(src=url_for(theme.avatar.img) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt="avatar")
    .author-info-name= config.author
    .author-info-description!= theme.aside.card_author.description || config.description

    .site-data
      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

    if theme.aside.card_author.button.enable
      a#card-info-btn(href=theme.aside.card_author.button.link)
        i(class=theme.aside.card_author.button.icon)
        span=theme.aside.card_author.button.text

    if(theme.social)
      .card-info-social-icons
        !=partial('includes/header/social', {}, {cache: true})


================================================
FILE: layout/includes/widget/card_bottom_self.pug
================================================
if site.data.widget && site.data.widget.bottom
  each item in site.data.widget.bottom
    .card-widget(class=item.class_name id=item.id_name style=item.order ? `order: ${item.order}` : '')
      .item-headline
        i(class=item.icon)
        span=item.name
      .item-content
        !=item.html



================================================
FILE: layout/includes/widget/card_categories.pug
================================================
if theme.aside.card_categories.enable
  if site.categories.length
    .card-widget.card-categories
      !=aside_categories({ limit: theme.aside.card_categories.limit === 0 ? 0 : theme.aside.card_categories.limit || 8 , expand: theme.aside.card_categories.expand })


================================================
FILE: layout/includes/widget/card_newest_comment.pug
================================================
if theme.aside.card_newest_comments.enable && theme.comments.use && !['Livere','Facebook Comments','Giscus'].includes(theme.comments.use[0])
  .card-widget#card-newest-comments
    .item-headline
      i.fas.fa-comment-dots
      span= _p('aside.card_newest_comments.headline')
    .aside-list
      span= _p('aside.card_newest_comments.loading_text')


================================================
FILE: layout/includes/widget/card_post_series.pug
================================================
if theme.aside.card_post_series.enable
  - const array = fragment_cache('seriesArr', groupPosts)
  .card-widget.card-post-series
    .item-headline
      i.fa-solid.fa-layer-group
      span= theme.aside.card_post_series.series_title ? page.series : _p('aside.card_post_series')
    .aside-list
      each item in array[page.series]
        - const { path, title = _p('no_title'), cover, cover_type, date:dateA } = item
        - let link = url_for(path)
        - let no_cover = cover === false || !theme.cover.aside_enable ? 'no-cover' : ''
        .aside-list-item(class=no_cover)
          if cover && theme.cover.aside_enable
            a.thumbnail(href=link title=title)
              if cover_type === 'img'
                img(src=url_for(cover) onerror=`this.onerror=null;this.src='${url_for(theme.error_img.post_page)}'` alt=title)
              else
                div(style=`background: ${cover}`)
          .content
            a.title(href=link title=title)= title
            time(datetime=date_xml(dateA) title=_p('post.created') + ' ' + full_date(dateA)) #[=date(dateA, config.date_format)]


================================================
FILE: layout/includes/widget/card_post_toc.pug
================================================
- let tocNumber = typeof page.toc_number === 'boolean' ? page.toc_number : theme.toc.number
- let tocExpand = typeof page.toc_expand === 'boolean' ? page.toc_expand : theme.toc.expand
- let tocExpandClass = tocExpand ? 'is-expand' : ''

#card-toc.card-widget
  .item-headline
    i.fas.fa-stream
    span= _p('aside.card_toc')
    span.toc-percentage

  if (page.encrypt == true)
    .toc-content.toc-div-class(class=tocExpandClass style="display:none")!=toc(page.origin, {list_number: tocNumber})
  else
    .toc-content(class=tocExpandClass)!=toc(page.content, {list_number: tocNumber})


================================================
FILE: layout/includes/widget/card_recent_post.pug
================================================
if theme.aside.card_recent_post.enable
  .card-widget.card-recent-post
    .item-headline
      i.fas.fa-history
      span= _p('aside.card_recent_post')
    .aside-list
      - let postLimit = theme.aside.card_recent_post.limit === 0 ? site.posts.length : theme.aside.card_recent_post.limit || 5
      - let sort = theme.aside.card_recent_post.sort === 'updated' ? 'updated' : 'date'
      - site.posts.sort(sort, -1).limit(postLimit).each(function(article){
        - let link = article.link || article.path
        - let title = article.title || _p('no_title')
        - let no_cover = article.cover === false || !theme.cover.aside_enable ? 'no-cover' : ''
        - let post_cover = article.cover
        .aside-list-item(class=no_cover)
          if post_cover && theme.cover.aside_enable
            a.thumbnail(href=url_for(link) title=title)
              if article.cover_type === 'img'
                img(src=url_for(post_cover) onerror=`this.onerror=null;this.src='${url_for(theme.error_img.post_page)}'` alt=title)
              else
                div(style=`background: ${post_cover}`)
          .content
            a.title(href=url_for(link) title=title)= title
            if theme.aside.card_recent_post.sort === 'updated'
              time(datetime=date_xml(article.updated) title=_p('post.updated') + ' ' + full_date(article.updated)) #[=date(article.updated, config.date_format)]
            else
              time(datetime=date_xml(article.date) title=_p('post.created') + ' ' + full_date(article.date)) #[=date(article.date, config.date_format)]
      - })

================================================
FILE: layout/includes/widget/card_tags.pug
================================================
if theme.aside.card_tags.enable
  if site.tags.length
    .card-widget.card-tags
      .item-headline
        i.fas.fa-tags
        span= _p('aside.card_tags')

      - let { limit, orderby, order, custom_colors } = theme.aside.card_tags
      - limit = limit === 0 ? 0 : limit || 40

      if theme.aside.card_tags.color
        .card-tag-cloud!= cloudTags({source: site.tags, orderby: orderby, order: order, minfontsize: 1.15, maxfontsize: 1.45, limit: limit, unit: 'em', page: 'index', custom_colors: custom_colors})
      else
        .card-tag-cloud!= tagcloud({orderby: orderby, order: order, min_font: 1.1, max_font: 1.5, amount: limit, color: true, start_color: '#999', end_color: '#99a9bf', unit: 'em'})


================================================
FILE: layout/includes/widget/card_top_self.pug
================================================
if site.data.widget && site.data.widget.top
  each item in site.data.widget.top
    .card-widget(class=item.class_name id=item.id_name)
      .item-headline
        i(class=item.icon)
        span=item.name
      .item-content
        !=item.html

================================================
FILE: layout/includes/widget/card_webinfo.pug
================================================
if theme.aside.card_webinfo.enable
  .card-widget.card-webinfo
    .item-headline
      i.fas.fa-chart-line
      span= _p('aside.card_webinfo.headline')
    .webinfo
      if theme.aside.card_webinfo.post_count
        .webinfo-item
          .item-name= `${_p('aside.card_webinfo.article_name')} :`
          .item-count= site.posts.length
      if theme.aside.card_webinfo.runtime_date
        .webinfo-item
          .item-name= `${_p('aside.card_webinfo.runtime.name')} :`
          .item-count#runtimeshow(data-publishDate=date_xml(theme.aside.card_webinfo.runtime_date))
            i.fa-solid.fa-spinner.fa-spin
      if theme.wordcount.enable && theme.wordcount.total_wordcount
        .webinfo-item
          .item-name= `${_p('aside.card_webinfo.site_wordcount')} :`
          .item-count= totalcount(site)
      if theme.umami_analytics.enable && theme.umami_analytics.UV_PV.site_uv
        .webinfo-item
          .item-name= `${_p('aside.card_webinfo.site_uv_name')} :`
          .item-count#umami-site-uv
            i.fa-solid.fa-spinner.fa-spin
      else if theme.busuanzi.site_uv
        .webinfo-item
          .item-name= `${_p('aside.card_webinfo.site_uv_name')} :`
          .item-count#busuanzi_value_site_uv
            i.fa-solid.fa-spinner.fa-spin
      if theme.umami_analytics.enable && theme.umami_analytics.UV_PV.site_pv
        .webinfo-item
          .item-name= `${_p('aside.card_webinfo.site_pv_name')} :`
          .item-count#umami-site-pv
            i.fa-solid.fa-spinner.fa-spin
      else if theme.busuanzi.site_pv
        .webinfo-item
          .item-name= `${_p('aside.card_webinfo.site_pv_name')} :`
          .item-count#busuanzi_value_site_pv
            i.fa-solid.fa-spinner.fa-spin
      if theme.aside.card_webinfo.last_push_date
        .webinfo-item
          .item-name= `${_p('aside.card_webinfo.last_push_date.name')} :`
          .item-count#last-push-date(data-lastPushDate=date_xml(Date.now()))
            i.fa-solid.fa-spinner.fa-spin

================================================
FILE: layout/includes/widget/index.pug
================================================
#aside-content.aside-content
  //- post
  if globalPageType === 'post'
    - const tocStyle = page.toc_style_simple
    - const tocStyleVal = tocStyle === true || tocStyle === false ? tocStyle : theme.toc.style_simple
    if showToc && tocStyleVal
      .sticky_layout
        include ./card_post_toc.pug
    else
      !=partial('includes/widget/card_author', {}, {cache: true})
      !=partial('includes/widget/card_announcement', {}, {cache: true})
      !=partial('includes/widget/card_top_self', {}, {cache: true})
      .sticky_layout
        if showToc
          include ./card_post_toc.pug
        if page.series
          include ./card_post_series.pug
        !=partial('includes/widget/card_recent_post', {}, {cache: true})
        !=partial('includes/widget/card_ad', {}, {cache: true})
  else
    //- page
    !=partial('includes/widget/card_author', {}, {cache: true})
    !=partial('includes/widget/card_announcement', {}, {cache: true})
    !=partial('includes/widget/card_top_self', {}, {cache: true})

    .sticky_layout
      if showToc
        include ./card_post_toc.pug
      !=partial('includes/widget/card_recent_post', {}, {cache: true})
      !=partial('includes/widget/card_ad', {}, {cache: true})
      !=partial('includes/widget/card_newest_comment', {}, {cache: true})
      !=partial('includes/widget/card_categories', {}, {cache: true})
      !=partial('includes/widget/card_tags', {}, {cache: true})
      !=partial('includes/widget/card_archives', {}, {cache: true})
      !=partial('includes/widget/card_webinfo', {}, {cache: true})
      !=partial('includes/widget/card_bottom_self', {}, {cache: true})

================================================
FILE: layout/index.pug
================================================
extends includes/layout.pug

block content
  include ./includes/mixins/indexPostUI.pug
  +indexPostUI

================================================
FILE: layout/page.pug
================================================
extends includes/layout.pug

block content
  - const noCardLayout = ['shuoshuo', '404'].includes(page.type) ? 'nc' : ''
  - var commentsJsLoad = false

  mixin commentLoad
    if page.comments !== false && theme.comments.use
      - commentsJsLoad = true
      !=partial('includes/third-party/comments/index', {}, {cache: true})

  #page(class=noCardLayout)
    if top_img === false && page.title
      .page-title= page.title

    case page.type
      when 'tags'
        include includes/page/tags.pug
        +commentLoad
      when 'link'
        include includes/page/flink.pug
        +commentLoad
      when 'categories'
        include includes/page/categories.pug
        +commentLoad
      when '404'
        include includes/page/404.pug
      when 'shuoshuo'
        include includes/page/shuoshuo.pug
      default
        include includes/page/default-page.pug
        +commentLoad

================================================
FILE: layout/post.pug
================================================
extends includes/layout.pug

block content
  #post
    if top_img === false
      include includes/header/post-info.pug

    article#article-container.container.post-content
      if theme.noticeOutdate.enable && page.noticeOutdate !== false
        include includes/post/outdate-notice.pug
      else
        !=page.content
    include includes/post/post-copyright.pug
    .tag_share
      if (page.tags.length > 0 && theme.post_meta.post.tags)
        .post-meta__tag-list
          each item, index in page.tags.data
            a(href=url_for(item.path)).post-meta__tags #[=item.name]
      include includes/third-party/share/index.pug

    if theme.reward.enable && theme.reward.QR_code
      !=partial('includes/post/reward', {}, {cache: true})

    //- ad
    if theme.ad && theme.ad.post
      .ads-wrap!=theme.ad.post

    if theme.post_pagination
      include includes/pagination.pug
    if theme.related_post && theme.related_post.enable
      != related_posts(page,site.posts)

    if page.comments !== false && theme.comments.use
      - var commentsJsLoad = true
      !=partial('includes/third-party/comments/index', {}, {cache: true})


================================================
FILE: layout/tag.pug
================================================
extends includes/layout.pug

block content
  if theme.tag_ui == 'index'
    include ./includes/mixins/indexPostUI.pug
    +indexPostUI
  else
    include ./includes/mixins/article-sort.pug
    #tag
      .article-sort-title= _p('page.tag') + ' - ' + page.tag
      +articleSort(page.posts)
      include includes/pagination.pug

================================================
FILE: package.json
================================================
{
  "name": "hexo-theme-butterfly",
  "version": "5.5.4",
  "description": "A Simple and Card UI Design theme for Hexo",
  "main": "package.json",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "hexo",
    "theme",
    "butterfly",
    "Card UI Design",
    "Jerry",
    "hexo-theme-butterfly"
  ],
  "repository": {
    "type": "git",
    "url": "https://github.com/jerryc127/hexo-theme-butterfly.git"
  },
  "bugs": {
    "url": "https://github.com/jerryc127/hexo-theme-butterfly/issues",
    "email": "my@crazywong.com"
  },
  "dependencies": {
    "hexo-renderer-pug": "^3.0.0",
    "hexo-renderer-stylus": "^3.0.1",
    "hexo-util": "^4.0.0",
    "moment-timezone": "^0.6.0"
  },
  "homepage": "https://butterfly.js.org/",
  "author": "Jerry ",
  "license": "Apache-2.0"
}


================================================
FILE: plugins.yml
================================================
abcjs_basic_js:
  name: abcjs
  file: dist/abcjs-basic-min.js
  version: 6.6.0
activate_power_mode:
  name: butterfly-extsrc
  file: dist/activate-power-mode.min.js
  version: 1.1.6
algolia_search:
  name: algoliasearch
  file: dist/lite/builds/browser.umd.js
  version: 5.47.0
aplayer_css:
  name: aplayer
  file: dist/APlayer.min.css
  version: 1.10.1
aplayer_js:
  name: aplayer
  file: dist/APlayer.min.js
  version: 1.10.1
artalk_css:
  name: artalk
  file: dist/Artalk.css
  version: 2.9.1
artalk_js:
  name: artalk
  file: dist/Artalk.js
  version: 2.9.1
blueimp_md5:
  name: blueimp-md5
  file: js/md5.min.js
  version: 2.19.0
canvas_fluttering_ribbon:
  name: butterfly-extsrc
  file: dist/canvas-fluttering-ribbon.min.js
  version: 1.1.6
canvas_nest:
  name: butterfly-extsrc
  file: dist/canvas-nest.min.js
  version: 1.1.6
canvas_ribbon:
  name: butterfly-extsrc
  file: dist/canvas-ribbon.min.js
  version: 1.1.6
chartjs:
  name: chart.js
  file: dist/chart.umd.js
  version: 4.5.1
clickShowText:
  name: butterfly-extsrc
  file: dist/click-show-text.min.js
  version: 1.1.6
click_heart:
  name: butterfly-extsrc
  file: dist/click-heart.min.js
  version: 1.1.6
disqusjs:
  name: disqusjs
  file: dist/browser/disqusjs.es2015.umd.min.js
  version: 3.2.1
disqusjs_css:
  name: disqusjs
  file: dist/browser/styles/disqusjs.css
  version: 3.2.1
docsearch_css:
  name: '@docsearch/css'
  other_name: docsearch-css
  file: dist/style.css
  version: 4.5.3
docsearch_js:
  name: '@docsearch/js'
  other_name: docsearch-js
  file: dist/umd/index.js
  version: 4.5.3
egjs_infinitegrid:
  name: '@egjs/infinitegrid'
  other_name: egjs-infinitegrid
  file: dist/infinitegrid.min.js
  version: 4.13.0
fancybox:
  name: '@fancyapps/ui'
  file: dist/fancybox/fancybox.umd.js
  version: 6.1.9
  other_name: fancyapps-ui
fancybox_css:
  name: '@fancyapps/ui'
  file: dist/fancybox/fancybox.css
  version: 6.1.9
  other_name: fancyapps-ui
fireworks:
  name: butterfly-extsrc
  file: dist/fireworks.min.js
  version: 1.1.6
fontawesome:
  name: '@fortawesome/fontawesome-free'
  file: css/all.min.css
  other_name: font-awesome
  version: 7.1.0
gitalk:
  name: gitalk
  file: dist/gitalk.min.js
  version: 1.8.0
gitalk_css:
  name: gitalk
  file: dist/gitalk.css
  version: 1.8.0
instantpage:
  name: instant.page
  file: instantpage.js
  version: 5.2.0
katex:
  name: katex
  file: dist/katex.min.css
  other_name: KaTeX
  version: 0.16.28
katex_copytex:
  name: katex
  file: dist/contrib/copy-tex.min.js
  other_name: KaTeX
  version: 0.16.28
lazyload:
  name: vanilla-lazyload
  file: dist/lazyload.iife.min.js
  version: 19.1.3
mathjax:
  name: mathjax
  file: tex-mml-chtml.js
  version: 4.1.0
medium_zoom:
  name: medium-zoom
  file: dist/medium-zoom.min.js
  version: 1.1.0
mermaid:
  name: mermaid
  file: dist/mermaid.min.js
  version: 11.12.2
meting_js:
  name: butterfly-extsrc
  file: metingjs/dist/Meting.min.js
  version: 1.1.6
pace_default_css:
  name: pace-js
  other_name: pace
  file: themes/blue/pace-theme-minimal.css
  version: 1.2.4
pace_js:
  name: pace-js
  other_name: pace
  file: pace.min.js
  version: 1.2.4
pjax:
  name: pjax
  file: pjax.min.js
  version: 0.2.8
prismjs_autoloader:
  name: prismjs
  file: plugins/autoloader/prism-autoloader.min.js
  other_name: prism
  version: 1.30.0
prismjs_js:
  name: prismjs
  file: prism.js
  other_name: prism
  version: 1.30.0
prismjs_lineNumber_js:
  name: prismjs
  file: plugins/line-numbers/prism-line-numbers.min.js
  other_name: prism
  version: 1.30.0
sharejs:
  name: butterfly-extsrc
  file: sharejs/dist/js/social-share.min.js
  version: 1.1.6
sharejs_css:
  name: butterfly-extsrc
  file: sharejs/dist/css/share.min.css
  version: 1.1.6
snackbar:
  name: node-snackbar
  file: dist/snackbar.min.js
  version: 0.1.16
snackbar_css:
  name: node-snackbar
  file: dist/snackbar.min.css
  version: 0.1.16
twikoo:
  name: twikoo
  file: dist/twikoo.all.min.js
  version: 1.6.44
typed:
  name: typed.js
  file: dist/typed.umd.js
  version: 3.0.0
valine:
  name: valine
  file: dist/Valine.min.js
  version: 1.5.3
waline_css:
  name: '@waline/client'
  file: dist/waline.css
  other_name: waline
  version: 3.8.0
waline_js:
  name: '@waline/client'
  file: dist/waline.js
  other_name: waline
  version: 3.8.0


================================================
FILE: scripts/common/default_config.js
================================================
// Butterfly 主題默認配置
// Default configuration for Butterfly theme

module.exports = {
  nav: {
    logo: null,
    display_title: true,
    display_post_title: true,
    fixed: false
  },
  menu: null,
  code_blocks: {
    theme: 'light',
    macStyle: false,
    height_limit: false,
    word_wrap: false,
    copy: true,
    language: true,
    shrink: false,
    fullpage: false
  },
  social: null,
  favicon: '/img/favicon.png',
  avatar: {
    img: '/img/butterfly-icon.png',
    effect: false
  },
  disable_top_img: false,
  default_top_img: null,
  index_img: null,
  archive_img: null,
  tag_img: null,
  tag_per_img: null,
  category_img: null,
  category_per_img: null,
  footer_img: false,
  background: null,
  cover: {
    index_enable: true,
    aside_enable: true,
    archives_enable: true,
    default_cover: null
  },
  error_img: {
    flink: '/img/friend_404.gif',
    post_page: '/img/404.jpg'
  },
  error_404: {
    enable: false,
    subtitle: 'Page Not Found',
    background: '/img/error-page.png'
  },
  post_meta: {
    page: {
      date_type: 'created',
      date_format: 'date',
      categories: true,
      tags: false,
      label: true
    },
    post: {
      position: 'left',
      date_type: 'both',
      date_format: 'date',
      categories: true,
      tags: true,
      label: true
    }
  },
  index_site_info_top: null,
  index_top_img_height: null,
  subtitle: {
    enable: false,
    effect: true,
    typed_option: null,
    source: false,
    sub: null
  },
  index_layout: 3,
  index_post_content: {
    method: 3,
    length: 500
  },
  toc: {
    post: true,
    page: false,
    number: true,
    expand: false,
    style_simple: false,
    scroll_percent: true
  },
  post_copyright: {
    enable: true,
    decode: false,
    author_href: null,
    license: 'CC BY-NC-SA 4.0',
    license_url: 'https://creativecommons.org/licenses/by-nc-sa/4.0/'
  },
  reward: {
    enable: false,
    text: null,
    QR_code: null
  },
  post_edit: {
    enable: false,
    url: null
  },
  related_post: {
    enable: true,
    limit: 6,
    date_type: 'created'
  },
  post_pagination: 1,
  noticeOutdate: {
    enable: false,
    style: 'flat',
    limit_day: 365,
    position: 'top',
    message_prev: 'It has been',
    message_next: 'days since the last update, the content of the article may be outdated.'
  },
  footer: {
    nav: null,
    owner: {
      enable: true,
      since: 2025
    },
    copyright: {
      enable: true,
      version: true
    },
    custom_text: null
  },
  aside: {
    enable: true,
    hide: false,
    button: true,
    mobile: true,
    position: 'right',
    display: {
      archive: true,
      tag: true,
      category: true
    },
    card_author: {
      enable: true,
      description: null,
      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,
      sort: 'date',
      sort_order: null
    },
    card_newest_comments: {
      enable: false,
      sort_order: null,
      limit: 6,
      storage: 10,
      avatar: true
    },
    card_categories: {
      enable: true,
      limit: 8,
      expand: 'none',
      sort_order: null
    },
    card_tags: {
      enable: true,
      limit: 40,
      color: false,
      custom_colors: null,
      orderby: 'random',
      order: 1,
      sort_order: null
    },
    card_archives: {
      enable: true,
      type: 'monthly',
      format: 'MMMM YYYY',
      order: -1,
      limit: 8,
      sort_order: null
    },
    card_post_series: {
      enable: true,
      series_title: false,
      orderBy: 'date',
      order: -1
    },
    card_webinfo: {
      enable: true,
      post_count: true,
      last_push_date: true,
      sort_order: null,
      runtime_date: null
    }
  },
  rightside_bottom: null,
  translate: {
    enable: false,
    default: '繁',
    defaultEncoding: 2,
    translateDelay: 0,
    msgToTraditionalChinese: '繁',
    msgToSimplifiedChinese: '簡'
  },
  readmode: true,
  darkmode: {
    enable: true,
    button: true,
    autoChangeMode: false,
    start: null,
    end: null
  },
  rightside_scroll_percent: false,
  rightside_item_order: {
    enable: false,
    hide: null,
    show: null
  },
  rightside_config_animation: true,
  anchor: {
    auto_update: false,
    click_to_scroll: false
  },
  photofigcaption: false,
  copy: {
    enable: true,
    copyright: {
      enable: false,
      limit_count: 150
    }
  },
  wordcount: {
    enable: false,
    post_wordcount: true,
    min2read: true,
    total_wordcount: true
  },
  busuanzi: {
    site_uv: true,
    site_pv: true,
    page_pv: true
  },
  math: {
    use: null,
    per_page: true,
    hide_scrollbar: false,
    mathjax: {
      enableMenu: true,
      tags: 'none'
    },
    katex: {
      copy_tex: false
    }
  },
  search: {
    use: null,
    placeholder: null,
    algolia_search: {
      hitsPerPage: 6
    },
    local_search: {
      preload: false,
      top_n_per_article: 1,
      unescape: false,
      pagination: {
        enable: false,
        hitsPerPage: 8
      },
      CDN: null
    },
    docsearch: {
      appId: null,
      apiKey: null,
      indexName: null,
      option: null
    }
  },
  share: {
    use: 'sharejs',
    sharejs: {
      sites: 'facebook,x,wechat,weibo,qq'
    },
    addtoany: {
      item: 'facebook,x,wechat,sina_weibo,facebook_messenger,email,copy_link'
    }
  },
  comments: {
    use: null,
    text: true,
    lazyload: false,
    count: false,
    card_post_count: false
  },
  disqus: {
    shortname: null,
    apikey: null
  },
  disqusjs: {
    shortname: null,
    apikey: null,
    option: null
  },
  livere: {
    uid: null
  },
  gitalk: {
    client_id: null,
    client_secret: null,
    repo: null,
    owner: null,
    admin: null,
    option: null
  },
  valine: {
    appId: null,
    appKey: null,
    avatar: 'monsterid',
    serverURLs: null,
    bg: null,
    visitor: false,
    option: null
  },
  waline: {
    serverURL: null,
    bg: null,
    pageview: false,
    option: null
  },
  utterances: {
    repo: null,
    issue_term: 'pathname',
    light_theme: 'github-light',
    dark_theme: 'photon-dark',
    js: null,
    option: null
  },
  facebook_comments: {
    app_id: null,
    user_id: null,
    pageSize: 10,
    order_by: 'social',
    lang: 'en_US'
  },
  twikoo: {
    envId: null,
    region: null,
    visitor: false,
    option: null
  },
  giscus: {
    repo: null,
    repo_id: null,
    category_id: null,
    light_theme: 'light',
    dark_theme: 'dark',
    js: null,
    option: null
  },
  remark42: {
    host: null,
    siteId: null,
    option: null
  },
  artalk: {
    server: null,
    site: null,
    visitor: false,
    option: null
  },
  chat: {
    use: null,
    rightside_button: false,
    button_hide_show: false
  },
  chatra: {
    id: null
  },
  tidio: {
    public_key: null
  },
  crisp: {
    website_id: null
  },
  google_tag_manager: {
    tag_id: null,
    domain: 'https://www.googletagmanager.com'
  },
  baidu_analytics: null,
  google_analytics: null,
  cloudflare_analytics: null,
  microsoft_clarity: null,
  umami_analytics: {
    enable: false,
    serverURL: null,
    script_name: 'script.js',
    website_id: null,
    option: null,
    UV_PV: {
      site_uv: false,
      site_pv: false,
      page_pv: false,
      token: null
    }
  },
  google_adsense: {
    enable: false,
    auto_ads: true,
    js: 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js',
    client: null,
    enable_page_level_ads: true
  },
  ad: {
    index: null,
    aside: null,
    post: null
  },
  site_verification: null,
  category_ui: null,
  tag_ui: null,
  rounded_corners_ui: true,
  text_align_justify: false,
  mask: {
    header: true,
    footer: true
  },
  preloader: {
    enable: false,
    source: 1,
    pace_css_url: null
  },
  enter_transitions: true,
  display_mode: 'light',
  beautify: {
    enable: false,
    field: 'post',
    title_prefix_icon: null,
    title_prefix_icon_color: null
  },
  font: {
    global_font_size: null,
    code_font_size: null,
    font_family: null,
    code_font_family: null
  },
  blog_title_font: {
    font_link: null,
    font_family: null
  },
  hr_icon: {
    enable: true,
    icon: null,
    icon_top: null
  },
  activate_power_mode: {
    enable: false,
    colorful: true,
    shake: true,
    mobile: false
  },
  canvas_ribbon: {
    enable: false,
    size: 150,
    alpha: 0.6,
    zIndex: -1,
    click_to_change: false,
    mobile: false
  },
  canvas_fluttering_ribbon: {
    enable: false,
    mobile: false
  },
  canvas_nest: {
    enable: false,
    color: '0,0,255',
    opacity: 0.7,
    zIndex: -1,
    count: 99,
    mobile: false
  },
  fireworks: {
    enable: false,
    zIndex: 9999,
    mobile: false
  },
  click_heart: {
    enable: false,
    mobile: false
  },
  clickShowText: {
    enable: false,
    text: null,
    fontSize: '15px',
    random: false,
    mobile: false
  },
  lightbox: null,
  series: {
    enable: false,
    orderBy: 'title',
    order: 1,
    number: true
  },
  abcjs: {
    enable: false,
    per_page: true
  },
  mermaid: {
    enable: false,
    code_write: false,
    theme: {
      light: 'default',
      dark: 'dark'
    },
    open_in_new_tab: true,
    zoom_pan: true
  },
  chartjs: {
    enable: false,
    fontColor: {
      light: 'rgba(0, 0, 0, 0.8)',
      dark: 'rgba(255, 255, 255, 0.8)'
    },
    borderColor: {
      light: 'rgba(0, 0, 0, 0.1)',
      dark: 'rgba(255, 255, 255, 0.2)'
    },
    scale_ticks_backdropColor: {
      light: 'transparent',
      dark: 'transparent'
    }
  },
  note: {
    style: 'flat',
    icons: true,
    border_radius: 3,
    light_bg_offset: 0
  },
  pjax: {
    enable: false,
    exclude: null
  },
  aplayerInject: {
    enable: false,
    per_page: true
  },
  snackbar: {
    enable: false,
    position: 'bottom-left',
    bg_light: '#49b1f5',
    bg_dark: '#1f1f1f'
  },
  instantpage: false,
  lazyload: {
    enable: false,
    native: false,
    field: 'site',
    placeholder: null,
    blur: false
  },
  pwa: {
    enable: false,
    manifest: null,
    apple_touch_icon: null,
    favicon_32_32: null,
    favicon_16_16: null,
    mask_icon: null
  },
  Open_Graph_meta: {
    enable: true,
    option: null
  },
  structured_data: {
    enable: false,
    alternate_name: null
  },
  css_prefix: true,
  inject: {
    head: null,
    bottom: null
  },
  CDN: {
    internal_provider: 'local',
    third_party_provider: 'jsdelivr',
    version: true,
    custom_format: null,
    option: null
  }
}


================================================
FILE: scripts/common/postDesc.js
================================================
'use strict'

const { stripHTML, truncate } = require('hexo-util')

// Truncates the given content to a specified length, removing HTML tags and replacing newlines with spaces.
const truncateContent = (content, length, encrypt = false) => {
  if (!content || encrypt) return ''
  return truncate(stripHTML(content).replace(/\n/g, ' '), { length })
}

// Generates a post description based on the provided data and theme configuration.
const postDesc = (data, hexo) => {
  const { description, content, postDesc, encrypt } = data

  if (postDesc) return postDesc

  const { length, method } = hexo.theme.config.index_post_content

  if (method === false) return

  let result
  switch (method) {
    case 1:
      result = description
      break
    case 2:
      result = description || truncateContent(content, length, encrypt)
      break
    default:
      result = truncateContent(content, length, encrypt)
  }

  data.postDesc = result
  return result
}

module.exports = { truncateContent, postDesc }


================================================
FILE: scripts/events/404.js
================================================
/**
 * Butterfly
 * 404 error page
 */

'use strict'

hexo.extend.generator.register('404', function (locals) {
  if (!hexo.theme.config.error_404.enable) return
  return {
    path: '404.html',
    layout: ['page'],
    data: {
      type: '404',
      top_img: false,
      comments: false,
      aside: false
    }
  }
})


================================================
FILE: scripts/events/cdn.js
================================================
/**
 * Butterfly
 * Merge CDN
 */

'use strict'

const { version } = require('../../package.json')
const path = require('path')

hexo.extend.filter.register('before_generate', () => {
  const themeConfig = hexo.theme.config
  const { CDN } = themeConfig

  const thirdPartySrc = hexo.render.renderSync({ path: path.join(hexo.theme_dir, '/plugins.yml'), engine: 'yaml' })
  const internalSrc = {
    main: {
      name: 'hexo-theme-butterfly',
      file: 'js/main.js',
      version
    },
    utils: {
      name: 'hexo-theme-butterfly',
      file: 'js/utils.js',
      version
    },
    translate: {
      name: 'hexo-theme-butterfly',
      file: 'js/tw_cn.js',
      version
    },
    local_search: {
      name: 'hexo-theme-butterfly',
      file: 'js/search/local-search.js',
      version
    },
    algolia_js: {
      name: 'hexo-theme-butterfly',
      file: 'js/search/algolia.js',
      version
    }
  }

  const minFile = file => {
    return file.replace(/(? '.min' + ext)
  }

  const createCDNLink = (data, type, cond = '') => {
    return Object.keys(data).reduce((result, key) => {
      let { name, version, file, other_name: otherName } = data[key]
      const cdnjsName = otherName || name
      const cdnjsFile = file.replace(/^[lib|dist]*\/|browser\//g, '')
      const minCdnjsFile = minFile(cdnjsFile)
      if (cond === 'internal') file = `source/${file}`
      const minFilePath = minFile(file)
      const verType = CDN.version ? (type === 'local' ? `?v=${version}` : `@${version}`) : ''

      const value = {
        version,
        name,
        file,
        cdnjs_file: cdnjsFile,
        min_file: minFilePath,
        min_cdnjs_file: minCdnjsFile,
        cdnjs_name: cdnjsName
      }

      const cdnSource = {
        local: cond === 'internal' ? `${cdnjsFile + verType}` : `/pluginsSrc/${name}/${file + verType}`,
        jsdelivr: `https://cdn.jsdelivr.net/npm/${name}${verType}/${minFilePath}`,
        unpkg: `https://unpkg.com/${name}${verType}/${file}`,
        cdnjs: `https://cdnjs.cloudflare.com/ajax/libs/${cdnjsName}/${version}/${minCdnjsFile}`,
        custom: (CDN.custom_format || '').replace(/\$\{(.+?)\}/g, (match, $1) => value[$1])
      }

      result[key] = cdnSource[type]
      return result
    }, cond === 'internal' ? { main_css: 'css/index.css' + (CDN.version ? `?v=${version}` : '') } : {})
  }

  // delete null value
  const deleteNullValue = obj => {
    if (!obj) return {}
    for (const i in obj) {
      if (obj[i] === null) delete obj[i]
    }
    return obj
  }

  themeConfig.asset = Object.assign(
    createCDNLink(internalSrc, CDN.internal_provider, 'internal'),
    createCDNLink(thirdPartySrc, CDN.third_party_provider),
    deleteNullValue(CDN.option)
  )
})


================================================
FILE: scripts/events/init.js
================================================
const { deepMerge } = require('hexo-util')
const path = require('path')

// Cache default config to avoid repeated file reads
let cachedDefaultConfig = null

/**
 * Check Hexo version and configuration
 */
function checkHexoEnvironment (hexo) {
  const { version, log, locals } = hexo

  const [major, minor] = version.split('.').map(Number)
  const requiredMajor = 5
  const requiredMinor = 3

  if (major < requiredMajor || (major === requiredMajor && minor < requiredMinor)) {
    log.error('Please update Hexo to V5.3.0 or higher!')
    log.error('請把 Hexo 升級到 V5.3.0 或更高的版本！')
    throw new Error('Hexo version too old')
  }

  // Check for deprecated configuration file
  if (locals.get) {
    const data = locals.get('data')
    if (data && data.butterfly) {
      log.error("'butterfly.yml' is deprecated. Please use '_config.butterfly.yml'")
      log.error("'butterfly.yml' 已經棄用，請使用 '_config.butterfly.yml'")
      throw new Error('Deprecated configuration file')
    }
  }
}

/**
 * Load default configuration
 */
function loadDefaultConfig () {
  if (cachedDefaultConfig) {
    return cachedDefaultConfig
  }

  const configPath = path.join(__dirname, '../common/default_config.js')
  cachedDefaultConfig = require(configPath)
  return cachedDefaultConfig
}

/**
 * Process comment system configuration
 */
function processCommentConfig (themeConfig) {
  const { comments } = themeConfig
  if (!comments || !comments.use) {
    return
  }

  let { use } = comments

  if (!Array.isArray(use)) {
    use = typeof use === 'string' ? use.split(',') : [use]
  }

  use = use
    .map(item => {
      if (typeof item !== 'string') return item
      return item.trim().toLowerCase().replace(/\b[a-z]/g, s => s.toUpperCase())
    })
    .filter(Boolean)

  // Handle Disqus and Disqusjs conflict
  if (use.includes('Disqus') && use.includes('Disqusjs')) {
    hexo.log.warn('Disqus and Disqusjs conflict detected, keeping only the first one')
    hexo.log.warn('檢測到 Disqus 和 Disqusjs 衝突，只保留第一個')
    use = [use[0]]
  }

  themeConfig.comments.use = use
}

hexo.extend.filter.register('before_generate', () => {
  checkHexoEnvironment(hexo)

  const defaultConfig = loadDefaultConfig()
  hexo.theme.config = deepMerge(defaultConfig, hexo.theme.config)

  processCommentConfig(hexo.theme.config)
}, 1)


================================================
FILE: scripts/events/stylus.js
================================================
/**
 * Stylus renderer
 */

'use strict'

hexo.extend.filter.register('stylus:renderer', style => {
  const { syntax_highlighter: syntaxHighlighter, highlight, prismjs } = hexo.config
  let { enable: highlightEnable, line_number: highlightLineNumber } = highlight
  let { enable: prismjsEnable, line_number: prismjsLineNumber } = prismjs

  // for hexo > 7.0
  if (syntaxHighlighter) {
    highlightEnable = syntaxHighlighter === 'highlight.js'
    prismjsEnable = syntaxHighlighter === 'prismjs'
  }

  style.define('$highlight_enable', highlightEnable)
    .define('$highlight_line_number', highlightLineNumber)
    .define('$prismjs_enable', prismjsEnable)
    .define('$prismjs_line_number', prismjsLineNumber)
    .define('$language', hexo.config.language)
  // .import(`${this.source_dir.replace(/\\/g, '/')}_data/css/*`)
})


================================================
FILE: scripts/events/welcome.js
================================================
hexo.on('ready', () => {
  const { version } = require('../../package.json')
  hexo.log.info(`
  ===================================================================
      #####  #    # ##### ##### ###### #####  ###### #      #   #
      #    # #    #   #     #   #      #    # #      #       # #
      #####  #    #   #     #   #####  #    # #####  #        #
      #    # #    #   #     #   #      #####  #      #        #
      #    # #    #   #     #   #      #   #  #      #        #
      #####   ####    #     #   ###### #    # #      ######   #
                            ${version}
  ===================================================================`)
})


================================================
FILE: scripts/filters/post_lazyload.js
================================================
/**
 * Butterfly
 * Lazyload filter
 * Replace src with data-lazy-src for lazy loading
 */

'use strict'

const urlFor = require('hexo-util').url_for.bind(hexo)

const lazyload = htmlContent => {
  if (hexo.theme.config.lazyload.native) {
    // Use more precise replacement: only replace img tags in HTML, not content inside script tags
    return htmlContent.replace(/(]*?\bloading=)(?:\s[^>]*?)?>)(?![^<]*<\/script>)/gi, match => {
      return match.replace(/>$/, ' loading=\'lazy\'>')
    })
  }

  const bg = hexo.theme.config.lazyload.placeholder ? urlFor(hexo.theme.config.lazyload.placeholder) : 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'

  // Handle src attributes with double quotes, single quotes, or no quotes (unified approach)
  // Matches: src="..." or src='...' or src=... (e.g., after minification by hexo-minify)
  return htmlContent.replace(/(]*?\bdata-lazy-src=)(?:\s[^>]*?)?\ssrc=)(?:"([^"]*)"|'([^']*)'|([^\s>]+))(?![^<]*<\/script>)/gi, (match, prefix, srcDoubleQuote, srcSingleQuote, srcNoQuote) => {
    const src = srcDoubleQuote || srcSingleQuote || srcNoQuote
    return `${prefix}"${bg}" data-lazy-src="${src}"`
  })
}

hexo.extend.filter.register('after_render:html', data => {
  const { enable, field } = hexo.theme.config.lazyload
  if (!enable || field !== 'site') return
  return lazyload(data)
})

hexo.extend.filter.register('after_post_render', data => {
  const { enable, field } = hexo.theme.config.lazyload
  if (!enable || field !== 'post') return
  data.content = lazyload(data.content)
  return data
})


================================================
FILE: scripts/filters/random_cover.js
================================================
/**
 * Random cover for posts
 */

'use strict'

hexo.extend.generator.register('post', locals => {
  const imgTestReg = /\.(png|jpe?g|gif|svg|webp|avif)(\?.*)?$/i
  const { post_asset_folder: postAssetFolder } = hexo.config
  const { cover: { default_cover: defaultCover } } = hexo.theme.config

  function * createCoverGenerator () {
    if (!defaultCover) {
      while (true) yield false
    }
    if (!Array.isArray(defaultCover)) {
      while (true) yield defaultCover
    }

    const coverCount = defaultCover.length
    if (coverCount === 1) {
      while (true) yield defaultCover[0]
    }

    const maxHistory = Math.min(3, coverCount - 1)
    const history = []

    while (true) {
      let index
      do {
        index = Math.floor(Math.random() * coverCount)
      } while (history.includes(index))

      history.push(index)
      if (history.length > maxHistory) history.shift()

      yield defaultCover[index]
    }
  }

  const coverGenerator = createCoverGenerator()

  const handleImg = data => {
    let { cover: coverVal, top_img: topImg, pagination_cover: paginationCover } = data

    // Add path to top_img and cover if post_asset_folder is enabled
    if (postAssetFolder) {
      if (topImg && topImg.indexOf('/') === -1 && imgTestReg.test(topImg)) {
        data.top_img = `${data.path}${topImg}`
      }
      if (coverVal && coverVal.indexOf('/') === -1 && imgTestReg.test(coverVal)) {
        data.cover = `${data.path}${coverVal}`
      }
      if (paginationCover && paginationCover.indexOf('/') === -1 && imgTestReg.test(paginationCover)) {
        data.pagination_cover = `${data.path}${paginationCover}`
      }
    }

    if (coverVal === false) return data

    // If cover is not set, use random cover
    if (!coverVal) {
      const randomCover = coverGenerator.next().value
      data.cover = randomCover
      coverVal = randomCover
    }

    if (coverVal && (coverVal.indexOf('//') !== -1 || imgTestReg.test(coverVal))) {
      data.cover_type = 'img'
    }

    return data
  }

  const posts = locals.posts.sort('date').toArray()
  const { length } = posts

  return posts.map((post, i) => {
    if (i) post.prev = posts[i - 1]
    if (i < length - 1) post.next = posts[i + 1]

    post.__post = true

    return {
      data: handleImg(post),
      layout: 'post',
      path: post.path
    }
  })
})


================================================
FILE: scripts/helpers/aside_archives.js
================================================
'use strict'

hexo.extend.helper.register('aside_archives', function (options = {}) {
  const { config, page, site, url_for: urlFor, _p } = this
  const { archive_dir: archiveDir, timezone, language } = config

  // Destructure and set default options with object destructuring
  const {
    type = 'monthly',
    format = type === 'monthly' ? 'MMMM YYYY' : 'YYYY',
    show_count: showCount = true,
    order = -1,
    limit,
    transform
  } = options

  // Optimize locale handling
  const lang = toMomentLocale(page.lang || page.language || language)

  // Early return if no posts
  if (!site.posts.length) return ''

  const archives = new Map()
  site.posts.forEach(post => {
    const date = post.date
    const year = date.year()
    const month = date.month() + 1
    const key = type === 'yearly' ? year : `${year}-${month}`

    if (archives.has(key)) {
      archives.get(key).count++
    } else {
      archives.set(key, {
        year,
        month,
        count: 1,
        date // Store date object for later formatting
      })
    }
  })

  const data = Array.from(archives.values()).sort((a, b) => {
    if (order === -1) {
      return b.year - a.year || b.month - a.month
    }
    return a.year - b.year || a.month - b.month
  })

  // Format names after aggregation
  data.forEach(item => {
    let date = item.date.clone()
    if (timezone) date = date.tz(timezone)
    if (lang) date = date.locale(lang)
    item.name = date.format(format)
    delete item.date // Clean up
  })

  // Create link generator function
  const createArchiveLink = item => {
    let url = `${archiveDir}/${item.year}/`
    if (type === 'monthly') {
      url += item.month < 10 ? `0${item.month}/` : `${item.month}/`
    }
    return urlFor(url)
  }

  // Limit results efficiently
  const limitedData = limit > 0 ? data.slice(0, Math.min(data.length, limit)) : data

  // Use template literal for better readability
  const archiveHeader = `
    

      
      ${_p('aside.card_archives')}
      ${
        data.length > limitedData.length
          ? `
            
          `
          : ''
      }
    

  `

  // Use map for generating list items, join for performance
  const archiveList = `
    
  `

  return archiveHeader + archiveList
})

// Improved locale conversion function
const toMomentLocale = lang => {
  if (!lang || ['en', 'default'].includes(lang)) return 'en'
  return lang.toLowerCase().replace('_', '-')
}


================================================
FILE: scripts/helpers/aside_categories.js
================================================
'use strict'

hexo.extend.helper.register('aside_categories', function (categories, options = {}) {
  if (!categories || !Object.prototype.hasOwnProperty.call(categories, 'length')) {
    options = categories || {}
    categories = this.site.categories
  }

  if (!categories || !categories.length) return ''

  const { config } = this
  const showCount = Object.prototype.hasOwnProperty.call(options, 'show_count') ? options.show_count : true
  const depth = options.depth ? parseInt(options.depth, 10) : 0
  const orderby = options.orderby || 'name'
  const order = options.order || 1
  const categoryDir = this.url_for(config.category_dir)
  const limit = options.limit === 0 ? categories.length : (options.limit || categories.length)
  const isExpand = options.expand !== 'none'
  const expandClass = isExpand && options.expand === true ? 'expand' : ''
  const buttonLabel = this._p('aside.more_button')

  const categoryMap = new Map()
  categories.forEach(cat => {
    if (cat.length) {
      const parentId = cat.parent || 'root'
      if (!categoryMap.has(parentId)) {
        categoryMap.set(parentId, [])
      }
      categoryMap.get(parentId).push(cat)
    }
  })

  const sortFn = (a, b) => {
    const valA = a[orderby]
    const valB = b[orderby]
    if (valA < valB) return -order
    if (valA > valB) return order
    return 0
  }

  for (const list of categoryMap.values()) {
    list.sort(sortFn)
  }

  const hierarchicalList = (remaining, level = 0, parentId = 'root') => {
    let result = ''
    if (remaining > 0 && categoryMap.has(parentId)) {
      categoryMap.get(parentId).forEach(cat => {
        if (remaining > 0) {
          remaining -= 1
          let child = ''
          if (!depth || level + 1 < depth) {
            const childList = hierarchicalList(remaining, level + 1, cat._id)
            child = childList.result
            remaining = childList.remaining
          }

          const isTopLevel = parentId === 'root'
          const parentClass = isExpand && isTopLevel && child ? 'parent' : ''
          result += `
  • `
          result += ``
          result += `${cat.name}`

          if (showCount) {
            result += `${cat.length}`
          }

          if (isExpand && isTopLevel && child) {
            result += ``
          }

          result += ''

          if (child) {
            result += `
      ${child}
    `
          }

          result += '
    • '
        }
      })
    }
    return { result, remaining }
  }

  const list = hierarchicalList(limit)

  const moreButton = categories.length > limit
    ? `
      `
    : ''

  return `
    
            
            ${this._p('aside.card_categories')}
            ${moreButton}
          
    
          
      
            ${list.result}
          
    `
})


================================================
FILE: scripts/helpers/getArchiveLength.js
================================================
hexo.extend.helper.register('getArchiveLength', function () {
  const archiveGenerator = hexo.config.archive_generator
  const posts = this.site.posts

  const { yearly, monthly, daily } = archiveGenerator
  const { year, month, day } = this.page

  // Archives Page
  if (!year) return posts.length

  // Create a map to count posts per period
  const mapData = this.fragment_cache('createArchiveObj', () => {
    const map = new Map()
    posts.forEach(post => {
      const date = post.date
      const y = date.year()
      const m = date.month() + 1
      const d = date.date()

      if (yearly) {
        const keyYear = `${y}`
        map.set(keyYear, (map.get(keyYear) || 0) + 1)
      }

      if (monthly) {
        const keyMonth = `${y}-${m}`
        map.set(keyMonth, (map.get(keyMonth) || 0) + 1)
      }

      if (daily) {
        const keyDay = `${y}-${m}-${d}`
        map.set(keyDay, (map.get(keyDay) || 0) + 1)
      }
    })
    return map
  })

  // Determine the appropriate key to fetch based on current page context
  let key
  if (yearly && year) key = `${year}`
  if (monthly && month) key = `${year}-${month}`
  if (daily && day) key = `${year}-${month}-${day}`

  // Return the count for the current period or default to the total posts
  return mapData.get(key) || posts.length
})


================================================
FILE: scripts/helpers/inject_head_js.js
================================================
'use strict'

hexo.extend.helper.register('inject_head_js', function () {
  const { darkmode, aside, pjax } = this.theme
  const start = darkmode.start || 6
  const end = darkmode.end || 18
  const { theme_color: themeColor } = hexo.theme.config
  const themeColorLight = themeColor && themeColor.enable ? themeColor.meta_theme_color_light : '#ffffff'
  const themeColorDark = themeColor && themeColor.enable ? themeColor.meta_theme_color_dark : '#0d0d0d'

  const createCustomJs = () => `
    const saveToLocal = {
      set: (key, value, ttl) => {
        if (!ttl) return
        const expiry = Date.now() + ttl * 86400000
        localStorage.setItem(key, JSON.stringify({ value, expiry }))
      },
      get: key => {
        const itemStr = localStorage.getItem(key)
        if (!itemStr) return undefined
        const { value, expiry } = JSON.parse(itemStr)
        if (Date.now() > expiry) {
          localStorage.removeItem(key)
          return undefined
        }
        return value
      }
    }

    window.btf = {
      saveToLocal,
      getScript: (url, attr = {}) => new Promise((resolve, reject) => {
        const script = document.createElement('script')
        script.src = url
        script.async = true
        Object.entries(attr).forEach(([key, val]) => script.setAttribute(key, val))
        script.onload = script.onreadystatechange = () => {
          if (!script.readyState || /loaded|complete/.test(script.readyState)) resolve()
        }
        script.onerror = reject
        document.head.appendChild(script)
      }),
      getCSS: (url, id) => new Promise((resolve, reject) => {
        const link = document.createElement('link')
        link.rel = 'stylesheet'
        link.href = url
        if (id) link.id = id
        link.onload = link.onreadystatechange = () => {
          if (!link.readyState || /loaded|complete/.test(link.readyState)) resolve()
        }
        link.onerror = reject
        document.head.appendChild(link)
      }),
      addGlobalFn: (key, fn, name = false, parent = window) => {
        if (!${pjax.enable} && key.startsWith('pjax')) return
        const globalFn = parent.globalFn || {}
        globalFn[key] = globalFn[key] || {}
        globalFn[key][name || Object.keys(globalFn[key]).length] = fn
        parent.globalFn = globalFn
      }
    }
  `

  const createDarkmodeJs = () => {
    if (!darkmode.enable) return ''

    let darkmodeJs = `
      const activateDarkMode = () => {
        document.documentElement.setAttribute('data-theme', 'dark')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '${themeColorDark}')
        }
      }
      const activateLightMode = () => {
        document.documentElement.setAttribute('data-theme', 'light')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '${themeColorLight}')
        }
      }

      btf.activateDarkMode = activateDarkMode
      btf.activateLightMode = activateLightMode

      const theme = saveToLocal.get('theme')
    `

    switch (darkmode.autoChangeMode) {
      case 1:
        darkmodeJs += `
          const mediaQueryDark = window.matchMedia('(prefers-color-scheme: dark)')
          const mediaQueryLight = window.matchMedia('(prefers-color-scheme: light)')

          if (theme === undefined) {
            if (mediaQueryLight.matches) activateLightMode()
            else if (mediaQueryDark.matches) activateDarkMode()
            else {
              const hour = new Date().getHours()
              const isNight = hour <= ${start} || hour >= ${end}
              isNight ? activateDarkMode() : activateLightMode()
            }
            mediaQueryDark.addEventListener('change', () => {
              if (saveToLocal.get('theme') === undefined) {
                e.matches ? activateDarkMode() : activateLightMode()
              }
            })
          } else {
            theme === 'light' ? activateLightMode() : activateDarkMode()
          }
        `
        break
      case 2:
        darkmodeJs += `
          const hour = new Date().getHours()
          const isNight = hour <= ${start} || hour >= ${end}
          if (theme === undefined) isNight ? activateDarkMode() : activateLightMode()
          else theme === 'light' ? activateLightMode() : activateDarkMode()
        `
        break
      default:
        darkmodeJs += `
          theme === 'dark' ? activateDarkMode() : theme === 'light' ? activateLightMode() : null
        `
    }

    return darkmodeJs
  }

  const createAsideStatusJs = () => {
    if (!aside.enable || !aside.button) return ''
    return `
      const asideStatus = saveToLocal.get('aside-status')
      if (asideStatus !== undefined) {
        document.documentElement.classList.toggle('hide-aside', asideStatus === 'hide')
      }
    `
  }

  const createDetectAppleJs = () => `
    const detectApple = () => {
      if (/iPad|iPhone|iPod|Macintosh/.test(navigator.userAgent)) {
        document.documentElement.classList.add('apple')
      }
    }
    detectApple()
  `

  return ``
})


================================================
FILE: scripts/helpers/page.js
================================================
'use strict'

const { truncateContent, postDesc } = require('../common/postDesc')
const { prettyUrls } = require('hexo-util')
const crypto = require('crypto')
const moment = require('moment-timezone')

const absoluteUrlPattern = /^(?:[a-z][a-z\d+.-]*:)?\/\//i
const relativeUrlPattern = /^(\.\/|\.\.\/|\/|[^/]+\/).*$/
const colorPattern = /^(#|rgb|rgba|hsl|hsla)/i
const simpleFilePattern = /\.(png|jpg|jpeg|gif|bmp|webp|svg|tiff)$/i
const archiveRegex = /\/archives\//

hexo.extend.helper.register('truncate', truncateContent)

hexo.extend.helper.register('postDesc', data => {
  return postDesc(data, hexo)
})

hexo.extend.helper.register('cloudTags', function (options = {}) {
  const env = this
  let { source, minfontsize, maxfontsize, limit, unit = 'px', orderby, order, page = 'tags', custom_colors } = options

  if (limit > 0) {
    source = source.limit(limit)
  }

  const sizes = [...new Set(source.map(tag => tag.length).sort((a, b) => a - b))]
  const sizeMap = new Map(sizes.map((size, index) => [size, index]))
  const length = sizes.length - 1

  const getRandomColor = () => {
    const r = Math.floor(Math.random() * 201)
    const g = Math.floor(Math.random() * 201)
    const b = Math.floor(Math.random() * 201)
    return `rgb(${Math.max(r, 50)}, ${Math.max(g, 50)}, ${Math.max(b, 50)})`
  }

  const normalizeColors = input => {
    if (!input) return null
    if (typeof input === 'string') {
      const color = input.trim()
      return color ? [color] : null
    }
    if (Array.isArray(input)) {
      const result = []
      for (let i = 0; i < input.length; i++) {
        const value = input[i]
        if (value === null || value === undefined) continue
        const color = String(value).trim()
        if (!color) continue
        result.push(color)
      }
      return result.length ? result : null
    }
    return null
  }

  const userColors = normalizeColors(custom_colors)

  const resolveColorClass = (idx) => `tag-color-${idx % userColors.length}`

  const generateStyle = (size, unit, page, color) => {
    const colorStyle = page === 'tags' ? `background-color: ${color};` : `color: ${color};`
    return `font-size: ${parseFloat(size.toFixed(2))}${unit}; ${colorStyle}`
  }

  return source.sort(orderby, order).map((tag, idx) => {
    const ratio = length ? sizeMap.get(tag.length) / length : 0
    const size = minfontsize + ((maxfontsize - minfontsize) * ratio)

    if (userColors && userColors.length) {
      const colorClass = resolveColorClass(idx)
      const color = userColors[idx % userColors.length]
      const style = generateStyle(size, unit, page, color)
      return `${tag.name}`
    }

    const color = getRandomColor()
    const style = generateStyle(size, unit, page, color)
    return `${tag.name}`
  }).join('')
})

hexo.extend.helper.register('urlNoIndex', function (url = null, trailingIndex = false, trailingHtml = false) {
  return prettyUrls(url || this.url, { trailing_index: trailingIndex, trailing_html: trailingHtml })
})

hexo.extend.helper.register('md5', function (path) {
  return crypto.createHash('md5').update(decodeURI(this.url_for(path, { relative: false }))).digest('hex')
})

hexo.extend.helper.register('injectHtml', data => {
  return data ? data.join('') : ''
})

hexo.extend.helper.register('findArchivesTitle', function (page, menu, date) {
  if (page.year) {
    const dateStr = page.month ? `${page.year}-${page.month}` : `${page.year}`
    const dateFormat = page.month ? hexo.theme.config.aside.card_archives.format : 'YYYY'
    return date(dateStr, dateFormat)
  }

  const defaultTitle = this._p('page.archives')
  if (!menu) return defaultTitle

  const loop = m => {
    for (const key in m) {
      if (typeof m[key] === 'object') {
        const result = loop(m[key])
        if (result) return result
      }

      if (archiveRegex.test(m[key])) {
        return key
      }
    }
  }

  return loop(menu) || defaultTitle
})

hexo.extend.helper.register('getBgPath', function (path) {
  if (!path) return ''

  if (colorPattern.test(path)) {
    return `background-color: ${path};`
  } else if (absoluteUrlPattern.test(path) || relativeUrlPattern.test(path) || simpleFilePattern.test(path)) {
    return `background-image: url(${this.url_for(path)});`
  } else {
    return `background: ${path};`
  }
})

hexo.extend.helper.register('shuoshuoFN', (data, page) => {
  const { limit } = page

  // Shallow copy to avoid mutating original data
  let processedData = data.map(item => ({ ...item }))

  // Check if limit.value is a valid date
  const isValidDate = date => !isNaN(Date.parse(date))

  // order by date
  processedData.sort((a, b) => Date.parse(b.date) - Date.parse(a.date))

  // Apply number limit or time limit conditionally
  if (limit && limit.type === 'num' && limit.value > 0) {
    processedData = processedData.slice(0, limit.value)
  } else if (limit && limit.type === 'date' && isValidDate(limit.value)) {
    const limitDate = Date.parse(limit.value)
    processedData = processedData.filter(item => Date.parse(item.date) >= limitDate)
  }

  // This is a hack method, because hexo treats time as UTC time
  // so you need to manually convert the time zone
  processedData.forEach(item => {
    const utcDate = moment.utc(item.date).format('YYYY-MM-DD HH:mm:ss')
    item.date = moment.tz(utcDate, hexo.config.timezone).format('YYYY-MM-DD HH:mm:ss')
    // markdown
    item.content = hexo.render.renderSync({ text: item.content, engine: 'markdown' })
  })

  return processedData
})

hexo.extend.helper.register('getPageType', (page, isHome) => {
  const { layout, tag, category, type, archive } = page
  if (layout) return layout
  if (tag) return 'tag'
  if (category) return 'category'
  if (archive) return 'archive'
  if (type) {
    if (type === 'tags' || type === 'categories') return type
    else return 'page'
  }
  if (isHome) return 'home'
  return 'post'
})

hexo.extend.helper.register('getVersion', () => {
  const { version } = require('../../package.json')
  return { hexo: hexo.version, theme: version }
})

hexo.extend.helper.register('safeJSON', data => {
  // Safely serialize JSON for embedding in