diff --git a/themes/butterfly/LICENSE b/themes/butterfly/LICENSE new file mode 100644 index 0000000..7a4a3ea --- /dev/null +++ b/themes/butterfly/LICENSE @@ -0,0 +1,202 @@ + + Apache License + Version 2.0, January 2004 + http://www.apache.org/licenses/ + + TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION + + 1. Definitions. + + "License" shall mean the terms and conditions for use, reproduction, + and distribution as defined by Sections 1 through 9 of this document. + + "Licensor" shall mean the copyright owner or entity authorized by + the copyright owner that is granting the License. + + "Legal Entity" shall mean the union of the acting entity and all + other entities that control, are controlled by, or are under common + control with that entity. For the purposes of this definition, + "control" means (i) the power, direct or indirect, to cause the + direction or management of such entity, whether by contract or + otherwise, or (ii) ownership of fifty percent (50%) or more of the + outstanding shares, or (iii) beneficial ownership of such entity. + + "You" (or "Your") shall mean an individual or Legal Entity + exercising permissions granted by this License. + + "Source" form shall mean the preferred form for making modifications, + including but not limited to software source code, documentation + source, and configuration files. + + "Object" form shall mean any form resulting from mechanical + transformation or translation of a Source form, including but + not limited to compiled object code, generated documentation, + and conversions to other media types. + + "Work" shall mean the work of authorship, whether in Source or + Object form, made available under the License, as indicated by a + copyright notice that is included in or attached to the work + (an example is provided in the Appendix below). + + "Derivative Works" shall mean any work, whether in Source or Object + form, that is based on (or derived from) the Work and for which the + editorial revisions, annotations, elaborations, or other modifications + represent, as a whole, an original work of authorship. For the purposes + of this License, Derivative Works shall not include works that remain + separable from, or merely link (or bind by name) to the interfaces of, + the Work and Derivative Works thereof. + + "Contribution" shall mean any work of authorship, including + the original version of the Work and any modifications or additions + to that Work or Derivative Works thereof, that is intentionally + submitted to Licensor for inclusion in the Work by the copyright owner + or by an individual or Legal Entity authorized to submit on behalf of + the copyright owner. For the purposes of this definition, "submitted" + means any form of electronic, verbal, or written communication sent + to the Licensor or its representatives, including but not limited to + communication on electronic mailing lists, source code control systems, + and issue tracking systems that are managed by, or on behalf of, the + Licensor for the purpose of discussing and improving the Work, but + excluding communication that is conspicuously marked or otherwise + designated in writing by the copyright owner as "Not a Contribution." + + "Contributor" shall mean Licensor and any individual or Legal Entity + on behalf of whom a Contribution has been received by Licensor and + subsequently incorporated within the Work. + + 2. Grant of Copyright License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + copyright license to reproduce, prepare Derivative Works of, + publicly display, publicly perform, sublicense, and distribute the + Work and such Derivative Works in Source or Object form. + + 3. Grant of Patent License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + (except as stated in this section) patent license to make, have made, + use, offer to sell, sell, import, and otherwise transfer the Work, + where such license applies only to those patent claims licensable + by such Contributor that are necessarily infringed by their + Contribution(s) alone or by combination of their Contribution(s) + with the Work to which such Contribution(s) was submitted. If You + institute patent litigation against any entity (including a + cross-claim or counterclaim in a lawsuit) alleging that the Work + or a Contribution incorporated within the Work constitutes direct + or contributory patent infringement, then any patent licenses + granted to You under this License for that Work shall terminate + as of the date such litigation is filed. + + 4. Redistribution. You may reproduce and distribute copies of the + Work or Derivative Works thereof in any medium, with or without + modifications, and in Source or Object form, provided that You + meet the following conditions: + + (a) You must give any other recipients of the Work or + Derivative Works a copy of this License; and + + (b) You must cause any modified files to carry prominent notices + stating that You changed the files; and + + (c) You must retain, in the Source form of any Derivative Works + that You distribute, all copyright, patent, trademark, and + attribution notices from the Source form of the Work, + excluding those notices that do not pertain to any part of + the Derivative Works; and + + (d) If the Work includes a "NOTICE" text file as part of its + distribution, then any Derivative Works that You distribute must + include a readable copy of the attribution notices contained + within such NOTICE file, excluding those notices that do not + pertain to any part of the Derivative Works, in at least one + of the following places: within a NOTICE text file distributed + as part of the Derivative Works; within the Source form or + documentation, if provided along with the Derivative Works; or, + within a display generated by the Derivative Works, if and + wherever such third-party notices normally appear. The contents + of the NOTICE file are for informational purposes only and + do not modify the License. You may add Your own attribution + notices within Derivative Works that You distribute, alongside + or as an addendum to the NOTICE text from the Work, provided + that such additional attribution notices cannot be construed + as modifying the License. + + You may add Your own copyright statement to Your modifications and + may provide additional or different license terms and conditions + for use, reproduction, or distribution of Your modifications, or + for any such Derivative Works as a whole, provided Your use, + reproduction, and distribution of the Work otherwise complies with + the conditions stated in this License. + + 5. Submission of Contributions. Unless You explicitly state otherwise, + any Contribution intentionally submitted for inclusion in the Work + by You to the Licensor shall be under the terms and conditions of + this License, without any additional terms or conditions. + Notwithstanding the above, nothing herein shall supersede or modify + the terms of any separate license agreement you may have executed + with Licensor regarding such Contributions. + + 6. Trademarks. This License does not grant permission to use the trade + names, trademarks, service marks, or product names of the Licensor, + except as required for reasonable and customary use in describing the + origin of the Work and reproducing the content of the NOTICE file. + + 7. Disclaimer of Warranty. Unless required by applicable law or + agreed to in writing, Licensor provides the Work (and each + Contributor provides its Contributions) on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or + implied, including, without limitation, any warranties or conditions + of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A + PARTICULAR PURPOSE. You are solely responsible for determining the + appropriateness of using or redistributing the Work and assume any + risks associated with Your exercise of permissions under this License. + + 8. Limitation of Liability. In no event and under no legal theory, + whether in tort (including negligence), contract, or otherwise, + unless required by applicable law (such as deliberate and grossly + negligent acts) or agreed to in writing, shall any Contributor be + liable to You for damages, including any direct, indirect, special, + incidental, or consequential damages of any character arising as a + result of this License or out of the use or inability to use the + Work (including but not limited to damages for loss of goodwill, + work stoppage, computer failure or malfunction, or any and all + other commercial damages or losses), even if such Contributor + has been advised of the possibility of such damages. + + 9. Accepting Warranty or Additional Liability. While redistributing + the Work or Derivative Works thereof, You may choose to offer, + and charge a fee for, acceptance of support, warranty, indemnity, + or other liability obligations and/or rights consistent with this + License. However, in accepting such obligations, You may act only + on Your own behalf and on Your sole responsibility, not on behalf + of any other Contributor, and only if You agree to indemnify, + defend, and hold each Contributor harmless for any liability + incurred by, or claims asserted against, such Contributor by reason + of your accepting any such warranty or additional liability. + + END OF TERMS AND CONDITIONS + + APPENDIX: How to apply the Apache License to your work. + + To apply the Apache License to your work, attach the following + boilerplate notice, with the fields enclosed by brackets "[]" + replaced with your own identifying information. (Don't include + the brackets!) The text should be enclosed in the appropriate + comment syntax for the file format. We also recommend that a + file or class name and description of purpose be included on the + same "printed page" as the copyright notice for easier + identification within third-party archives. + + Copyright [yyyy] [name of copyright owner] + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. \ No newline at end of file diff --git a/themes/butterfly/README.md b/themes/butterfly/README.md new file mode 100644 index 0000000..8ee13da --- /dev/null +++ b/themes/butterfly/README.md @@ -0,0 +1,96 @@ +# hexo-theme-butterfly + +![version](https://img.shields.io/github/package-json/v/jerryc127/hexo-theme-butterfly) +![https://img.shields.io/npm/v/hexo-theme-butterfly?color=%09%23bf00ff](https://img.shields.io/npm/v/hexo-theme-butterfly?color=%09%23bf00ff) +![hexo version](https://img.shields.io/badge/hexo-4.2+-0e83c) +![npm download](https://img.shields.io/npm/dw/hexo-theme-butterfly?color=green) +![license](https://img.shields.io/github/license/jerryc127/hexo-theme-butterfly?color=FF5531) + +Demo: 👍 [Butterfly](https://butterfly.js.org/) || 🤞 [JerryC](https://jerryc.me/) + +Docs: 📖 [Butterfly Docs](https://butterfly.js.org/posts/21cfbf15/) + +Based on [hexo-theme-melody](https://github.com/Molunerfinn/hexo-theme-melody) theme. + +## Installation + +### GIT + +> If you are in Mainland China, you can download in [Gitee](https://gitee.com/iamjerryw/hexo-theme-butterfly) + +Stable branch [recommend]: + +``` +git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly +``` + +Dev branch: + +``` +git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly +``` + +### NPM + +> It supports Hexo 5.0.0 or later + +In Hexo site root directory + +```powershell +npm i hexo-theme-butterfly +``` + +## Configuration + + Set theme in the hexo work folder's root config file `_config.yml`: + +> theme: butterfly + + If you don't have pug & stylus renderer, try this: + +> npm install hexo-renderer-pug hexo-renderer-stylus + +## Features + +- [x] Card UI Design +- [X] Support sub-menu +- [x] Two Column designs +- [x] Responsive Web Design +- [x] Dark Mode +- [x] Pjax +- [x] Read Mode +- [x] Conversion between Traditional and Simplified Chinese +- [X] TOC catalog is available for both computers and mobile phones +- [X] Color themes (darker/pale night/light/ocean/mac/mac light), support custom colors +- [X] Code Blocks (Display code language/close or expand Code Blocks/Copy Button/word wrap) +- [X] Disable copy/Add a Copyright Notice to the Copied Text +- [X] Search (Algolia SearchZ/Local Search) +- [x] Mathjax and Katex +- [x] Built-in 404 page +- [x] WordCount +- [x] Related articles +- [x] Displays outdated notice for a post +- [x] Share (AddThis/Sharejs/Addtoany) +- [X] Comment (Disqus/Disqusjs/Livere/Gitalk/Valine/Utterances/Facebook Comments) +- [x] Multiple Comment System Support +- [x] Online Chats (Chatra/Tidio/Daovoice/Gitter/Crisp) +- [x] Web analytics (Baidu Analytics/Google Analytics/Tencent Analytics/CNZZ Analytics) +- [x] Google AdSense +- [x] Webmaster Verification (google/Bing/Baidu/360/Yandex) +- [x] Change website colour scheme +- [x] Typewriter Effect: activate_power_mode +- [x] Background effects (Canvas ribbon/canvas_ribbon_piao/canvas_nest) +- [x] Mouse click effects (Fireworks/Heart/Text) +- [x] Preloader/Loading Animation +- [x] Busuanzi visitor counter +- [x] Medium Zoom/Fancybox +- [x] Mermaid +- [x] Justified Gallery +- [x] Lazyload images +- [x] Instantpage/Pangu/Snackbar notification toast/PWA...... + +## Screenshots + +![](https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/theme-butterfly-readme-homepage-1.png) + +![](https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/theme-butterfly-readme-homepage-2.png) \ No newline at end of file diff --git a/themes/butterfly/README_CN.md b/themes/butterfly/README_CN.md new file mode 100644 index 0000000..3a6e6a8 --- /dev/null +++ b/themes/butterfly/README_CN.md @@ -0,0 +1,96 @@ +# hexo-theme-butterfly + +![version](https://img.shields.io/github/package-json/v/jerryc127/hexo-theme-butterfly) +![https://img.shields.io/npm/v/hexo-theme-butterfly?color=%09%23bf00ff](https://img.shields.io/npm/v/hexo-theme-butterfly?color=%09%23bf00ff) +![hexo version](https://img.shields.io/badge/hexo-4.2+-0e83c) +![npm download](https://img.shields.io/npm/dw/hexo-theme-butterfly?color=green) +![license](https://img.shields.io/github/license/jerryc127/hexo-theme-butterfly?color=FF5531) + + +預覽: 👍 [Butterfly](https://butterfly.js.org/) || 🤞 [JerryC](https://jerryc.me/) + +文檔: 📖 [Butterfly Docs](https://butterfly.js.org/posts/21cfbf15/) + +一款基於[hexo-theme-melody](https://github.com/Molunerfinn/hexo-theme-melody)修改的主題 + +## 安裝 + +### Git 安裝 + +> 本倉庫同時上傳到 [Gitee](https://gitee.com/iamjerryw/hexo-theme-butterfly)，如果你訪問 Github 緩慢，可從 Gitee 中下載。 + +在博客根目錄裡安裝穩定版【推薦】 + +```powershell +git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly +``` + +如果想要安裝比較新的dev分支，可以 + +```powershell +git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly +``` + +### npm 安裝 + +> 此方法只支持Hexo 5.0.0以上版本 + +在博客根目錄裡 + +```powershell +npm i hexo-theme-butterfly +``` + +## 應用主題 +修改hexo配置文件`_config.yml`，把主題改為`Butterfly` + +``` +theme: butterfly +``` + +>如果你沒有pug以及stylus的渲染器，請下載安裝： npm install hexo-renderer-pug hexo-renderer-stylus --save + +## 特色 + +- [x] 卡片化設計 +- [X] 支持二級目錄 +- [x] 雙欄設計 +- [x] 響應式主題 +- [x] 夜間模式 +- [x] Pjax +- [x] 文章閲讀模式 +- [x] 簡體和繁體轉換 +- [X] 電腦和手機都可查看TOC目錄 +- [X] 內置多種代碼配色（darker/pale night/light/ocean/mac/mac light），可自定義代碼配色 +- [X] 代碼塊顯示代碼語言/關閉或展開代碼塊/代碼複製/代碼自動換行 +- [X] 可關閉文字複製/可開啟內容複製增加版權信息） +- [X] 兩種搜索（Algolia搜索和本地搜索） +- [x] Mathjax 和 Katex +- [x] 內置404頁面 +- [x] 顯示字數統計 +- [x] 顯示相關文章 +- [x] 過期文章提醒 +- [x] 多種分享系統（AddThis/Sharejs/Addtoany） +- [X] 多種評論系統（Disqus/Disqusjs/Livere/Gitalk/Valine/Utterances/Facebook Comments） +- [x] 支持雙評論部署 +- [x] 多種在線聊天（Chatra/Tidio/Daovoice/Gitter/Crisp） +- [x] 多種分析系統（百度分析/谷歌分析/騰訊分析/CNZZ分析） +- [x] 谷歌廣告/手動廣告位置 +- [x] 各種站長驗證（Google/Bing/Baidu/360/Yandex） +- [x] 修改網站配色 +- [x] 打字特效 activate_power_mode +- [x] 多種背景特效（靜止彩帶/動態彩帶/Canvas Nest） +- [x] 多種鼠標點擊特效（煙花/文字/愛心） +- [x] 內置一種 Preloader 加載動畫 +- [x] 不蒜子訪問統計 +- [x] 兩種大圖模式（Medium Zoom/Fancybox） +- [x] Mermaid 圖表顯示 +- [x] 照片牆 +- [x] 圖片懶加載 +- [x] Instantpage/Pangu/Snackbar彈窗/PWA...... + +## 截圖 + +![](https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/theme-butterfly-readme-homepage-1.png) + +![](https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/theme-butterfly-readme-homepage-2.png) \ No newline at end of file diff --git a/themes/butterfly/_config.yml b/themes/butterfly/_config.yml new file mode 100644 index 0000000..5b2a2a1 --- /dev/null +++ b/themes/butterfly/_config.yml @@ -0,0 +1,914 @@ +# Main menu navigation (導航目錄) +# -------------------------------------- + +# format: name: link || icon +# sub-menu +# name || icon: +# name || link || icon + +menu: + # Home: / || fas fa-home + # Archives: /archives/ || fas fa-archive + # Tags: /tags/ || fas fa-tags + # Categories: /categories/ || fas fa-folder-open + # List||fas fa-list: + # - Music || /music/ || fas fa-music + # - Movie || /movies/ || fas fa-video + # Link: /link/ || fas fa-link + # About: /about/ || fas fa-heart + +# Hide the child menu items in mobile sidebar +hide_sidebar_menu_child: false + +# Code Blocks (代碼相關) +# -------------------------------------- + +highlight_theme: light # darker / pale night / light / ocean / mac / mac light / false +highlight_copy: true # copy button +highlight_lang: true # show the code language +highlight_shrink: false # true: shrink the code blocks / false: expand the code blocks | none: expand code blocks and hide the button +code_word_wrap: false + +# copy settings +# copyright: Add the copyright information after copied content (複製的內容後面加上版權信息) +copy: + enable: true + copyright: + enable: false + limit_count: 50 + +# social settings (社交圖標設置) +# formal: +# icon: link || the description +social: + fab fa-github: https://github.com/dengtongyu|| Github + fas fa-envelope: mailto:dengtongyu123@163.com || Email + +# search (搜索) +# -------------------------------------- + +# Algolia search +algolia_search: + enable: false + hits: + per_page: 6 + +# Local search +local_search: + enable: false + +# Math (數學) +# -------------------------------------- +# About the per_page +# if you set it to true, it will load mathjax/katex script in each page (true 表示每一頁都加載js) +# if you set it to false, it will load mathjax/katex script according to your setting (add the 'mathjax: true' in page's front-matter) +# (false 需要時加載，須在使用的 Markdown Front-matter 加上 mathjax: true) + +# MathJax +mathjax: + enable: false + per_page: false + +# KaTeX +katex: + enable: false + per_page: false + hide_scrollbar: true + +# Image (圖片設置) +# -------------------------------------- + +# Favicon（網站圖標） +favicon: /img/favicon.png + +# Avatar (頭像) +avatar: + img: /images/v2-498e45cff82e401ae43378031b8fc740_1440w.jpg + effect: false + +# The banner image of home page +index_img: + +# If the banner of page not setting, it will show the top_img +default_top_img: /images/v2-1497fa6a5de2596909dc2af7a6233e37_1440w.jpg + +# The banner image of archive page +archive_img: + +# If the banner of tag page not setting, it will show the top_img +# note: tag page, not tags page (子標籤頁面的 top_img) +tag_img: + +# The banner image of tag page +# format: +# - tag name: xxxxx +tag_per_img: + +# If the banner of category page not setting, it will show the top_img +# note: category page, not categories page (子分類頁面的 top_img) +category_img: + +# The banner image of category page +# format: +# - category name: xxxxx +category_per_img: + +cover: + # display the cover or not (是否顯示文章封面) + index_enable: true + aside_enable: true + archives_enable: true + # the position of cover in home page (封面顯示的位置) + # left/right/both + position: both + # When cover is not set, the default cover is displayed (當沒有設置cover時，默認的封面顯示) + default_cover: + # - https://i.loli.net/2020/05/01/gkihqEjXxJ5UZ1C.jpg + +# Replace Broken Images (替換無法顯示的圖片) +error_img: + flink: /img/friend_404.gif + post_page: /img/404.jpg + +# A simple 404 page +error_404: + enable: false + subtitle: 'Page Not Found' + background: https://i.loli.net/2020/05/19/aKOcLiyPl2JQdFD.png + +post_meta: + page: # Home Page + date_type: created # created or updated or both 主頁文章日期是創建日或者更新日或都顯示 + date_format: date # date/relative 顯示日期還是相對日期 + categories: true # true or false 主頁是否顯示分類 + tags: false # true or false 主頁是否顯示標籤 + label: true # true or false 顯示描述性文字 + post: + date_type: both # created or updated or both 文章頁日期是創建日或者更新日或都顯示 + date_format: date # date/relative 顯示日期還是相對日期 + categories: true # true or false 文章頁是否顯示分類 + tags: true # true or false 文章頁是否顯示標籤 + label: true # true or false 顯示描述性文字 + +# wordcount (字數統計) +wordcount: + enable: false + post_wordcount: true + min2read: true + total_wordcount: true + +# Display the article introduction on homepage +# 1: description +# 2: both (if the description exists, it will show description, or show the auto_excerpt) +# 3: auto_excerpt (default) +# false: do not show the article introduction +index_post_content: + method: 3 + length: 500 # if you set method to 2 or 3, the length need to config + +# Post +# -------------------------------------- + +# toc (目錄) +toc: + enable: true + number: true + +post_copyright: + enable: true + decode: false + license: CC BY-NC-SA 4.0 + license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/ + +# Sponsor/reward +reward: + enable: false + QR_code: + # - img: /img/wechat.jpg + # link: + # text: wechat + # - img: /img/alipay.jpg + # link: + # text: alipay + +# Related Articles +related_post: + enable: true + limit: 6 # Number of posts displayed + date_type: created # or created or updated 文章日期顯示創建日或者更新日 + +# figcaption (圖片描述文字) +photofigcaption: false + +# anchor +# when you scroll in post, the URL will update according to header id. +anchor: false + +# Displays outdated notice for a post (文章過期提醒) +noticeOutdate: + enable: false + style: flat # style: simple/flat + limit_day: 500 # When will it be shown + position: top # position: top/bottom + message_prev: It has been + message_next: days since the last update, the content of the article may be outdated. + +# Share System (分享功能) +# -------------------------------------- + +# AddThis +# https://www.addthis.com/ +addThis: + enable: false + pubid: + +# Share.js +# https://github.com/overtrue/share.js +sharejs: + enable: true + sites: facebook,twitter,wechat,weibo,qq + +# AddToAny +# https://www.addtoany.com/ +addtoany: + enable: false + item: facebook,twitter,wechat,sina_weibo,facebook_messenger,email,copy_link + +# Comments System +# -------------------------------------- + +comments: + # Up to two comments system, the first will be shown as default + # Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Utterances/Facebook Comments + use: + # - Valine + # - Disqus + text: true # Display the comment name next to the button + # lazyload: The comment system will be load when comment element enters the browser's viewport. + # If you set it to true, the comment count will be invalid + lazyload: false + count: false # Display comment count in top_img + +# disqus +# https://disqus.com/ +disqus: + shortname: + +# Alternative Disqus - Render comments with Disqus API +# DisqusJS 評論系統，可以實現在網路審查地區載入 Disqus 評論列表，兼容原版 +# https://github.com/SukkaW/DisqusJS +disqusjs: + shortname: + siteName: + apikey: + api: + nocomment: # display when a blog post or an article has no comment attached + admin: + adminLabel: + +# livere (來必力) +# https://www.livere.com/ +livere: + uid: + +# gitalk +# https://github.com/gitalk/gitalk +gitalk: + client_id: + client_secret: + repo: + owner: + admin: + language: zh-CN # en, zh-CN, zh-TW, es-ES, fr, ru + perPage: 10 # Pagination size, with maximum 100. + distractionFreeMode: false # Facebook-like distraction free mode. + pagerDirection: last # Comment sorting direction, available values are last and first. + createIssueManually: false # Gitalk will create a corresponding github issue for your every single page automatically + +# valine +# https://valine.js.org +valine: + appId: # leancloud application app id + appKey: # leancloud application app key + pageSize: 10 # comment list page size + avatar: monsterid # gravatar style https://valine.js.org/#/avatar + lang: en # i18n: zh-CN/zh-TW/en/ja + placeholder: Please leave your footprints # valine comment input placeholder (like: Please leave your footprints) + guest_info: nick,mail,link # valine comment header info (nick/mail/link) + recordIP: false # Record reviewer IP + serverURLs: # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in) + bg: # valine background + emojiCDN: # emoji CDN + enableQQ: false # enable the Nickname box to automatically get QQ Nickname and QQ Avatar + requiredFields: nick,mail # required fields (nick/mail) + option: + +# utterances +# https://utteranc.es/ +utterances: + repo: + # Issue Mapping: pathname/url/title/og:title + issue_term: pathname + # Theme: github-light/github-dark/github-dark-orange/icy-dark/dark-blue/photon-dark + light_theme: github-light + dark_theme: photon-dark + +# Facebook Comments Plugin +# https://developers.facebook.com/docs/plugins/comments/ +facebook_comments: + app_id: + user_id: # optional + pageSize: 10 # The number of comments to show + order_by: social # social/time/reverse_time + lang: zh_CN # Language en_US/zh_CN/zh_TW and so on + +# Twikoo +# https://github.com/imaegoo/twikoo +twikoo: + +# Chat Services +# -------------------------------------- + +# Chat Button [recommend] +# It will create a button in the bottom right corner of website, and hide the origin button +chat_btn: false + +# The origin chat button is displayed when scrolling up, and the button is hidden when scrolling down +chat_hide_show: false + +# chatra +# https://chatra.io/ +chatra: + enable: false + id: + +# tidio +# https://www.tidio.com/ +tidio: + enable: false + public_key: + +# daovoice +# http://daovoice.io/ +daovoice: + enable: false + app_id: + +# gitter +# https://gitter.im/ +gitter: + enable: false + room: + +# crisp +# https://crisp.chat/en/ +crisp: + enable: false + website_id: + +# Footer Settings +# -------------------------------------- +footer: + owner: + enable: true + since: 2020 + custom_text: + copyright: true # Copyright of theme and framework + ICP: # Chinese ICP License + enable: false + url: + text: + icon: /img/icp.png + +# Analysis +# -------------------------------------- + +# Baidu Analytics +# https://tongji.baidu.com/web/welcome/login +baidu_analytics: + +# Google Analytics +# https://analytics.google.com/analytics/web/ +google_analytics: + +# Tencent Analytics ID +# https://mta.qq.com +tencent_analytics: + +# CNZZ Analytics +# https://www.umeng.com/ +cnzz_analytics: + +# Advertisement +# -------------------------------------- + +# Google Adsense (谷歌廣告) +google_adsense: + enable: false + auto_ads: true + js: https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js + client: + enable_page_level_ads: true + +# Insert ads manually (手動插入廣告) +# ad: +# index: +# aside: +# post: + +# Verification (站長驗證) +# -------------------------------------- + +# Google Webmaster tools verification setting +# See: https://www.google.com/webmasters/ +google_site_verification: + +# Bing Webmaster tools verification setting +# See: https://www.bing.com/webmaster/ +bing_site_verification: + +# Baidu Webmaster tools verification setting +# See: https://ziyuan.baidu.com/site/ +baidu_site_verification: + +# 360 Webmaster tools verification setting +# see http://zhanzhang.so.com/ +qihu_site_verification: + +# Yandex Webmaster tools verification setting +# see https://webmaster.yandex.com/ +yandex_site_verification: + +# 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" + +# The top_img settings of home page +# default: top img - full screen, site info - middle (默認top_img全屏，site_info在中間) +# The position of site info, eg: 300px/300em/300rem/10% (主頁標題距離頂部距離) +index_site_info_top: +# The height of top_img, eg: 300px/300em/300rem (主頁top_img高度) +index_top_img_height: + +# The user interface setting of category and tag page (category和tag頁的UI設置) +# index - same as Homepage UI (index 值代表 UI將與首頁的UI一樣) +# default - same as archives UI 默認跟archives頁面UI一樣 +category_ui: # 留空或 index +tag_ui: # 留空或 index + +# Website Background (設置網站背景) +# can set it to color or image (可設置圖片 或者 顔色) +# The formal of image: url(http://xxxxxx.com/xxx.jpg) +background: + +# Footer Background +footer_bg: false + +# the position of bottom right button/default unit: px (右下角按鈕距離底部的距離/默認單位為px) +rightside-bottom: + +# Enter transitions (開啓網頁進入效果) +enter_transitions: true + +# Background effects (背景特效) +# -------------------------------------- + +# canvas_ribbon (靜止彩帶背景) +# See: https://github.com/hustcc/ribbon.js +canvas_ribbon: + enable: false + size: 150 + alpha: 0.6 + zIndex: -1 + click_to_change: false + mobile: false + +# Fluttering Ribbon (動態彩帶) +canvas_fluttering_ribbon: + enable: false + mobile: false + +# canvas_nest +# https://github.com/hustcc/canvas-nest.js +canvas_nest: + enable: false + color: '0,0,255' #color of lines, default: '0,0,0'; RGB values: (R,G,B).(note: use ',' to separate.) + opacity: 0.7 # the opacity of line (0~1), default: 0.5. + zIndex: -1 # z-index property of the background, default: -1. + count: 99 # the number of lines, default: 99. + mobile: false + +# Typewriter Effect (打字效果) +# https://github.com/disjukr/activate-power-mode +activate_power_mode: + enable: false + colorful: true # open particle animation (冒光特效) + shake: true # open shake (抖動特效) + mobile: false + +# Mouse click effects: fireworks (鼠標點擊效果: 煙火特效) +fireworks: + enable: false + zIndex: 9999 # -1 or 9999 + mobile: false + +# Mouse click effects: Heart symbol (鼠標點擊效果: 愛心) +click_heart: + enable: false + mobile: false + +# Mouse click effects: words (鼠標點擊效果: 文字) +ClickShowText: + enable: false + text: + # - I + # - LOVE + # - YOU + fontSize: 15px + mobile: false + +# Default display mode (網站默認的顯示模式) +# light (default) / dark +display_mode: light + +# Beautify (美化頁面顯示) +beautify: + enable: false + field: post # site/post + title-prefix-icon: '\f0c1' + title-prefix-icon-color: '#F47466' + +# Global font settings +# Don't modify the following settings unless you know how they work (非必要不要修改) +font: + global-font-size: + code-font-size: + font-family: + code-font-family: + +# Font settings for the site title and site subtitle +# 左上角網站名字 主頁居中網站名字 +blog_title_font: + font_link: + font-family: + +# The setting of divider icon (水平分隔線圖標設置) +hr_icon: + enable: true + icon: # the unicode value of Font Awesome icon, such as '\3423' + icon-top: + +# the subtitle on homepage (主頁subtitle) +subtitle: + enable: false + # Typewriter Effect (打字效果) + effect: true + # loop (循環打字) + loop: true + # source調用第三方服務 + # source: false 關閉調用 + # source: 1 調用搏天api的隨機語錄（簡體） https://api.btstu.cn/ + # source: 2 調用一言網的一句話（簡體） https://hitokoto.cn/ + # source: 3 調用一句網（簡體） http://yijuzhan.com/ + # source: 4 調用今日詩詞（簡體） https://www.jinrishici.com/ + # subtitle 會先顯示 source , 再顯示 sub 的內容 + source: false + # 如果有英文逗號' , ',請使用轉義字元 , + # 如果有英文雙引號' " ',請使用轉義字元 " + # 開頭不允許轉義字元，如需要，請把整個句子用雙引號包住 + # 如果關閉打字效果，subtitle只會顯示sub的第一行文字 + sub: + +# Loading Animation (加載動畫) +preloader: true + +# aside (側邊欄) +# -------------------------------------- + +aside: + enable: true + hide: false + button: true + mobile: true # display on mobile + position: right # left or right + card_author: + enable: true + description: + button: + icon: fab fa-github + text: Follow Me + link: https://github.com/dengtongyu + card_announcement: + enable: true + content: 世界纷纷扰扰，我只想做一个安静的攻城狮。 + card_recent_post: + enable: true + limit: 5 # if set 0 will show all + sort: date # date or updated + card_categories: + enable: true + limit: 8 # if set 0 will show all + expand: none # none/true/false + card_tags: + enable: true + limit: 40 # if set 0 will show all + color: false + card_archives: + enable: true + type: monthly # yearly or monthly + format: MMMM YYYY # eg: YYYY年MM月 + order: -1 # Sort of order. 1, asc for ascending; -1, desc for descending + limit: 8 # if set 0 will show all + card_webinfo: + enable: true + post_count: true + last_push_date: true + +# busuanzi count for PV / UV in site +# 訪問人數 +busuanzi: + site_uv: true + site_pv: true + page_pv: true + +# Time difference between publish date and now (網頁運行時間) +# Formal: Month/Day/Year Time or Year/Month/Day Time +runtimeshow: + enable: false + publish_date: + +# Aside widget - Newest Comments +newest_comments: + enable: false + limit: 6 + avatar: true + leancloud: + enable: false + appId: # leancloud application app id + appKey: # leancloud application app key + serverURL: # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in) + default_avatar: # mp/identicon/monsterid/wavatar/retro/robohash/blank + github_issues: + enable: false + repo: + disqus: + enable: false + forum: + api_key: + +# Bottom right button (右下角按鈕) +# -------------------------------------- + +# Conversion between Traditional and Simplified Chinese (簡繁轉換) +translate: + enable: false + # The text of a button + default: 繁 + # the language of website (1 - Traditional Chinese/ 2 - Simplified Chinese） + defaultEncoding: 2 + # Time delay + translateDelay: 0 + # The text of the button when the language is Simplified Chinese + msgToTraditionalChinese: '繁' + # The text of the button when the language is Traditional Chinese + msgToSimplifiedChinese: '簡' + +# Read Mode (閲讀模式) +readmode: true + +# dark mode +darkmode: + enable: true + # Toggle Button to switch dark/light mode + button: true + # Switch dark/light mode automatically (自動切換 dark mode和 light mode) + # autoChangeMode: 1 Following System Settings, if the system doesn't support dark mode, it will switch dark mode between 6 pm to 6 am + # autoChangeMode: 2 Switch dark mode between 6 pm to 6 am + # autoChangeMode: false + autoChangeMode: false + +# Lightbox (圖片大圖查看模式) +# -------------------------------------- +# You can only choose one, or neither (只能選擇一個 或者 兩個都不選) + +# medium-zoom +# https://github.com/francoischalifour/medium-zoom +medium_zoom: false + +# fancybox +# http://fancyapps.com/fancybox/3/ +fancybox: true + +# Tag Plugins settings (標籤外掛) +# -------------------------------------- + +# mermaid +# see https://github.com/knsv/mermaid +mermaid: + enable: false + # built-in themes: default/forest/dark/neutral + theme: default + +# 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 +# -------------------------------------- + +# Artitalk +# see https://artitalk.js.org/ +artitalk: + appId: + appKey: + option: + +# Pjax [Beta] +# It may contain bugs and unstable, give feedback when you find the bugs. +# https://github.com/MoOx/pjax +pjax: + enable: false + exclude: + # - xxxx + # - xxxx + +# Inject the css and script (aplayer/meting) +aplayerInject: + enable: false + per_page: true + +# Snackbar (Toast Notification 彈窗) +# https://github.com/polonel/SnackBar +# position 彈窗位置 +# 可選 top-left / top-center / top-right / bottom-left / bottom-center / bottom-right +snackbar: + enable: false + position: bottom-left + bg_light: '#49b1f5' # The background color of Toast Notification in light mode + bg_dark: '#121212' # The background color of Toast Notification in dark mode + +# Baidu Push (百度推送) +baidu_push: false + +# https://instant.page/ +# prefetch (預加載) +instantpage: false + +# https://github.com/vinta/pangu.js +# Insert a space between Chinese character and English character (中英文之間添加空格) +pangu: + enable: false + field: site # site/post + +# Lazyload (圖片懶加載) +# https://github.com/verlok/lazyload +lazyload: + enable: false + post: /img/loading.gif + +# PWA +# See https://github.com/JLHwung/hexo-offline +# --------------- +# pwa: +# enable: false +# manifest: /image/pwa/manifest.json +# apple_touch_icon: /image/pwa/apple-touch-icon.png +# favicon_32_32: /image/pwa/32.png +# favicon_16_16: /image/pwa/16.png +# mask_icon: /image/pwa/safari-pinned-tab.svg + +# Disable Baidu transformation on mobile devices (禁止百度轉碼) +disable_baidu_transformation: true + +# Open graph meta tags +# https://developers.facebook.com/docs/sharing/webmasters/ +Open_Graph_meta: true + +# Caches the contents in a fragment, speed up the generation (開啟hexo自帶的緩存,加快生成速度) +fragment_cache: true + +# Inject +# Insert the code to head (before '' tag) and the bottom (before '' tag) +# 插入代码到头部 之前 和 底部 之前 +inject: + head: + # - + bottom: + # - + +# CDN +# Don't modify the following settings unless you know how they work +# 非必要請不要修改 +CDN: + # main + main_css: /css/index.css + jquery: https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js + main: /js/main.js + utils: /js/utils.js + + # pjax + pjax: https://cdn.jsdelivr.net/npm/pjax/pjax.min.js + + # comments + gitalk: https://cdn.jsdelivr.net/npm/gitalk@latest/dist/gitalk.min.js + gitalk_css: https://cdn.jsdelivr.net/npm/gitalk/dist/gitalk.min.css + valine: https://cdn.jsdelivr.net/npm/valine/dist/Valine.min.js + disqusjs: https://cdn.jsdelivr.net/npm/disqusjs@1/dist/disqus.js + disqusjs_css: https://cdn.jsdelivr.net/npm/disqusjs@1/dist/disqusjs.css + utterances: https://utteranc.es/client.js + twikoo: https://cdn.jsdelivr.net/npm/twikoo/dist/twikoo.all.min.js + + # share + addtoany: https://static.addtoany.com/menu/page.js + sharejs: https://cdn.jsdelivr.net/npm/social-share.js/dist/js/social-share.min.js + sharejs_css: https://cdn.jsdelivr.net/npm/social-share.js/dist/css/share.min.css + + # search + local_search: /js/search/local-search.js + algolia_js: /js/search/algolia.js + algolia_search: https://cdn.jsdelivr.net/npm/instantsearch.js@2.10.5/dist/instantsearch.min.js + algolia_search_css: https://cdn.jsdelivr.net/npm/instantsearch.js@2.10.5/dist/instantsearch.min.css + + # math + mathjax: https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js + katex: https://cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.css + katex_copytex: https://cdn.jsdelivr.net/npm/katex-copytex@latest/dist/katex-copytex.min.js + katex_copytex_css: https://cdn.jsdelivr.net/npm/katex-copytex@latest/dist/katex-copytex.min.css + mermaid: https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js + + # count + busuanzi: //busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js + + # background effect + canvas_ribbon: https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/canvas-ribbon.min.js + canvas_fluttering_ribbon: https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/canvas-fluttering-ribbon.min.js + canvas_nest: https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/canvas-nest.min.js + + lazyload: https://cdn.jsdelivr.net/npm/vanilla-lazyload/dist/lazyload.iife.min.js + instantpage: https://cdn.jsdelivr.net/npm/instant.page/instantpage.min.js + typed: https://cdn.jsdelivr.net/npm/typed.js/lib/typed.min.js + pangu: https://cdn.jsdelivr.net/npm/pangu/dist/browser/pangu.min.js + + # photo + fancybox_css: https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.css + fancybox: https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.js + medium_zoom: https://cdn.jsdelivr.net/npm/medium-zoom/dist/medium-zoom.min.js + + # snackbar + snackbar_css: https://cdn.jsdelivr.net/npm/node-snackbar/dist/snackbar.min.css + snackbar: https://cdn.jsdelivr.net/npm/node-snackbar/dist/snackbar.min.js + + # effect + activate_power_mode: https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/activate-power-mode.min.js + fireworks: https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/fireworks.min.js + click_heart: https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/click-heart.min.js + ClickShowText: https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/click-show-text.min.js + + # fontawesome + fontawesome: https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css + + # Conversion between Traditional and Simplified Chinese + translate: /js/tw_cn.js + + # justifiedGallery + justifiedGallery_js: https://cdn.jsdelivr.net/npm/justifiedGallery/dist/js/jquery.justifiedGallery.min.js + justifiedGallery_css: https://cdn.jsdelivr.net/npm/justifiedGallery/dist/css/justifiedGallery.min.css + + # aplayer + aplayer_css: https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css + aplayer_js: https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js + meting_js: https://cdn.jsdelivr.net/gh/metowolf/MetingJS@1.2/dist/Meting.min.js + + # Prism.js + prismjs_js: https://cdn.jsdelivr.net/npm/prismjs/prism.min.js + prismjs_lineNumber_js: https://cdn.jsdelivr.net/npm/prismjs/plugins/line-numbers/prism-line-numbers.min.js + prismjs_autoloader: https://cdn.jsdelivr.net/npm/prismjs/plugins/autoloader/prism-autoloader.min.js + + artitalk: https://cdn.jsdelivr.net/npm/artitalk diff --git a/themes/butterfly/languages/default.yml b/themes/butterfly/languages/default.yml new file mode 100644 index 0000000..d1699c3 --- /dev/null +++ b/themes/butterfly/languages/default.yml @@ -0,0 +1,114 @@ +footer: + framework: Framework + theme: Theme + +copy: + success: Copy successfully + error: Copy error + noSupport: The browser does not support + +page: + articles: Articles + tag: Tag + category: Category + archives: Archives + +sticky: Sticky +no_title: No title + +post: + created: Created + updated: Updated + wordcount: Word count + min2read: Reading time + min2read_unit: min + page_pv: Post View + comments: Comments + copyright: + author: Author + link: Link + copyright_notice: Copyright Notice + copyright_content: 'All articles in this blog are licensed under %s unless stating additionally.' + recommend: Related Articles + +search: Search +algolia_search: + input_placeholder: Search for Posts + hits_empty: "We didn't find any results for the search: ${query}." + hits_stats: '${hits} results found in ${time} ms' + +local_search: + label: Local search + input_placeholder: Search for Posts + hits_empty: "We didn't find any results for the search: ${query}" + powered_by: Powered by + +pagination: + prev: Previous Post + next: Next Post + +comment: Comment + +aside: + articles: Articles + tags: Tags + categories: Categories + card_announcement: Announcement + card_categories: Categories + card_tags: Tags + card_archives: Archives + card_recent_post: Recent Post + card_webinfo: + headline: Info + article_name: Article + runtime: + name: Run time + unit: days + last_push_date: + name: Last Push + site_wordcount: Total Count + site_uv_name: UV + site_pv_name: PV + more_button: More + card_newest_comments: + headline: Newest Comments + loading_text: loading... + error: Unable to get the data, please make sure the settings are correct. + card_toc: Catalog + +date_suffix: + just: Just + min: minutes ago + hour: hours ago + day: days ago + month: months ago + +donate: Donate +share: Share + +rightside: + readmode_title: Read Mode + translate_title: Switch Between Traditional Chinese And Simplified Chinese + night_mode_title: Switch Between Light And Dark Mode + back_to_top: Back To Top + toc: Table Of Contents + scroll_to_comment: Scroll To Comments + setting: Setting + +copy_copyright: + author: Author + link: Link + source: Source + info: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, please indicate the source. + +Snackbar: + chs_to_cht: Traditional Chinese Activated Manually + cht_to_chs: Simplified Chinese Activated Manually + day_to_night: Dark Mode Activated Manually + night_to_day: Light Mode Activated Manually + +loading: Loading... + +error404: + error_title: Page not found + back_button: Go back home diff --git a/themes/butterfly/languages/en.yml b/themes/butterfly/languages/en.yml new file mode 100644 index 0000000..d1699c3 --- /dev/null +++ b/themes/butterfly/languages/en.yml @@ -0,0 +1,114 @@ +footer: + framework: Framework + theme: Theme + +copy: + success: Copy successfully + error: Copy error + noSupport: The browser does not support + +page: + articles: Articles + tag: Tag + category: Category + archives: Archives + +sticky: Sticky +no_title: No title + +post: + created: Created + updated: Updated + wordcount: Word count + min2read: Reading time + min2read_unit: min + page_pv: Post View + comments: Comments + copyright: + author: Author + link: Link + copyright_notice: Copyright Notice + copyright_content: 'All articles in this blog are licensed under %s unless stating additionally.' + recommend: Related Articles + +search: Search +algolia_search: + input_placeholder: Search for Posts + hits_empty: "We didn't find any results for the search: ${query}." + hits_stats: '${hits} results found in ${time} ms' + +local_search: + label: Local search + input_placeholder: Search for Posts + hits_empty: "We didn't find any results for the search: ${query}" + powered_by: Powered by + +pagination: + prev: Previous Post + next: Next Post + +comment: Comment + +aside: + articles: Articles + tags: Tags + categories: Categories + card_announcement: Announcement + card_categories: Categories + card_tags: Tags + card_archives: Archives + card_recent_post: Recent Post + card_webinfo: + headline: Info + article_name: Article + runtime: + name: Run time + unit: days + last_push_date: + name: Last Push + site_wordcount: Total Count + site_uv_name: UV + site_pv_name: PV + more_button: More + card_newest_comments: + headline: Newest Comments + loading_text: loading... + error: Unable to get the data, please make sure the settings are correct. + card_toc: Catalog + +date_suffix: + just: Just + min: minutes ago + hour: hours ago + day: days ago + month: months ago + +donate: Donate +share: Share + +rightside: + readmode_title: Read Mode + translate_title: Switch Between Traditional Chinese And Simplified Chinese + night_mode_title: Switch Between Light And Dark Mode + back_to_top: Back To Top + toc: Table Of Contents + scroll_to_comment: Scroll To Comments + setting: Setting + +copy_copyright: + author: Author + link: Link + source: Source + info: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, please indicate the source. + +Snackbar: + chs_to_cht: Traditional Chinese Activated Manually + cht_to_chs: Simplified Chinese Activated Manually + day_to_night: Dark Mode Activated Manually + night_to_day: Light Mode Activated Manually + +loading: Loading... + +error404: + error_title: Page not found + back_button: Go back home diff --git a/themes/butterfly/languages/zh-CN.yml b/themes/butterfly/languages/zh-CN.yml new file mode 100644 index 0000000..2a1a762 --- /dev/null +++ b/themes/butterfly/languages/zh-CN.yml @@ -0,0 +1,116 @@ +footer: + framework: 框架 + theme: 主题 + +copy: + success: 复制成功 + error: 复制错误 + noSupport: 浏览器不支持 + +page: + articles: 文章总览 + tag: 标签 + category: 分类 + archives: 归档 + +sticky: 置顶 +no_title: 无题 + +post: + created: 发表于 + updated: 更新于 + wordcount: 字数总计 + min2read: 阅读时长 + min2read_unit: 分钟 + page_pv: 阅读量 + comments: 评论数 + copyright: + author: 文章作者 + link: 文章链接 + copyright_notice: 版权声明 + copyright_content: '本博客所有文章除特别声明外，均采用 + %s 许可协议。转载请注明来自 %s！' + recommend: 相关推荐 + +search: 搜索 +algolia_search: + input_placeholder: 搜索文章 + hits_empty: '找不到您查询的内容：${query}' + hits_stats: '找到 ${hits} 条结果，用时 ${time} 毫秒' + +local_search: + label: 本地搜索 + input_placeholder: 搜索文章 + hits_empty: '找不到您查询的内容：${query}' + powered: '提供支持' + by: 由 + +pagination: + prev: 上一篇 + next: 下一篇 + +comment: 评论 + +aside: + articles: 文章 + tags: 标签 + categories: 分类 + card_announcement: 公告 + card_categories: 分类 + card_tags: 标签 + card_archives: 归档 + card_recent_post: 最新文章 + card_webinfo: + headline: 网站资讯 + article_name: 文章数目 + runtime: + name: 已运行时间 + unit: 天 + last_push_date: + name: 最后更新时间 + site_wordcount: 本站总字数 + site_uv_name: 本站访客数 + site_pv_name: 本站总访问量 + more_button: 查看更多 + card_newest_comments: + headline: 最新评论 + loading_text: 正在加载中... + error: 无法获取资料，请确认相关配置是否正确 + card_toc: 目录 + +date_suffix: + just: 刚刚 + min: 分钟前 + hour: 小时前 + day: 天前 + month: 个月前 + +donate: 打赏 +share: 分享 + +rightside: + readmode_title: 阅读模式 + translate_title: 简繁转换 + night_mode_title: 浅色和深色模式转换 + back_to_top: 回到顶部 + toc: 目录 + scroll_to_comment: 直达评论 + setting: 设置 + +copy_copyright: + author: 作者 + link: 链接 + source: 来源 + info: 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 + +Snackbar: + chs_to_cht: 你已切换为繁体 + cht_to_chs: 你已切换为简体 + day_to_night: 你已切换为深色模式 + night_to_day: 你已切换为浅色模式 + +loading: 加载中... + +error404: + error_title: 页面没有找到 + back_button: 回到主页 diff --git a/themes/butterfly/languages/zh-TW.yml b/themes/butterfly/languages/zh-TW.yml new file mode 100644 index 0000000..2b30d2a --- /dev/null +++ b/themes/butterfly/languages/zh-TW.yml @@ -0,0 +1,116 @@ +footer: + framework: 框架 + theme: 主題 + +copy: + success: 複製成功 + error: 複製錯誤 + noSupport: 瀏覽器不支援 + +page: + articles: 文章總覽 + tag: 標籤 + category: 分類 + archives: 歸檔 + +sticky: 置頂 +no_title: 無題 + +post: + created: 發表於 + updated: 更新於 + wordcount: 字數總計 + min2read: 閲讀時長 + min2read_unit: 分鐘 + page_pv: 閱讀量 + comments: 評論數 + copyright: + author: 文章作者 + link: 文章連結 + copyright_notice: 版權聲明 + copyright_content: '本部落格所有文章除特別聲明外，均採用 + %s 許可協議。轉載請註明來自 %s！' + recommend: 相關推薦 + +search: 搜尋 +algolia_search: + input_placeholder: 搜尋文章 + hits_empty: '找不到您查詢的內容：${query}' + hits_stats: '找到 ${hits} 條結果，用時 ${time} 毫秒' + +local_search: + label: 本地搜尋 + input_placeholder: 搜尋文章 + hits_empty: '找不到您查詢的內容：${query}' + powered: '提供支援' + by: 由 + +pagination: + prev: 上一篇 + next: 下一篇 + +comment: 評論 + +aside: + articles: 文章 + tags: 標籤 + categories: 分類 + card_announcement: 公告 + card_categories: 分類 + card_tags: 標籤 + card_archives: 歸檔 + card_recent_post: 最新文章 + card_webinfo: + headline: 網站資訊 + article_name: 文章數目 + runtime: + name: 已運行時間 + unit: 天 + last_push_date: + name: 最後更新時間 + site_wordcount: 本站總字數 + site_uv_name: 本站訪客數 + site_pv_name: 本站總訪問量 + more_button: 檢視更多 + card_newest_comments: + headline: 最新評論 + loading_text: 正在加載中... + error: 無法獲取資料，請確認相關配置是否正確 + card_toc: 目錄 + +date_suffix: + just: 剛剛 + min: 分鐘前 + hour: 小時前 + day: 天前 + month: 個月前 + +donate: 打賞 +share: 分享 + +rightside: + readmode_title: 閱讀模式 + translate_title: 簡繁轉換 + night_mode_title: 淺色和深色模式轉換 + back_to_top: 回到頂部 + toc: 目錄 + scroll_to_comment: 直達評論 + setting: 設定 + +copy_copyright: + author: 作者 + link: 連結 + source: 來源 + info: 著作權歸作者所有。商業轉載請聯絡作者獲得授權，非商業轉載請註明出處。 + +Snackbar: + chs_to_cht: 你已切換為繁體 + cht_to_chs: 你已切換為簡體 + day_to_night: 你已切換為深色模式 + night_to_day: 你已切換為淺色模式 + +loading: 載入中... + +error404: + error_title: 頁面沒有找到 + back_button: 回到主頁 diff --git a/themes/butterfly/layout/404.pug b/themes/butterfly/layout/404.pug new file mode 100644 index 0000000..364b7cf --- /dev/null +++ b/themes/butterfly/layout/404.pug @@ -0,0 +1,28 @@ +- var top_img = theme.error_404.background || theme.default_top_img +- var bg_img = `background-image: url(${url_for(top_img)})` + +doctype html +html(lang=config.language data-theme=theme.display_mode) + head + include includes/head.pug + body + if theme.preloader + !=partial('includes/loading/loading', {}, {cache:theme.fragment_cache}) + + if theme.fireworks && theme.fireworks.enable + canvas.fireworks + + if theme.background + #web_bg + + #error-wrap + .error-content + .error-img(style=bg_img) + .error-info + h1.error_title= '404' + .error_subtitle= theme.error_404.subtitle + a.button--animated(href=config.root) + i.fas.fa-rocket + = _p('error404.back_button') + + include includes/additional-js.pug diff --git a/themes/butterfly/layout/archive.pug b/themes/butterfly/layout/archive.pug new file mode 100644 index 0000000..faa485c --- /dev/null +++ b/themes/butterfly/layout/archive.pug @@ -0,0 +1,8 @@ +extends includes/layout.pug + +block content + include ./includes/mixins/article-sort.pug + #archive + .article-sort-title= _p('page.articles') + ' - ' + site.posts.length + +articleSort(page.posts) + include includes/pagination.pug \ No newline at end of file diff --git a/themes/butterfly/layout/category.pug b/themes/butterfly/layout/category.pug new file mode 100644 index 0000000..01ad990 --- /dev/null +++ b/themes/butterfly/layout/category.pug @@ -0,0 +1,14 @@ +extends includes/layout.pug + +block content + if theme.category_ui == 'index' + include ./includes/mixins/post-ui.pug + #recent-posts.recent-posts.category_ui + +postUI + include includes/pagination.pug + else + include ./includes/mixins/article-sort.pug + #category + .article-sort-title= _p('page.category') + ' - ' + page.category + +articleSort(page.posts) + include includes/pagination.pug \ No newline at end of file diff --git a/themes/butterfly/layout/includes/additional-js.pug b/themes/butterfly/layout/includes/additional-js.pug new file mode 100644 index 0000000..8d912b7 --- /dev/null +++ b/themes/butterfly/layout/includes/additional-js.pug @@ -0,0 +1,74 @@ +div + script(src=url_for(theme.CDN.jquery)) + script(src=url_for(theme.CDN.utils)) + script(src=url_for(theme.CDN.main)) + + if theme.translate && theme.translate.enable + script(src=url_for(theme.CDN.translate)) + + if theme.medium_zoom + script(src=url_for(theme.CDN.medium_zoom)) + else if theme.fancybox + script(src=url_for(theme.CDN.fancybox)) + + if theme.instantpage + script(src=url_for(theme.CDN.instantpage) type="module" defer) + + if theme.lazyload.enable + script(src=url_for(theme.CDN.lazyload)) + + if (theme.snackbar && theme.snackbar.enable) + script(src=url_for(theme.CDN.snackbar)) + + if theme.pangu && theme.pangu.enable + !=partial('includes/third-party/pangu.pug', {}, {cache:theme.fragment_cache}) + + //- search + if theme.algolia_search.enable + script(src=url_for(theme.CDN.algolia_js)) + else if theme.local_search.enable + script(src=url_for(theme.CDN.local_search)) + + if theme.preloader + !=partial('includes/loading/loading-js', {}, {cache:theme.fragment_cache}) + + .js-pjax + if theme.subtitle.enable && is_home() && theme.index_img !== false + include ./third-party/subtitle.pug + + if page.type === 'artitalk' + include ./third-party/artitalk.pug + + include ./third-party/math/index.pug + + if commentsJsLoad + include ./third-party/comments/js.pug + + if theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv + script(async src=url_for(theme.CDN.busuanzi)) + + !=partial('includes/third-party/prismjs', {}, {cache:theme.fragment_cache}) + + if theme.aside.enable && theme.newest_comments.enable + if theme.pjax.enable + !=partial('includes/third-party/newest-comments/index', {}, {cache:theme.fragment_cache}) + else if (!is_post() && page.aside !== false) + !=partial('includes/third-party/newest-comments/index', {}, {cache:theme.fragment_cache}) + + !=fragment_cache('injectBottom', function(){return injectHtml(theme.inject.bottom)}) + + !=partial('includes/third-party/effect', {}, {cache:theme.fragment_cache}) + + !=partial('includes/third-party/chat/index', {}, {cache:theme.fragment_cache}) + + if theme.aplayerInject && theme.aplayerInject.enable + if theme.pjax.enable || theme.aplayerInject.per_page + include ./third-party/aplayer.pug + else if page.aplayer + include ./third-party/aplayer.pug + + if theme.pjax.enable + !=partial('includes/third-party/pjax', {}, {cache:theme.fragment_cache}) + + !=partial('includes/third-party/baidu_push', {}, {cache:theme.fragment_cache}) + \ No newline at end of file diff --git a/themes/butterfly/layout/includes/footer.pug b/themes/butterfly/layout/includes/footer.pug new file mode 100644 index 0000000..fc612f9 --- /dev/null +++ b/themes/butterfly/layout/includes/footer.pug @@ -0,0 +1,23 @@ +#footer-wrap + if theme.footer.owner.enable + - var now = new Date() + - var nowYear = now.getFullYear() + if theme.footer.owner.since && theme.footer.owner.since != nowYear + .copyright!= `©${theme.footer.owner.since} - ${nowYear} By ${config.author}` + else + .copyright!= `©${nowYear} By ${config.author}` + if theme.footer.copyright + .framework-info + span= _p('footer.framework') + ' ' + a(href='https://hexo.io')= 'Hexo' + span.footer-separator | + span= _p('footer.theme') + ' ' + a(href='https://github.com/jerryc127/hexo-theme-butterfly')= 'Butterfly' + if theme.footer.custom_text + .footer_custom_text!=`${theme.footer.custom_text}` + if theme.footer.ICP.enable + .icp + a(href=theme.footer.ICP.url) + if theme.footer.ICP.icon + img.icp-icon(src=url_for(theme.footer.ICP.icon) alt='ICP') + span=theme.footer.ICP.text diff --git a/themes/butterfly/layout/includes/head.pug b/themes/butterfly/layout/includes/head.pug new file mode 100644 index 0000000..ec8a57a --- /dev/null +++ b/themes/butterfly/layout/includes/head.pug @@ -0,0 +1,84 @@ +- var pageTitle +- if (is_archive()) pageTitle = _p('page.archives') +- else if (is_tag()) pageTitle = _p('page.tag') + ': ' + page.tag +- else if (is_category()) pageTitle = _p('page.category') + ': ' + page.category +- else if (is_month()) pageTitle += ': ' + page.month + '/' + page.year +- else if (is_year()) pageTitle += ': ' + page.year +- else if (is_current('/404.html', [strict])) pageTitle = _p('error404.error_title') +- else pageTitle = page.title || config.title || '' + +- var isSubtitle = config.subtitle ? ' - ' + config.subtitle : '' +- var tabTitle = is_home() || !pageTitle ? config.title + isSubtitle : pageTitle + ' | ' + config.title + +- var pageKeywords +- if (page.keywords) pageKeywords = Array.isArray(page.keywords) ? (page.keywords).join(',') : ([]).join(',') || page.keywords +- else if (page.tags && page.tags.length) pageKeywords = page.tags.data.map(function(tag) {return tag.name;}).join(',') +- else pageKeywords = Array.isArray(config.keywords) ? (config.keywords).join(','): ([]).join(',') || config.keywords +- var pageAuthor = config.email ? config.author + ',' + config.email : config.author +- var pageCopyright = config.copyright || config.author +- var themeColor = theme.display_mode === 'dark' ? '#0d0d0d' : '#ffffff' + +meta(charset='UTF-8') +meta(http-equiv="X-UA-Compatible" content="IE=edge") +meta(name="viewport" content="width=device-width,initial-scale=1") +title= tabTitle +if pageKeywords + meta(name="keywords" content=pageKeywords) +meta(name="author" content=pageAuthor) +meta(name="copyright" content=pageCopyright) +meta(name ="format-detection" content="telephone=no") +meta(name="theme-color" content=themeColor) + +if theme.disable_baidu_transformation + meta(http-equiv="Cache-Control" content="no-transform") + meta(http-equiv="Cache-Control" content="no-siteapp") + +//- Open_Graph +include ./head/Open_Graph.pug + +!=favicon_tag(theme.favicon || config.favicon) +link(rel="canonical" href=urlNoIndex()) + +//- 預解析 +!=partial('includes/head/preconnect', {}, {cache:theme.fragment_cache}) + +//- 網站驗證 +!=partial('includes/head/site_verification', {}, {cache:theme.fragment_cache}) + +//- PWA +if (theme.pwa && theme.pwa.enable) + !=partial('includes/head/pwa', {}, {cache:theme.fragment_cache}) + +//- main css +link(rel='stylesheet', href=url_for(theme.CDN.main_css)) +link(rel='stylesheet', href=url_for(theme.CDN.fontawesome)) + +if theme.fancybox + link(rel='stylesheet', href=url_for(theme.CDN.fancybox_css)) + +if (theme.snackbar && theme.snackbar.enable) + link(rel='stylesheet', href=url_for(theme.CDN.snackbar_css)) + +if theme.algolia_search.enable + link(rel='stylesheet' href=url_for(theme.CDN.algolia_search_css)) + script(src=url_for(theme.CDN.algolia_search) defer) + +//- google_adsense +!=partial('includes/head/google_adsense', {}, {cache:theme.fragment_cache}) + +//- analytics +!=partial('includes/head/analytics', {}, {cache:theme.fragment_cache}) + +//- font +if theme.blog_title_font &&　theme.blog_title_font.font_link + link(rel='stylesheet' href=url_for(theme.blog_title_font.font_link)) + +//- global config +!=partial('includes/head/config', {}, {cache:theme.fragment_cache}) + +include ./head/config_site.pug +include ./head/noscript.pug + +!=partial('includes/head/js', {}, {cache:theme.fragment_cache}) + +!=fragment_cache('injectHead', function(){return injectHtml(theme.inject.head)}) \ No newline at end of file diff --git a/themes/butterfly/layout/includes/head/Open_Graph.pug b/themes/butterfly/layout/includes/head/Open_Graph.pug new file mode 100644 index 0000000..7d5c59c --- /dev/null +++ b/themes/butterfly/layout/includes/head/Open_Graph.pug @@ -0,0 +1,11 @@ +if theme.Open_Graph_meta + - let contentType = is_post() ? 'article' : 'website' + - let metaImage = full_url_for(page.cover || theme.avatar.img) + - let fb_appId = theme.facebook_comments.app_id || '' + - let fb_admins = theme.facebook_comments.user_id || '' + + != open_graph({type: contentType, image: metaImage, fb_admins: fb_admins, fb_app_id: fb_appId}) + +else + meta(name="description" content=page_description()) + diff --git a/themes/butterfly/layout/includes/head/analytics.pug b/themes/butterfly/layout/includes/head/analytics.pug new file mode 100644 index 0000000..f4379b5 --- /dev/null +++ b/themes/butterfly/layout/includes/head/analytics.pug @@ -0,0 +1,32 @@ +if theme.baidu_analytics + script. + var _hmt = _hmt || []; + (function() { + var hm = document.createElement("script"); + hm.src = "https://hm.baidu.com/hm.js?!{theme.baidu_analytics}"; + var s = document.getElementsByTagName("script")[0]; + s.parentNode.insertBefore(hm, s); + })(); + +if theme.google_analytics + script(async src=`https://www.googletagmanager.com/gtag/js?id=${theme.google_analytics}`) + script. + window.dataLayer = window.dataLayer || []; + function gtag(){dataLayer.push(arguments);} + gtag('js', new Date()); + gtag('config', '!{theme.google_analytics}'); + +if theme.tencent_analytics + script. + var _mtac = {}; + (function() { + var mta = document.createElement("script"); + mta.src = "//pingjs.qq.com/h5/stats.js?v2.0.4"; + mta.setAttribute("name", "MTAH5"); + mta.setAttribute("sid", "!{theme.tencent_analytics}"); + var s = document.getElementsByTagName("script")[0]; + s.parentNode.insertBefore(mta, s); + })(); + +if theme.cnzz_analytics + script(async data-pjax src=`https://s4.cnzz.com/z_stat.php?id=${theme.cnzz_analytics}&web_id=${theme.cnzz_analytics}`) diff --git a/themes/butterfly/layout/includes/head/config.pug b/themes/butterfly/layout/includes/head/config.pug new file mode 100644 index 0000000..99e3001 --- /dev/null +++ b/themes/butterfly/layout/includes/head/config.pug @@ -0,0 +1,160 @@ +- + let algolia = 'undefined'; + let env = process.env; + if (theme.algolia_search.enable) { + algolia = JSON.stringify({ + appId: env.ALGOLIA_APP_ID || config.algolia.appId || config.algolia.applicationID, + apiKey: env.ALGOLIA_API_KEY || config.algolia.apiKey, + indexName: env.ALGOLIA_INDEX_NAME || config.algolia.indexName, + hits: theme.algolia_search.hits, + // search languages + languages: { + input_placeholder: _p("algolia_search.input_placeholder"), + hits_empty: _p("algolia_search.hits_empty"), + hits_stats: _p("algolia_search.hits_stats") + } + }) + } + + let localSearch = 'undefined'; + if (theme.local_search && theme.local_search.enable) { + localSearch = JSON.stringify({ + path: config.search.path, + languages: { + // search languages + hits_empty: _p("local_search.hits_empty") + } + }) + } + + let translate = 'undefined'; + if (theme.translate && theme.translate.enable){ + translate = JSON.stringify({ + defaultEncoding: theme.translate.defaultEncoding, + translateDelay: theme.translate.translateDelay, + msgToTraditionalChinese: theme.translate.msgToTraditionalChinese, + msgToSimplifiedChinese: theme.translate.msgToSimplifiedChinese + }) + } + + let copyright = 'undefined'; + if (theme.copy.enable && theme.copy.copyright.enable){ + copyright = JSON.stringify({ + limitCount: theme.copy.copyright.limit_count, + languages: { + author: _p("copy_copyright.author") + ': ' + config.author, + link: _p("copy_copyright.link") + ': ', + source: _p("copy_copyright.source") + ': ' + config.title, + info: _p("copy_copyright.info") + } + }) + } + + let ClickShowText = 'undefined'; + if (theme.ClickShowText && theme.ClickShowText.enable) { + ClickShowText = JSON.stringify({ + text: theme.ClickShowText.text.join(","), + fontSize: theme.ClickShowText.fontSize + }) + } + + let Snackbar = 'undefined'; + if (theme.snackbar && theme.snackbar.enable) { + Snackbar = JSON.stringify({ + chs_to_cht: _p("Snackbar.chs_to_cht"), + cht_to_chs: _p("Snackbar.cht_to_chs"), + day_to_night: _p("Snackbar.day_to_night"), + night_to_day: _p("Snackbar.night_to_day"), + bgLight: theme.snackbar.bg_light, + bgDark: theme.snackbar.bg_dark, + position: theme.snackbar.position, + }) + } + + let noticeOutdate = 'undefined'; + if (theme.noticeOutdate && theme.noticeOutdate.enable) { + noticeOutdate = JSON.stringify({ + limitDay: theme.noticeOutdate.limit_day, + position: theme.noticeOutdate.position, + messagePrev: theme.noticeOutdate.message_prev, + messageNext: theme.noticeOutdate.message_next, + }) + } + + let highlight = 'undefined'; + if ((config.highlight && config.highlight.enable) || (config.prismjs && config.prismjs.enable)) { + highlight = JSON.stringify({ + plugin: config.highlight.enable ? 'highlighjs' : 'prismjs', + highlightCopy: theme.highlight_copy, + highlightLang: theme.highlight_lang + }) + } + +script. + var GLOBAL_CONFIG = { + root: '!{config.root}', + algolia: !{algolia}, + localSearch: !{localSearch}, + translate: !{translate}, + noticeOutdate: !{noticeOutdate}, + highlight: !{highlight}, + copy: { + success: '!{_p("copy.success")}', + error: '!{_p("copy.error")}', + noSupport: '!{_p("copy.noSupport")}' + }, + relativeDate: { + homepage: !{theme.post_meta.page.date_format === 'relative'}, + post: !{theme.post_meta.post.date_format === 'relative'} + }, + runtime: '!{theme.runtimeshow.enable ? _p("aside.card_webinfo.runtime.unit") : ""}', + date_suffix: { + just: '!{_p("date_suffix.just")}', + min: '!{_p("date_suffix.min")}', + hour: '!{_p("date_suffix.hour")}', + day: '!{_p("date_suffix.day")}', + month: '!{_p("date_suffix.month")}' + }, + copyright: !{copyright}, + ClickShowText: !{ClickShowText}, + lightbox: '!{ theme.medium_zoom ? "mediumZoom" : (theme.fancybox ? "fancybox" : "null" )}', + Snackbar: !{Snackbar}, + justifiedGallery: { + js: '!{theme.CDN.justifiedGallery_js}', + css: '!{theme.CDN.justifiedGallery_css}' + }, + isPhotoFigcaption: !{theme.photofigcaption}, + islazyload: !{theme.lazyload.enable}, + isanchor: !{theme.anchor} + }; + + var saveToLocal = { + set: function setWithExpiry(key, value, ttl) { + const now = new Date() + const expiryDay = ttl * 86400000 + const item = { + value: value, + expiry: now.getTime() + expiryDay, + } + localStorage.setItem(key, JSON.stringify(item)) + }, + + get: function getWithExpiry(key) { + const itemStr = localStorage.getItem(key) + + if (!itemStr) { + return undefined + } + const item = JSON.parse(itemStr) + const now = new Date() + + if (now.getTime() > item.expiry) { + localStorage.removeItem(key) + return undefined + } + return item.value + } + } + + + diff --git a/themes/butterfly/layout/includes/head/config_site.pug b/themes/butterfly/layout/includes/head/config_site.pug new file mode 100644 index 0000000..19eb732 --- /dev/null +++ b/themes/butterfly/layout/includes/head/config_site.pug @@ -0,0 +1,19 @@ +- + let isHighlightShrink + if (theme.highlight_shrink == 'none') isHighlightShrink = 'undefined' + else if (page.highlight_shrink === true || page.highlight_shrink === false) isHighlightShrink = page.highlight_shrink + else isHighlightShrink = theme.highlight_shrink + + const pageToc = page.toc === true || page.toc === false ? page.toc : theme.toc.enable + const showToc = is_post() && theme.aside.enable && pageToc && (toc(page.content) !== '' || page.encrypt == true ) +- + +script#config_change + . + var GLOBAL_CONFIG_SITE = { + isPost: !{is_post()}, + isHome: !{is_home()}, + isHighlightShrink: !{isHighlightShrink}, + isToc: !{showToc}, + postUpdate: '!{full_date(page.updated)}' + } diff --git a/themes/butterfly/layout/includes/head/google_adsense.pug b/themes/butterfly/layout/includes/head/google_adsense.pug new file mode 100644 index 0000000..3ef1af9 --- /dev/null +++ b/themes/butterfly/layout/includes/head/google_adsense.pug @@ -0,0 +1,9 @@ +if (theme.google_adsense && theme.google_adsense.enable) + script(async src=theme.google_adsense.js) + + if theme.google_adsense.auto_ads + script. + (adsbygoogle = window.adsbygoogle || []).push({ + google_ad_client: '!{theme.google_adsense.client}', + enable_page_level_ads: '!{theme.google_adsense.enable_page_level_ads}' + }); \ No newline at end of file diff --git a/themes/butterfly/layout/includes/head/js.pug b/themes/butterfly/layout/includes/head/js.pug new file mode 100644 index 0000000..058b80a --- /dev/null +++ b/themes/butterfly/layout/includes/head/js.pug @@ -0,0 +1,65 @@ +script + | (function () { + + if theme.darkmode.enable + | window.activateDarkMode = function () { + | document.documentElement.setAttribute('data-theme', 'dark') + | if (document.querySelector('meta[name="theme-color"]') !== null) { + | document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0d0d0d') + | } + | } + | window.activateLightMode = function () { + | document.documentElement.setAttribute('data-theme', 'light') + | if (document.querySelector('meta[name="theme-color"]') !== null) { + | document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff') + | } + | } + + | const autoChangeMode = '#{theme.darkmode.autoChangeMode}' + | const t = saveToLocal.get('theme') + | if (autoChangeMode === '1') { + | const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches + | const isLightMode = window.matchMedia('(prefers-color-scheme: light)').matches + | const isNotSpecified = window.matchMedia('(prefers-color-scheme: no-preference)').matches + | const hasNoSupport = !isDarkMode && !isLightMode && !isNotSpecified + + | if (t === undefined) { + | if (isLightMode) activateLightMode() + | else if (isDarkMode) activateDarkMode() + | else if (isNotSpecified || hasNoSupport) { + | const now = new Date() + | const hour = now.getHours() + | const isNight = hour <= 6 || hour >= 18 + | isNight ? activateDarkMode() : activateLightMode() + | } + | window.matchMedia('(prefers-color-scheme: dark)').addListener(function (e) { + | if (saveToLocal.get('theme') === undefined) { + | e.matches ? activateDarkMode() : activateLightMode() + | } + | }) + | } else if (t === 'light') activateLightMode() + | else activateDarkMode() + | } else if (autoChangeMode === '2') { + | const now = new Date() + | const hour = now.getHours() + | const isNight = hour <= 6 || hour >= 18 + | if (t === undefined) isNight ? activateDarkMode() : activateLightMode() + | else if (t === 'light') activateLightMode() + | else activateDarkMode() + | } else { + | if (t === 'dark') activateDarkMode() + | else if (t === 'light') activateLightMode() + | } + + if theme.aside.enable && theme.aside.button + | const asideStatus = saveToLocal.get('aside-status') + | if (asideStatus !== undefined) { + | if (asideStatus === 'hide') { + | document.documentElement.classList.add('hide-aside') + | } else { + | document.documentElement.classList.remove('hide-aside') + | } + | } + + | })() + diff --git a/themes/butterfly/layout/includes/head/noscript.pug b/themes/butterfly/layout/includes/head/noscript.pug new file mode 100644 index 0000000..cc3befa --- /dev/null +++ b/themes/butterfly/layout/includes/head/noscript.pug @@ -0,0 +1,14 @@ +noscript. + \ No newline at end of file diff --git a/themes/butterfly/layout/includes/head/preconnect.pug b/themes/butterfly/layout/includes/head/preconnect.pug new file mode 100644 index 0000000..3d7b9e9 --- /dev/null +++ b/themes/butterfly/layout/includes/head/preconnect.pug @@ -0,0 +1,22 @@ +link(rel="preconnect" href="//cdn.jsdelivr.net") + +if theme.google_analytics + link(rel="preconnect" href="//www.google-analytics.com" crossorigin) + +if theme.baidu_analytics + link(rel="preconnect" href="//hm.baidu.com") + +if theme.tencent_analytics + link(rel="preconnect" href="//pingjs.qq.com") + +if theme.cnzz_analytics + link(rel="preconnect" href="//s4.cnzz.com") + +if theme.blog_title_font && theme.blog_title_font.font_link && theme.blog_title_font.font_link.indexOf('//fonts.googleapis.com') != -1 + link(rel="preconnect" href="//fonts.googleapis.com" crossorigin) + +if theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv + link(rel="preconnect" href="//busuanzi.ibruce.info") + +if theme.baidu_push + link(rel="preconnect" href="//zz.bdstatic.com") diff --git a/themes/butterfly/layout/includes/head/pwa.pug b/themes/butterfly/layout/includes/head/pwa.pug new file mode 100644 index 0000000..e9152f2 --- /dev/null +++ b/themes/butterfly/layout/includes/head/pwa.pug @@ -0,0 +1,11 @@ +link(rel="manifest" href=url_for(theme.pwa.manifest)) +if(theme.pwa.theme_color) + meta(name="msapplication-TileColor" content=theme.pwa.theme_color) +if(theme.pwa.apple_touch_icon) + link(rel="apple-touch-icon" sizes="180x180" href=url_for(theme.pwa.apple_touch_icon)) +if(theme.pwa.favicon_32_32) + link(rel="icon" type="image/png" sizes="32x32" href=url_for(theme.pwa.favicon_32_32)) +if(theme.pwa.favicon_16_16) + link(rel="icon" type="image/png" sizes="16x16" href=url_for(theme.pwa.favicon_16_16)) +if(theme.pwa.mask_icon) + link(rel="mask-icon" href=url_for(theme.pwa.mask_icon) color="#5bbad5") diff --git a/themes/butterfly/layout/includes/head/site_verification.pug b/themes/butterfly/layout/includes/head/site_verification.pug new file mode 100644 index 0000000..cae5742 --- /dev/null +++ b/themes/butterfly/layout/includes/head/site_verification.pug @@ -0,0 +1,14 @@ +if theme.google_site_verification + meta(name="google-site-verification" content=theme.google_site_verification) + +if theme.bing_site_verification + meta(name="msvalidate.01" content=theme.bing_site_verification) + +if theme.baidu_site_verification + meta(name="baidu-site-verification" content=theme.baidu_site_verification) + +if theme.qihu_site_verification + meta(name="360-site-verification" content=theme.qihu_site_verification) + +if theme.yandex_site_verification + meta(name="yandex-verification" content=theme.yandex_site_verification) \ No newline at end of file diff --git a/themes/butterfly/layout/includes/header/index.pug b/themes/butterfly/layout/includes/header/index.pug new file mode 100644 index 0000000..4fe2e2c --- /dev/null +++ b/themes/butterfly/layout/includes/header/index.pug @@ -0,0 +1,48 @@ +if page.top_img !== false + if is_post() + - var top_img = page.top_img || page.cover || page.randomcover || theme.default_top_img + else if is_page() + - var top_img = page.top_img || theme.default_top_img + else if is_tag() + - var top_img = theme.tag_per_img && theme.tag_per_img[page.tag] + - top_img = top_img ? top_img : (theme.tag_img !== false ? theme.tag_img || theme.default_top_img : false) + else if is_category() + - var top_img = theme.category_per_img && theme.category_per_img[page.category] + - top_img = top_img ? top_img : (theme.category_img !== false ? theme.category_img || theme.default_top_img : false) + else if is_home() + - var top_img = theme.index_img !== false ? theme.index_img || theme.default_top_img : false + else if is_archive() + - var top_img = theme.archive_img !== false ? theme.archive_img || theme.default_top_img : false + else + - var top_img = page.top_img || theme.default_top_img + + if top_img !== false + - var imgSource = top_img && top_img.indexOf('/') !== -1 ? `background-image: url(${url_for(top_img)})` : `background: ${top_img}` + - var bg_img = top_img ? imgSource : '' + - var site_title = is_archive() ? _p('page.archives') : page.title || page.tag || page.category || config.title + - var isHomeClass = is_home() ? 'full_page' : 'not-index-bg' + - is_post() ? isHomeClass = 'post-bg' : isHomeClass + else + - var isHomeClass = 'no-top-img' +else + - var top_img = false + - var isHomeClass = 'no-top-img' + +header#page-header(class=isHomeClass style=bg_img) + !=partial('includes/header/nav', {}, {cache:theme.fragment_cache}) + if top_img !== false + if is_post() + include ./post-info.pug + else if is_home() + #site-info + h1#site-title=site_title + #site-subtitle + span#subtitle + if(theme.social) + #site_social_icons + !=fragment_cache('social', function(){return partial('includes/header/social')}) + #scroll-down + i.fas.fa-angle-down.scroll-down-effects + else + #page-site-info + h1#site-title=site_title diff --git a/themes/butterfly/layout/includes/header/menu_item.pug b/themes/butterfly/layout/includes/header/menu_item.pug new file mode 100644 index 0000000..7feff6b --- /dev/null +++ b/themes/butterfly/layout/includes/header/menu_item.pug @@ -0,0 +1,26 @@ +if theme.menu + //- for mobile sidebar + - let sidebarChildHide = theme.hide_sidebar_menu_child ? 'hide' : '' + + .menus_items + each value, label in theme.menu + if !Array.isArray(value) + .menus_item + a.site-page(href=url_for(trim(value.split('||')[0]))) + if value.split('||')[1] + i.fa-fw(class=trim(value.split('||')[1])) + span=' '+label + else + .menus_item + a.site-page(href='javascript:void(0);') + if label.split('||')[1] + i.fa-fw(class=trim(label.split('||')[1])) + span=' '+ trim(label.split('||')[0]) + i.fas.fa-chevron-down.expand(class=sidebarChildHide) + ul.menus_item_child + each i in value + li + a.site-page(href=url_for(trim(i.split('||')[1]))) + if i.split('||')[2] + i.fa-fw(class=trim(i.split('||')[2])) + span=' '+trim(i.split('||')[0]) \ No newline at end of file diff --git a/themes/butterfly/layout/includes/header/nav.pug b/themes/butterfly/layout/includes/header/nav.pug new file mode 100644 index 0000000..332adf6 --- /dev/null +++ b/themes/butterfly/layout/includes/header/nav.pug @@ -0,0 +1,17 @@ +nav#nav + span#blog_name + a#site-name(href=url_for('/')) #[=config.title] + + span#menus + if (theme.algolia_search.enable || theme.local_search.enable) + #search_button + a.site-page.social-icon.search + i.fas.fa-search.fa-fw + span=' '+_p('search') + !=fragment_cache('menus', function(){return partial('includes/header/menu_item')}) + + span#toggle-menu.close + a.site-page + i.fas.fa-bars.fa-fw + + diff --git a/themes/butterfly/layout/includes/header/post-info.pug b/themes/butterfly/layout/includes/header/post-info.pug new file mode 100644 index 0000000..2d94928 --- /dev/null +++ b/themes/butterfly/layout/includes/header/post-info.pug @@ -0,0 +1,82 @@ +#post-info + h1.post-title= page.title || _p('no_title') + + #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 data_info = data_type_update ? _p('post.updated') : _p('post.created') + i.fa-fw.post-meta-icon(class=date_icon) + span.post-meta-label= data_info + 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') + + if theme.busuanzi.page_pv + span.post-meta-separator | + span.post-meta-pv-cv + i.far.fa-eye.fa-fw.post-meta-icon + span.post-meta-label=_p('post.page_pv') + ':' + span#busuanzi_value_page_pv + + if !theme.comments.lazyload && page.comments !== false && theme.comments.use && theme.comments.count + - var whichCount = theme.comments.use[0] + if whichCount !== 'Livere' && whichCount !== 'Utterances' + span.post-meta-separator | + span.post-meta-commentcount + if whichCount === 'Disqus' || whichCount === 'Disqusjs' + i.far.fa-comments.fa-fw.post-meta-icon + span.post-meta-label= _p('post.comments') + ':' + span.disqus-comment-count.comment-count + a(href=full_url_for(page.path) + '#disqus_thread') + else if whichCount === 'Valine' + i.far.fa-comments.fa-fw.post-meta-icon + span.post-meta-label= _p('post.comments') + ':' + a(href=url_for(page.path) + '#post-comment' itemprop="discussionUrl") + span.valine-comment-count.comment-count(data-xid=url_for(page.path) itemprop="commentCount") + else if whichCount === 'Gitalk' + i.far.fa-comments.fa-fw.post-meta-icon + span.post-meta-label= _p('post.comments') + ':' + a(href=url_for(page.path) + '#post-comment') + span.gitalk-comment-count.comment-count + else if whichCount === 'Facebook Comments' + i.far.fa-comments.fa-fw.post-meta-icon + span.post-meta-label= _p('post.comments') + ':' + a.comment-count(href=url_for(page.path) + '#post-comment') + span.fb-comments-count(data-href=urlNoIndex()) \ No newline at end of file diff --git a/themes/butterfly/layout/includes/header/social.pug b/themes/butterfly/layout/includes/header/social.pug new file mode 100644 index 0000000..80adfe9 --- /dev/null +++ b/themes/butterfly/layout/includes/header/social.pug @@ -0,0 +1,4 @@ +each url, icon in theme.social + a.social-icon(href=url_for(trim(url.split('||')[0])) target="_blank" + title=url.split('||')[1] === undefined ? '' : trim(url.split('||')[1])) + i(class=icon) \ No newline at end of file diff --git a/themes/butterfly/layout/includes/layout.pug b/themes/butterfly/layout/includes/layout.pug new file mode 100644 index 0000000..e3a5b8c --- /dev/null +++ b/themes/butterfly/layout/includes/layout.pug @@ -0,0 +1,42 @@ +- var htmlClassHideAside = theme.aside.enable && theme.aside.hide ? 'hide-aside' : '' +- var hideAside = !theme.aside.enable || page.aside === false ? 'hide-aside' : '' + +doctype html +html(lang=config.language data-theme=theme.display_mode class=htmlClassHideAside) + head + include ./head.pug + body + if theme.preloader + !=partial('includes/loading/loading', {}, {cache:theme.fragment_cache}) + + if theme.background + #web_bg + + !=partial('includes/sidebar', {}, {cache:theme.fragment_cache}) + + #body-wrap + include ./header/index.pug + + main#content-inner.layout(class=hideAside) + if body + div!= body + else + block content + if theme.aside.enable && page.aside !== false + include widget/index.pug + + - var footerBg = theme.footer_bg + if (footerBg) + if (footerBg === true) + - var footer_bg = bg_img + else + - var footer_bg = theme.footer_bg.indexOf('/') !== -1 ? `background-image: url(${url_for(footerBg)})` : `background: ${footerBg}` + else + - var footer_bg = '' + + footer#footer(style=footer_bg) + !=partial('includes/footer', {}, {cache:theme.fragment_cache}) + + include ./rightside.pug + !=partial('includes/third-party/search/index', {}, {cache:theme.fragment_cache}) + include ./additional-js.pug \ No newline at end of file diff --git a/themes/butterfly/layout/includes/loading/loading-js.pug b/themes/butterfly/layout/includes/loading/loading-js.pug new file mode 100644 index 0000000..6bf7f2d --- /dev/null +++ b/themes/butterfly/layout/includes/loading/loading-js.pug @@ -0,0 +1,13 @@ +script. + var preloader = { + endLoading: () => { + document.body.style.overflow = 'auto'; + document.getElementById('loading-box').classList.add("loaded") + }, + initLoading: () => { + document.body.style.overflow = ''; + document.getElementById('loading-box').classList.remove("loaded") + + } + } + window.addEventListener('load',()=> {preloader.endLoading()}) \ No newline at end of file diff --git a/themes/butterfly/layout/includes/loading/loading.pug b/themes/butterfly/layout/includes/loading/loading.pug new file mode 100644 index 0000000..2e4b65f --- /dev/null +++ b/themes/butterfly/layout/includes/loading/loading.pug @@ -0,0 +1,9 @@ +#loading-box + .loading-left-bg + .loading-right-bg + .spinner-box + .configure-border-1 + .configure-core + .configure-border-2 + .configure-core + .loading-word= _p('loading') diff --git a/themes/butterfly/layout/includes/mixins/article-sort.pug b/themes/butterfly/layout/includes/mixins/article-sort.pug new file mode 100644 index 0000000..c2f1b5e --- /dev/null +++ b/themes/butterfly/layout/includes/mixins/article-sort.pug @@ -0,0 +1,23 @@ +mixin articleSort(posts) + .article-sort + - var year + - posts.each(function (article) { + - let tempYear = date(article.date, 'YYYY') + - let no_cover = article.cover === false || !theme.cover.archives_enable ? 'no-article-cover' : '' + - let title = article.title || _p('no_title') + if tempYear !== year + - year = tempYear + .article-sort-item.year= year + .article-sort-item(class=no_cover) + if article.cover && theme.cover.archives_enable + a.article-sort-item-img(href=url_for(article.path) title=title) + if theme.lazyload.enable + img(data-lazy-src=url_for(article.cover) alt=title onerror=`this.onerror=null;this.src='${url_for(theme.error_img.post_page)}'`) + else + img(src=url_for(article.cover) alt=title onerror=`this.onerror=null;this.src='${url_for(theme.error_img.post_page)}'`) + .article-sort-item-info + .article-sort-item-time + i.far.fa-calendar-alt + time.post-meta-date-created(datetime=date_xml(article.date) title=_p('post.created') + ' ' + full_date(article.date))= date(article.date, config.date_format) + a.article-sort-item-title(href=url_for(article.path) title=title)= title + - }) \ No newline at end of file diff --git a/themes/butterfly/layout/includes/mixins/post-ui.pug b/themes/butterfly/layout/includes/mixins/post-ui.pug new file mode 100644 index 0000000..7748b8e --- /dev/null +++ b/themes/butterfly/layout/includes/mixins/post-ui.pug @@ -0,0 +1,81 @@ +mixin postUI(posts) + each article , index in page.posts.data + .recent-post-item + - let link = article.link || article.path + - let title = article.title || _p('no_title') + - let leftOrRight = index%2 == 0 ? 'left_radius' : 'right_radius' + - let post_cover = article.cover + - let no_cover = article.cover === false || !theme.cover.index_enable ? 'no-cover' : '' + if post_cover && theme.cover.index_enable + .post_cover(class=leftOrRight) + a(href=url_for(link) title=title) + if theme.lazyload.enable + img.post_bg(data-lazy-src=url_for(post_cover) onerror=`this.onerror=null;this.src='`+ url_for(theme.error_img.post_page) + `'` alt=title) + else + img.post_bg(src=url_for(post_cover) onerror=`this.onerror=null;this.src='`+ url_for(theme.error_img.post_page) + `'` alt=title) + .recent-post-info(class=no_cover) + a.article-title(href=url_for(link) title=title)= title + .article-meta-wrap + if (is_home() && (article.top || article.sticky > 0)) + span.article-meta + i.fas.fa-thumbtack.article-meta__icon.sticky + span.sticky= _p('sticky') + span.article-meta__separator | + if (theme.post_meta.page.date_type) + span.post-meta-date + if (theme.post_meta.page.date_type === 'both') + i.far.fa-calendar-alt + span.article-meta-label=_p('post.created') + time.post-meta-date-created(datetime=date_xml(article.date) title=_p('post.created') + ' ' + full_date(article.date))=date(article.date, config.date_format) + span.article-meta__separator | + i.fas.fa-history + span.article-meta-label=_p('post.updated') + time.post-meta-date-updated(datetime=date_xml(article.updated) title=_p('post.updated') + ' ' + full_date(article.updated))=date(article.updated, config.date_format) + else + - let data_type_updated = theme.post_meta.page.date_type === 'updated' + - let date_type = data_type_updated ? 'updated' : 'date' + - let date_icon = data_type_updated ? 'fas fa-history' :'far fa-calendar-alt' + - let date_title = data_type_updated ? _p('post.updated') : _p('post.created') + i(class=date_icon) + span.article-meta-label=date_title + time(datetime=date_xml(article[date_type]) title=date_title + ' ' + full_date(article[date_type]))=date(article[date_type], config.date_format) + if (theme.post_meta.page.categories && article.categories.data.length > 0) + span.article-meta + span.article-meta__separator | + i.fas.fa-inbox.article-meta__icon + each item, index in article.categories.data + a(href=url_for(item.path)).article-meta__categories #[=item.name] + if (index < article.categories.data.length - 1) + i.fas.fa-angle-right + if (theme.post_meta.page.tags && article.tags.data.length > 0) + span.article-meta.tags + span.article-meta__separator | + i.fas.fa-tag.article-meta__icon + each item, index in article.tags.data + a(href=url_for(item.path)).article-meta__tags #[=item.name] + if (index < article.tags.data.length - 1) + span.article-meta__link #[='•'] + + //- Display the article introduction on homepage + case theme.index_post_content.method + when false + - break + when 1 + .content!= article.description + when 2 + if article.description + .content!= article.description + else + - const content = strip_html(article.content) + - let expert = content.substring(0, theme.index_post_content.length) + - content.length > theme.index_post_content.length ? expert += ' ...' : '' + .content!= expert + default + - const content = strip_html(article.content) + - let expert = content.substring(0, theme.index_post_content.length) + - content.length > theme.index_post_content.length ? expert += ' ...' : '' + .content!= expert + + if theme.ad && theme.ad.index + if (index + 1) % 3 == 0 + .recent-post-item.ad-height!=theme.ad.index diff --git a/themes/butterfly/layout/includes/page/artitalk.pug b/themes/butterfly/layout/includes/page/artitalk.pug new file mode 100644 index 0000000..c5128bb --- /dev/null +++ b/themes/butterfly/layout/includes/page/artitalk.pug @@ -0,0 +1,4 @@ +if top_img === false + h1.page-title= page.title + +#artitalk_main \ No newline at end of file diff --git a/themes/butterfly/layout/includes/page/categories.pug b/themes/butterfly/layout/includes/page/categories.pug new file mode 100644 index 0000000..dbdc980 --- /dev/null +++ b/themes/butterfly/layout/includes/page/categories.pug @@ -0,0 +1,5 @@ +.category-lists + .category-title.is-center= _p('page.category') + | - + span.category-amount= site.categories.length + div!= list_categories() \ No newline at end of file diff --git a/themes/butterfly/layout/includes/page/default-page.pug b/themes/butterfly/layout/includes/page/default-page.pug new file mode 100644 index 0000000..2d9cdda --- /dev/null +++ b/themes/butterfly/layout/includes/page/default-page.pug @@ -0,0 +1,4 @@ +#article-container + if top_img === false + h1.page-title= page.title + != page.content \ No newline at end of file diff --git a/themes/butterfly/layout/includes/page/flink.pug b/themes/butterfly/layout/includes/page/flink.pug new file mode 100644 index 0000000..48bcf32 --- /dev/null +++ b/themes/butterfly/layout/includes/page/flink.pug @@ -0,0 +1,19 @@ +.flink#article-container + if site.data.link + each i in site.data.link + if i.class_name + h2!= i.class_name + if i.class_desc + .flink-desc!=i.class_desc + .flink-list + each item in i.link_list + .flink-list-item + a(href=url_for(item.link) title=item.name target="_blank") + if theme.lazyload.enable + img(data-lazy-src=url_for(item.avatar) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt=item.name ) + else + img(src=url_for(item.avatar) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt=item.name ) + span.flink-item-name= item.name + span.flink-item-desc(title=item.descr)= item.descr + != page.content + diff --git a/themes/butterfly/layout/includes/page/tags.pug b/themes/butterfly/layout/includes/page/tags.pug new file mode 100644 index 0000000..4d57e43 --- /dev/null +++ b/themes/butterfly/layout/includes/page/tags.pug @@ -0,0 +1,5 @@ +.tag-cloud-title.is-center= _p('page.tag') + | - + span.tag-cloud-amount= site.tags.length +.tag-cloud-list.is-center + !=cloudTags({source: site.tags, minfontsize: 1.2, maxfontsize: 2.1, limit: 0, unit: 'em'}) \ No newline at end of file diff --git a/themes/butterfly/layout/includes/pagination.pug b/themes/butterfly/layout/includes/pagination.pug new file mode 100644 index 0000000..ab09c1a --- /dev/null +++ b/themes/butterfly/layout/includes/pagination.pug @@ -0,0 +1,39 @@ +- + var options = { + prev_text: '', + next_text: '', + mid_size: 1, + escape: false + } + +if(!is_post()) + nav#pagination + div.pagination + !=paginator(options) +else + nav#pagination.pagination-post + if(page.prev) + - var hasPageNext = page.next ? 'pull-left' : 'pull-full' + .prev-post(class=hasPageNext) + - var pagination_cover = page.prev.cover === false ? page.prev.randomcover : page.prev.cover + a(href=url_for(page.prev.path)) + if theme.lazyload.enable + img.prev-cover(data-lazy-src=url_for(pagination_cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'` ) + else + img.prev-cover(src=url_for(pagination_cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'` ) + .pagination-info + .label=_p('pagination.prev') + .prev_info=page.prev.title + + if(page.next) + - var hasPagePrev = page.prev ? 'pull-right' : 'pull-full' + - var pagination_cover = page.next.cover == false ? page.next.randomcover : page.next.cover + .next-post(class=hasPagePrev) + a(href=url_for(page.next.path)) + if theme.lazyload.enable + img.next-cover(data-lazy-src=url_for(pagination_cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'`) + else + img.next-cover(src=url_for(pagination_cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'`) + .pagination-info + .label=_p('pagination.next') + .next_info=page.next.title \ No newline at end of file diff --git a/themes/butterfly/layout/includes/post/post-copyright.pug b/themes/butterfly/layout/includes/post/post-copyright.pug new file mode 100644 index 0000000..dfa346d --- /dev/null +++ b/themes/butterfly/layout/includes/post/post-copyright.pug @@ -0,0 +1,17 @@ +if theme.post_copyright.enable && page.copyright !== false + - let author = page.copyright_author ? page.copyright_author : config.author + - let authorHref = page.copyright_author_href ? page.copyright_author_href : `mailto:${config.email}` + - let url = page.copyright_url ? page.copyright_url : page.permalink + - let info = page.copyright_info ? page.copyright_info : _p('post.copyright.copyright_content', theme.post_copyright.license_url, theme.post_copyright.license, config.url, config.title) + .post-copyright + .post-copyright__author + span.post-copyright-meta= _p('post.copyright.author') + ": " + span.post-copyright-info + a(href=authorHref)=author + .post-copyright__type + span.post-copyright-meta= _p('post.copyright.link') + ": " + span.post-copyright-info + a(href=url_for(url))= theme.post_copyright.decode ? decodeURI(url) : url + .post-copyright__notice + span.post-copyright-meta= _p('post.copyright.copyright_notice') + ": " + span.post-copyright-info!= info diff --git a/themes/butterfly/layout/includes/post/reward.pug b/themes/butterfly/layout/includes/post/reward.pug new file mode 100644 index 0000000..1bf9381 --- /dev/null +++ b/themes/butterfly/layout/includes/post/reward.pug @@ -0,0 +1,16 @@ +.post-reward + .reward-button + i.fas.fa-qrcode + = ' ' + _p('donate') + .reward-main + ul.reward-all + each item in theme.reward.QR_code + - var clickTo = (item.itemlist||item).link ? (item.itemlist||item).link : (item.itemlist||item).img + li.reward-item + a(href=clickTo target='_blank') + if theme.lazyload.enable + img.post-qr-code-img(data-lazy-src=url_for((item.itemlist||item).img) alt=(item.itemlist||item).text) + else + img.post-qr-code-img(src=url_for((item.itemlist||item).img) alt=(item.itemlist||item).text) + .post-qr-code-desc=(item.itemlist||item).text + diff --git a/themes/butterfly/layout/includes/rightside.pug b/themes/butterfly/layout/includes/rightside.pug new file mode 100644 index 0000000..9a9e491 --- /dev/null +++ b/themes/butterfly/layout/includes/rightside.pug @@ -0,0 +1,33 @@ +#rightside + #rightside-config-hide + if is_post() && theme.readmode + button#readmode(type="button" title=_p('rightside.readmode_title')) + i.fas.fa-book-open + if theme.translate.enable + button#translateLink(type="button" title=_p('rightside.translate_title'))= theme.translate.default + if theme.darkmode.enable && theme.darkmode.button + button#darkmode(type="button" title=_p('rightside.night_mode_title')) + i.fas.fa-adjust + if theme.aside.enable && theme.aside.button && page.aside !== false + button#hide-aside-btn(type="button") + i.fas.fa-arrows-alt-h + #rightside-config-show + if is_post() + if (theme.readmode || theme.translate.enable || (theme.darkmode.enable && theme.darkmode.button)) + button#rightside_config(type="button" title=_p("rightside.setting")) + i.fas.fa-cog + if showToc && theme.aside.mobile + button#mobile-toc-button.close(type="button" title=_p("rightside.toc")) + i.fas.fa-list-ul + else if theme.translate.enable || (theme.darkmode.enable && theme.darkmode.button) + button#rightside_config(type="button" title=_p("rightside.setting")) + i.fas.fa-cog + + if theme.chat_btn + button#chat_btn(type="button" title=_p("rightside.chat_btn")) + i.fas.fa-sms + if commentsJsLoad + a#to_comment(href="#post-comment" title=_p("rightside.scroll_to_comment")) + i.fas.fa-comments + button#go-up(type="button" title=_p("rightside.back_to_top")) + i.fas.fa-arrow-up \ No newline at end of file diff --git a/themes/butterfly/layout/includes/sidebar.pug b/themes/butterfly/layout/includes/sidebar.pug new file mode 100644 index 0000000..43c0b2c --- /dev/null +++ b/themes/butterfly/layout/includes/sidebar.pug @@ -0,0 +1,31 @@ +#sidebar + #menu-mask + #sidebar-menus + .author-avatar + if theme.lazyload.enable + img.avatar-img(data-lazy-src=url_for(theme.avatar.img) onerror=`onerror=null;src='${theme.error_img.flink}'` alt="avatar") + else + img.avatar-img(src=url_for(theme.avatar.img) onerror=`onerror=null;src='${theme.error_img.flink}'` alt="avatar") + .site-data + if site.posts.length + .data-item.is-center + .data-item-link + a(href=url_for(config.archive_dir) + '/') + .headline= _p('aside.articles') + .length-num= site.posts.length + + if site.tags.length + .data-item.is-center + .data-item-link + a(href=url_for(config.tag_dir) + '/' ) + .headline= _p('aside.tags') + .length-num= site.tags.length + + if site.categories.length + .data-item.is-center + .data-item-link + a(href=url_for(config.category_dir) + '/') + .headline= _p('aside.categories') + .length-num= site.categories.length + hr + !=fragment_cache('menus', function(){return partial('includes/header/menu_item')}) diff --git a/themes/butterfly/layout/includes/third-party/aplayer.pug b/themes/butterfly/layout/includes/third-party/aplayer.pug new file mode 100644 index 0000000..c7aa010 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/aplayer.pug @@ -0,0 +1,3 @@ +link(rel='stylesheet' href=url_for(theme.CDN.aplayer_css)) +script(src=url_for(theme.CDN.aplayer_js)) +script(src=url_for(theme.CDN.meting_js)) \ No newline at end of file diff --git a/themes/butterfly/layout/includes/third-party/artitalk.pug b/themes/butterfly/layout/includes/third-party/artitalk.pug new file mode 100644 index 0000000..40490fb --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/artitalk.pug @@ -0,0 +1,24 @@ +- let option = theme.artitalk.option ? JSON.stringify(theme.artitalk.option) : false + +script. + (()=>{ + let setting = { + appId: '!{theme.artitalk.appId}', + appKey: '!{theme.artitalk.appKey}', + } + + if (!{Boolean(option)}) { + const otherSetting = !{option} + setting = Object.assign({}, setting, otherSetting) + } + + const init = () => { + new Artitalk(setting) + } + + if (typeof Artitalk === 'function') { + init() + } else { + $.getScript('!{theme.CDN.artitalk}',init) + } + })() \ No newline at end of file diff --git a/themes/butterfly/layout/includes/third-party/baidu_push.pug b/themes/butterfly/layout/includes/third-party/baidu_push.pug new file mode 100644 index 0000000..13faf11 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/baidu_push.pug @@ -0,0 +1,15 @@ +if theme.baidu_push + script. + (function(){ + const bp = document.createElement('script'); + const curProtocol = window.location.protocol.split(':')[0]; + if (curProtocol === 'https'){ + bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; + } + else{ + bp.src = 'http://push.zhanzhang.baidu.com/push.js'; + } + bp.dataset.pjax = '' + const s = document.getElementsByTagName("script")[0]; + s.parentNode.insertBefore(bp, s); + })() \ No newline at end of file diff --git a/themes/butterfly/layout/includes/third-party/chat/chatra.pug b/themes/butterfly/layout/includes/third-party/chat/chatra.pug new file mode 100644 index 0000000..b6c1201 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/chat/chatra.pug @@ -0,0 +1,33 @@ +//- https://chatra.io/help/api/ +script. + (function(d, w, c) { + w.ChatraID = '#{theme.chatra.id}'; + var s = d.createElement('script'); + w[c] = w[c] || function() { + (w[c].q = w[c].q || []).push(arguments); + }; + s.async = true; + s.src = 'https://call.chatra.io/chatra.js'; + if (d.head) d.head.appendChild(s); + })(document, window, 'Chatra'); + + if (!{theme.chat_btn}) { + var chatBtnFn = () => { + var chatBtn = document.getElementById("chat_btn") + chatBtn.addEventListener("click", function(){ + Chatra('openChat') + }); + } + chatBtnFn() + } else { + if (!{theme.chat_hide_show}) { + function chatBtnHide () { + Chatra('hide') + } + function chatBtnShow () { + Chatra('show') + } + } + } + + diff --git a/themes/butterfly/layout/includes/third-party/chat/crisp.pug b/themes/butterfly/layout/includes/third-party/chat/crisp.pug new file mode 100644 index 0000000..cc57e8d --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/chat/crisp.pug @@ -0,0 +1,36 @@ +script. + window.$crisp = []; + window.CRISP_WEBSITE_ID = "!{theme.crisp.website_id}"; + (function () { + d = document; + s = d.createElement("script"); + s.src = "https://client.crisp.chat/l.js"; + s.async = 1; + d.getElementsByTagName("head")[0].appendChild(s); + })(); + $crisp.push(["safe", true]) + + if (!{theme.chat_btn}) { + $crisp.push(["do", "chat:hide"]) + $crisp.push(["on", "chat:closed", function() { + $crisp.push(["do", "chat:hide"]) + }]) + var chatBtnFn = () => { + var chatBtn = document.getElementById("chat_btn") + chatBtn.addEventListener("click", function(){ + $crisp.push(["do", "chat:show"]) + $crisp.push(["do", "chat:open"]) + + }); + } + chatBtnFn() + } else { + if (!{theme.chat_hide_show}) { + function chatBtnHide () { + $crisp.push(["do", "chat:hide"]) + } + function chatBtnShow () { + $crisp.push(["do", "chat:show"]) + } + } + } \ No newline at end of file diff --git a/themes/butterfly/layout/includes/third-party/chat/daovoice.pug b/themes/butterfly/layout/includes/third-party/chat/daovoice.pug new file mode 100644 index 0000000..3c6b064 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/chat/daovoice.pug @@ -0,0 +1,40 @@ +//- https://guide.daocloud.io/daovoice/javascript-api-5869833.html +script. + (function(i,s,o,g,r,a,m){i["DaoVoiceObject"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;a.charset="utf-8";m.parentNode.insertBefore(a,m)})(window,document,"script",('https:' == document.location.protocol ? 'https:' : 'http:') + "//widget.daovoice.io/widget/!{theme.daovoice.app_id}.js","daovoice") + +script. + var isChatBtn = !{theme.chat_btn} + daovoice('init', { + app_id: '!{theme.daovoice.app_id}',},{ + launcher: { + disableLauncherIcon: isChatBtn // 悬浮 ICON 是否显示 + }, + }); + daovoice('update'); + + if (isChatBtn) { + var chatBtnFn = () => { + var chatBtn = document.getElementById("chat_btn") + chatBtn.addEventListener("click", function(){ + daovoice('show') + }); + } + chatBtnFn() + } else { + if (!{theme.chat_hide_show}) { + function chatBtnHide () { + daovoice('update', {},{ + launcher: { + disableLauncherIcon: true // 悬浮 ICON 是否显示 + }, + }); + } + function chatBtnShow () { + daovoice('update', {},{ + launcher: { + disableLauncherIcon: false // 悬浮 ICON 是否显示 + }, + }); + } + } + } \ No newline at end of file diff --git a/themes/butterfly/layout/includes/third-party/chat/gitter.pug b/themes/butterfly/layout/includes/third-party/chat/gitter.pug new file mode 100644 index 0000000..46f979a --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/chat/gitter.pug @@ -0,0 +1,43 @@ +if theme.chat_btn + script. + ((window.gitter = {}).chat = {}).options = { + disableDefaultChat: true, + }; + document.addEventListener('gitter-sidecar-ready', (e) => { + const GitterChat = e.detail.Chat + let chat + + function initGitter () { + chat = new GitterChat({ + room: '#{theme.gitter.room}', + activationElement: '#chat_btn' + }); + } + + initGitter() + + if (!{theme.pjax.enable}) { + document.addEventListener('pjax:complete', () => { + chat.destroy() + initGitter() + }) + } + + }) +else + script. + ((window.gitter = {}).chat = {}).options = { + room: '#{theme.gitter.room}', + }; + + if (!{theme.chat_hide_show}) { + function chatBtnHide () { + document.getElementsByClassName('gitter-open-chat-button')[0].style.display= 'none' + } + + function chatBtnShow () { + document.getElementsByClassName('gitter-open-chat-button')[0].style.display= 'block' + } + } + +script(src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer) diff --git a/themes/butterfly/layout/includes/third-party/chat/index.pug b/themes/butterfly/layout/includes/third-party/chat/index.pug new file mode 100644 index 0000000..db78a34 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/chat/index.pug @@ -0,0 +1,10 @@ +if theme.chatra && theme.chatra.enable + include ./chatra.pug +else if theme.tidio && theme.tidio.enable + include ./tidio.pug +else if theme.daovoice && theme.daovoice.enable + include ./daovoice.pug +else if theme.gitter && theme.gitter.enable + include ./gitter.pug +else if theme.crisp && theme.crisp.enable + include ./crisp.pug \ No newline at end of file diff --git a/themes/butterfly/layout/includes/third-party/chat/tidio.pug b/themes/butterfly/layout/includes/third-party/chat/tidio.pug new file mode 100644 index 0000000..6b0097f --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/chat/tidio.pug @@ -0,0 +1,41 @@ +script(src=`//code.tidio.co/${theme.tidio.public_key}.js` async) + +if theme.chat_btn + script. + function onTidioChatApiReady() { + window.tidioChatApi.hide(); + window.tidioChatApi.on("close", function() { + window.tidioChatApi.hide(); + }); + } + if (window.tidioChatApi) { + window.tidioChatApi.on("ready", onTidioChatApiReady); + } else { + document.addEventListener("tidioChat-ready", onTidioChatApiReady); + } + + var chatBtnFn = () => { + document.getElementById("chat_btn").addEventListener("click", function(){ + window.tidioChatApi.show(); + window.tidioChatApi.open(); + }); + } + chatBtnFn() + +else if theme.chat_hide_show + script. + function chatBtnHide () { + if (window.tidioChatApi) { + //- window.tidioChatApi.hide(); + document.getElementById('tidio-chat').style.display= 'none' + } + } + + function chatBtnShow () { + if (window.tidioChatApi) { + //- window.tidioChatApi.show(); + document.getElementById('tidio-chat').style.display= 'block' + } + } + + diff --git a/themes/butterfly/layout/includes/third-party/comments/disqus.pug b/themes/butterfly/layout/includes/third-party/comments/disqus.pug new file mode 100644 index 0000000..fd44d2a --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/comments/disqus.pug @@ -0,0 +1,45 @@ +script. + function loadDisqus () { + var disqus_config = function () { + this.page.url = '!{ page.permalink }' + this.page.identifier = '!{ page.path }' + this.page.title = '!{ page.title }' + }; + + window.disqusReset = () => { + DISQUS.reset({ + reload: true, + config: disqus_config + }) + } + + if (window.DISQUS) disqusReset() + else { + (function() { + var d = document, s = d.createElement('script'); + s.src = 'https://!{theme.disqus.shortname}.disqus.com/embed.js'; + s.setAttribute('data-timestamp', +new Date()); + (d.head || d.body).appendChild(s); + })(); + } + } + + if ('!{theme.comments.use[0]}' === 'Disqus' || !!{theme.comments.lazyload}) { + if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('disqus_thread'), loadDisqus) + else loadDisqus() + } else { + function loadOtherComment () { + loadDisqus() + } + } + +if is_post() && !theme.comments.lazyload && theme.comments.count && theme.comments.use[0] === 'Disqus' + script. + if (window.DISQUSWIDGETS === undefined) { + var d = document, s = d.createElement('script'); + s.src = 'https://!{theme.disqus.shortname}.disqus.com/count.js'; + s.id = 'dsq-count-scr'; + (d.head || d.body).appendChild(s); + } else { + DISQUSWIDGETS.getCount({reset: true}); + } diff --git a/themes/butterfly/layout/includes/third-party/comments/disqusjs.pug b/themes/butterfly/layout/includes/third-party/comments/disqusjs.pug new file mode 100644 index 0000000..e2f3136 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/comments/disqusjs.pug @@ -0,0 +1,58 @@ +- let disqusjsApi = theme.disqusjs.api || 'https://disqus.skk.moe/disqus/' +script. + function loadDisqusjs () { + function addDisqusjsCSS () { + const ele = document.createElement('link') + ele.rel = 'stylesheet' + ele.href= '!{url_for(theme.CDN.disqusjs_css)}' + document.getElementsByTagName('head')[0].appendChild(ele) + } + + function initDisqusjs () { + window.DISQUS = null + new DisqusJS({ + shortname: '!{theme.disqusjs.shortname}', + siteName: '!{theme.disqusjs.siteName}', + identifier: '!{ page.path }', + url: '!{ page.permalink }', + title: '!{ page.title }', + api: '!{disqusjsApi}', + apikey: '!{theme.disqusjs.apikey}', + nocomment: '!{theme.disqusjs.nocomment}', + admin: '!{theme.disqusjs.admin}', + adminLabel: '!{theme.disqusjs.adminLabel}' + }); + } + + window.disqusReset = initDisqusjs + + if (window.disqusJsLoad) initDisqusjs() + else { + addDisqusjsCSS() + $.getScript('!{url_for(theme.CDN.disqusjs)}', initDisqusjs) + window.disqusJsLoad = true + } + } + + if ('!{theme.comments.use[0]}' === 'Disqusjs' || !!{theme.comments.lazyload}) { + if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('disqus_thread'), loadDisqusjs) + else loadDisqusjs() + } + else { + function loadOtherComment () { + loadDisqusjs() + } + } + + +if is_post() && !theme.comments.lazyload && theme.comments.count && theme.comments.use[0] === 'Disqusjs' + script. + if (window.DISQUSWIDGETS === undefined) { + var d = document, s = d.createElement('script'); + s.src = 'https://!{theme.disqus.shortname}.disqus.com/count.js'; + s.id = 'dsq-count-scr'; + (d.head || d.body).appendChild(s); + } else { + DISQUSWIDGETS.getCount({reset: true}); + } + diff --git a/themes/butterfly/layout/includes/third-party/comments/facebook_comments.pug b/themes/butterfly/layout/includes/third-party/comments/facebook_comments.pug new file mode 100644 index 0000000..cf28c34 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/comments/facebook_comments.pug @@ -0,0 +1,26 @@ +#fb-root +script. + function loadFBComment () { + var themeNow = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light' + document.getElementsByClassName('fb-comments')[0].setAttribute('data-colorscheme',themeNow) + + if (typeof FB === 'object') FB.XFBML.parse() + else { + let ele = document.createElement('script') + ele.setAttribute('src','https://connect.facebook.net/!{theme.facebook_comments.lang}/sdk.js#xfbml=1&version=v7.0') + ele.setAttribute('async', 'true') + ele.setAttribute('defer', 'true') + ele.setAttribute('crossorigin', 'anonymous') + document.getElementById('fb-root').insertAdjacentElement('afterbegin',ele) + } + } + + if ('!{theme.comments.use[0]}' === 'Facebook Comments' || !!{theme.comments.lazyload}) { + if (!{theme.comments.lazyload}) btf.loadComment(document.querySelector('#post-comment .fb-comments'), loadFBComment) + else loadFBComment() + } else { + function loadOtherComment () { + loadFBComment() + } + } + diff --git a/themes/butterfly/layout/includes/third-party/comments/gitalk.pug b/themes/butterfly/layout/includes/third-party/comments/gitalk.pug new file mode 100644 index 0000000..08bc422 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/comments/gitalk.pug @@ -0,0 +1,52 @@ +script. + function addGitalkSource () { + const ele = document.createElement('link') + ele.rel = 'stylesheet' + ele.href= '!{url_for(theme.CDN.gitalk_css)}' + document.getElementsByTagName('head')[0].appendChild(ele) + } + + function loadGitalk () { + function initGitalk () { + var gitalk = new Gitalk({ + clientID: '!{theme.gitalk.client_id}', + clientSecret: '!{theme.gitalk.client_secret}', + repo: '!{theme.gitalk.repo}', + owner: '!{theme.gitalk.owner}', + admin: ['!{theme.gitalk.admin}'], + id: '!{md5(page.path)}', + language: '!{theme.gitalk.language}', + perPage: !{theme.gitalk.perPage}, + distractionFreeMode: !{theme.gitalk.distractionFreeMode}, + pagerDirection: '!{theme.gitalk.pagerDirection}', + createIssueManually: !{theme.gitalk.createIssueManually}, + updateCountCallback: commentCount + }) + gitalk.render('gitalk-container') + } + + if (typeof Gitalk === 'function') initGitalk() + else { + addGitalkSource() + $.getScript('!{url_for(theme.CDN.gitalk)}', initGitalk) + } + } + + function commentCount(n){ + let isCommentCount = document.querySelector('#post-meta .gitalk-comment-count') + if (isCommentCount) { + isCommentCount.innerHTML= n + } + } + + if ('!{theme.comments.use[0]}' === 'Gitalk' || !!{theme.comments.lazyload}) { + if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('gitalk-container'), loadGitalk) + else loadGitalk() + } else { + function loadOtherComment () { + loadGitalk() + } + } + + + diff --git a/themes/butterfly/layout/includes/third-party/comments/index.pug b/themes/butterfly/layout/includes/third-party/comments/index.pug new file mode 100644 index 0000000..9f8b4b6 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/comments/index.pug @@ -0,0 +1,38 @@ +- let defaultComment = theme.comments.use[0] +hr +#post-comment + .comment-head + .comment-headline + i.fas.fa-comments.fa-fw + span= ' ' + _p('comment') + + if theme.comments.use.length > 1 + #comment-switch + span.first-comment=defaultComment + span.switch-btn + span.second-comment=theme.comments.use[1] + + + .comment-wrap + each name in theme.comments.use + div + case name + when 'Disqus' + #disqus_thread + when 'Valine' + #vcomment.vcomment + when 'Disqusjs' + #disqus_thread + when 'Livere' + #lv-container(data-id="city" data-uid=theme.livere.uid) + when 'Gitalk' + #gitalk-container + when 'Utterances' + #utterances-wrap + when 'Twikoo' + #twikoo + 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%") diff --git a/themes/butterfly/layout/includes/third-party/comments/js.pug b/themes/butterfly/layout/includes/third-party/comments/js.pug new file mode 100644 index 0000000..07a6f12 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/comments/js.pug @@ -0,0 +1,18 @@ +each name in theme.comments.use + case name + when 'Valine' + !=partial('includes/third-party/comments/valine', {}, {cache:theme.fragment_cache}) + when 'Disqus' + include ./disqus.pug + when 'Disqusjs' + include ./disqusjs.pug + when 'Livere' + !=partial('includes/third-party/comments/livere', {}, {cache:theme.fragment_cache}) + when 'Gitalk' + include ./gitalk.pug + when 'Utterances' + !=partial('includes/third-party/comments/utterances', {}, {cache:theme.fragment_cache}) + when 'Twikoo' + !=partial('includes/third-party/comments/twikoo', {}, {cache:theme.fragment_cache}) + when 'Facebook Comments' + !=partial('includes/third-party/comments/facebook_comments', {}, {cache:theme.fragment_cache}) diff --git a/themes/butterfly/layout/includes/third-party/comments/livere.pug b/themes/butterfly/layout/includes/third-party/comments/livere.pug new file mode 100644 index 0000000..85b6d78 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/comments/livere.pug @@ -0,0 +1,26 @@ +script. + function loadLivere () { + if (typeof LivereTower === 'object') { + window.LivereTower.init() + } + else { + (function(d, s) { + var j, e = d.getElementsByTagName(s)[0]; + if (typeof LivereTower === 'function') { return; } + j = d.createElement(s); + j.src = 'https://cdn-city.livere.com/js/embed.dist.js'; + j.async = true; + e.parentNode.insertBefore(j, e); + })(document, 'script'); + } + } + + if ('!{theme.comments.use[0]}' === 'Livere' || !!{theme.comments.lazyload}) { + if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('lv-container'), loadLivere) + else loadLivere() + } + else { + function loadOtherComment () { + loadLivere() + } + } \ No newline at end of file diff --git a/themes/butterfly/layout/includes/third-party/comments/twikoo.pug b/themes/butterfly/layout/includes/third-party/comments/twikoo.pug new file mode 100644 index 0000000..1e49ecd --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/comments/twikoo.pug @@ -0,0 +1,24 @@ +script. + function loadTwikoo () { + function init () { + twikoo.init({ + envId: '!{theme.twikoo}' + }) + } + + if (typeof twikoo.init === 'function') { + init() + } else { + $.getScript('!{theme.CDN.twikoo}', init) + } + } + + if ('!{theme.comments.use[0]}' === 'Twikoo' || !!{theme.comments.lazyload}) { + if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('twikoo'), loadTwikoo) + else loadTwikoo() + } else { + function loadOtherComment () { + loadTwikoo() + } + } + diff --git a/themes/butterfly/layout/includes/third-party/comments/utterances.pug b/themes/butterfly/layout/includes/third-party/comments/utterances.pug new file mode 100644 index 0000000..dbd422f --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/comments/utterances.pug @@ -0,0 +1,34 @@ +script. + function loadUtterances () { + let ele = document.createElement('script') + ele.setAttribute('id', 'utterances_comment') + ele.setAttribute('src', '!{url_for(theme.CDN.utterances)}') + ele.setAttribute('repo', '!{theme.utterances.repo}') + ele.setAttribute('issue-term', '!{theme.utterances.issue_term}') + let nowTheme = document.documentElement.getAttribute('data-theme') === 'dark' ? '#{theme.utterances.dark_theme}' : '#{theme.utterances.light_theme}' + ele.setAttribute('theme', nowTheme) + ele.setAttribute('crossorigin', 'anonymous') + ele.setAttribute('async', 'true') + document.getElementById('utterances-wrap').insertAdjacentElement('afterbegin',ele) + } + + function utterancesTheme () { + if (document.querySelector('.utterances-frame')) { + const theme = document.documentElement.getAttribute('data-theme') === 'dark' ? '#{theme.utterances.dark_theme}' : '#{theme.utterances.light_theme}' + const message = { + type: 'set-theme', + theme: theme + }; + const iframe = document.querySelector('.utterances-frame'); + iframe.contentWindow.postMessage(message, 'https://utteranc.es'); + } + } + + if ('!{theme.comments.use[0]}' === 'Utterances' || !!{theme.comments.lazyload}) { + if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('utterances-wrap'), loadUtterances) + else loadUtterances() + } else { + function loadOtherComment () { + loadUtterances() + } + } diff --git a/themes/butterfly/layout/includes/third-party/comments/valine.pug b/themes/butterfly/layout/includes/third-party/comments/valine.pug new file mode 100644 index 0000000..6e09a81 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/comments/valine.pug @@ -0,0 +1,51 @@ +- let option = theme.valine.option ? JSON.stringify(theme.valine.option) : false +- let emojiMaps = '""' +if site.data.valine + - emojiMaps = JSON.stringify(site.data.valine) + +script. + function loadValine () { + function initValine () { + let initData = { + el: '#vcomment', + appId: '#{theme.valine.appId}', + appKey: '#{theme.valine.appKey}', + placeholder: '#{theme.valine.placeholder}', + avatar: '#{theme.valine.avatar}', + meta: '#{theme.valine.guest_info }'.split(','), + pageSize: '#{theme.valine.pageSize}', + lang: '#{theme.valine.lang}', + recordIP: #{theme.valine.recordIP}, + serverURLs: '#{theme.valine.serverURLs}', + emojiCDN: '#{theme.valine.emojiCDN}', + emojiMaps: !{emojiMaps}, + enableQQ: #{theme.valine.enableQQ}, + path: window.location.pathname, + } + + if (!{Boolean(theme.valine.requiredFields)}) { + initData.requiredFields= ('!{theme.valine.requiredFields}'.split(',')) + } + + if (!{Boolean(option)}) { + const otherData = !{option} + initData = Object.assign({}, initData, otherData) + } + + const valine = new Valine(initData) + } + + if (typeof Valine === 'function') initValine() + else $.getScript('!{url_for(theme.CDN.valine)}', initValine) + } + + if ('!{theme.comments.use[0]}' === 'Valine' || !!{theme.comments.lazyload}) { + if (!{theme.comments.lazyload}) btf.loadComment(document.querySelector('#vcomment'),loadValine) + else setTimeout(() => loadValine(), 0) + } else { + function loadOtherComment () { + loadValine() + } + } + + diff --git a/themes/butterfly/layout/includes/third-party/effect.pug b/themes/butterfly/layout/includes/third-party/effect.pug new file mode 100644 index 0000000..9cd4051 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/effect.pug @@ -0,0 +1,28 @@ +if theme.fireworks && theme.fireworks.enable + canvas.fireworks(mobile=`${theme.fireworks.mobile}`) + script(src=url_for(theme.CDN.fireworks)) + +if (theme.canvas_ribbon && theme.canvas_ribbon.enable) + script(defer id="ribbon" src=url_for(theme.CDN.canvas_ribbon) size=theme.canvas_ribbon.size + alpha=theme.canvas_ribbon.alpha zIndex=theme.canvas_ribbon.zIndex mobile=`${theme.canvas_ribbon.mobile}` data-click=`${theme.canvas_ribbon.click_to_change}`) + +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.CDN.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.CDN.canvas_nest)) + +if theme.activate_power_mode.enable + script(src=url_for(theme.CDN.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.CDN.click_heart) async mobile=`${theme.click_heart.mobile}`) + +if theme.ClickShowText && theme.ClickShowText.enable + script#click-show-text(src=url_for(theme.CDN.ClickShowText) async mobile=`${theme.ClickShowText.mobile}`) diff --git a/themes/butterfly/layout/includes/third-party/math/index.pug b/themes/butterfly/layout/includes/third-party/math/index.pug new file mode 100644 index 0000000..4ce6692 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/math/index.pug @@ -0,0 +1,18 @@ +if theme.mathjax && theme.mathjax.enable + if theme.mathjax.per_page + if(!is_tag() && !is_category() && !is_archive() && !is_home()) + include ./mathjax.pug + else + if page.mathjax + include ./mathjax.pug + +if theme.katex && theme.katex.enable + if theme.katex.per_page + if(!is_tag() && !is_category() && !is_archive() && !is_home()) + include ./katex.pug + else + if page.katex + include ./katex.pug + +if theme.mermaid.enable + include ./mermaid.pug \ No newline at end of file diff --git a/themes/butterfly/layout/includes/third-party/math/katex.pug b/themes/butterfly/layout/includes/third-party/math/katex.pug new file mode 100644 index 0000000..6690428 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/math/katex.pug @@ -0,0 +1,7 @@ +link(rel="stylesheet" type="text/css" href=theme.CDN.katex) +script(src=url_for(theme.CDN.katex_copytex)) +link(rel="stylesheet" type="text/css" href=theme.CDN.katex_copytex_css) +script. + $(function () { + $('span.katex-display').wrap('
') + }) \ No newline at end of file diff --git a/themes/butterfly/layout/includes/third-party/math/mathjax.pug b/themes/butterfly/layout/includes/third-party/math/mathjax.pug new file mode 100644 index 0000000..c87965f --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/math/mathjax.pug @@ -0,0 +1,53 @@ +//- Mathjax 3 +//- http://docs.mathjax.org/en/latest/upgrading/v2.html#changes-in-the-mathjax-api +//- https://github.com/mathjax/MathJax/issues/2209 +//- http://docs.mathjax.org/en/latest/options/input/tex.html#the-configuration-block +//- http://docs.mathjax.org/en/latest/web/typeset.html#resetting-automatic-equation-numbering + +script. + if (!window.MathJax) { + window.MathJax = { + loader: { + source: { + '[tex]/amsCd': '[tex]/amscd' + } + }, + tex: { + inlineMath: [ ['$','$'], ["\\(","\\)"]], + tags: 'ams' + }, + options: { + renderActions: { + findScript: [10, doc => { + for (const node of document.querySelectorAll('script[type^="math/tex"]')) { + const display = !!node.type.match(/; *mode=display/) + const math = new doc.options.MathItem(node.textContent, doc.inputJax[0], display) + const text = document.createTextNode('') + node.parentNode.replaceChild(text, node) + math.start = {node: text, delim: '', n: 0} + math.end = {node: text, delim: '', n: 0} + doc.math.push(math) + } + }, ''], + addClass: [200,() => { + document.querySelectorAll('mjx-container:not([display=\'true\']').forEach( node => { + const target = node.parentNode + if (!target.classList.contains('has-jax')) { + target.classList.add('mathjax-overflow') + } + }) + }, '', false] + } + } + } + + const script = document.createElement('script') + script.src = '!{theme.CDN.mathjax}' + script.id = 'MathJax-script' + script.async = true + document.head.appendChild(script) + } else { + MathJax.startup.document.state(0) + MathJax.texReset() + MathJax.typeset() + } \ No newline at end of file diff --git a/themes/butterfly/layout/includes/third-party/math/mermaid.pug b/themes/butterfly/layout/includes/third-party/math/mermaid.pug new file mode 100644 index 0000000..b872a79 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/math/mermaid.pug @@ -0,0 +1,15 @@ +script. + if (document.getElementsByClassName('mermaid').length) { + if (window.mermaidJsLoad) mermaid.init() + else { + $.getScript('!{theme.CDN.mermaid}', function () { + window.mermaidJsLoad = true + mermaid.initialize({ + theme: '!{theme.mermaid.theme}', + }) + !{theme.pjax.enable} && mermaid.init() + }) + } + } + + diff --git a/themes/butterfly/layout/includes/third-party/newest-comments/disqus-comment.pug b/themes/butterfly/layout/includes/third-party/newest-comments/disqus-comment.pug new file mode 100644 index 0000000..5ed18db --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/newest-comments/disqus-comment.pug @@ -0,0 +1,74 @@ +script. + window.addEventListener('load', () => { + const changeContent = (content) => { + if (content === '') return content + + content = content.replace(/<[^>]+>/g,"") // remove html tag + content = content.replace(/(http(s?):)([/|.|\w|\s|-])*\.(?:jpg|jpeg|gif|png|webp)/g, '') // remove image link + content = content.replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gi, '') // remove url + + if (content.length > 150) { + content = content.substring(0,150) + '...' + } + return content + } + + const getDisqusComment = () => { + let disqusArray = [] + $.getJSON('https://disqus.com/api/3.0/forums/listPosts.json?forum=!{theme.newest_comments.disqus.forum}&related=thread&limit=!{theme.newest_comments.limit}&api_key=!{theme.newest_comments.disqus.api_key}', function(data){ + $.each(data.response, (i, item) => { + disqusArray.push({ + 'avatar': item.author.avatar.cache, + 'content': changeContent(item.message), + 'nick': item.author.name, + 'url': item.url, + 'date': item.createdAt + }) + }) + // set expiry to 10 min + saveToLocal.set('disqus-newest-comments', JSON.stringify(disqusArray), 10/(60*24)) + generateHtml(disqusArray) + }).fail(()=>{ + const $dom = document.querySelector('#card-newest-comments .aside-list') + $dom.innerHTML= "!{_p('aside.card_newest_comments.error')}" + }) + } + + const generateHtml = array => { + let result = '' + + for (let i = 0; i < array.length; i++) { + result += '
' + + if (!{theme.newest_comments.avatar}) { + result += `${array[i].nick}` + } + + result += `
+ ${array[i].content} +
${array[i].nick}
+
` + } + + let $dom = document.querySelector('#card-newest-comments .aside-list') + $dom.innerHTML= result + window.pjax && window.pjax.refresh($dom) + } + + const newestCommentInit = () => { + if (document.querySelector('#card-newest-comments .aside-list')) { + const data = saveToLocal.get('disqus-newest-comments') + if (data) { + generateHtml(JSON.parse(data)) + } else { + getDisqusComment() + } + } + } + + newestCommentInit() + document.addEventListener('pjax:complete', newestCommentInit) + }) + + + diff --git a/themes/butterfly/layout/includes/third-party/newest-comments/github-issues.pug b/themes/butterfly/layout/includes/third-party/newest-comments/github-issues.pug new file mode 100644 index 0000000..e7e7bbc --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/newest-comments/github-issues.pug @@ -0,0 +1,74 @@ +script. + window.addEventListener('load', () => { + const changeContent = (content) => { + if (content === '') return content + + content = content.replace(/<[^>]+>/g,"") // remove html tag + content = content.replace(/(http(s?):)([/|.|\w|\s|-])*\.(?:jpg|jpeg|gif|png|webp)/g, '') // remove image link + content = content.replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gi, '') // remove url + + if (content.length > 150) { + content = content.substring(0,150) + '...' + } + return content + } + + const getGithubIssues = () => { + let githubArray = [] + $.getJSON('https://api.github.com/repos/!{theme.newest_comments.github_issues.repo}/issues/comments?sort=updated&direction=desc&per_page=!{theme.newest_comments.limit}&page=1', (data) => { + $.each(data, (index, item) => { + githubArray.push({ + 'avatar': item.user.avatar_url, + 'content': changeContent(item.body), + 'nick': item.user.login, + 'url': item.html_url, + 'date': item.updated_at + }) + }) + saveToLocal.set('github-newest-comments', JSON.stringify(githubArray), 10/(60*24)) + generateHtml(githubArray) + }).fail(()=>{ + const $dom = document.querySelector('#card-newest-comments .aside-list') + $dom.innerHTML= "!{_p('aside.card_newest_comments.error')}" + }) + } + + const generateHtml = array => { + let result = '' + + for (let i = 0; i < array.length; i++) { + result += '
' + + if (!{theme.newest_comments.avatar}) { + result += `${array[i].nick}` + } + + result += `
+ ${array[i].content} +
${array[i].nick}
+
` + } + + let $dom = document.querySelector('#card-newest-comments .aside-list') + $dom.innerHTML= result + window.pjax && window.pjax.refresh($dom) + } + + const newestCommentInit = () => { + if (document.querySelector('#card-newest-comments .aside-list')) { + const data = saveToLocal.get('github-newest-comments') + if (data) { + generateHtml(JSON.parse(data)) + } else { + getGithubIssues() + } + } + } + + newestCommentInit() + document.addEventListener('pjax:complete', newestCommentInit) + }) + + + + diff --git a/themes/butterfly/layout/includes/third-party/newest-comments/index.pug b/themes/butterfly/layout/includes/third-party/newest-comments/index.pug new file mode 100644 index 0000000..24b51a7 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/newest-comments/index.pug @@ -0,0 +1,6 @@ +if theme.newest_comments.leancloud.enable + include ./leancloud.pug +else if theme.newest_comments.github_issues.enable + include ./github-issues.pug +else if theme.newest_comments.disqus.enable + include ./disqus-comment.pug \ No newline at end of file diff --git a/themes/butterfly/layout/includes/third-party/newest-comments/leancloud.pug b/themes/butterfly/layout/includes/third-party/newest-comments/leancloud.pug new file mode 100644 index 0000000..2e6910a --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/newest-comments/leancloud.pug @@ -0,0 +1,99 @@ +script(src="https://cdn.jsdelivr.net/npm/blueimp-md5@2.17.0/js/md5.min.js") +script. + window.addEventListener('load', () => { + const changeContent = (content) => { + if (content === '') return content + + content = content.replace(/<[^>]+>/g,"") // remove html tag + content = content.replace(/(http(s?):)([/|.|\w|\s|-])*\.(?:jpg|jpeg|gif|png|webp)/g, '') // remove image link + content = content.replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gi, '') // remove url + + if (content.length > 150) { + content = content.substring(0,150) + '...' + } + return content + } + + const getIcon = (icon, mail) => { + if (icon) return icon + let defaultIcon = '!{ theme.newest_comments.leancloud.default_avatar ? `?d=${theme.newest_comments.leancloud.default_avatar}` : ''}' + let iconUrl = `https://gravatar.loli.net/avatar/${md5(mail.toLowerCase()) + defaultIcon}` + return iconUrl + } + + const generateHtml = array => { + let result = '' + + for (let i = 0; i < array.length; i++) { + result += '
' + + if (!{theme.newest_comments.avatar}) { + result += `${array[i].nick}` + } + + result += `
+ ${array[i].content} +
${array[i].nick}
+
` + } + + let $dom = document.querySelector('#card-newest-comments .aside-list') + $dom.innerHTML= result + window.pjax && window.pjax.refresh($dom) + } + + const getValineData = () => { + let serverURL = '' + if (!{Boolean(theme.newest_comments.leancloud.serverURL)}) { + serverURL = '!{theme.newest_comments.leancloud.serverURL}' + } else { + serverURL = 'https://!{theme.newest_comments.leancloud.appId.substring(0,8)}.api.lncldglobal.com' + } + + var settings = { + "url": `${serverURL}/1.1/classes/Comment?limit=!{theme.newest_comments.limit}&order=-createdAt`, + "method": "GET", + "timeout": 0, + "headers": { + "X-LC-Id": '!{theme.newest_comments.leancloud.appId}', + "X-LC-Key": '!{theme.newest_comments.leancloud.appKey}', + "Content-Type": "application/json" + }, + } + + $.ajax(settings).done((response) => { + var valineArray = [] + response.results.forEach((e)=>{ + valineArray.push({ + 'avatar': e.QQAvatar, + 'content': changeContent(e.comment), + 'mail': e.mail, + 'nick': e.nick, + 'url': e.url, + 'date': e.createdAt, + }) + }) + + saveToLocal.set('leancloud-newest-comments', JSON.stringify(valineArray), 10/(60*24)) + generateHtml(valineArray) + + }).fail(()=>{ + const $dom = document.querySelector('#card-newest-comments .aside-list') + $dom.innerHTML= "!{_p('aside.card_newest_comments.error')}" + }) + } + + const newestCommentInit = () => { + if (document.querySelector('#card-newest-comments .aside-list')) { + const data = saveToLocal.get('leancloud-newest-comments') + if (data) { + generateHtml(JSON.parse(data)) + } else { + getValineData() + } + } + } + + newestCommentInit() + document.addEventListener('pjax:complete', newestCommentInit) + }) diff --git a/themes/butterfly/layout/includes/third-party/pangu.pug b/themes/butterfly/layout/includes/third-party/pangu.pug new file mode 100644 index 0000000..229c69b --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/pangu.pug @@ -0,0 +1,19 @@ +script. + function panguFn () { + if (typeof pangu === 'object') pangu.spacingElementById('content-inner') + else { + $.getScript('!{url_for(theme.CDN.pangu)}', () => { + pangu.spacingElementById('content-inner') + }) + } + } + + function panguInit () { + if (!{theme.pangu.field === 'post'}){ + GLOBAL_CONFIG_SITE.isPost && panguFn() + } else { + panguFn() + } + } + + document.addEventListener('DOMContentLoaded', panguFn) diff --git a/themes/butterfly/layout/includes/third-party/pjax.pug b/themes/butterfly/layout/includes/third-party/pjax.pug new file mode 100644 index 0000000..e3c63be --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/pjax.pug @@ -0,0 +1,78 @@ +- var pjaxExclude = 'a:not([target="_blank"])' +if theme.pjax.exclude + each val in theme.pjax.exclude + - pjaxExclude = pjaxExclude + `:not([href="${val}"])` + +script(src=url_for(theme.CDN.pjax)) +script. + let pjaxSelectors = [ + 'title', + '#config_change', + '#body-wrap', + '#rightside-config-hide', + '#rightside-config-show', + '.js-pjax' + ] + + if (!{Boolean(theme.Open_Graph_meta && theme.comments.use && theme.comments.use.includes('Livere'))}) { + pjaxSelectors.unshift('meta[property="og:image"]', 'meta[property="og:title"]', 'meta[property="og:url"]') + } + + var pjax = new Pjax({ + elements: '!{pjaxExclude}', + selectors: pjaxSelectors, + cacheBust: false, + analytics: !{theme.google_analytics ? true : false}, + scrollRestoration: false + }) + + document.addEventListener('pjax:complete', function () { + window.refreshFn() + + $('script[data-pjax]').each(function () { + $(this).parent().append($(this).remove()) + }) + + GLOBAL_CONFIG.islazyload && window.lazyLoadInstance.update() + + typeof chatBtnFn === 'function' && chatBtnFn() + typeof panguInit === 'function' && panguInit() + + if (typeof gtag === 'function') { + gtag('config', '!{theme.google_analytics}', {'page_path': window.location.pathname}); + } + + typeof loadMeting === 'function' && document.getElementsByClassName('aplayer').length && loadMeting() + + // Analytics + if (!{theme.tencent_analytics ? true : false}) { + MtaH5.pgv() + } + + // prismjs + typeof Prism === 'object' && Prism.highlightAll() + + typeof preloader === 'object' && preloader.endLoading() + }) + + + document.addEventListener('pjax:send', function () { + typeof preloader === 'object' && preloader.initLoading() + + if (window.aplayers) { + for (let i = 0; i < window.aplayers.length; i++) { + if (!window.aplayers[i].options.fixed) { + window.aplayers[i].destroy() + } + } + } + + typeof typed === 'object' && typed.destroy() + + $(window).off('scroll') + + //reset readmode + $('body').hasClass('read-mode') && $('body').removeClass('read-mode') + + }) + diff --git a/themes/butterfly/layout/includes/third-party/prismjs.pug b/themes/butterfly/layout/includes/third-party/prismjs.pug new file mode 100644 index 0000000..b277e25 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/prismjs.pug @@ -0,0 +1,5 @@ +if config.prismjs && config.prismjs.enable && !config.prismjs.preprocess + script(src=url_for(theme.CDN.prismjs_js)) + script(src=url_for(theme.CDN.prismjs_autoloader)) + if config.prismjs.line_number + script(src=url_for(theme.CDN.prismjs_lineNumber_js)) diff --git a/themes/butterfly/layout/includes/third-party/search/algolia.pug b/themes/butterfly/layout/includes/third-party/search/algolia.pug new file mode 100644 index 0000000..6d22886 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/search/algolia.pug @@ -0,0 +1,13 @@ +#algolia-search + .search-dialog + #algolia-search-title.search-dialog__title Algolia + #algolia-input-panel + #algolia-search-input + hr + #algolia-search-results + #algolia-hits + #algolia-pagination + #algolia-stats + span.search-close-button + i.fas.fa-times + #search-mask diff --git a/themes/butterfly/layout/includes/third-party/search/index.pug b/themes/butterfly/layout/includes/third-party/search/index.pug new file mode 100644 index 0000000..c1bd03a --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/search/index.pug @@ -0,0 +1,4 @@ +if theme.algolia_search.enable + include ./algolia.pug +else if theme.local_search.enable + include ./local-search.pug \ No newline at end of file diff --git a/themes/butterfly/layout/includes/third-party/search/local-search.pug b/themes/butterfly/layout/includes/third-party/search/local-search.pug new file mode 100644 index 0000000..69570a2 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/search/local-search.pug @@ -0,0 +1,24 @@ +#local-search + .search-dialog + #local-search-title.search-dialog__title=_p("local_search.label") + #local-input-panel + #local-search-input + .local-search-box + input(placeholder=_p("local_search.input_placeholder") type="text").local-search-box--input + hr + #local-search-results + #local-hits + #local-stats + #hr.local-search-stats__hr + case config.language + when "zh-CN" + span=_p("local_search.by") + | #[a(href="https://github.com/wzpan/hexo-generator-search" style={'color': '#49B1F5'}) hexo-generator-search] + | #[span=_p("local_search.powered")] + when "en" + default + span=_p("local_search.powered_by") + | #[a(href="https://github.com/wzpan/hexo-generator-search" style={'color': '#49B1F5'}) hexo-generator-search] + span.search-close-button + i.fas.fa-times + #search-mask \ No newline at end of file diff --git a/themes/butterfly/layout/includes/third-party/share/add-this.pug b/themes/butterfly/layout/includes/third-party/share/add-this.pug new file mode 100644 index 0000000..ab44267 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/share/add-this.pug @@ -0,0 +1,2 @@ +.addthis_inline_share_toolbox +script(src=`//s7.addthis.com/js/300/addthis_widget.js#pubid=${theme.addThis.pubid}` async) \ No newline at end of file diff --git a/themes/butterfly/layout/includes/third-party/share/addtoany.pug b/themes/butterfly/layout/includes/third-party/share/addtoany.pug new file mode 100644 index 0000000..a0a7aa2 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/share/addtoany.pug @@ -0,0 +1,10 @@ +.addtoany + .a2a_kit.a2a_kit_size_32.a2a_default_style + - let addtoanyItem = theme.addtoany.item.split(',') + each name in addtoanyItem + a(class="a2a_button_" + name) + + a.a2a_dd(href="https://www.addtoany.com/share") +script(async src=url_for(theme.CDN.addtoany)) + + diff --git a/themes/butterfly/layout/includes/third-party/share/index.pug b/themes/butterfly/layout/includes/third-party/share/index.pug new file mode 100644 index 0000000..41892a6 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/share/index.pug @@ -0,0 +1,7 @@ +.post_share + if theme.addThis.enable + !=partial('includes/third-party/share/add-this', {}, {cache:theme.fragment_cache}) + else if theme.sharejs.enable + include ./share-js.pug + else if theme.addtoany.enable + !=partial('includes/third-party/share/addtoany', {}, {cache:theme.fragment_cache}) diff --git a/themes/butterfly/layout/includes/third-party/share/share-js.pug b/themes/butterfly/layout/includes/third-party/share/share-js.pug new file mode 100644 index 0000000..538c905 --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/share/share-js.pug @@ -0,0 +1,3 @@ +.social-share(data-image=url_for(page.cover|| theme.avatar.img) data-sites= theme.sharejs.sites) +link(rel="stylesheet" href=url_for(theme.CDN.sharejs_css)) +script(src=url_for(theme.CDN.sharejs) defer) \ No newline at end of file diff --git a/themes/butterfly/layout/includes/third-party/subtitle.pug b/themes/butterfly/layout/includes/third-party/subtitle.pug new file mode 100644 index 0000000..ad995cc --- /dev/null +++ b/themes/butterfly/layout/includes/third-party/subtitle.pug @@ -0,0 +1,138 @@ +- var source = theme.subtitle.source +case source + when 1 + script. + function subtitleType () { + $.getJSON('https://api.btstu.cn/yan/api.php?charset=utf-8&encode=json',function (data) { + if (!{theme.subtitle.effect}) { + var sub = "!{theme.subtitle.sub}".length == 0 ? new Array() : "!{theme.subtitle.sub}".split(',') + var both = sub.unshift(data.text) + typed = new Typed('#subtitle', { + strings: sub, + startDelay: 300, + typeSpeed: 150, + loop: !{theme.subtitle.loop}, + backSpeed: 50, + }) + } else { + document.getElementById('subtitle').innerHTML = data.text + } + }) + } + + if (!{theme.subtitle.effect}) { + if (typeof Typed === 'function') subtitleType() + else $.getScript('!{url_for(theme.CDN.typed)}', subtitleType) + } else { + subtitleType() + } + + when 2 + script. + function subtitleType () { + $.getJSON('https://v1.hitokoto.cn', function (data) { + if (!{theme.subtitle.effect}) { + var from = '出自 ' + data.from + var sub = "!{theme.subtitle.sub}".length == 0 ? new Array() : "!{theme.subtitle.sub}".split(',') + var both = sub.unshift(data.hitokoto, from) + var typed = new Typed('#subtitle', { + strings: sub, + startDelay: 300, + typeSpeed: 150, + loop: !{theme.subtitle.loop}, + backSpeed: 50, + }) + } else { + document.getElementById('subtitle').innerHTML = data.hitokoto + } + }) + } + + if (!{theme.subtitle.effect}) { + if (typeof Typed === 'function') subtitleType() + else $.getScript('!{url_for(theme.CDN.typed)}', subtitleType) + } else { + subtitleType() + } + + when 3 + script. + function subtitleType () { + $.getScript('http://yijuzhan.com/api/word.php?m=js', function () { + var con = str[0] + if (!{theme.subtitle.effect}) { + var from = '出自 ' + str[1] + var sub = "!{theme.subtitle.sub}".length == 0 ? new Array() : "!{theme.subtitle.sub}".split(',') + var both = sub.unshift(con, from) + var typed = new Typed('#subtitle', { + strings: sub, + startDelay: 300, + typeSpeed: 150, + loop: !{theme.subtitle.loop}, + backSpeed: 50, + }) + } else { + document.getElementById('subtitle').innerHTML = con + } + }) + } + + if (!{theme.subtitle.effect}) { + if (typeof Typed === 'function') subtitleType() + else $.getScript('!{url_for(theme.CDN.typed)}', subtitleType) + } else { + subtitleType() + } + + when 4 + script. + function subtitleType () { + $.getScript('https://sdk.jinrishici.com/v2/browser/jinrishici.js',function () { + jinrishici.load(function (result) { + if (!{theme.subtitle.effect}) { + var sub = "!{theme.subtitle.sub}".length == 0 ? new Array() : "!{theme.subtitle.sub}".split(',') + var content = result.data.content + var both = sub.unshift(content) + var typed = new Typed('#subtitle', { + strings: sub, + startDelay: 300, + typeSpeed: 150, + loop: !{theme.subtitle.loop}, + backSpeed: 50, + }) + } else { + document.getElementById('subtitle').innerHTML = result.data.content + } + }) + }) + } + + if (!{theme.subtitle.effect}) { + if (typeof Typed === 'function') subtitleType() + else $.getScript('!{url_for(theme.CDN.typed)}', subtitleType) + } else { + subtitleType() + } + + default + script. + function subtitleType () { + if (!{theme.subtitle.effect}) { + var typed = new Typed("#subtitle", { + strings: "!{theme.subtitle.sub}".split(","), + startDelay: 300, + typeSpeed: 150, + loop: !{theme.subtitle.loop}, + backSpeed: 50 + }) + } else { + document.getElementById("subtitle").innerHTML = '!{theme.subtitle.sub[0]}' + } + } + + if (!{theme.subtitle.effect}) { + if (typeof Typed === 'function') subtitleType() + else $.getScript('!{url_for(theme.CDN.typed)}', subtitleType) + } else { + subtitleType() + } \ No newline at end of file diff --git a/themes/butterfly/layout/includes/widget/card_ad.pug b/themes/butterfly/layout/includes/widget/card_ad.pug new file mode 100644 index 0000000..c05f774 --- /dev/null +++ b/themes/butterfly/layout/includes/widget/card_ad.pug @@ -0,0 +1,2 @@ +.card-widget.card-ad + != theme.ad.aside diff --git a/themes/butterfly/layout/includes/widget/card_announcement.pug b/themes/butterfly/layout/includes/widget/card_announcement.pug new file mode 100644 index 0000000..5f6fbd1 --- /dev/null +++ b/themes/butterfly/layout/includes/widget/card_announcement.pug @@ -0,0 +1,6 @@ +.card-widget.card-announcement + .card-content + .item-headline + i.fas.fa-bullhorn.card-announcement-animation + span= _p('aside.card_announcement') + .announcement_content!= theme.aside.card_announcement.content \ No newline at end of file diff --git a/themes/butterfly/layout/includes/widget/card_archives.pug b/themes/butterfly/layout/includes/widget/card_archives.pug new file mode 100644 index 0000000..dfb5775 --- /dev/null +++ b/themes/butterfly/layout/includes/widget/card_archives.pug @@ -0,0 +1,11 @@ +.card-widget.card-archives + .card-content + .item-headline + i.fas.fa-archive + span= _p('aside.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 }) diff --git a/themes/butterfly/layout/includes/widget/card_author.pug b/themes/butterfly/layout/includes/widget/card_author.pug new file mode 100644 index 0000000..b1faefb --- /dev/null +++ b/themes/butterfly/layout/includes/widget/card_author.pug @@ -0,0 +1,36 @@ +.card-widget.card-info + .card-content + .card-info-avatar.is-center + if theme.lazyload.enable + img.avatar-img(data-lazy-src=url_for(theme.avatar.img) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt="avatar") + else + img.avatar-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 + + .card-info-data + if site.posts.length + .card-info-data-item.is-center + a(href=url_for(config.archive_dir) + '/') + .headline= _p('aside.articles') + .length-num= site.posts.length + + if site.tags.length + .card-info-data-item.is-center + a(href=url_for(config.tag_dir) + '/') + .headline= _p('aside.tags') + .length-num= site.tags.length + + if site.categories.length + .card-info-data-item.is-center + a(href=url_for(config.category_dir) + '/') + .headline= _p('aside.categories') + .length-num= site.categories.length + + a#card-info-btn.button--animated(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.is-center + !=fragment_cache('social', function(){return partial('includes/header/social')}) diff --git a/themes/butterfly/layout/includes/widget/card_categories.pug b/themes/butterfly/layout/includes/widget/card_categories.pug new file mode 100644 index 0000000..55c1827 --- /dev/null +++ b/themes/butterfly/layout/includes/widget/card_categories.pug @@ -0,0 +1,9 @@ +if site.categories.length + .card-widget.card-categories + .card-content + .item-headline + i.fas.fa-folder-open + span= _p('aside.card_categories') + !=aside_categories({ limit: theme.aside.card_categories.limit === 0 ? 0 : theme.aside.card_categories.limit || 8 , expand: theme.aside.card_categories.expand }) + + diff --git a/themes/butterfly/layout/includes/widget/card_newest_comment.pug b/themes/butterfly/layout/includes/widget/card_newest_comment.pug new file mode 100644 index 0000000..76a19aa --- /dev/null +++ b/themes/butterfly/layout/includes/widget/card_newest_comment.pug @@ -0,0 +1,7 @@ +.card-widget#card-newest-comments + .card-content + .item-headline + i.fas.fa-bolt + span= _p('aside.card_newest_comments.headline') + .aside-list + span= _p('aside.card_newest_comments.loading_text') diff --git a/themes/butterfly/layout/includes/widget/card_post_toc.pug b/themes/butterfly/layout/includes/widget/card_post_toc.pug new file mode 100644 index 0000000..065a457 --- /dev/null +++ b/themes/butterfly/layout/includes/widget/card_post_toc.pug @@ -0,0 +1,13 @@ +- let tocNumber = page.toc_number !== undefined ? page.toc_number : theme.toc.number + +#card-toc.card-widget + .card-content + .item-headline + i.fas.fa-stream + span= _p('aside.card_toc') + + if (page.encrypt == true) + .toc-content.toc-div-class(style="display:none")!=toc(page.origin, {list_number: tocNumber}) + else + .toc-content!=toc(page.content, {list_number: tocNumber}) + \ No newline at end of file diff --git a/themes/butterfly/layout/includes/widget/card_recent_post.pug b/themes/butterfly/layout/includes/widget/card_recent_post.pug new file mode 100644 index 0000000..03cba6e --- /dev/null +++ b/themes/butterfly/layout/includes/widget/card_recent_post.pug @@ -0,0 +1,27 @@ +.card-widget.card-recent-post + .card-content + .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 theme.lazyload.enable + img(data-lazy-src=url_for(post_cover) onerror=`this.onerror=null;this.src='${url_for(theme.error_img.post_page)}'` alt=title) + else + img(src=url_for(post_cover) onerror=`this.onerror=null;this.src='${url_for(theme.error_img.post_page)}'` alt=title) + .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)] + - }) diff --git a/themes/butterfly/layout/includes/widget/card_tags.pug b/themes/butterfly/layout/includes/widget/card_tags.pug new file mode 100644 index 0000000..4ca6ee6 --- /dev/null +++ b/themes/butterfly/layout/includes/widget/card_tags.pug @@ -0,0 +1,12 @@ +if site.tags.length + .card-widget.card-tags + .card-content + .item-headline + i.fas.fa-tags + span= _p('aside.card_tags') + + - let tagLimit = theme.aside.card_tags.limit === 0 ? 0 : theme.aside.card_tags.limit || 40 + if theme.aside.card_tags.color + .card-tag-cloud!= cloudTags({source: site.tags, minfontsize: 1.1, maxfontsize: 1.5, limit: tagLimit, unit: 'em'}) + else + .card-tag-cloud!= tagcloud({min_font: 1.1, max_font: 1.5, amount: tagLimit , color: true, start_color: '#999', end_color: '#99a9bf', unit: 'em'}) diff --git a/themes/butterfly/layout/includes/widget/card_webinfo.pug b/themes/butterfly/layout/includes/widget/card_webinfo.pug new file mode 100644 index 0000000..ab96147 --- /dev/null +++ b/themes/butterfly/layout/includes/widget/card_webinfo.pug @@ -0,0 +1,31 @@ +.card-widget.card-webinfo + .card-content + .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.runtimeshow.enable + .webinfo-item + .item-name= _p('aside.card_webinfo.runtime.name') + " :" + .item-count#runtimeshow(data-publishDate=date_xml(theme.runtimeshow.publish_date)) + if theme.wordcount.enable && theme.wordcount.total_wordcount + .webinfo-item + .item-name=_p('aside.card_webinfo.site_wordcount') + " :" + .item-count=totalcount(site) + if theme.busuanzi.site_uv + .webinfo-item + .item-name= _p('aside.card_webinfo.site_uv_name') + " :" + .item-count#busuanzi_value_site_uv + if theme.busuanzi.site_pv + .webinfo-item + .item-name= _p('aside.card_webinfo.site_pv_name') + " :" + .item-count#busuanzi_value_site_pv + 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())) + diff --git a/themes/butterfly/layout/includes/widget/index.pug b/themes/butterfly/layout/includes/widget/index.pug new file mode 100644 index 0000000..ec2a80e --- /dev/null +++ b/themes/butterfly/layout/includes/widget/index.pug @@ -0,0 +1,28 @@ +#aside_content.aside_content + if theme.aside.card_author.enable + !=partial('includes/widget/card_author', {}, {cache:theme.fragment_cache}) + if theme.aside.card_announcement.enable + !=partial('includes/widget/card_announcement', {}, {cache:theme.fragment_cache}) + .sticky_layout + if is_post() + if showToc + include ./card_post_toc.pug + if theme.aside.card_recent_post.enable + !=partial('includes/widget/card_recent_post', {}, {cache:theme.fragment_cache}) + if theme.ad && theme.ad.aside + !=partial('includes/widget/card_ad', {}, {cache:theme.fragment_cache}) + else + if theme.aside.card_recent_post.enable + !=partial('includes/widget/card_recent_post', {}, {cache:theme.fragment_cache}) + if theme.ad && theme.ad.aside + !=partial('includes/widget/card_ad', {}, {cache:theme.fragment_cache}) + if theme.newest_comments.enable + !=partial('includes/widget/card_newest_comment', {}, {cache:theme.fragment_cache}) + if theme.aside.card_categories.enable + !=partial('includes/widget/card_categories', {}, {cache:theme.fragment_cache}) + if theme.aside.card_tags.enable + !=partial('includes/widget/card_tags', {}, {cache:theme.fragment_cache}) + if theme.aside.card_archives.enable + !=partial('includes/widget/card_archives', {}, {cache:theme.fragment_cache}) + if theme.aside.card_webinfo.enable + !=partial('includes/widget/card_webinfo', {}, {cache:theme.fragment_cache}) \ No newline at end of file diff --git a/themes/butterfly/layout/index.pug b/themes/butterfly/layout/index.pug new file mode 100644 index 0000000..2655cb4 --- /dev/null +++ b/themes/butterfly/layout/index.pug @@ -0,0 +1,7 @@ +extends includes/layout.pug + +block content + include ./includes/mixins/post-ui.pug + #recent-posts.recent-posts + +postUI + include includes/pagination.pug \ No newline at end of file diff --git a/themes/butterfly/layout/page.pug b/themes/butterfly/layout/page.pug new file mode 100644 index 0000000..474580d --- /dev/null +++ b/themes/butterfly/layout/page.pug @@ -0,0 +1,19 @@ +extends includes/layout.pug + +block content + #page + case page.type + when 'tags' + include includes/page/tags.pug + when 'link' + include includes/page/flink.pug + when 'categories' + include includes/page/categories.pug + when 'artitalk' + include includes/page/artitalk.pug + default + include includes/page/default-page.pug + + if page.comments !== false && theme.comments && theme.comments.use + - var commentsJsLoad = true + !=partial('includes/third-party/comments/index', {}, {cache:theme.fragment_cache}) \ No newline at end of file diff --git a/themes/butterfly/layout/post.pug b/themes/butterfly/layout/post.pug new file mode 100644 index 0000000..c57d99e --- /dev/null +++ b/themes/butterfly/layout/post.pug @@ -0,0 +1,31 @@ +extends includes/layout.pug + +block content + #post + if top_img === false + include includes/header/post-info.pug + + article#article-container.post-content!=page.content + include includes/post/post-copyright.pug + .tag_share + if (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 + !=partial('includes/post/reward', {}, {cache:theme.fragment_cache}) + + //- ad + if theme.ad && theme.ad.post + .post-ad!=theme.ad.post + + include includes/pagination.pug + if theme.related_post && theme.related_post.enable + != related_posts(page,site.posts) + + if page.comments !== false && theme.comments && theme.comments.use + - var commentsJsLoad = true + !=partial('includes/third-party/comments/index', {}, {cache:theme.fragment_cache}) + \ No newline at end of file diff --git a/themes/butterfly/layout/tag.pug b/themes/butterfly/layout/tag.pug new file mode 100644 index 0000000..9f99658 --- /dev/null +++ b/themes/butterfly/layout/tag.pug @@ -0,0 +1,14 @@ +extends includes/layout.pug + +block content + if theme.tag_ui == 'index' + include ./includes/mixins/post-ui.pug + #recent-posts.recent-posts + +postUI + include includes/pagination.pug + else + include ./includes/mixins/article-sort.pug + #tag + .article-sort-title= _p('page.tag') + ' - ' + page.tag + +articleSort(page.posts) + include includes/pagination.pug \ No newline at end of file diff --git a/themes/butterfly/package.json b/themes/butterfly/package.json new file mode 100644 index 0000000..180092b --- /dev/null +++ b/themes/butterfly/package.json @@ -0,0 +1,32 @@ +{ + "name": "hexo-theme-butterfly", + "version": "3.3.0", + "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": "wong@jerryc.me" + }, + "dependencies": { + "hexo-renderer-stylus": "^2.0.1", + "hexo-renderer-pug": "^1.0.0" + }, + "homepage": "https://demo.jerryc.me/", + "author": "Jerry ", + "license": "Apache-2.0" +} diff --git a/themes/butterfly/scripts/events/404.js b/themes/butterfly/scripts/events/404.js new file mode 100644 index 0000000..c37daae --- /dev/null +++ b/themes/butterfly/scripts/events/404.js @@ -0,0 +1,15 @@ +/** + * 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', + data: locals.posts, + layout: ['404'] + } +}) diff --git a/themes/butterfly/scripts/events/init.js b/themes/butterfly/scripts/events/init.js new file mode 100644 index 0000000..c198e9e --- /dev/null +++ b/themes/butterfly/scripts/events/init.js @@ -0,0 +1,27 @@ +const logger = require('hexo-log')() + +hexo.extend.filter.register('before_generate', () => { + // Get first two digits of the Hexo version number + var hexoVer = hexo.version.replace(/(^.*\..*)\..*/, '$1') + + if (hexoVer < 5) { + logger.error('Please update Hexo to V5.0.0 or higher!') + logger.error('請把 Hexo 升級到 V5.0.0 或更高的版本！') + process.exit(-1) + } + + if (hexo.locals.get) { + const data = hexo.locals.get('data') + if (data && data.butterfly) { + logger.error(" 'butterfly.yml' is deprecated. Please use '_config.butterfly.yml' ") + logger.error(" 'butterfly.yml' 已經棄用，請使用 '_config.butterfly.yml' ") + process.exit(-1) + } + } + + // let stylus to get the hexo highlight config + const themeConfig = hexo.theme.config + const hexoConfig = hexo.config + themeConfig.highlight_settings = hexoConfig.highlight + themeConfig.prismjs_settings = hexoConfig.prismjs +}) diff --git a/themes/butterfly/scripts/events/welcome.js b/themes/butterfly/scripts/events/welcome.js new file mode 100644 index 0000000..f6650f9 --- /dev/null +++ b/themes/butterfly/scripts/events/welcome.js @@ -0,0 +1,17 @@ +const logger = require('hexo-log')() + +hexo.on('ready', () => { + const { version } = require('../../package.json') + logger.info(` + =================================================================== + + ##### # # ##### ##### ###### ##### ###### # # # + # # # # # # # # # # # # # + ##### # # # # ##### # # ##### # # + # # # # # # # ##### # # # + # # # # # # # # # # # # + ##### #### # # ###### # # # ###### # + + ${version} + ===================================================================`) +}) diff --git a/themes/butterfly/scripts/filters/post_lazyload.js b/themes/butterfly/scripts/filters/post_lazyload.js new file mode 100644 index 0000000..c279633 --- /dev/null +++ b/themes/butterfly/scripts/filters/post_lazyload.js @@ -0,0 +1,16 @@ +/** + * Butterfly + * lazyload + * replace src to data-lazy-src + */ + +'use strict' + +const urlFor = require('hexo-util').url_for.bind(hexo) + +hexo.extend.filter.register('after_post_render', data => { + if (!hexo.theme.config.lazyload.enable) return + const bg = hexo.theme.config.lazyload.post ? urlFor(hexo.theme.config.lazyload.post) : 'data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=' + data.content = data.content.replace(/( yearA === yearB && monthA === monthB + : (yearA, monthA, yearB, monthB) => yearA === yearB + const limit = options.limit + const moreButton = this._p('aside.more_button') + let result = '' + + if (!format) { + format = type === 'monthly' ? 'MMMM YYYY' : 'YYYY' + } + + const posts = this.site.posts.sort('date', order) + if (!posts.length) return result + + const data = [] + let length = 0 + + posts.forEach(post => { + // Clone the date object to avoid pollution + let date = post.date.clone() + + if (timezone) date = date.tz(timezone) + + const year = date.year() + const month = date.month() + 1 + const lastData = data[length - 1] + + if (!lastData || !compareFunc(lastData.year, lastData.month, year, month)) { + if (lang) date = date.locale(lang) + const name = date.format(format) + length = data.push({ + name, + year, + month, + count: 1 + }) + } else { + lastData.count++ + } + }) + + const link = item => { + let url = `${archiveDir}/${item.year}/` + + if (type === 'monthly') { + if (item.month < 10) url += '0' + url += `${item.month}/` + } + + return this.url_for(url) + } + + result += '' + return result +}) + +const toMomentLocale = function (lang) { + if (lang === undefined) { + return undefined + } + + // moment.locale('') equals moment.locale('en') + // moment.locale(null) equals moment.locale('en') + if (!lang || lang === 'en' || lang === 'default') { + return 'en' + } + return lang.toLowerCase().replace('_', '-') +} diff --git a/themes/butterfly/scripts/helpers/aside_categories.js b/themes/butterfly/scripts/helpers/aside_categories.js new file mode 100644 index 0000000..a787bad --- /dev/null +++ b/themes/butterfly/scripts/helpers/aside_categories.js @@ -0,0 +1,96 @@ +/** + * Butterfly + * for aside categories + */ + +'use strict' + +hexo.extend.helper.register('aside_categories', function (categories, options) { + if (!options && (!categories || !Object.prototype.hasOwnProperty.call(categories, 'length')) + ) { + options = categories + categories = this.site.categories + } + + if (!categories || !categories.length) return '' + options = options || {} + 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 + const isExpand = options.expand !== 'none' + const expandClass = isExpand && options.expand === true ? 'expand' : '' + + const buttonLabel = this._p('aside.more_button') + const prepareQuery = (parent) => { + const query = {} + if (parent) { query.parent = parent } else { query.parent = { $exists: false } } + return categories.find(query).sort(orderby, order).filter((cat) => cat.length) + } + + const hierarchicalList = (t, level, parent, topparent = true) => { + let result = '' + const isTopParent = topparent + if (t > 0) { + prepareQuery(parent).forEach((cat, i) => { + if (t > 0) { + t = t - 1 + let child + if (!depth || level + 1 < depth) { + const childList = hierarchicalList(t, level + 1, cat._id, false) + child = childList[0] + t = childList[1] + } + + const parentClass = isExpand && isTopParent && child ? 'parent' : '' + + result += `
  • ` + + result += `` + + result += `${cat.name}` + + if (showCount) { + result += `${cat.length}` + } + + if (isExpand && isTopParent && child) { + result += `` + } + + result += '' + + result += '
    • ' + + if (child) { + result += `` + } + } + }) + } + + return [result, t] + } + + const list = hierarchicalList(limit, 0) + + const moreButton = function () { + let moreHtml = '' + if (categories.length <= limit) return '' + moreHtml += '
  • ' + moreHtml += ` + ${buttonLabel}
    • ` + + return moreHtml + } + + return `` +}) diff --git a/themes/butterfly/scripts/helpers/page.js b/themes/butterfly/scripts/helpers/page.js new file mode 100644 index 0000000..fd44158 --- /dev/null +++ b/themes/butterfly/scripts/helpers/page.js @@ -0,0 +1,72 @@ +/** + * Butterfly + * @example + * page_description() + * cloudTags(source, minfontsize, maxfontsize, limit) + */ + +'use strict' + +const { stripHTML, escapeHTML, prettyUrls } = require('hexo-util') +const crypto = require('crypto') + +hexo.extend.helper.register('page_description', function () { + const { config, page } = this + let description = page.description || page.content || page.title || config.description + + if (description) { + description = escapeHTML(stripHTML(description).substring(0, 200) + .trim() + ).replace(/\n/g, ' ') + return description + } +}) + +hexo.extend.helper.register('cloudTags', function (options = {}) { + const env = this + let source = options.source + const minfontsize = options.minfontsize + const maxfontsize = options.maxfontsize + const limit = options.limit + const unit = options.unit || 'px' + + let result = '' + if (limit > 0) { + source = source.limit(limit) + } + + const sizes = [] + source.sort('length').forEach(tag => { + const { length } = tag + if (sizes.includes(length)) return + sizes.push(length) + }) + + const length = sizes.length - 1 + source.forEach(tag => { + const ratio = length ? sizes.indexOf(tag.length) / length : 0 + const size = minfontsize + ((maxfontsize - minfontsize) * ratio) + let style = `font-size: ${parseFloat(size.toFixed(2))}${unit};` + const color = 'rgb(' + Math.floor(Math.random() * 201) + ', ' + Math.floor(Math.random() * 201) + ', ' + Math.floor(Math.random() * 201) + ')' // 0,0,0 -> 200,200,200 + style += ` color: ${color}` + result += `${tag.name}` + }) + return result +}) + +hexo.extend.helper.register('urlNoIndex', function () { + return prettyUrls(this.url, { trailing_index: false, trailing_html: false }) +}) + +hexo.extend.helper.register('md5', function (path) { + return crypto.createHash('md5').update(decodeURI(this.url_for(path))).digest('hex') +}) + +hexo.extend.helper.register('injectHtml', function (data) { + let result = '' + if (!data) return '' + for (let i = 0; i < data.length; i++) { + result += data[i] + } + return result +}) diff --git a/themes/butterfly/scripts/helpers/related_post.js b/themes/butterfly/scripts/helpers/related_post.js new file mode 100644 index 0000000..24992b4 --- /dev/null +++ b/themes/butterfly/scripts/helpers/related_post.js @@ -0,0 +1,123 @@ +/** + * Butterfly + * Related Posts + * According the tag + */ + +'use strict' + +hexo.extend.helper.register('related_posts', function (currentPost, allPosts) { + let relatedPosts = [] + currentPost.tags.forEach(function (tag) { + allPosts.forEach(function (post) { + if (isTagRelated(tag.name, post.tags)) { + const relatedPost = { + title: post.title, + path: post.path, + cover: post.cover, + randomcover: post.randomcover, + weight: 1, + updated: post.updated, + created: post.date + } + const index = findItem(relatedPosts, 'path', post.path) + if (index !== -1) { + relatedPosts[index].weight += 1 + } else { + if (currentPost.path !== post.path) { + relatedPosts.push(relatedPost) + } + } + } + }) + }) + if (relatedPosts.length === 0) { + return '' + } + let result = '' + const hexoConfig = hexo.config + const config = hexo.theme.config + + const limitNum = config.related_post.limit || 6 + const dateType = config.related_post.date_type || 'created' + const headlineLang = this._p('post.recommend') + const lazySrc = config.lazyload.enable ? 'data-lazy-src' : 'src' + + relatedPosts = relatedPosts.sort(compare('weight')) + + if (relatedPosts.length > 0) { + result += '
    ' + result += + '
    ' + + ' ' + + headlineLang + + '
    ' + result += '
    ' + + for (let i = 0; i < Math.min(relatedPosts.length, limitNum); i++) { + const cover = + relatedPosts[i].cover === false + ? relatedPosts[i].randomcover + : relatedPosts[i].cover + result += + '
    ' + result += + 'cover' + if (dateType === 'created') { + result += + '
    ' + + ' ' + + this.date(relatedPosts[i].created, hexoConfig.date_format) + + '
    ' + } else { + result += + '
    ' + + ' ' + + this.date(relatedPosts[i].updated, hexoConfig.date_format) + + '
    ' + } + result += + '
    ' + relatedPosts[i].title + '
    ' + result += '
    ' + } + + result += '
    ' + return result + } +}) + +function isTagRelated (tagName, TBDtags) { + let result = false + TBDtags.forEach(function (tag) { + if (tagName === tag.name) { + result = true + } + }) + return result +} + +function findItem (arrayToSearch, attr, val) { + for (let i = 0; i < arrayToSearch.length; i++) { + if (arrayToSearch[i][attr] === val) { + return i + } + } + return -1 +} + +function compare (attr) { + return function (a, b) { + const val1 = a[attr] + const val2 = b[attr] + return val2 - val1 + } +} diff --git a/themes/butterfly/scripts/tag/button.js b/themes/butterfly/scripts/tag/button.js new file mode 100644 index 0000000..bb5a18a --- /dev/null +++ b/themes/butterfly/scripts/tag/button.js @@ -0,0 +1,28 @@ +/** + * Button + * {% btn url text icon option %} + * option: color outline center block larger + * color : default/blue/pink/red/purple/orange/green + */ + +'use strict' + +const urlFor = require('hexo-util').url_for.bind(hexo) + +function btn (args) { + args = args.join(' ').split(',') + let url = args[0] || '' + let text = args[1] || '' + let icon = args[2] || '' + let option = args[3] || '' + + url = url.trim() + text = text.trim() + icon = icon.trim() + option = option.trim() + + return `${icon.length > 0 ? `` : ''}${text}` +} + +hexo.extend.tag.register('btn', btn, { ends: false }) diff --git a/themes/butterfly/scripts/tag/gallery.js b/themes/butterfly/scripts/tag/gallery.js new file mode 100644 index 0000000..a285008 --- /dev/null +++ b/themes/butterfly/scripts/tag/gallery.js @@ -0,0 +1,34 @@ +/** + * Butterfly + * galleryGroup and allery + */ + +'use strict' + +const urlFor = require('hexo-util').url_for.bind(hexo) + +function gallery (args, content) { + return `
    ${hexo.render.renderSync({ text: content, engine: 'markdown' }).split('\n').join('')} +
    ` +} + +function galleryGroup (args) { + const name = args[0] + const desrc = args[1] + const url = urlFor(args[2]) + const img = urlFor(args[3]) + + return ` +
    + +
    +
    ${name}
    +

    ${desrc}

    + +
    +
    + ` +} + +hexo.extend.tag.register('gallery', gallery, { ends: true }) +hexo.extend.tag.register('galleryGroup', galleryGroup) diff --git a/themes/butterfly/scripts/tag/hide.js b/themes/butterfly/scripts/tag/hide.js new file mode 100644 index 0000000..eb7059f --- /dev/null +++ b/themes/butterfly/scripts/tag/hide.js @@ -0,0 +1,71 @@ +/** + * Butterfly + * @example + * hideInline + * {% hideInline content,display,bg,color %} + * content不能包含當引號，可用 ' + * hideBlock + * {% hideBlock display,bg,color %} + * content + * {% endhideBlock %} + * hideToggle + * {% hideToggle display,bg,color %} + * content + * {% endhideToggle %} + */ + +'use strict' + +function hideInline (args) { + args = args.join(' ').split(',') + const content = args[0] + const display = args[1] || 'Click' + const bg = args[2] || false + const color = args[3] || false + let group = 'style="' + + if (bg) group += `background-color: ${bg};` + if (color) group += `color: ${color}` + group += '"' + + return `${content}` +} + +function hideBlock (args, content) { + args = args.join(' ').split(',') + const display = args[0] || 'Click' + const bg = args[1] || false + const color = args[2] || false + let group = 'style="' + + if (bg) group += `background-color: ${bg};` + if (color) group += `color: ${color}` + group += '"' + + return `
    ${hexo.render.renderSync({ text: content, engine: 'markdown' })}
    ` +} + +function hideToggle (args, content) { + args = args.join(' ').split(',') + const display = args[0] + const bg = args[1] || false + const color = args[2] || false + let group = 'style="' + let border = '' + + if (bg) { + border = `style="border: 1px solid ${bg}"` + group += `background-color: ${bg};` + } + if (color) group += `color: ${color}` + group += '"' + + return `
    ${display}
    +
    ${hexo.render.renderSync({ text: content, engine: 'markdown' })}
    ` +} + +hexo.extend.tag.register('hideInline', hideInline) +hexo.extend.tag.register('hideBlock', hideBlock, { ends: true }) +hexo.extend.tag.register('hideToggle', hideToggle, { ends: true }) diff --git a/themes/butterfly/scripts/tag/mermaid.js b/themes/butterfly/scripts/tag/mermaid.js new file mode 100644 index 0000000..d8f8b15 --- /dev/null +++ b/themes/butterfly/scripts/tag/mermaid.js @@ -0,0 +1,15 @@ +/** + * Butterfly + * mermaid + * https://github.com/mermaid-js/mermaid + */ + +'use strict' + +const { escapeHTML } = require('hexo-util') + +function mermaid (args, content) { + return `
    ${escapeHTML(content)}
    ` +} + +hexo.extend.tag.register('mermaid', mermaid, { ends: true }) diff --git a/themes/butterfly/scripts/tag/note.js b/themes/butterfly/scripts/tag/note.js new file mode 100644 index 0000000..ec4e8b5 --- /dev/null +++ b/themes/butterfly/scripts/tag/note.js @@ -0,0 +1,27 @@ +/** + * note.js + * transplant from hexo-theme-next + * Modify by Jerry + */ + +'use strict' + +function postNote (args, content) { + const styleConfig = hexo.theme.config.note.style + const lastArgs = args[args.length - 1] + if (!(lastArgs === 'flat' || lastArgs === 'modern' || lastArgs === 'simple' || lastArgs === 'disabled')) { + args.push(styleConfig) + } + + let icon = '' + const iconArray = args[args.length - 2] + if (iconArray && iconArray.startsWith('fa')) { + icon = `` + args[args.length - 2] = 'icon' + } + + return `
    ${icon + hexo.render.renderSync({ text: content, engine: 'markdown' })}
    ` +} + +hexo.extend.tag.register('note', postNote, { ends: true }) +hexo.extend.tag.register('subnote', postNote, { ends: true }) diff --git a/themes/butterfly/scripts/tag/tabs.js b/themes/butterfly/scripts/tag/tabs.js new file mode 100644 index 0000000..b818b46 --- /dev/null +++ b/themes/butterfly/scripts/tag/tabs.js @@ -0,0 +1,62 @@ +/** + * Tabs + * transplant from hexo-theme-next + * modify by Jerry + */ + +'use strict' + +function postTabs (args, content) { + const tabBlock = /\n([\w\W\s\S]*?)/g + + args = args.join(' ').split(',') + const tabName = args[0] + const tabActive = Number(args[1]) || 0 + + const matches = [] + let match + let tabId = 0 + let tabNav = '' + let tabContent = '' + + !tabName && hexo.log.warn('Tabs block must have unique name!') + + while ((match = tabBlock.exec(content)) !== null) { + matches.push(match[1]) + matches.push(match[2]) + } + + for (let i = 0; i < matches.length; i += 2) { + const tabParameters = matches[i].split('@') + let postContent = matches[i + 1] + let tabCaption = tabParameters[0] || '' + let tabIcon = tabParameters[1] || '' + let tabHref = '' + + postContent = hexo.render.renderSync({ text: postContent, engine: 'markdown' }).trim() + + tabId += 1 + tabHref = (tabName + ' ' + tabId).toLowerCase().split(' ').join('-'); + + ((tabCaption.length === 0) && (tabIcon.length === 0)) && (tabCaption = tabName + ' ' + tabId) + + const isOnlyicon = tabIcon.length > 0 && tabCaption.length === 0 ? ' style="text-align: center;"' : '' + const icon = tabIcon.trim() + tabIcon.length > 0 && (tabIcon = ``) + + const toTop = '' + + const isActive = (tabActive > 0 && tabActive === tabId) || (tabActive === 0 && tabId === 1) ? ' active' : '' + tabNav += `
    • ` + tabContent += `
    ${postContent + toTop}
    ` + } + + tabNav = `
      ${tabNav}
    ` + tabContent = `
    ${tabContent}
    ` + + return `
    ${tabNav + tabContent}
    ` +} + +hexo.extend.tag.register('tabs', postTabs, { ends: true }) +hexo.extend.tag.register('subtabs', postTabs, { ends: true }) +hexo.extend.tag.register('subsubtabs', postTabs, { ends: true }) diff --git a/themes/butterfly/source/css/_global/function.styl b/themes/butterfly/source/css/_global/function.styl new file mode 100644 index 0000000..1ba495d --- /dev/null +++ b/themes/butterfly/source/css/_global/function.styl @@ -0,0 +1,199 @@ +.limit-one-line + overflow: hidden + text-overflow: ellipsis + white-space: nowrap + +.limit-more-line + display: -webkit-box + overflow: hidden + -webkit-box-orient: vertical + +.fontawesomeIcon + display: inline-block + font-weight: 600 + font-style: normal + font-variant: normal + font-family: 'Font Awesome 5 Free' + text-rendering: auto + -webkit-font-smoothing: antialiased + +maxWidth600() + @media screen and (max-width: 600px) + {block} + +maxWidth768() + @media screen and (max-width: 768px) + {block} + +minWidth768() + @media screen and (min-width: 768px) + {block} + +maxWidth1024() + @media screen and (max-width: 1024px) + {block} + +maxWidth900() + @media screen and (max-width: 900px) + {block} + +minWidth900() + @media screen and (min-width: 900px) + {block} + +minWidth2000() + @media screen and (min-width: 2000px) + {block} + +// animation +if hexo-config('enter_transitions') + #content-inner, + #footer + animation: main 1s + + #page-header + animation: header-effect 1s + + #site-title, + #site-subtitle + animation: titlescale 1s + + #nav.show + animation: headerNoOpacity 1s + + canvas:not(#ribbon-canvas), + #web_bg + animation: to_show 4s + + #ribbon-canvas + animation: ribbon_to_show 4s + + #sidebar-menus + &.open + for i in 1 2 3 4 + > :nth-child({i}) + animation: sidebarItem (i / 5)s + +.card-announcement-animation + color: #FF0000 + animation: announ_animation .8s linear infinite + +.scroll-down-effects + animation: scroll-down-effect 1.5s infinite + +if hexo-config('avatar.effect') == true + .avatar-img + animation: avatar_turn_around 2s linear infinite + +.reward-main + animation: donate_effcet .3s .1s ease both + +@keyframes scroll-down-effect + 0% + top: 0 + opacity: .4 + + 50% + top: -16px + opacity: 1 + + 100% + top: 0 + opacity: .4 + +@keyframes header-effect + 0% + opacity: 0 + transform: translateY(-50px) + + 100% + opacity: 1 + transform: translateY(0) + +@keyframes headerNoOpacity + 0% + transform: translateY(-50px) + + 100% + transform: translateY(0) + +@keyframes main + 0% + opacity: 0 + transform: translateY(50px) + + 100% + opacity: 1 + transform: translateY(0) + +@keyframes titlescale + 0% + opacity: 0 + transform: scale(.7) + + 100% + opacity: 1 + transform: scale(1) + +@keyframes search_close + 0% + opacity: 1 + transform: scale(1) + + 100% + opacity: 0 + transform: scale(.7) + +@keyframes to_show + 0% + opacity: 0 + + 100% + opacity: 1 + +@keyframes ribbon_to_show + 0% + opacity: 0 + + 100% + opacity: hexo-config('canvas_ribbon.alpha') + +@keyframes avatar_turn_around + from + transform: rotate(0) + + to + transform: rotate(360deg) + +@keyframes sub_menus + 0% + opacity: 0 + transform: translateY(10px) + + 100% + opacity: 1 + transform: translateY(0) + +@keyframes donate_effcet + 0% + opacity: 0 + transform: translateY(-20px) + + 100% + opacity: 1 + transform: translateY(0) + +@keyframes announ_animation + 0%, + to + transform: scale(1) + + 50% + transform: scale(1.2) + +@keyframes sidebarItem + 0% + transform: translateX(200px) + + 100% + transform: translateX(0) \ No newline at end of file diff --git a/themes/butterfly/source/css/_global/index.styl b/themes/butterfly/source/css/_global/index.styl new file mode 100644 index 0000000..fcecdb8 --- /dev/null +++ b/themes/butterfly/source/css/_global/index.styl @@ -0,0 +1,217 @@ +[data-theme='light'] + --global-bg: $body-bg + --font-color: $font-black + --hr-border: lighten($theme-hr-color, 50%) + --hr-before-color: lighten($theme-hr-color, 30%) + --search-bg: $search-bg + --search-input-color: $search-input-color + --search-result-title: $search-result-title + --preloader-bg: $preloader-bg + --preloader-color: $preloader-word-color + --tab-border-color: $tab-border-color + --tab-botton-bg: $tab-botton-bg + --tab-botton-color: $tab-botton-color + --tab-button-hover-bg: $tab-button-hover-bg + --tab-button-active-bg: $tab-button-active-bg + --card-bg: $card-bg + --sidebar-bg: $sidebar-background + --btn-hover-color: $button-hover-color + --btn-color: $button-color + --btn-bg: $button-bg + --text-bg-hover: $text-bg-hover + --light-grey: $light-grey + --white: $white + --text-highlight-color: $text-highlight-color + --blockquote-color: $blockquote-color + --blockquote-bg: $blockquote-background-color + --reward-pop: $reward-pop-up-bg + --toc-link-color: $toc-link-color + +html + height: 100% + font-size: 20px + +body + position: relative + min-height: 100% + background: var(--global-bg) + color: var(--font-color) + font-size: $font-size + font-family: $font-family + line-height: $text-line-height + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) + + if !hexo-config('copy.enable') + user-select: none + +*::-webkit-scrollbar + width: 8px + height: 8px + +*::-webkit-scrollbar-thumb + background: var(--btn-bg) + +*::-webkit-scrollbar-track + background-color: transparent + +input::placeholder + color: var(--font-color) + +#web_bg + position: fixed + z-index: -999 + width: 100% + height: 100% + background: $web-bg + background-attachment: local + background-position: center + background-size: cover + background-repeat: no-repeat + +h1, +h2, +h3, +h4, +h5, +h6 + position: relative + margin: 1rem 0 .7rem + color: var(--text-highlight-color) + font-weight: bold + + code + font-size: inherit !important + +* + box-sizing: border-box + +hr + position: relative + margin: 2rem auto + border: 2px dashed var(--hr-border) + + if hexo-config('hr_icon.enable') + width: calc(100% - 4px) + + &:hover + &:before + left: calc(95% - 20px) + + &:before + position: absolute + top: $hr-icon-top + left: 5% + z-index: 1 + color: var(--hr-before-color) + content: $hr-icon + font-size: 20px + line-height: 1 + transition: all 1s ease-in-out + @extend .fontawesomeIcon + +.table-wrap + overflow-x: scroll + margin: 0 0 1rem + +table + display: table + width: 100% + border-spacing: 0 + border-collapse: collapse + empty-cells: show + + thead + background: alpha($table-thead-bg, 10%) + + th, + td + padding: .3rem .6rem + border: 1px solid var(--light-grey) + vertical-align: middle + +*::selection + background: $theme-text-selection-color + color: #F7F7F7 + +button + padding: 0 + outline: 0 + border: none + background: none + cursor: pointer + +a + color: $a-link-color + text-decoration: none + word-wrap: break-word + transition: all .2s + overflow-wrap: break-word + + &:hover + color: $light-blue + +// font +if $site-name-font + #site-title, + #site-subtitle, + #site-name, + #aside_content .author-info__name, + #aside_content .author-info__description + font-family: $site-name-font + +.is-center + text-align: center + +.copy-true + user-select: all + +.pull-left + float: left + +.pull-right + float: right + +.button--animated + position: relative + z-index: 1 + transition: color 1s + + &:before + position: absolute + top: 0 + right: 0 + bottom: 0 + left: 0 + z-index: -1 + background: var(--btn-hover-color) + content: '' + transition: transform .5s ease-out + transform: scaleX(0) + transform-origin: 0 50% + + &:hover + &:before + transition-timing-function: cubic-bezier(.45, 1.64, .47, .66) + transform: scaleX(1) + +img + max-width: 100% + transition: all .2s + +img[src=''], +img:not([src]) + opacity: 0 + +.img-alt + margin: -.5rem 0 .5rem + color: #858585 + + &:hover + text-decoration: none !important + +.post-ad + margin: 2rem 0 + +.ad-height + display: block !important + height: auto !important \ No newline at end of file diff --git a/themes/butterfly/source/css/_highlight/highlight.styl b/themes/butterfly/source/css/_highlight/highlight.styl new file mode 100644 index 0000000..fccfaca --- /dev/null +++ b/themes/butterfly/source/css/_highlight/highlight.styl @@ -0,0 +1,186 @@ +// https://github.com/equinusocio/vsc-material-theme +$highlight_theme = hexo-config('highlight_theme') +$highlighEnable = hexo-config('highlight_settings') && hexo-config('highlight_settings.enable') +$prismjsEnable = hexo-config('prismjs_settings') && hexo-config('prismjs_settings.enable') +wordWrap = !hexo-config('highlight_settings.line_number') && hexo-config('code_word_wrap') + +@require 'theme' + +if $highlighEnable + @require 'highlight/index' + +if $prismjsEnable + @require 'prismjs/index' + +$code-block + overflow: auto + margin: 0 0 1rem + padding: 0 + background: $highlight-background + color: $highlight-foreground + line-height: $line-height-code-block + + if wordWrap + counter-reset: line + white-space: pre-wrap + +blockquote + margin: 0 0 1rem + padding: .1rem .8rem + border-left: .2rem solid $blockquote-padding-color + background-color: var(--blockquote-bg) + color: var(--blockquote-color) + + a + word-break: break-all + + p + margin: 0 !important + padding: .5rem 0 + + footer + padding: 0 0 .5rem + + cite + &:before + padding: 0 .3em + content: '—' + +#article-container + pre, + code + font-size: $code-font-size + font-family: $code-font-family !important + + code + padding: .1rem .2rem + background: $code-background + color: $code-foreground + word-wrap: break-word + word-break: break-word + overflow-wrap: break-word + + pre + @extend $code-block + padding: 10px 20px + + code + padding: 0 + background: none + color: $highlight-foreground + text-shadow: none + + figure.highlight + @extend $code-block + position: relative + + pre + margin: 0 + padding: 8px 0 + border: none + + figcaption, + .caption + padding: .3rem 0 .1rem .7rem + font-size: $code-font-size + line-height: 1em + + a + float: right + padding-right: 10px + color: $highlight-foreground + + &:hover + border-bottom-color: $highlight-foreground + + .highlight-tools + position: relative + display: flex + align-items: center + overflow: hidden + min-height: 1.2rem + height: 2.15em + background: $highlight-tools.bg-color + color: $highlight-tools.color + font-size: $code-font-size + + &.closed + table + display: none + + .expand + position: absolute + padding: .4rem .7rem + cursor: pointer + transition: transform .3s + + & + .code-lang + left: 1.7rem + + &.closed + transition: all .3s + transform: rotate(-90deg) !important + + .code-lang + position: absolute + left: .7rem + text-transform: uppercase + font-weight: bold + font-size: 1.15em + user-select: none + + .copy-notice + position: absolute + right: 1.7rem + opacity: 0 + + .copy-button + position: absolute + right: .7rem + cursor: pointer + transition: color .2s + + &:hover + color: $theme-color + + .gutter + user-select: none + + .gist table + width: auto + + td + border: none + + if $highlight_theme == 'mac' || ($highlight_theme == 'mac light') + figure.highlight + margin: 0 0 1.2rem + border-radius: 7px + box-shadow: 0 5px 10px 0 $highlight-mac-border + -webkit-transform: translateZ(0) + + .highlight-tools + &:after + position: absolute + left: .7rem + width: 12px + height: 12px + border-radius: 50% + background: #fc625d + box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b + content: ' ' + + .expand + right: 0 + + &.closed + transition: all .3s + transform: rotate(90deg) !important + + & ~ .copy-notice + right: 2.8rem + + & ~ .copy-button + right: 1.8rem + + .code-lang + left: 3.8rem !important diff --git a/themes/butterfly/source/css/_highlight/highlight/diff.styl b/themes/butterfly/source/css/_highlight/highlight/diff.styl new file mode 100644 index 0000000..486754c --- /dev/null +++ b/themes/butterfly/source/css/_highlight/highlight/diff.styl @@ -0,0 +1,77 @@ +figure.highlight + table + &::-webkit-scrollbar-thumb + background: $highlight-scrollbar + + pre .deletion + color: $highlight-deletion + + pre .addition + color: $highlight-addition + + pre .meta + color: $highlight-purple + + pre + .comment + color: $highlight-comment + + .variable, + .attribute, + .regexp, + .ruby .constant, + .xml .tag .title, + .xml .pi, + .xml .doctype, + .html .doctype, + .css .id, + .tag .name, + .css .class, + .css .pseudo + color: $highlight-red + + .tag + color: $highlight-aqua + + .number, + .preprocessor, + .literal, + .params, + .constant, + .command + color: $highlight-orange + + .built_in + color: $highlight-yellow + + .ruby .class .title, + .css .rules .attribute, + .string, + .value, + .inheritance, + .header, + .ruby .symbol, + .xml .cdata, + .special, + .number, + .formula + color: $highlight-green + + .keyword, + .title, + .css .hexcolor + color: $highlight-aqua + + .function, + .python .decorator, + .python .title, + .ruby .function .title, + .ruby .title .keyword, + .perl .sub, + .javascript .title, + .coffeescript .title + color: $highlight-blue + + .tag .attr, + .javascript .function + color: $highlight-purple diff --git a/themes/butterfly/source/css/_highlight/highlight/index.styl b/themes/butterfly/source/css/_highlight/highlight/index.styl new file mode 100644 index 0000000..9c3d4f9 --- /dev/null +++ b/themes/butterfly/source/css/_highlight/highlight/index.styl @@ -0,0 +1,39 @@ +if $highlight_theme != false + @require 'diff' + +#article-container + figure.highlight + .line + if wordWrap + &:before + display: inline-block + padding: 0 .3rem 0 0 + min-width: 1.6rem + color: $highlight-gutter.color + content: counter(line) + counter-increment: line + text-align: left + + &.marked + background-color: $highlight-selection + + table + display: block + overflow: auto + border: none + + td + padding: 0 + border: none + + .gutter pre + padding-right: .5rem + padding-left: .5rem + background-color: $highlight-gutter.bg-color + color: $highlight-gutter.color + text-align: right + + .code pre + padding-right: .5rem + padding-left: .5rem + width: 100% diff --git a/themes/butterfly/source/css/_highlight/prismjs/diff.styl b/themes/butterfly/source/css/_highlight/prismjs/diff.styl new file mode 100644 index 0000000..1e63c79 --- /dev/null +++ b/themes/butterfly/source/css/_highlight/prismjs/diff.styl @@ -0,0 +1,302 @@ +if $highlight_theme == 'light' || ($highlight_theme == 'mac light') + // prism-base16-ateliersulphurpool.light + pre[class*='language-'] + .token.function + color: #ffb62c + + .token.comment, + .token.prolog, + .token.doctype, + .token.cdata + color: rgba(149, 165, 166, .8) + + .token.punctuation + color: #5e6687 + + .token.namespace + opacity: .7 + + .token.operator, + .token.boolean, + .token.number + color: #c76b29 + + .token.property + color: #c08b30 + + .token.tag + color: #3d8fd1 + + .token.string + color: #22a2c9 + + .token.selector + color: #6679cc + + .token.attr-name + color: #c76b29 + + .token.entity, + .token.url, + .language-css .token.string, + .style .token.string + color: #22a2c9 + + .token.attr-value, + .token.keyword, + .token.control, + .token.directive, + .token.unit + color: #ac9739 + + .token.statement, + .token.regex, + .token.atrule + color: #22a2c9 + + .token.placeholder, + .token.variable + color: #3d8fd1 + + .token.deleted + text-decoration: line-through + + .token.inserted + border-bottom: 1px dotted #202746 + text-decoration: none + + .token.italic + font-style: italic + + .token.important, + .token.bold + font-weight: bold + + .token.important + color: #c94922 + + .token.entity + cursor: help + + pre > code.highlight + outline: .4em solid #c94922 + outline-offset: .4em + +if $highlight_theme == 'darker' || ($highlight_theme == 'mac') + // prism-atom-dark + pre[class*='language-'] + .token.comment, + .token.prolog, + .token.doctype, + .token.cdata + color: #7C7C7C + + .token.punctuation + color: #c5c8c6 + + .namespace + opacity: .7 + + .token.property, + .token.keyword, + .token.tag + color: #96CBFE + + .token.class-name + color: #FFFFB6 + + .token.boolean, + .token.constant + color: #99CC99 + + .token.symbol, + .token.deleted + color: #f92672 + + .token.number + color: #FF73FD + + .token.selector, + .token.attr-name, + .token.string, + .token.char, + .token.builtin, + .token.inserted + color: #A8FF60 + + .token.variable + color: #C6C5FE + + .token.operator + color: #EDEDED + + .token.entity + color: #FFFFB6 + cursor: help + + .token.url + color: #96CBFE + + .language-css .token.string, + .style .token.string + color: #87C38A + + .token.atrule, + .token.attr-value + color: #F9EE98 + + .token.function + color: #DAD085 + + .token.regex + color: #E9C062 + + .token.important + color: #fd971f + + .token.important, + .token.bold + font-weight: bold + + .token.italic + font-style: italic + +if $highlight_theme == 'pale night' + // prism-dracula + pre[class*='language-'] + .token.comment, + .token.prolog, + .token.doctype, + .token.cdata + color: #6272a4 + + .token.punctuation + color: #f8f8f2 + + .namespace + opacity: .7 + + .token.property, + .token.tag, + .token.constant, + .token.symbol, + .token.deleted + color: #ff79c6 + + .token.boolean, + .token.number + color: #bd93f9 + + .token.selector, + .token.attr-name, + .token.string, + .token.char, + .token.builtin, + .token.inserted + color: #50fa7b + + .token.operator, + .token.entity, + .token.url, + .language-css .token.string, + .style .token.string, + .token.variable + color: #f8f8f2 + + .token.atrule, + .token.attr-value, + .token.function, + .token.class-name + color: #f1fa8c + + .token.keyword + color: #8be9fd + + .token.regex, + .token.important + color: #ffb86c + + .token.important, + .token.bold + font-weight: bold + + .token.italic + font-style: italic + + .token.entity + cursor: help + +if $highlight_theme == 'ocean' + // prism-material-oceanic + pre[class*='language-'] + &.language-css > code, + &.language-sass > code, + &.language-scss > code + color: #fd9170 !important + + .namespace + opacity: .7 + + .token.atrule, + .token.symbol, + .token.constant, + .token.boolean, + .token.function + color: #c792ea + + .token.attr-name, + .token.builtin, + .token.class + color: #ffcb6b + + .token.attr-value, + .token.attribute, + .token.pseudo-class, + .token.pseudo-element, + .token.string + color: #c3e88d + + .token.cdata, + .token.property, + .token.char, + .token.inserted + color: #80cbc4 + + .token.class-name, + .token.color, + .token.hexcode, + .token.regex + color: #f2ff00 + + .token.comment, + .token.prolog, + .token.doctype + color: #546e7a + + .token.deleted, + .token.variable, + .token.entity, + .token.selector, + .token.tag, + .token.unit + color: #f07178 + + .token.id + color: #c792ea + font-weight: bold + + .token.important + color: #c792ea + font-weight: bold + + .token.keyword + color: #c792ea + font-style: italic + + .token.number, + .token.url + color: #fd9170 + + .token.operator, + .token.punctuation + color: #89ddff \ No newline at end of file diff --git a/themes/butterfly/source/css/_highlight/prismjs/index.styl b/themes/butterfly/source/css/_highlight/prismjs/index.styl new file mode 100644 index 0000000..5ac7f4f --- /dev/null +++ b/themes/butterfly/source/css/_highlight/prismjs/index.styl @@ -0,0 +1,20 @@ +if hexo-fonfig('prismjs_settings.line_number') + @require 'line-number' + +if $highlight_theme != false + @require 'diff' + +#article-container + pre[class*='language-'] + &::-webkit-scrollbar-thumb + background: $highlight-scrollbar + + &:not(.line-numbers) + padding: 10px 20px + + .caption + margin-left: -3.8em + padding: .2rem .8rem !important + + a + padding: 0 !important diff --git a/themes/butterfly/source/css/_highlight/prismjs/line-number.styl b/themes/butterfly/source/css/_highlight/prismjs/line-number.styl new file mode 100644 index 0000000..a6bd858 --- /dev/null +++ b/themes/butterfly/source/css/_highlight/prismjs/line-number.styl @@ -0,0 +1,34 @@ +#article-container + pre[class*='language-'] + &.line-numbers + position: relative + padding-left: 3.8em + counter-reset: linenumber + line-height: $line-height-code-block + + > code + position: relative + white-space: inherit + line-height: $line-height-code-block + + .line-numbers-rows + position: absolute + top: 0 + left: -3.8em + width: 3em + letter-spacing: -1px + font-size: 100% + pointer-events: none + user-select: none + + & > span + display: block + counter-increment: linenumber + pointer-events: none + + &:before + display: block + padding-right: .8em + color: $highlight-gutter.color + content: counter(linenumber) + text-align: right diff --git a/themes/butterfly/source/css/_highlight/theme.styl b/themes/butterfly/source/css/_highlight/theme.styl new file mode 100644 index 0000000..528f18e --- /dev/null +++ b/themes/butterfly/source/css/_highlight/theme.styl @@ -0,0 +1,119 @@ +if $highlight_theme == 'darker' || ($highlight_theme == 'mac') + $highlight-background = #212121 + $highlight-selection = #61616150 + $highlight-foreground = #EEFFFF + $highlight-mac-border = rgba(0, 0, 0, .4) + $highlight-gutter = { + color: alpha($highlight-foreground, .5), + bg-color: $highlight-background + } + $highlight-tools = { + color: alpha($highlight-foreground, .8), + bg-color: darken($highlight-background, 2) + } + $highlight-scrollbar = darken($highlight-background, 6) + + if $highlighEnable + $highlight-comment = #969896 + $highlight-red = #FF5370 + $highlight-orange = #F78C6C + $highlight-yellow = #FFCB6B + $highlight-green = #C3E88D + $highlight-aqua = #89DDFF + $highlight-blue = #82AAFF + $highlight-purple = #C792EA + $highlight-deletion = #BF42BF + $highlight-addition = #105EDE + +if $highlight_theme == 'pale night' + $highlight-background = #292D3E + $highlight-selection = #717CB450 + $highlight-foreground = #A6ACCD + $highlight-gutter = { + color: alpha($highlight-foreground, .5), + bg-color: $highlight-background + } + $highlight-tools = { + color: $highlight-foreground, + bg-color: darken($highlight-background, 2) + } + $highlight-scrollbar = darken($highlight-background, 6) + + if $highlighEnable + $highlight-comment = #676E95 + $highlight-red = #FF5370 + $highlight-orange = #F78C6C + $highlight-yellow = #FFCB6B + $highlight-green = #C3E88D + $highlight-aqua = #89DDFF + $highlight-blue = #82AAFF + $highlight-purple = #C792EA + $highlight-deletion = #BF42BF + $highlight-addition = #105EDE + +if $highlight_theme == 'ocean' + $highlight-background = #0F111A + $highlight-selection = #717CB450 + $highlight-foreground = #8F93A2 + $highlight-gutter = { + color: alpha($highlight-foreground, .5), + bg-color: $highlight-background + } + $highlight-tools = { + color: $highlight-foreground, + bg-color: darken($highlight-background, 2) + } + $highlight-scrollbar = darken($highlight-background, 5) + + if $highlighEnable + $highlight-comment = rgba(101, 115, 126, .8) + $highlight-red = #FF5370 + $highlight-orange = #F78C6C + $highlight-yellow = #FFCB6B + $highlight-green = #C3E88D + $highlight-aqua = #89DDFF + $highlight-blue = #82AAFF + $highlight-purple = #C792EA + $highlight-deletion = #BF42BF + $highlight-addition = #105EDE + +if $highlight_theme == 'light' || ($highlight_theme == 'mac light') + $highlight-background = #F6F8FA + $highlight-selection = #80CBC440 + $highlight-foreground = #90A4AE + $highlight-mac-border = rgba(144, 164, 174, .4) + $highlight-tools = { + color: $highlight-foreground, + bg-color: darken($highlight-background, 5) + } + $highlight-gutter = { + color: alpha($highlight-foreground, .5), + bg-color: $highlight-background + } + $highlight-scrollbar = darken($highlight-background, 8) + + if $highlighEnable + $highlight-comment = rgba(149, 165, 166, .8) + $highlight-red = #E53935 + $highlight-orange = #F76D47 + $highlight-yellow = #FFB62C + $highlight-green = #91B859 + $highlight-aqua = #39ADB5 + $highlight-blue = #6182B8 + $highlight-purple = #7C4DFF + $highlight-deletion = #BF42BF + $highlight-addition = #105EDE + +if $highlight_theme == false + $highlight-background = #F6F8FA + $highlight-foreground = #90A4AE + $highlight-selection = #80CBC440 + $highlight-gutter = { + color: alpha($highlight-foreground, .5), + bg-color: $highlight-background + } + $highlight-tools = { + color: $highlight-foreground, + bg-color: darken($highlight-background, 5) + } + $highlight-scrollbar = darken($highlight-background, 8) diff --git a/themes/butterfly/source/css/_layout/404.styl b/themes/butterfly/source/css/_layout/404.styl new file mode 100644 index 0000000..e7cedcb --- /dev/null +++ b/themes/butterfly/source/css/_layout/404.styl @@ -0,0 +1,77 @@ +if hexo-config('error_404.enable') + #error-wrap + position: absolute + top: 50% + right: 0 + left: 0 + margin: 0 auto + padding: 0 1rem + max-width: 1000px + transform: translate(0, -50%) + + .error-content + display: flex + flex-direction: row + justify-content: center + align-items: center + margin: 0 1rem + height: 18rem + border-radius: 8px + background: var(--card-bg) + box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06) + + +maxWidth768() + flex-direction: column + margin: 0 + height: 25rem + + .error-img + flex: 1 + height: 100% + border-top-left-radius: 8px + border-bottom-left-radius: 8px + background-color: $theme-color + background-position: center + background-size: cover + + +maxWidth768() + flex: 1 + width: 100% + border-top-right-radius: 8px + border-bottom-left-radius: 0 + + .error-info + flex: 1 + padding: .5rem + text-align: center + font-size: 14px + if $site-name-font + font-family: $site-name-font + + +maxWidth768() + flex: 1.1 + width: 100% + + .error_title + margin-top: -4rem + font-size: 9em + + +maxWidth768() + margin-top: -3rem + + .error_subtitle + @extend .limit-more-line + margin-top: -3.5rem + word-break: break-word + font-size: 1.6em + -webkit-line-clamp: 2 + + a + display: inline-block + margin-top: .5rem + padding: .3rem 1.5rem + background: var(--btn-bg) + color: var(--btn-color) + + i + padding-right: .3rem diff --git a/themes/butterfly/source/css/_layout/aside.styl b/themes/butterfly/source/css/_layout/aside.styl new file mode 100644 index 0000000..ae9692e --- /dev/null +++ b/themes/butterfly/source/css/_layout/aside.styl @@ -0,0 +1,340 @@ +#aside_content + width: 25% + + +minWidth900() + if hexo-config('aside.position') == 'right' + padding-left: 15px + else + padding-right: 15px + + +maxWidth900() + width: 100% + + if hexo-config('aside.mobile') == false + +maxWidth768() + display: none + + > .card-widget:first-child + margin-top: 0 + + +maxWidth900() + margin-top: 1rem + + .card-widget + position: relative + overflow: hidden + margin-top: 1rem + border-radius: 8px + background: var(--card-bg) + box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06) + transition: all .3s + + &:hover + box-shadow: 0 4px 12px 12px rgba(7, 17, 27, .15) + + .card-info + img + width: 110px + height: 110px + border-radius: 70px + transition: all .5s + + &:hover + transform: rotate(360deg) + + .author-info + &__name + font-weight: 500 + font-size: 1.57em + + &__description + margin-top: -.3rem + + .card-info-data + display: table + padding: .7rem 0 + width: 100% + table-layout: fixed + + & > .card-info-data-item + display: table-cell + + a + .headline + @extend .limit-one-line + color: var(--font-color) + font-size: 1em + + .length-num + margin-top: -.3rem + color: var(--text-highlight-color) + font-size: 1.4em + + .card-info-social-icons + margin: .3rem 0 -.3rem + + .social-icon + margin: 0 .5rem + color: var(--font-color) + font-size: 1.4em + cursor: pointer + + i + transition: all .3s + + &:hover + transform: rotate(540deg) + + #card-info-btn + display: block + background-color: var(--btn-bg) + color: var(--btn-color) + text-align: center + line-height: 2.4 + + span + padding-left: .5rem + + .card-content + padding: 1rem 1.2rem + + .item-headline + padding-bottom: .3rem + font-size: 1.2em + + span + margin-left: .5rem + + .sticky_layout + +minWidth900() + position: sticky + position: -webkit-sticky + top: 20px + + .card-tag-cloud + a + display: inline-block + padding: 0 .1rem + + &:hover + color: $text-hover !important + + .aside-list + & > span + display: block + margin-bottom: .5rem + text-align: center + + & > .aside-list-item + display: flex + align-items: center + padding: .3rem 0 + + &:first-child + padding-top: 0 + + &:not(:last-child) + border-bottom: 1px dashed #f5f5f5 + + &:last-child + padding-bottom: 0 + + .thumbnail + overflow: hidden + width: w = 4.2em + height: w + + & > img + width: 100% + height: 100% + transition: all .6s + object-fit: cover + + &:hover + transform: scale(1.1) + + .content + flex: 1 + padding-left: 10px + word-break: break-all + + & > .name + @extend .limit-more-line + -webkit-line-clamp: 1 + + & > time, + & > .name + display: block + color: $theme-meta-color + font-size: 85% + + & > .title, + & > .comment + @extend .limit-more-line + color: var(--font-color) + font-size: 95% + line-height: 1.5 + -webkit-line-clamp: 2 + + &:hover + color: $text-hover + + &.no-cover + min-height: 4.4em + + .card-archives ul.card-archive-list, + .card-categories ul.card-category-list + margin: 0 + padding: 0 + list-style: none + + .card-archives ul.card-archive-list > .card-archive-list-item, + .card-categories ul.card-category-list > .card-category-list-item + a + display: inline-block + padding: .15rem .5rem + width: 100% + color: var(--font-color) + transition: all .4s + + &:hover + padding: .15rem .85rem + background-color: var(--text-bg-hover) + + span + @extend .limit-one-line + display: inline-block + vertical-align: bottom + + &:first-child + width: 80% + + &:last-child + width: 20% + text-align: right + + &.more + span + padding-right: .3rem + width: auto !important + transition: .5s + + &:hover + span + padding-right: .6rem + + .card-categories + .card-category-list + &.child + padding: 0 0 0 .8rem + + > .parent + .card-category-list + &-name + width: 70% !important + + &-count + width: calc(100% - 70% - 20px) + text-align: right + + i + float: right + margin-right: -.35rem + padding: .35rem + transition: transform .3s + transform: rotate(0) + + &.expand + transform: rotate(-90deg) + + if hexo-config('aside.card_categories.expand') == false + + .child + display: none + + .card-webinfo + .webinfo + .webinfo-item + display: flex + align-items: center + padding: .1rem .5rem 0 + + div + &:first-child + flex: 1 + padding-right: 1rem + + // toc + #card-toc + +maxWidth900() + position: fixed + right: 45px + bottom: 30px + z-index: 100 + display: none + width: $toc-mobile-width + transform-origin: right bottom + animation: toc-open .3s + + .toc-child + display: block !important + + .toc-content + overflow-y: auto + max-height: calc(100vh - 120px) + + ol, + li + list-style: none + + > ol + padding: 0 !important + + ol + margin: 0 + padding-left: .4rem + + .toc-link + display: block + padding-left: .3rem + border-left: 3px solid transparent + color: var(--toc-link-color) + transition: all .2s ease-in-out + + &.active + border-left-color: darken($theme-toc-color, 20%) + background: $theme-toc-color + color: $toc-active-color + + &:before + position: absolute + top: .6rem + right: 1.2rem + color: #a9a9a9 + content: attr(progress-percentage) + font-style: italic + font-size: 1.2rem + +@keyframes toc-open + 0% + transform: scale(.7) + + 100% + transform: scale(1) + +@keyframes toc-close + 0% + transform: scale(1) + + 100% + transform: scale(.7) + ++minWidth900() + html.hide-aside + .layout + justify-content: center + + > .aside_content + display: none + + > div:first-child + width: 80% \ No newline at end of file diff --git a/themes/butterfly/source/css/_layout/chat.styl b/themes/butterfly/source/css/_layout/chat.styl new file mode 100644 index 0000000..6d515f4 --- /dev/null +++ b/themes/butterfly/source/css/_layout/chat.styl @@ -0,0 +1,8 @@ +// chat +if hexo-config('chat_btn') == true && hexo-config('chatra.enable') + #chatra:not(.chatra--expanded) + visibility: hidden !important + width: 1px !important + height: 1px !important + opacity: 0 !important + pointer-events: none diff --git a/themes/butterfly/source/css/_layout/comments.styl b/themes/butterfly/source/css/_layout/comments.styl new file mode 100644 index 0000000..04d2fa7 --- /dev/null +++ b/themes/butterfly/source/css/_layout/comments.styl @@ -0,0 +1,64 @@ +#post-comment + .comment-head + margin-bottom: 1rem + + .comment-headline + display: inline-block + vertical-align: middle + font-weight: 700 + font-size: 1.43em + + #comment-switch + display: inline-block + + if hexo-config('comments.text') + float: right + margin: .1rem auto 0 + padding: .2rem .8rem + width: max-content + border-radius: 8px + background: $comments-switch-bg + else + vertical-align: middle + + > span + display: none + + .first-comment + color: $comments-switch-first-text + + .second-comment + color: $comments-switch-second-text + + .switch-btn + position: relative + display: inline-block + margin: -4px .4rem 0 + width: 42px + height: 22px + border-radius: 34px + background-color: $comments-switch-first-text + vertical-align: middle + cursor: pointer + transition: .4s + + &:before + position: absolute + bottom: 4px + left: 4px + width: 14px + height: 14px + border-radius: 50% + background-color: $comments-switch-round + content: '' + transition: .4s + + &.move + background-color: $comments-switch-second-text + + &:before + transform: translateX(20px) + + .comment-wrap + > div:nth-child(2) + display: none \ No newline at end of file diff --git a/themes/butterfly/source/css/_layout/footer.styl b/themes/butterfly/source/css/_layout/footer.styl new file mode 100644 index 0000000..ee2e343 --- /dev/null +++ b/themes/butterfly/source/css/_layout/footer.styl @@ -0,0 +1,33 @@ +#footer + position: relative + background: $light-blue + background-attachment: local + background-position: bottom + background-size: cover + + if hexo-config('footer_bg') != false + &:before + position: absolute + width: 100% + height: 100% + background-color: alpha($dark-black, .5) + content: '' + +#footer-wrap + position: relative + padding: 2rem 1rem + color: var(--light-grey) + text-align: center + + a + color: var(--light-grey) + + &:hover + text-decoration: underline + + .footer-separator + margin: 0 .2rem + + .icp-icon + padding: 0 4px + vertical-align: text-bottom diff --git a/themes/butterfly/source/css/_layout/head.styl b/themes/butterfly/source/css/_layout/head.styl new file mode 100644 index 0000000..58fdc85 --- /dev/null +++ b/themes/butterfly/source/css/_layout/head.styl @@ -0,0 +1,366 @@ +#page-header + position: relative + width: 100% + background-color: $light-blue + background-position: center center + background-size: cover + background-repeat: no-repeat + transition: all .5s + + // index + &.full_page + height: $index_top_img_height + background-attachment: fixed + + #site-info + position: absolute + top: $index_site_info_top + padding: 0 .5rem + width: 100% + + #site-title, + #site-subtitle, + #scroll-down .scroll-down-effects + text-align: center + text-shadow: .1rem .1rem .2rem rgba(0, 0, 0, .15) + line-height: 1.5 + + #site-title + margin: 0 + color: var(--white) + font-size: 1.85em + + +minWidth768() + font-size: 2.85em + + #site-subtitle + color: var(--light-grey) + font-size: 1.15em + + +minWidth768() + font-size: 1.72em + + #site_social_icons + display: none + margin: 0 auto + width: 15rem + text-align: center + + +maxWidth768() + display: block + + .social-icon + margin: 0 .5rem + color: var(--light-grey) + text-shadow: .1rem .1rem .2rem rgba(0, 0, 0, .15) + font-size: 1.43em + cursor: pointer + + #scroll-down + position: absolute + bottom: 0 + width: 100% + cursor: pointer + + .scroll-down-effects + position: relative + width: 100% + color: var(--light-grey) + font-size: 30px + + // page + &.not-index-bg + height: 20rem + + +maxWidth768() + height: 14rem + + #page-site-info + position: absolute + top: 10rem + padding: 0 .5rem + width: 100% + + +maxWidth768() + top: 7rem + + // post + &.post-bg + height: 20rem + + +maxWidth768() + height: 18rem + + &:before + position: absolute + top: 0 + left: 0 + display: block + width: 100% + height: 100% + background-color: alpha($dark-black, .5) + content: '' + + &.no-top-img + margin-bottom: .5rem + height: 60px + background: 0 + + #nav + background: rgba(255, 255, 255, .8) + box-shadow: 0 5px 6px -5px rgba(133, 133, 133, .6) + + a + color: var(--font-color) + text-shadow: none + + #post-info + position: absolute + bottom: 5rem + padding: 0 8% + width: 100% + text-align: center + + +maxWidth900() + bottom: 1.5rem + text-align: left + + +maxWidth768() + bottom: 1.1rem + padding: 0 1.1rem + +#post-info + .post-title + @extend .limit-more-line + margin-bottom: .4rem + font-size: 2.5em + font-weight: normal + color: var(--white) + line-height: 1.5 + -webkit-line-clamp: 3 + + +maxWidth768() + font-size: 1.72em + + #post-meta + color: var(--light-grey) + font-size: 95% + + +minWidth768() + > .meta-secondline + > span:first-child + display: none + + +maxWidth768() + font-size: 90% + + > .meta-firstline, + > .meta-secondline + display: inline + + .post-meta + &-separator + margin: 0 .25rem + + &-icon + margin-right: .2rem + + &-label + if hexo-config('post_meta.post.label') + margin-right: .2rem + else + display: none + + a + color: var(--light-grey) + transition: all .3s ease-out + + &:hover + color: $text-hover + text-decoration: underline + + if hexo-config('post_meta.post.date_format') == 'relative' + time + display: none + +// for not top_img +#post + & > #post-info + margin-bottom: 1.5rem + + .post-title + padding-bottom: .2rem + border-bottom: 1px solid var(--light-grey) + color: var(--text-highlight-color) + +[data-theme='light'] + #post + #post-info + #post-meta, + #post-meta a + color: #78818a + +// css hack +// all browser in ios and safari in all apple device +_::-webkit-full-page-media, +_:future, +:root #page-header.full_page + background-attachment: scroll !important + +#nav + position: absolute + top: 0 + z-index: 90 + display: flex + flex-wrap: wrap + align-items: center + padding: 0 36px + width: 100% + height: 60px + font-size: 1.3em + opacity: 0 + transition: all .5s + + +maxWidth768() + padding: 0 16px + + &:not(.fixed) + #menus + padding-right: 0 !important + + &.show + opacity: 1 + + #blog_name + flex: 1 + + #toggle-menu + display: none + padding: .1rem 0 0 .3rem + vertical-align: top + + &:hover + color: var(--white) + + a + color: var(--light-grey) + + &:hover + color: var(--white) + + &.fixed + position: fixed + top: -60px + z-index: 91 + background: rgba(255, 255, 255, .8) + box-shadow: 0 5px 6px -5px alpha($grey, .6) + transition: transform .2s ease-in-out, opacity .2s ease-in-out + + a, + #site-name, + #toggle-menu + color: var(--font-color) + text-shadow: none + + &:hover + color: $light-blue + + &.visible + transition: all .5s + transform: translate3d(0, 100%, 0) + + #site-name + text-shadow: .1rem .1rem .2rem rgba($dark-black, .15) + font-weight: bold + cursor: pointer + + .menus_items + display: inline + + .menus_item + position: relative + display: inline-block + padding: 0 0 0 .7rem + + &:hover + .menus_item_child + display: block + + i.expand + transform: rotate(180deg) !important + + i.expand + padding: 4px + transition: transform .3s + + & > a + &:after + position: absolute + bottom: 0 + left: 0 + z-index: -1 + width: 0 + height: 3px + background-color: lighten($theme-color, 30%) + content: '' + transition: all .3s ease-in-out + + &:hover + &:after + width: 100% + + .menus_item_child + position: absolute + right: 0 + display: none + margin-top: 8px + padding: 0 + width: max-content + background-color: var(--sidebar-bg) + box-shadow: 0 5px 20px -4px rgba($dark-black, .5) + animation: sub_menus .3s .1s ease both + + &:before + position: absolute + top: -8px + left: 0 + width: 100% + height: 20px + content: '' + + li + list-style: none + + &:hover + background: var(--text-bg-hover) + + a + display: inline-block + padding: .3rem .7rem + width: 100% + color: var(--font-color) + text-shadow: none + + &.hide-menu + #toggle-menu + display: inline-block !important + + .site-page + font-size: inherit + + .menus_items + display: none !important + + #search_button span + display: none !important + + #search_button + display: inline + padding: 0 0 0 .7rem + + .site-page + position: relative + padding-bottom: .3rem + text-shadow: .05rem .05rem .1rem rgba($dark-black, .3) + font-size: .78em + cursor: pointer \ No newline at end of file diff --git a/themes/butterfly/source/css/_layout/loading.styl b/themes/butterfly/source/css/_layout/loading.styl new file mode 100644 index 0000000..dc5d191 --- /dev/null +++ b/themes/butterfly/source/css/_layout/loading.styl @@ -0,0 +1,95 @@ +if hexo-config('preloader') + .loading-bg + position: fixed + z-index: 1000 + width: 50% + height: 100% + background-color: var(--preloader-bg) + + #loading-box + .loading-left-bg + @extend .loading-bg + + .loading-right-bg + @extend .loading-bg + right: 0 + + .spinner-box + position: fixed + z-index: 1001 + display: flex + justify-content: center + align-items: center + width: 100% + height: 100vh + + .configure-border-1 + position: absolute + padding: 3px + width: 115px + height: 115px + background: #ffab91 + animation: configure-clockwise 3s ease-in-out 0s infinite alternate + + .configure-border-2 + left: -115px + padding: 3px + width: 115px + height: 115px + background: rgb(63, 249, 220) + transform: rotate(45deg) + animation: configure-xclockwise 3s ease-in-out 0s infinite alternate + + .loading-word + position: absolute + color: var(--preloader-color) + font-size: .8rem + + .configure-core + width: 100% + height: 100% + background-color: var(--preloader-bg) + + &.loaded + .loading-left-bg + transition: all .5s + transform: translate(-100%, 0) + + .loading-right-bg + transition: all .5s + transform: translate(100%, 0) + + .spinner-box + display: none + + @keyframes configure-clockwise + 0% + transform: rotate(0) + + 25% + transform: rotate(90deg) + + 50% + transform: rotate(180deg) + + 75% + transform: rotate(270deg) + + 100% + transform: rotate(360deg) + + @keyframes configure-xclockwise + 0% + transform: rotate(45deg) + + 25% + transform: rotate(-45deg) + + 50% + transform: rotate(-135deg) + + 75% + transform: rotate(-225deg) + + 100% + transform: rotate(-315deg) diff --git a/themes/butterfly/source/css/_layout/pagination.styl b/themes/butterfly/source/css/_layout/pagination.styl new file mode 100644 index 0000000..b792a06 --- /dev/null +++ b/themes/butterfly/source/css/_layout/pagination.styl @@ -0,0 +1,79 @@ +#pagination + overflow: hidden + margin-top: 1rem + width: 100% + + .pagination + text-align: center + + .page-number + display: inline-block + margin: 0 .2rem + min-width: w = 1.2rem + height: w + text-align: center + line-height: w + cursor: pointer + + &.current + background: $theme-paginator-color + color: var(--white) + cursor: default + + img.prev-cover, + img.next-cover + position: absolute + width: 100% + height: 100% + opacity: .4 + transition: all .6s + object-fit: cover + + .pagination-info + position: absolute + top: 50% + padding: 1rem 2rem + width: 100% + transform: translate(0, -50%) + + .prev_info, + .next_info + @extend .limit-one-line + color: var(--white) + font-weight: 500 + + .next-post + .pagination-info + text-align: right + + .pull-full + width: 100% !important + + .prev-post .label, + .next-post .label + color: var(--light-grey) + text-transform: uppercase + font-size: 90% + + .prev-post, + .next-post + width: 50% + + +maxWidth768() + width: 100% + + a + position: relative + display: block + overflow: hidden + height: 150px + + &:hover + img.prev-cover, + img.next-cover + opacity: .8 + transform: scale(1.1) + + &.pagination-post + margin: 2rem 0 !important + background: $dark-black \ No newline at end of file diff --git a/themes/butterfly/source/css/_layout/post.styl b/themes/butterfly/source/css/_layout/post.styl new file mode 100644 index 0000000..665fb5a --- /dev/null +++ b/themes/butterfly/source/css/_layout/post.styl @@ -0,0 +1,277 @@ +beautify() + headStyle(fontsize) + padding-left: unit(fontsize + .4, 'rem') + + code + font-size: unit(fontsize, 'rem') + + &:before + margin-left: unit((-(fontsize + .2)), 'rem') + font-size: unit(fontsize, 'rem') + + &:hover + padding-left: unit(fontsize + .6, 'rem') + + h1, + h2, + h3, + h4, + h5, + h6 + transition: all .2s ease-out + + &:before + position: absolute + top: calc(50% - .35rem) + color: $title-prefix-icon-color + content: $title-prefix-icon + line-height: 1 + transition: all .2s ease-out + @extend .fontawesomeIcon + + &:hover + &:before + color: $light-blue + + h1 + headStyle(1) + + h2 + headStyle(.9) + + h3 + headStyle(.8) + + h4 + headStyle(.7) + + h5 + headStyle(.6) + + h6 + headStyle(.6) + + ol, + ul + margin-top: .4rem + padding: 0 0 0 .8rem + list-style: none + counter-reset: li + + +maxWidth768() + padding: 0 0 0 .4rem + + p + margin: 0 0 .5rem + + ol, + ul + padding-left: .6rem + + +maxWidth768() + padding-left: .2rem + + li + &:not(.tab) + position: relative + margin: .2rem 0 + + &:hover + &:before + transform: rotate(360deg) + + &:before + position: absolute + top: 0 + left: 0 + background: $light-blue + color: $white + cursor: pointer + transition: all .3s ease-out + + ol + > li + &:not(.tab) + padding: .2em .2em .2em 1.8em + + &:before + margin-top: .65em + width: w = 1.45em + height: h = w + border-radius: .5 * w + content: counter(li) + counter-increment: li + text-align: center + font-size: .85em + line-height: h + + ul + > li:not(.tab) + padding: .2em .2em .2em 1.4em + + &:hover + &:before + border-color: $pseudo-hover + + &:before + $w = .42em + top: .78em + width: w = $w + height: h = w + border: .5 * w solid $light-blue + border-radius: w + background: transparent + content: '' + line-height: h + +no-beautify() + ol, + ul + margin-top: .4rem + + p + margin: 0 0 .5rem + + ol, + ul + padding-left: .5rem + + li + position: relative + margin: .3rem 0 + padding-left: .3rem + +#article-container + word-wrap: break-word + overflow-wrap: break-word + + a + color: $theme-link-color + + &:hover + text-decoration: underline + + img + margin: 0 auto .8rem + + p + margin: 0 0 .8rem + + iframe + margin: 0 0 1rem + + if hexo-config('beautify.enable') && hexo-config('beautify.field') == 'site' + beautify() + else if hexo-config('beautify.enable') && hexo-config('beautify.field') == 'post' + no-beautify() + + &.post-content + beautify() + else + no-beautify() + +#post + img + display: block + + .tag_share + .post-meta + &__tag-list + display: inline-block + + &__tags + display: inline-block + margin: .4rem .4rem .4rem 0 + padding: 0 .6rem + width: fit-content + border: 1px solid $light-blue + border-radius: .6rem + color: $light-blue + font-size: .85em + transition: all .2s ease-in-out + + &:hover + background: $light-blue + color: var(--white) + + .post_share + display: inline-block + float: right + margin: .4rem 0 + width: fit-content + + .social-share + font-size: .85em + + .social-share-icon + margin: 0 4px + width: w = 1.85em + height: w + font-size: 1.2em + line-height: w + + .post-copyright + position: relative + margin: 2rem 0 .5rem + padding: .5rem .8rem + border: 1px solid var(--light-grey) + transition: box-shadow .3s ease-in-out + + &:before + position: absolute + top: t = .5rem + right: t + width: w = .8rem + height: w + border-radius: w + background: $light-blue + content: '' + + &:after + position: absolute + top: t = .7rem + right: t + width: w = .4rem + height: w + border-radius: w + background: var(--card-bg) + content: '' + + &:hover + box-shadow: 0 0 8px 0 rgba(232, 237, 250, .6), 0 2px 4px 0 rgba(232, 237, 250, .5) + + .post-copyright + &-meta + color: $light-blue + font-weight: bold + + &-info + padding-left: .3rem + + a + text-decoration: underline + word-break: break-word + + &:hover + text-decoration: none + + .post-outdate-notice + position: relative + margin: 0 0 1rem + padding: .5em 1.2em + border-radius: 3px + background-color: $noticeOutdate-bg + color: $noticeOutdate-color + + if hexo-config('noticeOutdate.style') == 'flat' + padding: .5em 1em .5em 2.6em + border-left: 5px solid $noticeOutdate-border + + &:before + @extend .fontawesomeIcon + position: absolute + top: 50% + left: .9em + color: $noticeOutdate-border + content: '\f071' + transform: translateY(-50%) diff --git a/themes/butterfly/source/css/_layout/relatedposts.styl b/themes/butterfly/source/css/_layout/relatedposts.styl new file mode 100644 index 0000000..b296917 --- /dev/null +++ b/themes/butterfly/source/css/_layout/relatedposts.styl @@ -0,0 +1,54 @@ +.relatedPosts + margin-top: 1rem + + & > .headline + margin-bottom: 5px + font-weight: 700 + font-size: 1.43em + + & > .relatedPosts-list + & > div + position: relative + display: inline-block + overflow: hidden + margin: 3px + width: calc(33.333% - 6px) + height: 200px + background: $dark-black + vertical-align: bottom + + &:hover + .cover + opacity: .8 + transform: scale(1.1) + + +maxWidth768() + margin: 2px + width: calc(50% - 4px) + height: 150px + + +maxWidth600() + width: calc(100% - 4px) + + .cover + width: 100% + height: 100% + opacity: .4 + transition: all .6s + object-fit: cover + + .content + position: absolute + top: 50% + padding: 0 1rem + width: 100% + transform: translate(0, -50%) + + .date + color: var(--light-grey) + font-size: 90% + + .title + @extend .limit-more-line + color: var(--white) + -webkit-line-clamp: 2 diff --git a/themes/butterfly/source/css/_layout/reward.styl b/themes/butterfly/source/css/_layout/reward.styl new file mode 100644 index 0000000..b5d5717 --- /dev/null +++ b/themes/butterfly/source/css/_layout/reward.styl @@ -0,0 +1,71 @@ +.post-reward + position: relative + margin-top: 4rem + width: 100% + text-align: center + + .reward-button + display: inline-block + padding: .2rem 1.2rem + background: var(--btn-bg) + color: var(--btn-color) + cursor: pointer + transition: all .4s + + &:hover + box-shadow: inset 9em 0 0 0 var(--btn-hover-color) + + .reward-main + display: block + + .reward-main + position: absolute + bottom: 40px + left: 0 + z-index: 100 + display: none + padding: 0 0 15px + width: 100% + + .reward-all + display: inline-block + margin: 0 + padding: 1rem .5rem + border-radius: 4px + background: var(--reward-pop) + + &:before + position: absolute + bottom: -10px + left: 0 + width: 100% + height: 20px + content: '' + + &:after + position: absolute + right: 0 + bottom: 2px + left: 0 + margin: 0 auto + width: 0 + height: 0 + border-top: 13px solid var(--reward-pop) + border-right: 13px solid transparent + border-left: 13px solid transparent + content: '' + + .reward-item + display: inline-block + padding: 0 8px + list-style-type: none + vertical-align: top + + img + width: 130px + height: 130px + + .post-qr-code-desc + padding-top: .4rem + width: 130px + color: $reward-pop-up-color diff --git a/themes/butterfly/source/css/_layout/rightside.styl b/themes/butterfly/source/css/_layout/rightside.styl new file mode 100644 index 0000000..2b1f0b7 --- /dev/null +++ b/themes/butterfly/source/css/_layout/rightside.styl @@ -0,0 +1,44 @@ +#rightside + position: fixed + right: -38px + bottom: $rightside-bottom + z-index: 100 + opacity: 0 + transition: all .5s + + #rightside-config-hide + transition: transform .4s + transform: translate(35px, 0) + + &.show + transform: translate(0, 0) !important + + & > div + & > button, + & > a + display: block + margin-bottom: 2px + width: 30px + height: 30px + background-color: var(--btn-bg) + color: var(--btn-color) + text-align: center + font-size: 16px + cursor: pointer + + &:hover + background-color: var(--btn-hover-color) + + #rightside_config + i + animation: avatar_turn_around 2s linear infinite + + #mobile-toc-button + display: none + + +maxWidth900() + display: block + + +maxWidth900() + #hide-aside-btn + display: none diff --git a/themes/butterfly/source/css/_layout/sidebar.styl b/themes/butterfly/source/css/_layout/sidebar.styl new file mode 100644 index 0000000..fa9c68e --- /dev/null +++ b/themes/butterfly/source/css/_layout/sidebar.styl @@ -0,0 +1,97 @@ +#sidebar + #menu-mask + position: fixed + z-index: 102 + display: none + width: 100% + height: 100% + background: alpha($dark-black, .8) + + #sidebar-menus + position: fixed + top: 0 + right: -($sidebar-width) + z-index: 103 + overflow-x: hidden + overflow-y: auto + width: $sidebar-width + height: 100% + background: var(--sidebar-bg) + transition: all .5s + + &.open + transform: translate3d(-100%, 0, 0) + + & > .author-avatar + padding: 1.3rem 1.5rem 0 + text-align: center + + img + width: 110px + height: 110px + border-radius: 70px + transition: all .5s + + &:hover + transform: rotate(360deg) + + .site-data + display: table + padding: .6rem .5rem 0 + width: 100% + table-layout: fixed + + .data-item + display: table-cell + + .data-item-link + & > a > div + @extend .limit-one-line + + .length-num + color: var(--text-highlight-color) + font-size: 1.28em + + .headline + color: var(--font-color) + + hr + margin: 1rem auto + + .menus_items + padding: 0 .5rem 2rem + + .site-page + @extend .limit-one-line + position: relative + display: block + padding: .3rem 1.5rem + color: var(--font-color) + font-size: 1.15em + cursor: pointer + + i:first-child + width: 25% + text-align: left + + span + width: 75% + + &:hover + color: $light-blue + + .expand + position: absolute + top: .78em + right: .4rem + transition: transform .3s + + &.hide + transform: rotate(90deg) !important + + .menus_item_child + margin: 0 + list-style: none + + if hexo-config('hide_sidebar_menu_child') + display: none \ No newline at end of file diff --git a/themes/butterfly/source/css/_layout/third-party.styl b/themes/butterfly/source/css/_layout/third-party.styl new file mode 100644 index 0000000..3ffd4aa --- /dev/null +++ b/themes/butterfly/source/css/_layout/third-party.styl @@ -0,0 +1,99 @@ +#vcomment + font-size: 1.1em + + .vbtn + border: none + background: var(--btn-bg) + color: var(--btn-color) + + &:hover + background: var(--btn-hover-color) + + if hexo-config('valine.bg') + textarea + background: url(hexo-config('valine.bg')) 100% 100% no-repeat + + &:focus + background-image: none + + .vimg + transition: all .3s + + &:hover + transform: rotate(360deg) + + .vcards .vcard .vcontent.expand + &:before, + &:after + z-index: 22 + +.fireworks + position: fixed + top: 0 + left: 0 + z-index: $fireworks-zIndex + pointer-events: none + +.medium-zoom-image--opened + z-index: 99999 !important + margin: 0 !important + +.medium-zoom-overlay + z-index: 99999 !important + +.mermaid + overflow: auto + margin: 0 0 1rem + background: $white + text-align: center + opacity: 0 + transition: all .3s + + &[data-processed] + opacity: 1 + +.utterances, +.fb-comments iframe + width: 100% !important + +#gitalk-container + .gt-meta + margin: 0 0 .8em + padding: .3rem 0 .8em + +.katex-wrap + overflow: auto + + if hexo-config('katex') && hexo-config('katex.hide_scrollbar') + &::-webkit-scrollbar + display: none + +// mathjax +.mathjax-overflow + overflow-x: auto + overflow-y: hidden + +mjx-container[jax='CHTML'][display='true'] + overflow-x: auto + overflow-y: hidden + padding-bottom: .3rem + +.aplayer + color: $font-black + +#article-container + .aplayer + margin: 0 0 1rem + + if hexo-config('beautify.enable') + ol, + ul + margin: 0 + padding: 0 + + li + margin: 0 + padding: 0 15px + + &:before + content: none \ No newline at end of file diff --git a/themes/butterfly/source/css/_mode/darkmode.styl b/themes/butterfly/source/css/_mode/darkmode.styl new file mode 100644 index 0000000..59bf70c --- /dev/null +++ b/themes/butterfly/source/css/_mode/darkmode.styl @@ -0,0 +1,156 @@ +if hexo-config('darkmode.enable') || hexo-config('display_mode') == 'dark' + [data-theme='dark'] + --global-bg: darken(#121212, 2) + --font-color: alpha(#FFFFFF, .7) + --hr-border: alpha(#FFFFFF, .4) + --hr-before-color: alpha(#FFFFFF, .7) + --search-bg: #121212 + --search-input-color: alpha(#FFFFFF, .7) + --search-result-title: alpha(#FFFFFF, .9) + --preloader-bg: darken(#121212, 2) + --preloader-color: alpha(#FFFFFF, .7) + --tab-border-color: #2c2c2c + --tab-botton-bg: #2c2c2c + --tab-botton-color: alpha(#FFFFFF, .7) + --tab-button-hover-bg: lighten(#121212, 15) + --tab-button-active-bg: #121212 + --card-bg: #121212 + --sidebar-bg: #121212 + --btn-hover-color: lighten(#121212, 40) + --btn-color: alpha(#FFFFFF, .7) + --btn-bg: lighten(#121212, 5) + --text-bg-hover: lighten(#121212, 15) + --light-grey: alpha(#FFFFFF, .7) + --white: alpha(#FFFFFF, .9) + --text-highlight-color: alpha(#FFFFFF, .9) + --blockquote-color: alpha(#FFFFFF, .7) + --blockquote-bg: lighten(#121212, 10) + --reward-pop: lighten(#121212, 10) + --toc-link-color: alpha(#FFFFFF, .6) + + #web_bg:before, + #footer:before, + #page-header:before + position: absolute + width: 100% + height: 100% + background-color: alpha($dark-black, .7) + content: '' + + #article-container + code + background: #2c2c2c + + pre > code + background: 0 + + .note + code + background: $code-background + + .aplayer + filter: brightness(.8) + + // 頭部 + #page-header + & > #nav.fixed, + &.no-top-img #nav + background: alpha(#121212, .8) + box-shadow: 0 5px 6px -5px rgba(133, 133, 133, 0) + + // 代碼框 + #article-container + pre, + .highlight:not(.js-file-line-container) + background-color: lighten(#121212, 2) !important + color: alpha(#FFFFFF, .7) !important + + figure.highlight + box-shadow: none + + if hexo-config('highlight_settings') && hexo-config('highlight_settings.enable') + table::-webkit-scrollbar-thumb + background: lighten(#121212, 5) + + .line:before + color: alpha(#FFFFFF, .7) !important + + .hljs + background-color: lighten(#121212, 2) !important + + pre[class*='language-']::-webkit-scrollbar-thumb + background: lighten(#121212, 5) + + .highlight-tools + background: lighten(#121212, 3) !important + color: #90a4ae !important + + #post-comment + #comment-switch + if hexo-config('comments.text') + background: #2c2c2c !important + + .switch-btn + filter: brightness(.8) + + // note + if hexo-config('note.style') == 'modern' || hexo-config('note.style') == 'flat' + .note + filter: brightness(.8) + + // hide-tags + .hide-button, + .btn-beautify, + .mermaid, + .post-outdate-notice, + .error-img, + #article-container iframe, + img, + .gist + filter: brightness(.8) + + #aside_content .aside-list > .aside-list-item:not(:last-child) + border-bottom: 1px dashed alpha(#FFFFFF, .1) + + // 第三方 + // 插件 hexo-blog-encrypt + #hexo-blog-encrypt + label, + input + color: alpha(#FFFFFF, .7) !important + + input + background-color: #121212 + + // Gitalk + #gitalk-container + filter: brightness(.8) + + svg + fill: alpha(#FFFFFF, .9) !important + + // Disqus and Disqusjs + #disqus_thread + #dsqjs + .dsqjs-tab-active, + .dsqjs-no-comment + color: alpha(#FFFFFF, .7) + + .dsqjs-order-label + background-color: lighten(#121212, 5) + + .dsqjs-post-body + color: alpha(#FFFFFF, .7) + + code, + pre + background: #2c2c2c + + blockquote + color: alpha(#FFFFFF, .7) + + #artitalk_main #lazy + background: #121212 + + #operare_artitalk .c2 + background: #121212 \ No newline at end of file diff --git a/themes/butterfly/source/css/_mode/readmode.styl b/themes/butterfly/source/css/_mode/readmode.styl new file mode 100644 index 0000000..802e296 --- /dev/null +++ b/themes/butterfly/source/css/_mode/readmode.styl @@ -0,0 +1,186 @@ +if hexo-config('readmode') + [data-theme='light'] + .read-mode + --font-color: #4c4948 + --readmode-light-color: #fff + --white: #4c4948 + --light-grey: #4c4948 + --gray: #d6dbdf + --hr-border: #d6dbdf + --hr-before-color: darken(#d6dbdf, 10) + -highlight-bg: #f7f7f7 + + [data-theme='dark'] + .read-mode + --font-color: rgba(255, 255, 255, .7) + --readmode-light-color: #0d0d0d + --white: rgba(255, 255, 255, .9) + --light-grey: rgba(255, 255, 255, .7) + --gray: rgba(255, 255, 255, .7) + --hr-border: rgba(255, 255, 255, .5) + --hr-before-color: rgba(255, 255, 255, .7) + -highlight-bg: #171717 + + .read-mode + background: var(--readmode-light-color) + + #aside_content + display: none + + #body-wrap + padding-left: 0 !important + + #page-header.post-bg + background-color: transparent + background-image: none !important + + &:before + opacity: 0 + + & > #post-info + padding: 0 + text-align: center + + #post + margin: 0 auto + background: transparent + box-shadow: none + + &:hover + box-shadow: none + + & > canvas + display: none !important + + .highlight-tools, + #footer, + #post > *:not(#post-info):not(.post-content), + #to_comment, + #mobile-toc-button, + #nav, + .post-outdate-notice, + #web_bg + display: none !important + + if !hexo-config('chat_btn') + #chatra, + #tidio-chat-code, + #tidio-chat, + #daodream-container, + .gitter-chat-embed, + .gitter-open-chat-button + display: none !important + + #article-container + a + color: #99a9bf + + pre, + .highlight:not(.js-file-line-container) + background: var(-highlight-bg) !important + + * + color: var(--font-color) !important + + figure.highlight + border-radius: 0 !important + box-shadow: none !important + + & > :not(.highlight-tools) + display: block !important + + .line:before + color: var(--font-color) !important + + .hljs + background: var(-highlight-bg) !important + + h1, + h2, + h3, + h4, + h5, + h6 + padding: 0 + + &:before + content: '' + + &:hover + padding: 0 + + ul, + li, + ol + &:hover:before + transform: none !important + + ol, + li + &:before + background: transparent !important + color: var(--font-color) !important + + ul + >li + &:before + border: .15rem solid var(--gray) !important + + .tabs + border: 2px solid var(--tab-border-color) + + > .nav-tabs + background: transparent + + > .tab + border-bottom: 0 + + button + border-top: none !important + background: transparent + + &:hover + background: none !important + + &.active + button + text-decoration: underline + + > .tab-contents .tab-item-content.active + animation: none + + code + color: var(--font-color) + + blockquote + border-left: .2rem solid var(--gray) + background-color: var(--readmode-light-color) + + .hide-toggle + border: 1px solid var(--gray) !important + + .hide-button, + .btn-beautify + background: var(--readmode-light-color) !important + color: var(--font-color) !important + + .btn-beautify + border: 1px solid var(--gray) !important + + .button--animated:before + background: var(--readmode-light-color) !important + + .hide-inline, + .hide-block + & >.hide-button + border: 1px solid var(--gray) + + & > .button--animated:before + background: var(--readmode-light-color) + + .note + border: 2px solid var(--gray) + border-left-color: var(--gray) !important + filter: none + background-color: var(--readmode-light-color) !important + color: var(--font-color) \ No newline at end of file diff --git a/themes/butterfly/source/css/_page/archives.styl b/themes/butterfly/source/css/_page/archives.styl new file mode 100644 index 0000000..ede2dcf --- /dev/null +++ b/themes/butterfly/source/css/_page/archives.styl @@ -0,0 +1,115 @@ +.article-sort + margin-left: .5rem + padding-left: 1rem + border-left: 2px solid lighten($light-blue, 20) + + &-title + position: relative + margin-left: .5rem + padding-bottom: 1rem + padding-left: 1rem + font-size: 1.72em + + &:hover + &:before + border-color: $pseudo-hover + + &:before + position: absolute + top: calc(((100% - 1.8rem) / 2)) + left: -.45rem + z-index: 1 + width: w = .5rem + height: h = w + border: .5 * w solid $light-blue + border-radius: w + background: var(--card-bg) + content: '' + line-height: h + transition: all .2s ease-in-out + + &:after + position: absolute + bottom: 0 + left: 0 + z-index: 0 + width: .1rem + height: 1.5em + background: lighten($light-blue, 20) + content: '' + + &-item + position: relative + display: flex + align-items: center + margin: 0 0 1rem .5rem + transition: all .2s ease-in-out + + &:hover + &:before + border-color: $pseudo-hover + + &:before + $w = .3rem + position: absolute + left: calc(-1rem - 17px) + width: w = $w + height: h = w + border: .5 * w solid $light-blue + border-radius: w + background: var(--card-bg) + content: '' + transition: all .2s ease-in-out + + &.no-article-cover + height: 80px + + .article-sort-item-info + padding: 0 + + &.year + font-size: 1.43em + + &:hover + &:before + border-color: $light-blue + + &:before + border-color: $pseudo-hover + + &-time + color: $theme-meta-color + font-size: 95% + + time + padding-left: .3rem + cursor: default + + &-title + @extend .limit-more-line + color: var(--font-color) + font-size: 1.1em + transition: all .3s + -webkit-line-clamp: 2 + + &:hover + color: $text-hover + transform: translateX(10px) + + &-img + overflow: hidden + width: 80px + height: 80px + + img + width: 100% + height: 100% + transition: all .6s + object-fit: cover + + &:hover + transform: scale(1.1) + + &-info + flex: 1 + padding: 0 .8rem diff --git a/themes/butterfly/source/css/_page/categories.styl b/themes/butterfly/source/css/_page/categories.styl new file mode 100644 index 0000000..4e2d9cb --- /dev/null +++ b/themes/butterfly/source/css/_page/categories.styl @@ -0,0 +1,62 @@ +#page + .category-lists + padding: 1rem 0 1.5rem + + +maxWidth768() + padding: 0 + + .category-title + font-size: 2.57em + + +maxWidth768() + font-size: 2em + + .category-list + a + color: var(--font-color) + + &:hover + color: $text-hover + + .category-list-count + margin-left: .4rem + color: $theme-meta-color + + &:before + content: '(' + + &:after + content: ')' + + ul + margin-top: .4rem + padding: 0 0 0 1rem + list-style: none + counter-reset: li + + ul + padding-left: .2rem + + li + position: relative + margin: .3rem 0 + padding: .12em .4em .12em 1.4em + + &:before + position: absolute + left: 0 + cursor: pointer + transition: all .3s ease-out + $w = .43em + top: .7em + width: w = $w + height: h = w + border: .5 * w solid $light-blue + border-radius: w + background: transparent + content: '' + // line-height: h + + &:hover + &:before + border-color: $pseudo-hover diff --git a/themes/butterfly/source/css/_page/common.styl b/themes/butterfly/source/css/_page/common.styl new file mode 100644 index 0000000..d28abdd --- /dev/null +++ b/themes/butterfly/source/css/_page/common.styl @@ -0,0 +1,52 @@ +.layout + display: flex + margin: 0 auto + padding: 2rem 15px + max-width: 1200px + + +maxWidth900() + flex-direction: column + + +maxWidth768() + padding: 1rem 5px !important + + +minWidth2000() + max-width: 1500px + + & > div:first-child:not(.recent-posts) + align-self: flex-start + padding: 50px 40px + border-radius: 8px + background: var(--card-bg) + box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06) + + &:hover + box-shadow: 0 4px 12px 12px rgba(7, 17, 27, .15) + + +maxWidth768() + padding: 1.8rem .7rem !important + + & > div:first-child + width: 75% + transition: all .3s + + +maxWidth900() + width: 100% !important + + if hexo-config('aside.position') == 'left' + +minWidth900() + order: 2 + + // 隱藏aside + &.hide-aside + max-width: 1000px + + +minWidth2000() + max-width: 1300px + + & > div + width: 100% !important + +#page + h1.page-title + margin-top: .4rem \ No newline at end of file diff --git a/themes/butterfly/source/css/_page/flink.styl b/themes/butterfly/source/css/_page/flink.styl new file mode 100644 index 0000000..b37d26e --- /dev/null +++ b/themes/butterfly/source/css/_page/flink.styl @@ -0,0 +1,76 @@ +.flink#article-container + .flink-desc + margin: .2rem 0 .5rem + + .flink-list + overflow: auto + padding: 10px 10px 0 + text-align: center + + & > .flink-list-item + position: relative + float: left + overflow: hidden + margin: 15px 7px + width: calc(100% / 3 - 15px) + height: 90px + border-radius: 8px + line-height: 17px + -webkit-transform: translateZ(0) + + +maxWidth1024() + width: calc(50% - 15px) !important + + +maxWidth600() + width: calc(100% - 15px) !important + + &:hover + img + transform: rotate(360deg) + + &:before + position: absolute + top: 0 + right: 0 + bottom: 0 + left: 0 + z-index: -1 + background: var(--text-bg-hover) + content: '' + transition: transform .3s ease-out + transform: scale(0) + + &:hover:before, + &:focus:before, + &:active:before + transform: scale(1) + + a + color: var(--font-color) + text-decoration: none + + img + float: left + margin: 15px 10px + width: 60px + height: 60px + border-radius: 35px + transition: all .3s + + .img-alt + display: none + + .flink-item-name + @extend .limit-one-line + display: block + padding: 16px 10px 0 0 + height: 40px + font-weight: bold + font-size: 1.43em + + .flink-item-desc + @extend .limit-one-line + display: block + padding: 16px 10px 16px 0 + height: 50px + font-size: .93em diff --git a/themes/butterfly/source/css/_page/homepage.styl b/themes/butterfly/source/css/_page/homepage.styl new file mode 100644 index 0000000..f9a293e --- /dev/null +++ b/themes/butterfly/source/css/_page/homepage.styl @@ -0,0 +1,150 @@ +#recent-posts + & > .recent-post-item:not(:first-child) + margin-top: 1rem + + & > .recent-post-item + display: flex + flex-direction: row + align-items: center + height: 20em + border-radius: 12px 8px 8px 12px + background: var(--card-bg) + box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06) + transition: all .3s + + +maxWidth768() + border-radius: 12px 12px 8px 8px + + &:hover + box-shadow: 0 4px 12px 12px rgba(7, 17, 27, .15) + + img.post_bg + transform: scale(1.1) + + if hexo-config('cover.position') == 'both' + .left_radius + border-radius: 8px 0 0 8px + + .right_radius + order: 2 + border-radius: 0 8px 8px 0 + else if hexo-config('cover.position') == 'left' + .left_radius + border-radius: 8px 0 0 8px + + .right_radius + border-radius: 8px 0 0 8px + else if hexo-config('cover.position') == 'right' + .left_radius + order: 2 + border-radius: 0 8px 8px 0 + + .right_radius + order: 2 + border-radius: 0 8px 8px 0 + + .post_cover + overflow: hidden + width: 45% + height: 100% + -webkit-mask-image: -webkit-radial-gradient(white, black) + + img.post_bg + width: 100% + height: 100% + transition: all .6s + object-fit: cover + + &:hover + transform: scale(1.1) + + & >.recent-post-info + display: inline-block + overflow: hidden + padding: 0 40px + width: 55% + + &.no-cover + width: 100% + + & > .article-title + @extend .limit-more-line + margin-bottom: .3rem + color: var(--text-highlight-color) + font-size: 1.72em + line-height: 1.4 + transition: all .2s ease-in-out + -webkit-line-clamp: 2 + + &:hover + color: $text-hover + + & > .article-meta-wrap + color: $theme-meta-color + font-size: 90% + + & > .post-meta-date + cursor: default + + .sticky + color: $sticky-color + + i + margin: 0 .2rem 0 0 + + .article-meta-label + if hexo-config('post_meta.page.label') + padding-right: .2rem + else + display: none + + .article-meta__separator + margin: 0 .3rem + + .article-meta__link + margin: 0 .2rem + + .fa-angle-right + margin: 0 .2rem + + if hexo-config('post_meta.page.date_format') == 'relative' + time + display: none + + a + color: $theme-meta-color + + &:hover + color: $text-hover + text-decoration: underline + + & > .content + @extend .limit-more-line + margin-top: .3rem + -webkit-line-clamp: 3 + ++maxWidth768() + #recent-posts + .recent-post-item + flex-direction: column + height: auto !important + + .post_cover + order: 1 !important + width: 100% + height: 230px + border-radius: 8px 8px 0 0 + + .recent-post-info + order: 2 !important + padding: 1rem 1rem 1.5rem + width: 100% + + &.no-cover + padding: 1.5rem 1rem + + .article-title + font-size: 1.43em + + .content + height: auto diff --git a/themes/butterfly/source/css/_page/tags.styl b/themes/butterfly/source/css/_page/tags.styl new file mode 100644 index 0000000..ff9ad43 --- /dev/null +++ b/themes/butterfly/source/css/_page/tags.styl @@ -0,0 +1,19 @@ +.tag-cloud + &-list + a + display: inline-block + padding: 0 .4rem + transition: all .3s + + &:hover + color: $text-hover !important + transform: scale(1.1) + + +maxWidth768() + zoom: .85 + + &-title + font-size: 2.57em + + +maxWidth768() + font-size: 2em diff --git a/themes/butterfly/source/css/_search/algolia.styl b/themes/butterfly/source/css/_search/algolia.styl new file mode 100644 index 0000000..55ac8c4 --- /dev/null +++ b/themes/butterfly/source/css/_search/algolia.styl @@ -0,0 +1,77 @@ +#algolia-search + .search-dialog + animation: titlescale .5s + + .ais-search-box + margin: 0 auto + max-width: 100% + width: 100% + + input + padding: .25rem .7rem + outline: none + border: 2px solid $search-color + border-radius: 2rem + background: var(--search-bg) + color: var(--search-input-color) + + .ais-hits--item.algolia-hit-item + position: relative + padding-left: 1.2rem + + &:hover + &:before + border-color: $pseudo-hover + + &:before + $w = .5em + position: absolute + top: .53em + left: 0 + width: w = $w + height: h = w + border: .15rem solid $search-color + border-radius: w + background: transparent + content: '' + line-height: h + transition: all .2s ease-in-out + + a + display: block + color: var(--search-result-title) + cursor: pointer + + &:hover + color: $search-color + + em + color: $search-keyword-highlight + font-weight: bold + + .ais-pagination.pagination + margin: .8rem 0 0 + padding: 0 + text-align: center + + .ais-pagination--item + margin: 0 .2rem + padding: 0 + + a + display: inline-block + min-width: 1.2rem + height: 1.2rem + text-align: center + line-height: 1.2rem + + .ais-pagination--item.current + a + background: $theme-paginator-color + color: #eee + cursor: default + + .algolia-logo + padding-top: 2px + width: 4rem + height: 1.5rem \ No newline at end of file diff --git a/themes/butterfly/source/css/_search/index.styl b/themes/butterfly/source/css/_search/index.styl new file mode 100644 index 0000000..2d0b8d4 --- /dev/null +++ b/themes/butterfly/source/css/_search/index.styl @@ -0,0 +1,49 @@ +.search-dialog + position: fixed + top: 5rem + left: 50% + z-index: 1001 + display: none + margin-left: -15rem + padding: 1rem + width: 30rem + background: var(--search-bg) + + +maxWidth768() + top: 0 + left: 0 + margin: 0 + width: 100% + height: 100% + + hr + margin: 1rem auto + + span.search-close-button + position: absolute + top: .8rem + right: 1rem + color: $grey + font-size: 1.4em + line-height: 1 + cursor: pointer + transition: color .2s ease-in-out + + &:hover + color: $search-color + + &__title + padding: 0 0 .7rem + color: $search-color + font-size: 1.4em + line-height: 1 + +#search-mask + position: fixed + top: 0 + right: 0 + bottom: 0 + left: 0 + z-index: 1000 + display: none + background: rgba($dark-black, .6) \ No newline at end of file diff --git a/themes/butterfly/source/css/_search/local-search.styl b/themes/butterfly/source/css/_search/local-search.styl new file mode 100644 index 0000000..8f9fe95 --- /dev/null +++ b/themes/butterfly/source/css/_search/local-search.styl @@ -0,0 +1,69 @@ +#local-search + .search-dialog + animation: titlescale .5s + + .local-search-box + margin: 0 auto + max-width: 100% + width: 100% + + input + padding: .25rem .7rem + width: 100% + outline: none + border: 2px solid $search-color + border-radius: 2rem + background: var(--search-bg) + color: var(--search-input-color) + -webkit-appearance: none + + .local-search__hit-item + position: relative + padding-left: 1.2rem + line-height: 1.7 + + &:hover + &:before + border-color: $pseudo-hover + + &:before + $w = .5em + position: absolute + top: .45em + left: 0 + width: w = $w + height: h = w + border: .15rem solid $search-color + border-radius: w + background: transparent + content: '' + line-height: h + transition: all .2s ease-in-out + + a + display: block + color: var(--search-result-title) + font-weight: 600 + cursor: pointer + + &:hover + color: $search-color + + .search-result + margin: 0 0 .4rem + word-break: break-all + + .search-keyword + color: $search-keyword-highlight + font-weight: bold + + .local-search-stats__hr + display: none !important + + .search-result-list + overflow-y: auto + max-height: 10.5rem + + +maxWidth768() + padding-bottom: 2rem + max-height: 75vh !important diff --git a/themes/butterfly/source/css/_tags/button.styl b/themes/butterfly/source/css/_tags/button.styl new file mode 100644 index 0000000..79cceed --- /dev/null +++ b/themes/butterfly/source/css/_tags/button.styl @@ -0,0 +1,58 @@ +#article-container + .btn-center + margin: 0 0 1rem + text-align: center + + .btn-beautify + display: inline-block + margin: 0 .2rem .3rem + padding: 0 1rem + background-color: $btn-default-color + color: $btn-color + line-height: 2 + + &:not(.block) + .btn-beautify:not(.block) + margin: 0 .2rem 1rem + + &.block + display: block + margin: 0 0 1rem + width: fit-content + width: -moz-fit-content + + &.center + margin: 0 auto 1rem + + &.right + margin: 0 0 1rem auto + + &.larger + padding: .3rem 1.3rem + + &:hover + text-decoration: none + + for $type in $tagsP-types + &.{$type} + background-color: lookup('$tagsP-' + $type + '-color') + + &.outline + border: 1px solid transparent + border-color: $btn-default-color + background-color: transparent + color: $btn-default-color + transition: all .3s + + &.button--animated:before + background: $btn-default-color + + &:hover + color: white !important + + for $type in $tagsP-types + &.{$type} + border-color: lookup('$tagsP-' + $type + '-color') + color: lookup('$tagsP-' + $type + '-color') + + &.button--animated:before + background: lookup('$tagsP-' + $type + '-color') diff --git a/themes/butterfly/source/css/_tags/gallery.styl b/themes/butterfly/source/css/_tags/gallery.styl new file mode 100644 index 0000000..8395e74 --- /dev/null +++ b/themes/butterfly/source/css/_tags/gallery.styl @@ -0,0 +1,104 @@ +figure.gallery-group + position: relative + float: left + overflow: hidden + margin: .3rem .2rem + width: calc(50% - .4rem) + height: 250px + border-radius: 8px + background: $dark-black + -webkit-transform: translate3d(0, 0, 0) + + +maxWidth600() + width: calc(100% - .4rem) + + &:hover + img + opacity: .4 + transform: translate3d(0, 0, 0) + + .gallery-group-name::after + transform: translate3d(0, 0, 0) + + p + opacity: 1 + transform: translate3d(0, 0, 0) + + img + position: relative + margin: 0 !important + max-width: none + width: calc(100% + 20px) + height: 250px + backface-visibility: hidden + opacity: .8 + transition: opacity .35s, transform .35s + transform: translate3d(-10px, 0, 0) + object-fit: cover + + figcaption + position: absolute + top: 0 + left: 0 + padding: 1.5rem + width: 100% + height: 100% + color: $gallery-color + text-transform: uppercase + backface-visibility: hidden + + & > a + position: absolute + top: 0 + right: 0 + bottom: 0 + left: 0 + z-index: 1000 + opacity: 0 + + p + @extend .limit-more-line + margin: 0 + padding: .4rem 0 0 + letter-spacing: 1px + font-size: 1.1em + line-height: 1.5 + opacity: 0 + transition: opacity .35s, transform .35s + transform: translate3d(100%, 0, 0) + -webkit-line-clamp: 4 + + .gallery-group-name + @extend .limit-more-line + position: relative + margin: 0 + padding: .4rem 0 + font-weight: bold + font-size: 1.65em + line-height: 1.5 + -webkit-line-clamp: 2 + + &:after + position: absolute + bottom: 0 + left: 0 + width: 100% + height: 2px + background: $gallery-color + content: '' + transition: transform .35s + transform: translate3d(-100%, 0, 0) + +.gallery-group-main + overflow: auto + padding: 0 0 .8rem + +.justified-gallery + margin: 0 0 .8rem + + img + opacity: 0 + + .fancybox + width: auto + text-align: inherit \ No newline at end of file diff --git a/themes/butterfly/source/css/_tags/hexo.styl b/themes/butterfly/source/css/_tags/hexo.styl new file mode 100644 index 0000000..57e87b9 --- /dev/null +++ b/themes/butterfly/source/css/_tags/hexo.styl @@ -0,0 +1,30 @@ +// pullquote +blockquote + &.pullquote + position: relative + max-width: 45% + font-size: 110% + + &.left + float: left + margin: 1em .5em 0 0 + + &.right + float: right + margin: 1em 0 0 .5rem + +// hexo tag video +.video-container + position: relative + overflow: hidden + margin-bottom: .8rem + padding-top: 56.25% + height: 0 + + iframe + position: absolute + top: 0 + left: 0 + margin-top: 0 + width: 100% + height: 100% diff --git a/themes/butterfly/source/css/_tags/hide.styl b/themes/butterfly/source/css/_tags/hide.styl new file mode 100644 index 0000000..429f9f6 --- /dev/null +++ b/themes/butterfly/source/css/_tags/hide.styl @@ -0,0 +1,46 @@ +// tag-hide +.hide-inline, +.hide-block + & > .hide-button + display: inline-block + padding: .3rem 1rem + background: $tag-hide-bg + color: var(--white) + + &.open + display: none + + & > .hide-content + display: none + +.hide-inline + & > .hide-button + margin: 0 .3rem + + & > .hide-content + margin: 0 .3rem + +.hide-block + margin: 0 0 .8rem + +.hide-toggle + margin-bottom: 1rem + border: 1px solid $tag-hide-toggle-bg + + & > .hide-button + padding: .3rem .5rem + background: $tag-hide-toggle-bg + color: #1F2D3D + cursor: pointer + + & > i + font-size: 1.2em + transition: all .3s + + &.open + i + transform: rotate(90deg) + + & > .hide-content + display: none + margin: 1.5rem 1.2rem diff --git a/themes/butterfly/source/css/_tags/note.styl b/themes/butterfly/source/css/_tags/note.styl new file mode 100644 index 0000000..cb5d899 --- /dev/null +++ b/themes/butterfly/source/css/_tags/note.styl @@ -0,0 +1,121 @@ +.note + $note-icons = hexo-config('note.icons') + position: relative + margin: 0 0 1rem + padding: 15px + + if hexo-config('note.border_radius') is a 'unit' + border-radius: unit(hexo-config('note.border_radius'), px) + + &.icon + padding-left: 2.25rem + + & > .note-icon + position: absolute + top: calc(50% - .4rem) + left: .7rem + font-size: larger + + for $type in $tagsP-types + &.{$type} + &:not(.disabled) + border-left-color: lookup('$tagsP-' + $type + '-color') !important + + &.modern + border-left-color: transparent !important + color: lookup('$tagsP-' + $type + '-color') + + &:not(.simple) + background: lighten(lookup('$tagsP-' + $type + '-color'), 85%) !important + + & > .note-icon + color: lookup('$tagsP-' + $type + '-color') + + &.simple + border: 1px solid #EEEEEE + border-left-width: 5px + + &.modern + border: 1px solid transparent !important + background-color: #f5f5f5 + color: $font-black + + &.flat + border: initial + border-left: 5px solid #EEEEEE + background-color: lighten(#EEEEEE, 65%) + color: $font-black + + h2, + h3, + h4, + h5, + h6 + if $note-icons + margin-top: 3px + else + margin-top: 0 + + margin-bottom: 0 + padding-top: 0 !important + border-bottom: initial + + p, + ul, + ol, + table, + pre, + blockquote, + img + &:first-child + margin-top: 0 !important + + &:last-child + margin-bottom: 0 !important + + if $note-icons + &:not(.no-icon) + padding-left: 2.25rem + + &::before + position: absolute + top: calc(50% - .8rem) + left: .7rem + font-size: larger + @extend .fontawesomeIcon + + for $type in $note-types + &.{$type} + &.flat + background: lookup('$note-' + $type + '-bg') + + &.modern + border-color: lookup('$note-modern-' + $type + '-border') + background: lookup('$note-modern-' + $type + '-bg') + color: lookup('$note-modern-' + $type + '-text') + + a + &:not(.btn) + color: lookup('$note-modern-' + $type + '-text') + + &:hover + color: lookup('$note-modern-' + $type + '-hover') + + &:not(.modern) + border-left-color: lookup('$note-' + $type + '-border') + + h2, + h3, + h4, + h5, + h6 + color: lookup('$note-' + $type + '-text') + + if $note-icons + &:not(.no-icon) + &::before + content: lookup('$note-' + $type + '-icon') + + &:not(.modern) + &::before + color: lookup('$note-' + $type + '-text') diff --git a/themes/butterfly/source/css/_tags/tabs.styl b/themes/butterfly/source/css/_tags/tabs.styl new file mode 100644 index 0000000..785991d --- /dev/null +++ b/themes/butterfly/source/css/_tags/tabs.styl @@ -0,0 +1,74 @@ + +#article-container + .tabs + position: relative + margin: 0 0 1rem + border-right: 1px solid var(--tab-border-color) + border-bottom: 1px solid var(--tab-border-color) + border-left: 1px solid var(--tab-border-color) + + > .nav-tabs + display: flex + flex-wrap: wrap + margin: 0 + padding: 0 + background: var(--tab-botton-bg) + + > .tab + margin: 0 + padding: 0 + list-style: none + + +maxWidth768() + flex-grow: 1 + + button + display: block + padding: .5rem 1rem + width: 100% + border-top: 2px solid var(--tab-border-color) + background: var(--tab-botton-bg) + color: var(--tab-botton-color) + line-height: 2 + transition: all .4s + + i + width: 1.5em + + &.active + button + border-top: 2px solid $tab-active-border-color + background: var(--tab-button-active-bg) + cursor: default + + &:not(.active) + button + &:hover + border-top: 2px solid var(--tab-button-hover-bg) + background: var(--tab-button-hover-bg) + + > .tab-contents + .tab-item-content + position: relative + display: none + padding: 1.8rem 1.2rem + + +maxWidth768() + padding: 1.2rem .7rem + + &.active + display: block + animation: tabshow .5s + + .tab-to-top + position: relative + display: block + margin: 0 0 0 auto + color: $tab-to-top-color + +@keyframes tabshow + 0% + transform: translateY(15px) + + 100% + transform: translateY(0) diff --git a/themes/butterfly/source/css/_third-party/normalize.min.css b/themes/butterfly/source/css/_third-party/normalize.min.css new file mode 100644 index 0000000..ecc522f --- /dev/null +++ b/themes/butterfly/source/css/_third-party/normalize.min.css @@ -0,0 +1,180 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ +html { + line-height: 1.15; + -webkit-text-size-adjust: 100% +} + +body { + margin: 0 +} + +main { + display: block +} + +h1 { + font-size: 2em; + margin: .67em 0 +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible +} + +pre { + font-family: monospace, monospace; + font-size: 1em +} + +a { + background-color: transparent +} + +abbr[title] { + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted +} + +b, +strong { + font-weight: bolder +} + +code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em +} + +small { + font-size: 80% +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline +} + +sub { + bottom: -.25em +} + +sup { + top: -.5em +} + +img { + border-style: none +} + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + font-size: 100%; + line-height: 1.15; + margin: 0 +} + +button, +input { + overflow: visible +} + +button, +select { + text-transform: none +} + +[type=button], +[type=reset], +[type=submit], +button { + -webkit-appearance: button +} + +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner, +button::-moz-focus-inner { + border-style: none; + padding: 0 +} + +[type=button]:-moz-focusring, +[type=reset]:-moz-focusring, +[type=submit]:-moz-focusring, +button:-moz-focusring { + outline: 1px dotted ButtonText +} + +fieldset { + padding: .35em .75em .625em +} + +legend { + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal +} + +progress { + vertical-align: baseline +} + +textarea { + overflow: auto +} + +[type=checkbox], +[type=radio] { + box-sizing: border-box; + padding: 0 +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto +} + +[type=search] { + -webkit-appearance: textfield; + outline-offset: -2px +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit +} + +details { + display: block +} + +summary { + display: list-item +} + +template { + display: none +} + +[hidden] { + display: none +} \ No newline at end of file diff --git a/themes/butterfly/source/css/index.styl b/themes/butterfly/source/css/index.styl new file mode 100644 index 0000000..645f406 --- /dev/null +++ b/themes/butterfly/source/css/index.styl @@ -0,0 +1,19 @@ +@import 'nib' +@import '_third-party/normalize.min.css' +// project +@import 'var' +@import '_global/*' +@import '_highlight/highlight' +@import '_page/*' +@import '_layout/*' +@import '_tags/*' +@import '_mode/*' + +// search +if hexo-config('algolia_search.enable') + @import '_search/index' + @import '_search/algolia' + +if hexo-config('local_search') && hexo-config('local_search.enable') + @import '_search/index' + @import '_search/local-search' diff --git a/themes/butterfly/source/css/var.styl b/themes/butterfly/source/css/var.styl new file mode 100644 index 0000000..f3f0267 --- /dev/null +++ b/themes/butterfly/source/css/var.styl @@ -0,0 +1,178 @@ +// color +$bright-blue = #49B1F5 +$strong-cyan = #00c4b6 +$light-orange = #FF7242 +$light-red = #F47466 +$themeColorEnable = hexo-config('theme_color') && hexo-config('theme_color.enable') +$theme-color = $themeColorEnable && hexo-config('theme_color.main') ? convert(hexo-config('theme_color.main')) : $bright-blue +$theme-paginator-color = $themeColorEnable && hexo-config('theme_color.paginator') ? convert(hexo-config('theme_color.paginator')) : $strong-cyan +$theme-text-selection-color = $themeColorEnable && hexo-config('theme_color.text_selection') ? convert(hexo-config('theme_color.text_selection')) : $strong-cyan +$theme-link-color = $themeColorEnable && hexo-config('theme_color.link_color') ? convert(hexo-config('theme_color.link_color')) : $bright-blue +$theme-hr-color = $themeColorEnable && hexo-config('theme_color.hr_color') ? convert(hexo-config('theme_color.hr_color')) : $bright-blue +$code-foreground = $themeColorEnable && hexo-config('theme_color.code_foreground') ? convert(hexo-config('theme_color.code_foreground')) : $light-red +$code-background = $themeColorEnable && hexo-config('theme_color.code_background') ? convert(hexo-config('theme_color.code_background')) : rgba(27, 31, 35, .05) +$theme-toc-color = $themeColorEnable && hexo-config('theme_color.toc_color') ? convert(hexo-config('theme_color.toc_color')) : $strong-cyan +// font +$dafault-font-family = -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Lato, Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif +$dafault-code-font = consolas, Menlo, 'PingFang SC', 'Microsoft YaHei', sans-serif +$font-family = hexo-config('font.font-family') ? unquote(hexo-config('font.font-family')) : $dafault-font-family +$code-font-family = hexo-config('font.code-font-family') ? unquote(hexo-config('font.code-font-family')) : $dafault-code-font +$site-name-font = hexo-config('blog_title_font.font-family') && unquote(hexo-config('blog_title_font.font-family')) +// hr +$hrEnable = hexo-config('hr_icon') && hexo-config('hr_icon.enable') +$hr-icon = $hrEnable && hexo-config('hr_icon.icon') ? hexo-config('hr_icon.icon') : '\f0c4' +$hr-icon-top = $hrEnable && hexo-config('hr_icon.icon-top') ? convert(hexo-config('hr_icon.icon-top')) : -10px +// page beatutify +$beautifyEnable = hexo-config('beautify.enable') +$title-prefix-icon = $beautifyEnable ? hexo-config('beautify.title-prefix-icon') : '\f0c1' +$title-prefix-icon-color = $beautifyEnable ? convert(hexo-config('beautify.title-prefix-icon-color')) : $light-red +// Global Variables +$font-size = hexo-config('font.global-font-size') ? convert(hexo-config('font.global-font-size')) : 14px +$code-font-size = hexo-config('font.code-font-size') ? convert(hexo-config('font.code-font-size')) : $font-size +$font-color = #1F2D3D +$rem = 20px +$text-line-height = 2 +$web-bg = hexo-config('background') && unquote(hexo-config('background')) +$index_top_img_height = hexo-config('index_top_img_height') ? convert(hexo-config('index_top_img_height')) : 100vh +$index_site_info_top = hexo-config('index_site_info_top') ? convert(hexo-config('index_site_info_top')) : 43% +// Global color & SVG +$light-blue = $theme-color +$dark-black = #000000 +$light-grey = #EEEEEE +$grey = #858585 +$white = #FFFFFF +$whitesmoke = #f5f5f5 +$font-black = #4C4948 +$card-bg = $white +$text-highlight-color = $font-color +$text-hover = $theme-color +$text-bg-hover = $theme-color +// code +$line-height-code-block = 1.6 +$blockquote-color = #6a737d +$blockquote-padding-color = $themeColorEnable && hexo-config('theme_color.blockquote_padding_color') ? convert(hexo-config('theme_color.blockquote_padding_color')) : #49B1F5 +$blockquote-background-color = $themeColorEnable && hexo-config('theme_color.blockquote_background_color') ? alpha(convert(hexo-config('theme_color.blockquote_background_color')), .1) : alpha($blockquote-padding-color, .1) +// page +$body-bg = #fff +$a-link-color = #99a9bf +$sticky-color = $light-orange +$theme-meta-color = $themeColorEnable && hexo-config('theme_color.meta_color') ? convert(hexo-config('theme_color.meta_color')) : #858585 +// sidebar +$sidebar-background = #f6f8fa +$sidebar-width = 300px +// aside +$toc-link-color = #666261 +$toc-mobile-width = 300px +$toc-active-color = #fff +// Button +$button-color = #fff +$button-hover-color = $themeColorEnable && hexo-config('theme_color.button_hover') ? convert(hexo-config('theme_color.button_hover')) : $light-orange +$button-bg = $theme-color +$pseudo-hover = $button-hover-color +// table +$table-thead-bg = #99a9bf +// reward +$reward-pop-up-bg = #f5f5f5 +$reward-pop-up-color = #858585 +// search +$search-bg = #f6f8fa +$search-input-color = $font-black +$search-color = $theme-color +$search-keyword-highlight = #F47466 +$search-result-title = $font-black +// comments +$comments-switch-first-text = $bright-blue +$comments-switch-second-text = $light-orange +$comments-switch-round = #fff +$comments-switch-bg = #f6f8fa +// noticeOutdate +$noticeOutdate-bg = #ffe6e6 +$noticeOutdate-color = #ff6666 +$noticeOutdate-border = #ff8080 +// gallery +$gallery-color = #fff +// tag-hide +$tag-hide-bg = $theme-color +$tag-hide-toggle-bg = #f0f0f0 +// preloader +$preloader-bg = #37474f +$preloader-word-color = #fff +// rightside +$rightside-bottom = hexo-config('rightside-bottom') ? convert(hexo-config('rightside-bottom')) : 40px +// fireworks +$fireworks-zIndex = hexo-config('fireworks.zIndex') ? hexo-config('fireworks.zIndex') : 99999 +// Tag Plugins - Note +hexo-config('note.light_bg_offset') is a 'unit' ? ($lbg = unit(hexo-config('note.light_bg_offset'), '%')) : ($lbg = 0) +$note-types = 'default' 'primary' 'info' 'success' 'warning' 'danger' +// Default +$note-default-border = #777 +$note-default-bg = lighten(spin($note-default-border, 0), 94% + $lbg) +$note-default-text = $note-default-border +$note-default-icon = '\f0a9' +$note-modern-default-border = #e1e1e1 +$note-modern-default-bg = lighten(spin($note-modern-default-border, 10), 60% + ($lbg * 4)) +$note-modern-default-text = #666 +$note-modern-default-hover = darken(spin($note-modern-default-text, -10), 32%) +// Primary +$note-primary-border = #6f42c1 +$note-primary-bg = lighten(spin($note-primary-border, 10), 92% + $lbg) +$note-primary-text = $note-primary-border +$note-primary-icon = '\f055' +$note-modern-primary-border = #e1c2ff +$note-modern-primary-bg = lighten(spin($note-modern-primary-border, 10), 40% + ($lbg * 4)) +$note-modern-primary-text = #6f42c1 +$note-modern-primary-hover = darken(spin($note-modern-primary-text, -10), 22%) +// Info +$note-info-border = #428bca +$note-info-bg = lighten(spin($note-info-border, -10), 91% + $lbg) +$note-info-text = $note-info-border +$note-info-icon = '\f05a' +$note-modern-info-border = #b3e5ef +$note-modern-info-bg = lighten(spin($note-modern-info-border, 10), 50% + ($lbg * 4)) +$note-modern-info-text = #31708f +$note-modern-info-hover = darken(spin($note-modern-info-text, -10), 32%) +// Success +$note-success-border = #5cb85c +$note-success-bg = lighten(spin($note-success-border, 10), 90% + $lbg) +$note-success-text = $note-success-border +$note-success-icon = '\f058' +$note-modern-success-border = #d0e6be +$note-modern-success-bg = lighten(spin($note-modern-success-border, 10), 40% + ($lbg * 4)) +$note-modern-success-text = #3c763d +$note-modern-success-hover = darken(spin($note-modern-success-text, -10), 27%) +// Warning +$note-warning-border = #f0ad4e +$note-warning-bg = lighten(spin($note-warning-border, 10), 88% + $lbg) +$note-warning-text = $note-warning-border +$note-warning-icon = '\f06a' +$note-modern-warning-border = #fae4cd +$note-modern-warning-bg = lighten(spin($note-modern-warning-border, 10), 43% + ($lbg * 4)) +$note-modern-warning-text = #8a6d3b +$note-modern-warning-hover = darken(spin($note-modern-warning-text, -10), 18%) +// Danger +$note-danger-border = #d9534f +$note-danger-bg = lighten(spin($note-danger-border, -10), 92% + $lbg) +$note-danger-text = $note-danger-border +$note-danger-icon = '\f056' +$note-modern-danger-border = #ebcdd2 +$note-modern-danger-bg = lighten(spin($note-modern-danger-border, 10), 35% + ($lbg * 4)) +$note-modern-danger-text = #a94442 +$note-modern-danger-hover = darken(spin($note-modern-danger-text, -10), 22%) +// Tag Plugins - Button/note +$tagsP-types = 'blue' 'pink' 'red' 'purple' 'orange' 'green' +$btn-color = #fff +$btn-default-color = #777 +$tagsP-blue-color = #428bca +$tagsP-pink-color = #FF69B4 +$tagsP-red-color = #FF0000 +$tagsP-orange-color = #FF8C00 +$tagsP-purple-color = #6f42c1 +$tagsP-green-color = #5cb85c +// Tag Plugins - Tab +$tab-border-color = #f0f0f0 +$tab-botton-bg = #f0f0f0 +$tab-botton-color = $font-color +$tab-button-hover-bg = darken($tab-border-color, 8) +$tab-active-border-color = $theme-color +$tab-button-active-bg = $card-bg +$tab-to-top-color = #99a9bf \ No newline at end of file diff --git a/themes/butterfly/source/img/404.jpg b/themes/butterfly/source/img/404.jpg new file mode 100644 index 0000000..4bab3c3 Binary files /dev/null and b/themes/butterfly/source/img/404.jpg differ diff --git a/themes/butterfly/source/img/algolia.svg b/themes/butterfly/source/img/algolia.svg new file mode 100644 index 0000000..4702423 --- /dev/null +++ b/themes/butterfly/source/img/algolia.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/themes/butterfly/source/img/favicon.png b/themes/butterfly/source/img/favicon.png new file mode 100644 index 0000000..862ebe8 Binary files /dev/null and b/themes/butterfly/source/img/favicon.png differ diff --git a/themes/butterfly/source/img/friend_404.gif b/themes/butterfly/source/img/friend_404.gif new file mode 100644 index 0000000..91dd56a Binary files /dev/null and b/themes/butterfly/source/img/friend_404.gif differ diff --git a/themes/butterfly/source/img/icp.png b/themes/butterfly/source/img/icp.png new file mode 100644 index 0000000..3b5539d Binary files /dev/null and b/themes/butterfly/source/img/icp.png differ diff --git a/themes/butterfly/source/img/loading.gif b/themes/butterfly/source/img/loading.gif new file mode 100644 index 0000000..46df25a Binary files /dev/null and b/themes/butterfly/source/img/loading.gif differ diff --git a/themes/butterfly/source/js/main.js b/themes/butterfly/source/js/main.js new file mode 100644 index 0000000..5dda6ff --- /dev/null +++ b/themes/butterfly/source/js/main.js @@ -0,0 +1,723 @@ +$(function () { + const blogNameWidth = $('#site-name').width() + const menusWidth = $('#menus').width() + + const adjustMenu = () => { + const $nav = $('#nav') + let t + if (window.innerWidth < 768) t = true + else t = blogNameWidth + menusWidth > $nav.width() - 30 + + if (t) { + $nav.addClass('hide-menu') + } else { + $nav.removeClass('hide-menu') + } + } + + // 初始化header + const initAdjust = () => { + adjustMenu() + $('#nav').addClass('show') + } + + // sidebar menus + const sidebarFn = () => { + const $toggleMenu = $('#toggle-menu') + const $mobileSidebarMenus = $('#sidebar-menus') + const $menuMask = $('#menu-mask') + const $body = $('body') + + function openMobileSidebar () { + btf.sidebarPaddingR() + $body.css('overflow', 'hidden') + $menuMask.fadeIn() + $toggleMenu.removeClass('close').addClass('open') + $mobileSidebarMenus.addClass('open') + } + + function closeMobileSidebar () { + $body.css({ overflow: '', 'padding-right': '' }) + $menuMask.fadeOut() + $toggleMenu.removeClass('open').addClass('close') + $mobileSidebarMenus.removeClass('open') + } + + $toggleMenu.on('click', function () { + openMobileSidebar() + }) + + $menuMask.on('click touchstart', function (e) { + if ($toggleMenu.hasClass('open')) { + closeMobileSidebar() + } + }) + + $(window).on('resize', function (e) { + if (!$toggleMenu.is(':visible')) { + if ($toggleMenu.hasClass('open')) closeMobileSidebar() + } + }) + } + + /** + * 首頁top_img底下的箭頭 + */ + const scrollDownInIndex = () => { + $('#scroll-down').on('click', function () { + btf.scrollToDest('#content-inner') + }) + } + + /** + * 代碼 + * 只適用於Hexo默認的代碼渲染 + */ + const addHighlightTool = function () { + const isHighlightCopy = GLOBAL_CONFIG.highlight.highlightCopy + const isHighlightLang = GLOBAL_CONFIG.highlight.highlightLang + const isHighlightShrink = GLOBAL_CONFIG_SITE.isHighlightShrink + const isShowTool = isHighlightCopy || isHighlightLang || isHighlightShrink !== undefined + const $figureHighlight = GLOBAL_CONFIG.highlight.plugin === 'highlighjs' ? $('figure.highlight') : $('pre[class*="language-"]') + + if (isShowTool && $figureHighlight.length) { + const isPrismjs = GLOBAL_CONFIG.highlight.plugin === 'prismjs' + + let highlightShrinkEle = '' + let highlightCopyEle = '' + const highlightShrinkClass = isHighlightShrink === true ? 'closed' : '' + + if (isHighlightShrink !== undefined) { + highlightShrinkEle = `` + } + + if (isHighlightCopy) { + highlightCopyEle = '
    ' + } + + if (isHighlightLang) { + if (isPrismjs) { + $figureHighlight.each(function () { + const $this = $(this) + const langName = $this.attr('data-language') !== undefined ? $this.attr('data-language') : 'Code' + const highlightLangEle = `
    ${langName}
    ` + $this.wrap('
    ').before(`
    ${highlightShrinkEle + highlightLangEle + highlightCopyEle}
    `) + }) + } else { + $figureHighlight.each(function (i, o) { + const $this = $(this) + let langName = $this.attr('class').split(' ')[1] + if (langName === 'plain' || langName === undefined) langName = 'Code' + const highlightLangEle = `
    ${langName}
    ` + $this.prepend(`
    ${highlightShrinkEle + highlightLangEle + highlightCopyEle}
    `) + }) + } + } else { + const ele = `
    ${highlightShrinkEle + highlightCopyEle}
    ` + if (isPrismjs) $figureHighlight.wrap('
    ').before(ele) + else $figureHighlight.prepend(ele) + } + + /** + * 代碼收縮 + */ + + if (isHighlightShrink !== undefined) { + $('.highlight-tools >.expand').on('click', function () { + const $this = $(this) + const $table = $this.parent().nextAll() + $this.toggleClass('closed') + $table.is(':visible') ? $table.css('display', 'none') : $table.css('display', 'block') + }) + } + + /** + * 代碼copy + */ + if (isHighlightCopy) { + const copy = function (text, ctx) { + if (document.queryCommandSupported && document.queryCommandSupported('copy')) { + document.execCommand('copy') + if (GLOBAL_CONFIG.Snackbar !== undefined) { + btf.snackbarShow(GLOBAL_CONFIG.copy.success) + } else { + $(ctx).prev('.copy-notice') + .text(GLOBAL_CONFIG.copy.success) + .animate({ + opacity: 1 + }, 450, function () { + setTimeout(function () { + $(ctx).prev('.copy-notice').animate({ + opacity: 0 + }, 650) + }, 400) + }) + } + } else { + if (GLOBAL_CONFIG.Snackbar !== undefined) { + btf.snackbarShow(GLOBAL_CONFIG.copy.noSupport) + } else { + $(ctx).prev('.copy-notice').text(GLOBAL_CONFIG.copy.noSupport) + } + } + } + + // click events + $('.highlight-tools >.copy-button').on('click', function () { + const $buttonParent = $(this).parents('figure.highlight') + $buttonParent.addClass('copy-true') + const selection = window.getSelection() + const range = document.createRange() + if (isPrismjs) range.selectNodeContents($buttonParent.find('> pre code')[0]) + else range.selectNodeContents($buttonParent.find('table .code pre')[0]) + selection.removeAllRanges() + selection.addRange(range) + const text = selection.toString() + copy(text, this) + selection.removeAllRanges() + $buttonParent.removeClass('copy-true') + }) + } + } + } + + /** + * PhotoFigcaption + */ + function addPhotoFigcaption () { + const images = $('#article-container img').not('.justified-gallery img') + images.each(function (i, o) { + const $this = $(o) + if ($this.attr('alt')) { + const t = $('
    ' + $this.attr('alt') + '
    ') + $this.after(t) + } + }) + } + + /** + * justified-gallery 圖庫排版 + */ + + let detectJgJsLoad = false + const runJustifiedGallery = function () { + const $justifiedGallery = $('.justified-gallery') + if ($justifiedGallery.length) { + const $imgList = $justifiedGallery.find('img') + $imgList.unwrap() + if ($imgList.length) { + $imgList.each(function (i, o) { + if ($(o).attr('data-lazy-src')) $(o).attr('src', $(o).attr('data-lazy-src')) + $(o).wrap('
    ') + }) + } + + if (detectJgJsLoad) btf.initJustifiedGallery($justifiedGallery) + else { + $('head').append(``) + $.getScript(`${GLOBAL_CONFIG.justifiedGallery.js}`, function () { + btf.initJustifiedGallery($justifiedGallery) + }) + detectJgJsLoad = true + } + } + } + + /** + * fancybox和 mediumZoom + */ + const addLightBox = function () { + if (GLOBAL_CONFIG.lightbox === 'fancybox') { + const images = $('#article-container img:not(.gallery-group-img)').not($('a>img')) + images.each(function (i, o) { + const lazyloadSrc = $(o).attr('data-lazy-src') ? $(o).attr('data-lazy-src') : $(o).attr('src') + const dataCaption = $(o).attr('alt') ? $(o).attr('alt') : '' + $(o).wrap(``) + }) + + $().fancybox({ + selector: '[data-fancybox]', + loop: true, + transitionEffect: 'slide', + protect: true, + buttons: ['slideShow', 'fullScreen', 'thumbs', 'close'], + hash: false + }) + } else { + const zoom = mediumZoom(document.querySelectorAll('#article-container :not(a)>img')) + zoom.on('open', function (event) { + const photoBg = $(document.documentElement).attr('data-theme') === 'dark' ? '#121212' : '#fff' + zoom.update({ + background: photoBg + }) + }) + } + } + + /** + * 滾動處理 + */ + const scrollFn = function () { + let initTop = 0 + let isChatShow = true + const $rightside = $('#rightside') + const $nav = $('#nav') + const isChatBtnHide = typeof chatBtnHide === 'function' + const isChatBtnShow = typeof chatBtnShow === 'function' + $(window).scroll(btf.throttle(function (event) { + const currentTop = $(this).scrollTop() + const isDown = scrollDirection(currentTop) + if (currentTop > 56) { + if (isDown) { + if ($nav.hasClass('visible')) $nav.removeClass('visible') + if (isChatBtnShow && isChatShow === true) { + chatBtnHide() + isChatShow = false + } + } else { + if (!$nav.hasClass('visible')) $nav.addClass('visible') + if (isChatBtnHide && isChatShow === false) { + window.chatBtnShow() + isChatShow = true + } + } + $nav.addClass('fixed') + if ($rightside.css('opacity') === '0') { + $rightside.css({ opacity: '1', transform: 'translateX(-38px)' }) + } + } else { + if (currentTop === 0) { + $nav.removeClass('fixed').removeClass('visible') + } + $rightside.css({ opacity: '', transform: '' }) + } + }, 200)) + + // find the scroll direction + function scrollDirection (currentTop) { + const result = currentTop > initTop // true is down & false is up + initTop = currentTop + return result + } + } + + /** + * toc + */ + const tocFn = function () { + const $cardTocLayout = $('#card-toc') + const $cardToc = $cardTocLayout.find('.toc-content') + const $tocChild = $cardToc.find('.toc-child') + const $tocLink = $cardToc.find('.toc-link') + const $article = $('#article-container') + + $tocChild.hide() + + // main of scroll + $(window).scroll(btf.throttle(function (event) { + const currentTop = $(this).scrollTop() + scrollPercent(currentTop) + findHeadPosition(currentTop) + }, 100)) + + // expand toc-item + const expandToc = function ($item) { + if ($item.is(':visible')) { + return + } + $item.fadeIn(400) + } + + const scrollPercent = function (currentTop) { + const docHeight = $article.height() + const winHeight = $(window).height() + const headerHeight = $article.offset().top + const contentMath = (docHeight > winHeight) ? (docHeight - winHeight) : ($(document).height() - winHeight) + const scrollPercent = (currentTop - headerHeight) / (contentMath) + const scrollPercentRounded = Math.round(scrollPercent * 100) + const percentage = (scrollPercentRounded > 100) ? 100 + : (scrollPercentRounded <= 0) ? 0 + : scrollPercentRounded + $cardToc.attr('progress-percentage', percentage) + } + + // anchor + const isAnchor = GLOBAL_CONFIG.isanchor + const updateAnchor = function (anchor) { + if (window.history.replaceState && anchor !== window.location.hash) { + window.history.replaceState(undefined, undefined, anchor) + } + } + + const mobileToc = { + open: () => { + $cardTocLayout.css('display', 'block') + }, + + close: () => { + $cardTocLayout.css('animation', 'toc-close .2s') + setTimeout(() => { + $cardTocLayout.css({ display: '', animation: '' }) + }, 100) + } + } + + $('#mobile-toc-button').on('click', () => { + if ($cardTocLayout.is(':visible')) { + mobileToc.close() + } else { + mobileToc.open() + } + }) + + // toc元素點擊 + $tocLink.on('click', function (e) { + e.preventDefault() + btf.scrollToDest(decodeURI($(this).attr('href'))) + if (window.innerWidth < 900) { + mobileToc.close() + } + }) + + const autoScrollToc = function (currentTop, item) { + const activePosition = item.offset().top + const $tocContent = $cardToc + const sidebarScrollTop = $tocContent.scrollTop() + if (activePosition > (currentTop + $(window).height() - 100)) { + $tocContent.scrollTop(sidebarScrollTop + 100) + } + if (activePosition < currentTop + 100) { + $tocContent.scrollTop(sidebarScrollTop - 100) + } + } + + // find head position & add active class + // DOM Hierarchy: + // ol.toc > (li.toc-item, ...) + // li.toc-item > (a.toc-link, ol.toc-2child > (li.toc-item, ...)) + const list = $article.find('h1,h2,h3,h4,h5,h6') + + const findHeadPosition = function (top) { + // assume that we are not in the post page if no TOC link be found, + // thus no need to update the status + if ($tocLink.length === 0) { + return false + } + + let currentId = '' + list.each(function () { + const head = $(this) + if (top > head.offset().top - 70) { + currentId = '#' + encodeURI($(this).attr('id')) + } + }) + + if (currentId === '') { + $tocLink.removeClass('active') + $tocChild.hide() + } + + const currentActive = $tocLink.filter('.active') + if (currentId && currentActive.attr('href') !== currentId) { + if (isAnchor) updateAnchor(currentId) + + $tocLink.removeClass('active') + + const _this = $tocLink.filter('[href="' + currentId + '"]') + _this.addClass('active') + autoScrollToc(top, _this) + + const parents = _this.parents('.toc-child') + // Returned list is in reverse order of the DOM elements + // Thus `parents.last()` is the outermost .toc-child container + // i.e. list of subsections + const topLink = (parents.length > 0) ? parents.last() : _this + expandToc(topLink.closest('.toc-item').find('.toc-child')) + topLink + // Find all top-level .toc-item containers, i.e. sections + // excluding the currently active one + .closest('.toc-item').siblings('.toc-item') + // Hide their respective list of subsections + .find('.toc-child').hide() + } + } + } + + /** + * Rightside + */ + + const $rightsideEle = $('#rightside') + + // read-mode + $rightsideEle.on('click', '#readmode', function () { + $('body').toggleClass('read-mode') + }) + + // Switch Between Light And Dark Mode + if ($('#darkmode').length) { + const switchReadMode = function () { + const nowMode = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light' + if (nowMode === 'light') { + activateDarkMode() + saveToLocal.set('theme', 'dark', 2) + GLOBAL_CONFIG.Snackbar !== undefined && btf.snackbarShow(GLOBAL_CONFIG.Snackbar.day_to_night) + } else { + activateLightMode() + saveToLocal.set('theme', 'light', 2) + GLOBAL_CONFIG.Snackbar !== undefined && btf.snackbarShow(GLOBAL_CONFIG.Snackbar.night_to_day) + } + } + + $rightsideEle.on('click', '#darkmode', () => { + switchReadMode() + typeof utterancesTheme === 'function' && utterancesTheme() + typeof FB === 'object' && window.loadFBComment() + window.DISQUS && $('#disqus_thread').children().length && setTimeout(() => window.disqusReset(), 200) + }) + } + + // rightside 點擊設置 按鈕 展開 + $rightsideEle.on('click', '#rightside_config', () => $('#rightside-config-hide').toggleClass('show')) + + // Back to top + $rightsideEle.on('click', '#go-up', () => btf.scrollToDest('body')) + + $rightsideEle.on('click', '#hide-aside-btn', () => { + const $htmlDom = $(document.documentElement) + if ($htmlDom.hasClass('hide-aside')) { + $htmlDom.removeClass('hide-aside') + saveToLocal.set('aside-status', 'show', 2) + } else { + $htmlDom.addClass('hide-aside') + saveToLocal.set('aside-status', 'hide', 2) + } + }) + + /** + * menu + * 側邊欄sub-menu 展開/收縮 + * 解決menus在觸摸屏下，滑動屏幕menus_item_child不消失的問題（手機hover的bug) + */ + const clickFnOfSubMenu = function () { + $('#sidebar-menus .expand').on('click', function () { + $(this).parents('.menus_item').find('> .menus_item_child').slideToggle() + $(this).toggleClass('hide') + }) + + $(window).on('touchmove', function (e) { + const $menusChild = $('#nav .menus_item_child') + if ($menusChild.is(':visible')) { + $menusChild.css('display', 'none') + } + }) + } + + /** + * 複製時加上版權信息 + */ + const addCopyright = () => { + const copyright = GLOBAL_CONFIG.copyright + document.body.oncopy = (e) => { + e.preventDefault() + let textFont; const copyFont = window.getSelection(0).toString() + if (copyFont.length > copyright.limitCount) { + textFont = copyFont + '\n' + '\n' + '\n' + + copyright.languages.author + '\n' + + copyright.languages.link + window.location.href + '\n' + + copyright.languages.source + '\n' + + copyright.languages.info + } else { + textFont = copyFont + } + if (e.clipboardData) { + return e.clipboardData.setData('text', textFont) + } else { + return window.clipboardData.setData('text', textFont) + } + } + } + + /** + * 網頁運行時間 + */ + const addRuntime = () => { + const $runtimeCount = $('#runtimeshow') + if ($runtimeCount.length) { + const publishDate = $runtimeCount.attr('data-publishDate') + $runtimeCount.text(btf.diffDate(publishDate) + ' ' + GLOBAL_CONFIG.runtime) + } + } + + /** + * 最後一次更新時間 + */ + const addLastPushDate = () => { + const $lastPushDateItem = $('#last-push-date') + if ($lastPushDateItem.length) { + const lastPushDate = $lastPushDateItem.attr('data-lastPushDate') + const diffDay = btf.diffDate(lastPushDate, true) + $lastPushDateItem.text(diffDay) + } + } + + /** + * table overflow + */ + const addTableWrap = function () { + const $table = $('#article-container table').not($('figure.highlight > table')) + $table.each(function () { + $(this).wrap('
    ') + }) + } + + /** + * tag-hide + */ + const clickFnOfTagHide = function () { + const $hideInline = $('.hide-button') + if ($hideInline.length) { + $hideInline.on('click', function (e) { + const $this = $(this) + const $hideContent = $(this).next('.hide-content') + $this.toggleClass('open') + $hideContent.toggle() + if ($this.hasClass('open')) { + if ($hideContent.find('.justified-gallery').length > 0) { + btf.initJustifiedGallery($hideContent.find('.justified-gallery')) + } + } + }) + } + } + + const tabsFn = { + clickFnOfTabs: function () { + const $tab = $('#article-container .tabs') + $tab.find('.tab > button:not(.tab-to-top)').on('click', function (e) { + const $this = $(this) + const $tabItem = $this.parent() + + if (!$tabItem.hasClass('active')) { + const $tabContent = $this.parents('.nav-tabs').next() + $tabItem.siblings('.active').removeClass('active') + $tabItem.addClass('active') + const tabId = $this.attr('data-href') + $tabContent.find('> .tab-item-content').removeClass('active') + $tabContent.find(`> ${tabId}`).addClass('active') + const $isTabJustifiedGallery = $tabContent.find(tabId).find('.justified-gallery') + if ($isTabJustifiedGallery.length > 0) { + btf.initJustifiedGallery($isTabJustifiedGallery) + } + } + }) + }, + backToTop: () => { + const backToTopBtn = $('#article-container .tabs .tab-to-top') + backToTopBtn.on('click', function () { + btf.scrollToDest($(this).parents('.tabs')) + }) + } + } + + const toggleCardCategory = function () { + const $cardCategory = $('#aside-cat-list .card-category-list-item.parent i') + $cardCategory.on('click', function (e) { + e.preventDefault() + $(this).toggleClass('expand').parents('.parent').next().slideToggle(300) + }) + } + + const switchComments = function () { + let switchDone = false + $('#comment-switch > .switch-btn').on('click', function () { + const $btn = $(this) + $btn.hasClass('move') ? $btn.removeClass('move') : $btn.addClass('move') + $('#post-comment > .comment-wrap > div').each(function (i, o) { + const $this = $(o) + if ($this.is(':visible')) { + $this.hide() + } else { + $this.css({ + display: 'block', + animation: 'tabshow .5s' + }) + } + }) + if (!switchDone && typeof loadOtherComment === 'function') { + switchDone = true + loadOtherComment() + } + }) + } + + const addPostOutdateNotice = function () { + const data = GLOBAL_CONFIG.noticeOutdate + var diffDay = btf.diffDate(GLOBAL_CONFIG_SITE.postUpdate) + if (diffDay >= data.limitDay) { + const code = `
    ${data.messagePrev + ' ' + diffDay + ' ' + data.messageNext}
    ` + if (data.position === 'top') { + $('#article-container').prepend(code) + } else { + $('#article-container').append(code) + } + } + } + + const lazyloadImg = () => { + window.lazyLoadInstance = new LazyLoad({ + elements_selector: 'img', + threshold: 0, + data_src: 'lazy-src' + }) + } + + const relativeDate = function (selector) { + selector.each((i, o) => { + const $this = $(o) + const timeVal = $this.attr('datetime') + $this.text(btf.diffDate(timeVal, true)).css('display', 'inline') + }) + } + + const unRefreshFn = function () { + $(window).on('resize', function () { + adjustMenu() + }) + + clickFnOfSubMenu() + GLOBAL_CONFIG.islazyload && lazyloadImg() + GLOBAL_CONFIG.copyright !== undefined && addCopyright() + } + + window.refreshFn = function () { + initAdjust() + + if (GLOBAL_CONFIG_SITE.isPost) { + GLOBAL_CONFIG_SITE.isToc && tocFn() + GLOBAL_CONFIG.noticeOutdate !== undefined && addPostOutdateNotice() + GLOBAL_CONFIG.relativeDate.post && relativeDate($('#post-meta time')) + } else { + GLOBAL_CONFIG.relativeDate.homepage && relativeDate($('#recent-posts time')) + GLOBAL_CONFIG.runtime && addRuntime() + addLastPushDate() + toggleCardCategory() + } + + sidebarFn() + GLOBAL_CONFIG_SITE.isHome && scrollDownInIndex() + GLOBAL_CONFIG.highlight && addHighlightTool() + GLOBAL_CONFIG.isPhotoFigcaption && addPhotoFigcaption() + runJustifiedGallery() + GLOBAL_CONFIG.lightbox !== 'null' && addLightBox() + scrollFn() + addTableWrap() + clickFnOfTagHide() + tabsFn.clickFnOfTabs() + tabsFn.backToTop() + switchComments() + } + + refreshFn() + unRefreshFn() +}) diff --git a/themes/butterfly/source/js/search/algolia.js b/themes/butterfly/source/js/search/algolia.js new file mode 100644 index 0000000..00fe0a0 --- /dev/null +++ b/themes/butterfly/source/js/search/algolia.js @@ -0,0 +1,145 @@ +$(function () { + const openSearch = () => { + $('body').css({ width: '100%', overflow: 'hidden' }) + $('#algolia-search .search-dialog').css('display', 'block') + $('.ais-search-box--input').focus() + $('#search-mask').fadeIn() + // shortcut: ESC + document.addEventListener('keydown', function f (event) { + if (event.code === 'Escape') { + closeSearch() + document.removeEventListener('keydown', f) + } + }) + } + + const closeSearch = () => { + $('body').css({ width: '', overflow: '' }) + $('#algolia-search .search-dialog').css({ + animation: 'search_close .5s' + }) + + setTimeout(function () { + $('#algolia-search .search-dialog').css({ + animation: '', + display: 'none' + }) + }, 500) + + $('#search-mask').fadeOut() + } + + const searchClickFn = () => { + $('a.social-icon.search').on('click', openSearch) + $('#search-mask, .search-close-button').on('click touchstart', closeSearch) + } + + searchClickFn() + + window.addEventListener('pjax:complete', function () { + closeSearch() + searchClickFn() + }) + + const algolia = GLOBAL_CONFIG.algolia + const isAlgoliaValid = algolia.appId && algolia.apiKey && algolia.indexName + if (!isAlgoliaValid) { + return console.error('Algolia setting is invalid!') + } + + const search = instantsearch({ + appId: algolia.appId, + apiKey: algolia.apiKey, + indexName: algolia.indexName, + searchParameters: { + hitsPerPage: algolia.hits.per_page || 10 + }, + searchFunction: function (helper) { + const searchInput = $('#algolia-search-input').find('input') + + if (searchInput.val()) { + helper.search() + } + } + }) + + search.addWidget( + instantsearch.widgets.searchBox({ + container: '#algolia-search-input', + reset: false, + magnifier: false, + placeholder: GLOBAL_CONFIG.algolia.languages.input_placeholder + }) + ) + search.addWidget( + instantsearch.widgets.hits({ + container: '#algolia-hits', + templates: { + item: function (data) { + const link = data.permalink ? data.permalink : (GLOBAL_CONFIG.root + data.path) + return ( + '' + + data._highlightResult.title.value + + '' + ) + }, + empty: function (data) { + return ( + '
    ' + + GLOBAL_CONFIG.algolia.languages.hits_empty.replace(/\$\{query}/, data.query) + + '
    ' + ) + } + }, + cssClasses: { + item: 'algolia-hit-item' + } + }) + ) + + search.addWidget( + instantsearch.widgets.stats({ + container: '#algolia-stats', + templates: { + body: function (data) { + const stats = GLOBAL_CONFIG.algolia.languages.hits_stats + .replace(/\$\{hits}/, data.nbHits) + .replace(/\$\{time}/, data.processingTimeMS) + return ( + '
    ' + + stats + + '' + ) + } + } + }) + ) + + search.addWidget( + instantsearch.widgets.pagination({ + container: '#algolia-pagination', + scrollTo: false, + showFirstLast: false, + labels: { + first: '', + last: '', + previous: '', + next: '' + }, + cssClasses: { + root: 'pagination', + item: 'pagination-item', + link: 'page-number', + active: 'current', + disabled: 'disabled-item' + } + }) + ) + search.start() + + window.pjax && search.on('render', () => { + window.pjax.refresh(document.getElementById('algolia-hits')) + }) +}) diff --git a/themes/butterfly/source/js/search/local-search.js b/themes/butterfly/source/js/search/local-search.js new file mode 100644 index 0000000..721ddc3 --- /dev/null +++ b/themes/butterfly/source/js/search/local-search.js @@ -0,0 +1,164 @@ +$(function () { + let loadFlag = false + const openSearch = function () { + $('body').css({ + width: '100%', + overflow: 'hidden' + }) + $('#local-search .search-dialog').css('display', 'block') + $('#local-search-input input').focus() + $('#search-mask').fadeIn() + if (!loadFlag) { + search(GLOBAL_CONFIG.localSearch.path) + loadFlag = true + } + + // shortcut: ESC + document.addEventListener('keydown', function f (event) { + if (event.code === 'Escape') { + closeSearch() + document.removeEventListener('keydown', f) + } + }) + } + + const closeSearch = function () { + $('body').css({ + width: '', + overflow: '' + }) + $('#local-search .search-dialog').css({ + animation: 'search_close .5s' + }) + + setTimeout(function () { + $('#local-search .search-dialog').css({ + animation: '', + display: 'none' + }) + }, 500) + + $('#search-mask').fadeOut() + } + + const searchClickFn = () => { + $('a.social-icon.search').on('click', openSearch) + $('#search-mask, .search-close-button').on('click', closeSearch) + } + + searchClickFn() + + window.addEventListener('pjax:complete', function () { + $('#local-search .search-dialog').is(':visible') && closeSearch() + searchClickFn() + }) + + function search (path) { + $.ajax({ + url: GLOBAL_CONFIG.root + path, + dataType: 'xml', + success: function (xmlResponse) { + // get the contents from search data + const datas = $('entry', xmlResponse).map(function () { + return { + title: $('title', this).text(), + content: $('content', this).text(), + url: $('url', this).text() + } + }).get() + + const $input = $('#local-search-input input')[0] + const $resultContent = $('#local-hits')[0] + $input.addEventListener('input', function () { + let str = '
    ' + const keywords = this.value.trim().toLowerCase().split(/[\s]+/) + $resultContent.innerHTML = '' + if (this.value.trim().length <= 0) { + $('.local-search-stats__hr').hide() + return + } + let count = 0 + // perform local searching + datas.forEach(function (data) { + let isMatch = true + if (!data.title || data.title.trim() === '') { + data.title = 'Untitled' + } + let dataTitle = data.title.trim().toLowerCase() + const dataContent = data.content.trim().replace(/<[^>]+>/g, '').toLowerCase() + const dataUrl = data.url.startsWith('/') ? data.url : GLOBAL_CONFIG.root + data.url + let indexTitle = -1 + let indexContent = -1 + let firstOccur = -1 + // only match artiles with not empty titles and contents + if (dataTitle !== '' || dataContent !== '') { + keywords.forEach(function (keyword, i) { + indexTitle = dataTitle.indexOf(keyword) + indexContent = dataContent.indexOf(keyword) + if (indexTitle < 0 && indexContent < 0) { + isMatch = false + } else { + if (indexContent < 0) { + indexContent = 0 + } + if (i === 0) { + firstOccur = indexContent + } + } + }) + } else { + isMatch = false + } + + // show search results + if (isMatch) { + const content = data.content.trim().replace(/<[^>]+>/g, '') + if (firstOccur >= 0) { + // cut out 130 characters + let start = firstOccur - 30 + let end = firstOccur + 100 + + if (start < 0) { + start = 0 + } + + if (start === 0) { + end = 100 + } + + if (end > content.length) { + end = content.length + } + + let matchContent = content.substring(start, end) + + // highlight all keywords + keywords.forEach(function (keyword) { + const regS = new RegExp(keyword, 'gi') + matchContent = matchContent.replace(regS, '' + keyword + '') + dataTitle = dataTitle.replace(regS, '' + keyword + '') + }) + + str += '
    ' + dataTitle + '' + count += 1 + $('.local-search-stats__hr').show() + + if (dataContent !== '') { + str += '

    ' + matchContent + '...

    ' + } + } + str += '
    ' + } + }) + if (count === 0) { + str += '
    ' + GLOBAL_CONFIG.localSearch.languages.hits_empty.replace(/\$\{query}/, this.value.trim()) + + '
    ' + } + str += '
    ' + $resultContent.innerHTML = str + window.pjax && window.pjax.refresh($resultContent) + }) + } + }) + } +}) diff --git a/themes/butterfly/source/js/tw_cn.js b/themes/butterfly/source/js/tw_cn.js new file mode 100644 index 0000000..6a1e893 --- /dev/null +++ b/themes/butterfly/source/js/tw_cn.js @@ -0,0 +1,99 @@ +/* eslint-disable no-undef */ +(function () { + const translate = GLOBAL_CONFIG.translate + const snackbarData = GLOBAL_CONFIG.Snackbar + const defaultEncoding = translate.defaultEncoding // 網站默認語言，1: 繁體中文, 2: 簡體中文 + const translateDelay = translate.translateDelay // 延遲時間,若不在前, 要設定延遲翻譯時間, 如100表示100ms,默認為0 + const msgToTraditionalChinese = translate.msgToTraditionalChinese // 此處可以更改為你想要顯示的文字 + const msgToSimplifiedChinese = translate.msgToSimplifiedChinese // 同上，但兩處均不建議更改 + let currentEncoding = defaultEncoding + const targetEncodingCookie = 'translate-chn-cht' + let targetEncoding = + saveToLocal.get(targetEncodingCookie) === undefined + ? defaultEncoding + : Number(saveToLocal.get('translate-chn-cht')) + let translateButtonObject + const isSnackbar = GLOBAL_CONFIG.Snackbar !== undefined + + function translateText (txt) { + if (txt === '' || txt == null) return '' + if (currentEncoding === 1 && targetEncoding === 2) return Simplized(txt) + else if (currentEncoding === 2 && targetEncoding === 1) { return Traditionalized(txt) } else return txt + } + function translateBody (fobj) { + let objs + if (typeof fobj === 'object') objs = fobj.childNodes + else objs = document.body.childNodes + for (let i = 0; i < objs.length; i++) { + const obj = objs.item(i) + if ( + '||BR|HR|'.indexOf('|' + obj.tagName + '|') > 0 || + obj === translateButtonObject + ) { continue } + if (obj.title !== '' && obj.title != null) { obj.title = translateText(obj.title) } + if (obj.alt !== '' && obj.alt != null) obj.alt = translateText(obj.alt) + if (obj.placeholder !== '' && obj.placeholder != null) obj.placeholder = translateText(obj.placeholder) + if ( + obj.tagName === 'INPUT' && + obj.value !== '' && + obj.type !== 'text' && + obj.type !== 'hidden' + ) { obj.value = translateText(obj.value) } + if (obj.nodeType === 3) obj.data = translateText(obj.data) + else translateBody(obj) + } + } + function translatePage () { + if (targetEncoding === 1) { + currentEncoding = 1 + targetEncoding = 2 + translateButtonObject.innerHTML = msgToTraditionalChinese + saveToLocal.set(targetEncodingCookie, targetEncoding, 2) + translateBody() + if (isSnackbar) btf.snackbarShow(snackbarData.cht_to_chs) + } else if (targetEncoding === 2) { + currentEncoding = 2 + targetEncoding = 1 + translateButtonObject.innerHTML = msgToSimplifiedChinese + saveToLocal.set(targetEncodingCookie, targetEncoding, 2) + translateBody() + if (isSnackbar) btf.snackbarShow(snackbarData.chs_to_cht) + } + } + function JTPYStr () { + return '万与丑专业丛东丝丢两严丧个丬丰临为丽举么义乌乐乔习乡书买乱争于亏云亘亚产亩亲亵亸亿仅从仑仓仪们价众优伙会伛伞伟传伤伥伦伧伪伫体余佣佥侠侣侥侦侧侨侩侪侬俣俦俨俩俪俭债倾偬偻偾偿傥傧储傩儿兑兖党兰关兴兹养兽冁内冈册写军农冢冯冲决况冻净凄凉凌减凑凛几凤凫凭凯击凼凿刍划刘则刚创删别刬刭刽刿剀剂剐剑剥剧劝办务劢动励劲劳势勋勐勚匀匦匮区医华协单卖卢卤卧卫却卺厂厅历厉压厌厍厕厢厣厦厨厩厮县参叆叇双发变叙叠叶号叹叽吁后吓吕吗吣吨听启吴呒呓呕呖呗员呙呛呜咏咔咙咛咝咤咴咸哌响哑哒哓哔哕哗哙哜哝哟唛唝唠唡唢唣唤唿啧啬啭啮啰啴啸喷喽喾嗫呵嗳嘘嘤嘱噜噼嚣嚯团园囱围囵国图圆圣圹场坂坏块坚坛坜坝坞坟坠垄垅垆垒垦垧垩垫垭垯垱垲垴埘埙埚埝埯堑堕塆墙壮声壳壶壸处备复够头夸夹夺奁奂奋奖奥妆妇妈妩妪妫姗姜娄娅娆娇娈娱娲娴婳婴婵婶媪嫒嫔嫱嬷孙学孪宁宝实宠审宪宫宽宾寝对寻导寿将尔尘尧尴尸尽层屃屉届属屡屦屿岁岂岖岗岘岙岚岛岭岳岽岿峃峄峡峣峤峥峦崂崃崄崭嵘嵚嵛嵝嵴巅巩巯币帅师帏帐帘帜带帧帮帱帻帼幂幞干并广庄庆庐庑库应庙庞废庼廪开异弃张弥弪弯弹强归当录彟彦彻径徕御忆忏忧忾怀态怂怃怄怅怆怜总怼怿恋恳恶恸恹恺恻恼恽悦悫悬悭悯惊惧惨惩惫惬惭惮惯愍愠愤愦愿慑慭憷懑懒懔戆戋戏戗战戬户扎扑扦执扩扪扫扬扰抚抛抟抠抡抢护报担拟拢拣拥拦拧拨择挂挚挛挜挝挞挟挠挡挢挣挤挥挦捞损捡换捣据捻掳掴掷掸掺掼揸揽揿搀搁搂搅携摄摅摆摇摈摊撄撑撵撷撸撺擞攒敌敛数斋斓斗斩断无旧时旷旸昙昼昽显晋晒晓晔晕晖暂暧札术朴机杀杂权条来杨杩杰极构枞枢枣枥枧枨枪枫枭柜柠柽栀栅标栈栉栊栋栌栎栏树栖样栾桊桠桡桢档桤桥桦桧桨桩梦梼梾检棂椁椟椠椤椭楼榄榇榈榉槚槛槟槠横樯樱橥橱橹橼檐檩欢欤欧歼殁殇残殒殓殚殡殴毁毂毕毙毡毵氇气氢氩氲汇汉污汤汹沓沟没沣沤沥沦沧沨沩沪沵泞泪泶泷泸泺泻泼泽泾洁洒洼浃浅浆浇浈浉浊测浍济浏浐浑浒浓浔浕涂涌涛涝涞涟涠涡涢涣涤润涧涨涩淀渊渌渍渎渐渑渔渖渗温游湾湿溃溅溆溇滗滚滞滟滠满滢滤滥滦滨滩滪漤潆潇潋潍潜潴澜濑濒灏灭灯灵灾灿炀炉炖炜炝点炼炽烁烂烃烛烟烦烧烨烩烫烬热焕焖焘煅煳熘爱爷牍牦牵牺犊犟状犷犸犹狈狍狝狞独狭狮狯狰狱狲猃猎猕猡猪猫猬献獭玑玙玚玛玮环现玱玺珉珏珐珑珰珲琎琏琐琼瑶瑷璇璎瓒瓮瓯电画畅畲畴疖疗疟疠疡疬疮疯疱疴痈痉痒痖痨痪痫痴瘅瘆瘗瘘瘪瘫瘾瘿癞癣癫癯皑皱皲盏盐监盖盗盘眍眦眬着睁睐睑瞒瞩矫矶矾矿砀码砖砗砚砜砺砻砾础硁硅硕硖硗硙硚确硷碍碛碜碱碹磙礼祎祢祯祷祸禀禄禅离秃秆种积称秽秾稆税稣稳穑穷窃窍窑窜窝窥窦窭竖竞笃笋笔笕笺笼笾筑筚筛筜筝筹签简箓箦箧箨箩箪箫篑篓篮篱簖籁籴类籼粜粝粤粪粮糁糇紧絷纟纠纡红纣纤纥约级纨纩纪纫纬纭纮纯纰纱纲纳纴纵纶纷纸纹纺纻纼纽纾线绀绁绂练组绅细织终绉绊绋绌绍绎经绐绑绒结绔绕绖绗绘给绚绛络绝绞统绠绡绢绣绤绥绦继绨绩绪绫绬续绮绯绰绱绲绳维绵绶绷绸绹绺绻综绽绾绿缀缁缂缃缄缅缆缇缈缉缊缋缌缍缎缏缐缑缒缓缔缕编缗缘缙缚缛缜缝缞缟缠缡缢缣缤缥缦缧缨缩缪缫缬缭缮缯缰缱缲缳缴缵罂网罗罚罢罴羁羟羡翘翙翚耢耧耸耻聂聋职聍联聩聪肃肠肤肷肾肿胀胁胆胜胧胨胪胫胶脉脍脏脐脑脓脔脚脱脶脸腊腌腘腭腻腼腽腾膑臜舆舣舰舱舻艰艳艹艺节芈芗芜芦苁苇苈苋苌苍苎苏苘苹茎茏茑茔茕茧荆荐荙荚荛荜荞荟荠荡荣荤荥荦荧荨荩荪荫荬荭荮药莅莜莱莲莳莴莶获莸莹莺莼萚萝萤营萦萧萨葱蒇蒉蒋蒌蓝蓟蓠蓣蓥蓦蔷蔹蔺蔼蕲蕴薮藁藓虏虑虚虫虬虮虽虾虿蚀蚁蚂蚕蚝蚬蛊蛎蛏蛮蛰蛱蛲蛳蛴蜕蜗蜡蝇蝈蝉蝎蝼蝾螀螨蟏衅衔补衬衮袄袅袆袜袭袯装裆裈裢裣裤裥褛褴襁襕见观觃规觅视觇览觉觊觋觌觍觎觏觐觑觞触觯詟誉誊讠计订讣认讥讦讧讨让讪讫训议讯记讱讲讳讴讵讶讷许讹论讻讼讽设访诀证诂诃评诅识诇诈诉诊诋诌词诎诏诐译诒诓诔试诖诗诘诙诚诛诜话诞诟诠诡询诣诤该详诧诨诩诪诫诬语诮误诰诱诲诳说诵诶请诸诹诺读诼诽课诿谀谁谂调谄谅谆谇谈谊谋谌谍谎谏谐谑谒谓谔谕谖谗谘谙谚谛谜谝谞谟谠谡谢谣谤谥谦谧谨谩谪谫谬谭谮谯谰谱谲谳谴谵谶谷豮贝贞负贠贡财责贤败账货质贩贪贫贬购贮贯贰贱贲贳贴贵贶贷贸费贺贻贼贽贾贿赀赁赂赃资赅赆赇赈赉赊赋赌赍赎赏赐赑赒赓赔赕赖赗赘赙赚赛赜赝赞赟赠赡赢赣赪赵赶趋趱趸跃跄跖跞践跶跷跸跹跻踊踌踪踬踯蹑蹒蹰蹿躏躜躯车轧轨轩轪轫转轭轮软轰轱轲轳轴轵轶轷轸轹轺轻轼载轾轿辀辁辂较辄辅辆辇辈辉辊辋辌辍辎辏辐辑辒输辔辕辖辗辘辙辚辞辩辫边辽达迁过迈运还这进远违连迟迩迳迹适选逊递逦逻遗遥邓邝邬邮邹邺邻郁郄郏郐郑郓郦郧郸酝酦酱酽酾酿释里鉅鉴銮錾钆钇针钉钊钋钌钍钎钏钐钑钒钓钔钕钖钗钘钙钚钛钝钞钟钠钡钢钣钤钥钦钧钨钩钪钫钬钭钮钯钰钱钲钳钴钵钶钷钸钹钺钻钼钽钾钿铀铁铂铃铄铅铆铈铉铊铋铍铎铏铐铑铒铕铗铘铙铚铛铜铝铞铟铠铡铢铣铤铥铦铧铨铪铫铬铭铮铯铰铱铲铳铴铵银铷铸铹铺铻铼铽链铿销锁锂锃锄锅锆锇锈锉锊锋锌锍锎锏锐锑锒锓锔锕锖锗错锚锜锞锟锠锡锢锣锤锥锦锨锩锫锬锭键锯锰锱锲锳锴锵锶锷锸锹锺锻锼锽锾锿镀镁镂镃镆镇镈镉镊镌镍镎镏镐镑镒镕镖镗镙镚镛镜镝镞镟镠镡镢镣镤镥镦镧镨镩镪镫镬镭镮镯镰镱镲镳镴镶长门闩闪闫闬闭问闯闰闱闲闳间闵闶闷闸闹闺闻闼闽闾闿阀阁阂阃阄阅阆阇阈阉阊阋阌阍阎阏阐阑阒阓阔阕阖阗阘阙阚阛队阳阴阵阶际陆陇陈陉陕陧陨险随隐隶隽难雏雠雳雾霁霉霭靓静靥鞑鞒鞯鞴韦韧韨韩韪韫韬韵页顶顷顸项顺须顼顽顾顿颀颁颂颃预颅领颇颈颉颊颋颌颍颎颏颐频颒颓颔颕颖颗题颙颚颛颜额颞颟颠颡颢颣颤颥颦颧风飏飐飑飒飓飔飕飖飗飘飙飚飞飨餍饤饥饦饧饨饩饪饫饬饭饮饯饰饱饲饳饴饵饶饷饸饹饺饻饼饽饾饿馀馁馂馃馄馅馆馇馈馉馊馋馌馍馎馏馐馑馒馓馔馕马驭驮驯驰驱驲驳驴驵驶驷驸驹驺驻驼驽驾驿骀骁骂骃骄骅骆骇骈骉骊骋验骍骎骏骐骑骒骓骔骕骖骗骘骙骚骛骜骝骞骟骠骡骢骣骤骥骦骧髅髋髌鬓魇魉鱼鱽鱾鱿鲀鲁鲂鲄鲅鲆鲇鲈鲉鲊鲋鲌鲍鲎鲏鲐鲑鲒鲓鲔鲕鲖鲗鲘鲙鲚鲛鲜鲝鲞鲟鲠鲡鲢鲣鲤鲥鲦鲧鲨鲩鲪鲫鲬鲭鲮鲯鲰鲱鲲鲳鲴鲵鲶鲷鲸鲹鲺鲻鲼鲽鲾鲿鳀鳁鳂鳃鳄鳅鳆鳇鳈鳉鳊鳋鳌鳍鳎鳏鳐鳑鳒鳓鳔鳕鳖鳗鳘鳙鳛鳜鳝鳞鳟鳠鳡鳢鳣鸟鸠鸡鸢鸣鸤鸥鸦鸧鸨鸩鸪鸫鸬鸭鸮鸯鸰鸱鸲鸳鸴鸵鸶鸷鸸鸹鸺鸻鸼鸽鸾鸿鹀鹁鹂鹃鹄鹅鹆鹇鹈鹉鹊鹋鹌鹍鹎鹏鹐鹑鹒鹓鹔鹕鹖鹗鹘鹚鹛鹜鹝鹞鹟鹠鹡鹢鹣鹤鹥鹦鹧鹨鹩鹪鹫鹬鹭鹯鹰鹱鹲鹳鹴鹾麦麸黄黉黡黩黪黾' + } + function FTPYStr () { + return '萬與醜專業叢東絲丟兩嚴喪個爿豐臨為麗舉麼義烏樂喬習鄉書買亂爭於虧雲亙亞產畝親褻嚲億僅從侖倉儀們價眾優夥會傴傘偉傳傷倀倫傖偽佇體餘傭僉俠侶僥偵側僑儈儕儂俁儔儼倆儷儉債傾傯僂僨償儻儐儲儺兒兌兗黨蘭關興茲養獸囅內岡冊寫軍農塚馮衝決況凍淨淒涼淩減湊凜幾鳳鳧憑凱擊氹鑿芻劃劉則剛創刪別剗剄劊劌剴劑剮劍剝劇勸辦務勱動勵勁勞勢勳猛勩勻匭匱區醫華協單賣盧鹵臥衛卻巹廠廳曆厲壓厭厙廁廂厴廈廚廄廝縣參靉靆雙發變敘疊葉號歎嘰籲後嚇呂嗎唚噸聽啟吳嘸囈嘔嚦唄員咼嗆嗚詠哢嚨嚀噝吒噅鹹呱響啞噠嘵嗶噦嘩噲嚌噥喲嘜嗊嘮啢嗩唕喚呼嘖嗇囀齧囉嘽嘯噴嘍嚳囁嗬噯噓嚶囑嚕劈囂謔團園囪圍圇國圖圓聖壙場阪壞塊堅壇壢壩塢墳墜壟壟壚壘墾坰堊墊埡墶壋塏堖塒塤堝墊垵塹墮壪牆壯聲殼壺壼處備複夠頭誇夾奪奩奐奮獎奧妝婦媽嫵嫗媯姍薑婁婭嬈嬌孌娛媧嫻嫿嬰嬋嬸媼嬡嬪嬙嬤孫學孿寧寶實寵審憲宮寬賓寢對尋導壽將爾塵堯尷屍盡層屭屜屆屬屢屨嶼歲豈嶇崗峴嶴嵐島嶺嶽崠巋嶨嶧峽嶢嶠崢巒嶗崍嶮嶄嶸嶔崳嶁脊巔鞏巰幣帥師幃帳簾幟帶幀幫幬幘幗冪襆幹並廣莊慶廬廡庫應廟龐廢廎廩開異棄張彌弳彎彈強歸當錄彠彥徹徑徠禦憶懺憂愾懷態慫憮慪悵愴憐總懟懌戀懇惡慟懨愷惻惱惲悅愨懸慳憫驚懼慘懲憊愜慚憚慣湣慍憤憒願懾憖怵懣懶懍戇戔戲戧戰戩戶紮撲扡執擴捫掃揚擾撫拋摶摳掄搶護報擔擬攏揀擁攔擰撥擇掛摯攣掗撾撻挾撓擋撟掙擠揮撏撈損撿換搗據撚擄摑擲撣摻摜摣攬撳攙擱摟攪攜攝攄擺搖擯攤攖撐攆擷擼攛擻攢敵斂數齋斕鬥斬斷無舊時曠暘曇晝曨顯晉曬曉曄暈暉暫曖劄術樸機殺雜權條來楊榪傑極構樅樞棗櫪梘棖槍楓梟櫃檸檉梔柵標棧櫛櫳棟櫨櫟欄樹棲樣欒棬椏橈楨檔榿橋樺檜槳樁夢檮棶檢欞槨櫝槧欏橢樓欖櫬櫚櫸檟檻檳櫧橫檣櫻櫫櫥櫓櫞簷檁歡歟歐殲歿殤殘殞殮殫殯毆毀轂畢斃氈毿氌氣氫氬氳彙漢汙湯洶遝溝沒灃漚瀝淪滄渢溈滬濔濘淚澩瀧瀘濼瀉潑澤涇潔灑窪浹淺漿澆湞溮濁測澮濟瀏滻渾滸濃潯濜塗湧濤澇淶漣潿渦溳渙滌潤澗漲澀澱淵淥漬瀆漸澠漁瀋滲溫遊灣濕潰濺漵漊潷滾滯灩灄滿瀅濾濫灤濱灘澦濫瀠瀟瀲濰潛瀦瀾瀨瀕灝滅燈靈災燦煬爐燉煒熗點煉熾爍爛烴燭煙煩燒燁燴燙燼熱煥燜燾煆糊溜愛爺牘犛牽犧犢強狀獷獁猶狽麅獮獰獨狹獅獪猙獄猻獫獵獼玀豬貓蝟獻獺璣璵瑒瑪瑋環現瑲璽瑉玨琺瓏璫琿璡璉瑣瓊瑤璦璿瓔瓚甕甌電畫暢佘疇癤療瘧癘瘍鬁瘡瘋皰屙癰痙癢瘂癆瘓癇癡癉瘮瘞瘺癟癱癮癭癩癬癲臒皚皺皸盞鹽監蓋盜盤瞘眥矓著睜睞瞼瞞矚矯磯礬礦碭碼磚硨硯碸礪礱礫礎硜矽碩硤磽磑礄確鹼礙磧磣堿镟滾禮禕禰禎禱禍稟祿禪離禿稈種積稱穢穠穭稅穌穩穡窮竊竅窯竄窩窺竇窶豎競篤筍筆筧箋籠籩築篳篩簹箏籌簽簡籙簀篋籜籮簞簫簣簍籃籬籪籟糴類秈糶糲粵糞糧糝餱緊縶糸糾紆紅紂纖紇約級紈纊紀紉緯紜紘純紕紗綱納紝縱綸紛紙紋紡紵紖紐紓線紺絏紱練組紳細織終縐絆紼絀紹繹經紿綁絨結絝繞絰絎繪給絢絳絡絕絞統綆綃絹繡綌綏絛繼綈績緒綾緓續綺緋綽緔緄繩維綿綬繃綢綯綹綣綜綻綰綠綴緇緙緗緘緬纜緹緲緝縕繢緦綞緞緶線緱縋緩締縷編緡緣縉縛縟縝縫縗縞纏縭縊縑繽縹縵縲纓縮繆繅纈繚繕繒韁繾繰繯繳纘罌網羅罰罷羆羈羥羨翹翽翬耮耬聳恥聶聾職聹聯聵聰肅腸膚膁腎腫脹脅膽勝朧腖臚脛膠脈膾髒臍腦膿臠腳脫腡臉臘醃膕齶膩靦膃騰臏臢輿艤艦艙艫艱豔艸藝節羋薌蕪蘆蓯葦藶莧萇蒼苧蘇檾蘋莖蘢蔦塋煢繭荊薦薘莢蕘蓽蕎薈薺蕩榮葷滎犖熒蕁藎蓀蔭蕒葒葤藥蒞蓧萊蓮蒔萵薟獲蕕瑩鶯蓴蘀蘿螢營縈蕭薩蔥蕆蕢蔣蔞藍薊蘺蕷鎣驀薔蘞藺藹蘄蘊藪槁蘚虜慮虛蟲虯蟣雖蝦蠆蝕蟻螞蠶蠔蜆蠱蠣蟶蠻蟄蛺蟯螄蠐蛻蝸蠟蠅蟈蟬蠍螻蠑螿蟎蠨釁銜補襯袞襖嫋褘襪襲襏裝襠褌褳襝褲襇褸襤繈襴見觀覎規覓視覘覽覺覬覡覿覥覦覯覲覷觴觸觶讋譽謄訁計訂訃認譏訐訌討讓訕訖訓議訊記訒講諱謳詎訝訥許訛論訩訟諷設訪訣證詁訶評詛識詗詐訴診詆謅詞詘詔詖譯詒誆誄試詿詩詰詼誠誅詵話誕詬詮詭詢詣諍該詳詫諢詡譸誡誣語誚誤誥誘誨誑說誦誒請諸諏諾讀諑誹課諉諛誰諗調諂諒諄誶談誼謀諶諜謊諫諧謔謁謂諤諭諼讒諮諳諺諦謎諞諝謨讜謖謝謠謗諡謙謐謹謾謫譾謬譚譖譙讕譜譎讞譴譫讖穀豶貝貞負貟貢財責賢敗賬貨質販貪貧貶購貯貫貳賤賁貰貼貴貺貸貿費賀貽賊贄賈賄貲賃賂贓資賅贐賕賑賚賒賦賭齎贖賞賜贔賙賡賠賧賴賵贅賻賺賽賾贗讚贇贈贍贏贛赬趙趕趨趲躉躍蹌蹠躒踐躂蹺蹕躚躋踴躊蹤躓躑躡蹣躕躥躪躦軀車軋軌軒軑軔轉軛輪軟轟軲軻轤軸軹軼軤軫轢軺輕軾載輊轎輈輇輅較輒輔輛輦輩輝輥輞輬輟輜輳輻輯轀輸轡轅轄輾轆轍轔辭辯辮邊遼達遷過邁運還這進遠違連遲邇逕跡適選遜遞邐邏遺遙鄧鄺鄔郵鄒鄴鄰鬱郤郟鄶鄭鄆酈鄖鄲醞醱醬釅釃釀釋裏钜鑒鑾鏨釓釔針釘釗釙釕釷釺釧釤鈒釩釣鍆釹鍚釵鈃鈣鈈鈦鈍鈔鍾鈉鋇鋼鈑鈐鑰欽鈞鎢鉤鈧鈁鈥鈄鈕鈀鈺錢鉦鉗鈷缽鈳鉕鈽鈸鉞鑽鉬鉭鉀鈿鈾鐵鉑鈴鑠鉛鉚鈰鉉鉈鉍鈹鐸鉶銬銠鉺銪鋏鋣鐃銍鐺銅鋁銱銦鎧鍘銖銑鋌銩銛鏵銓鉿銚鉻銘錚銫鉸銥鏟銃鐋銨銀銣鑄鐒鋪鋙錸鋱鏈鏗銷鎖鋰鋥鋤鍋鋯鋨鏽銼鋝鋒鋅鋶鐦鐧銳銻鋃鋟鋦錒錆鍺錯錨錡錁錕錩錫錮鑼錘錐錦鍁錈錇錟錠鍵鋸錳錙鍥鍈鍇鏘鍶鍔鍤鍬鍾鍛鎪鍠鍰鎄鍍鎂鏤鎡鏌鎮鎛鎘鑷鐫鎳鎿鎦鎬鎊鎰鎔鏢鏜鏍鏰鏞鏡鏑鏃鏇鏐鐔钁鐐鏷鑥鐓鑭鐠鑹鏹鐙鑊鐳鐶鐲鐮鐿鑔鑣鑞鑲長門閂閃閆閈閉問闖閏闈閑閎間閔閌悶閘鬧閨聞闥閩閭闓閥閣閡閫鬮閱閬闍閾閹閶鬩閿閽閻閼闡闌闃闠闊闋闔闐闒闕闞闤隊陽陰陣階際陸隴陳陘陝隉隕險隨隱隸雋難雛讎靂霧霽黴靄靚靜靨韃鞽韉韝韋韌韍韓韙韞韜韻頁頂頃頇項順須頊頑顧頓頎頒頌頏預顱領頗頸頡頰頲頜潁熲頦頤頻頮頹頷頴穎顆題顒顎顓顏額顳顢顛顙顥纇顫顬顰顴風颺颭颮颯颶颸颼颻飀飄飆飆飛饗饜飣饑飥餳飩餼飪飫飭飯飲餞飾飽飼飿飴餌饒餉餄餎餃餏餅餑餖餓餘餒餕餜餛餡館餷饋餶餿饞饁饃餺餾饈饉饅饊饌饢馬馭馱馴馳驅馹駁驢駔駛駟駙駒騶駐駝駑駕驛駘驍罵駰驕驊駱駭駢驫驪騁驗騂駸駿騏騎騍騅騌驌驂騙騭騤騷騖驁騮騫騸驃騾驄驏驟驥驦驤髏髖髕鬢魘魎魚魛魢魷魨魯魴魺鮁鮃鯰鱸鮋鮓鮒鮊鮑鱟鮍鮐鮭鮚鮳鮪鮞鮦鰂鮜鱠鱭鮫鮮鮺鯗鱘鯁鱺鰱鰹鯉鰣鰷鯀鯊鯇鮶鯽鯒鯖鯪鯕鯫鯡鯤鯧鯝鯢鯰鯛鯨鯵鯴鯔鱝鰈鰏鱨鯷鰮鰃鰓鱷鰍鰒鰉鰁鱂鯿鰠鼇鰭鰨鰥鰩鰟鰜鰳鰾鱈鱉鰻鰵鱅鰼鱖鱔鱗鱒鱯鱤鱧鱣鳥鳩雞鳶鳴鳲鷗鴉鶬鴇鴆鴣鶇鸕鴨鴞鴦鴒鴟鴝鴛鴬鴕鷥鷙鴯鴰鵂鴴鵃鴿鸞鴻鵐鵓鸝鵑鵠鵝鵒鷳鵜鵡鵲鶓鵪鶤鵯鵬鵮鶉鶊鵷鷫鶘鶡鶚鶻鶿鶥鶩鷊鷂鶲鶹鶺鷁鶼鶴鷖鸚鷓鷚鷯鷦鷲鷸鷺鸇鷹鸌鸏鸛鸘鹺麥麩黃黌黶黷黲黽' + } + function Traditionalized (cc) { + let str = '' + const ss = JTPYStr() + const tt = FTPYStr() + for (let i = 0; i < cc.length; i++) { + if (cc.charCodeAt(i) > 10000 && ss.indexOf(cc.charAt(i)) !== -1) { str += tt.charAt(ss.indexOf(cc.charAt(i))) } else str += cc.charAt(i) + } + return str + } + function Simplized (cc) { + let str = '' + const ss = JTPYStr() + const tt = FTPYStr() + for (let i = 0; i < cc.length; i++) { + if (cc.charCodeAt(i) > 10000 && tt.indexOf(cc.charAt(i)) !== -1) { str += ss.charAt(tt.indexOf(cc.charAt(i))) } else str += cc.charAt(i) + } + return str + } + function translateInitialization () { + translateButtonObject = document.getElementById('translateLink') + if (translateButtonObject) { + if (currentEncoding !== targetEncoding) { + setTimeout(function () { translateBody() }, translateDelay) + if (targetEncoding === 1) { translateButtonObject.innerHTML = msgToSimplifiedChinese } else translateButtonObject.innerHTML = msgToTraditionalChinese + } + translateButtonObject.addEventListener('click', translatePage, false) + } + } + translateInitialization() + document.addEventListener('pjax:complete', translateInitialization) +})() diff --git a/themes/butterfly/source/js/utils.js b/themes/butterfly/source/js/utils.js new file mode 100644 index 0000000..7183fb7 --- /dev/null +++ b/themes/butterfly/source/js/utils.js @@ -0,0 +1,149 @@ +/* eslint-disable no-unused-vars */ + +var btf = { + debounce: function (func, wait, immediate) { + let timeout + return function () { + const context = this + const args = arguments + const later = function () { + timeout = null + if (!immediate) func.apply(context, args) + } + const callNow = immediate && !timeout + clearTimeout(timeout) + timeout = setTimeout(later, wait) + if (callNow) func.apply(context, args) + } + }, + + throttle: function (func, wait, options) { + let timeout, context, args + let previous = 0 + if (!options) options = {} + + const later = function () { + previous = options.leading === false ? 0 : new Date().getTime() + timeout = null + func.apply(context, args) + if (!timeout) context = args = null + } + + const throttled = function () { + const now = new Date().getTime() + if (!previous && options.leading === false) previous = now + const remaining = wait - (now - previous) + context = this + args = arguments + if (remaining <= 0 || remaining > wait) { + if (timeout) { + clearTimeout(timeout) + timeout = null + } + previous = now + func.apply(context, args) + if (!timeout) context = args = null + } else if (!timeout && options.trailing !== false) { + timeout = setTimeout(later, remaining) + } + } + + return throttled + }, + + sidebarPaddingR: () => { + const innerWidth = window.innerWidth + const clientWidth = document.body.clientWidth + const paddingRight = innerWidth - clientWidth + if (innerWidth !== clientWidth) { + $('body').css('padding-right', paddingRight) + } + }, + + scrollToDest: name => { + const scrollOffset = $(name).offset().top + let offset + if ($(window).scrollTop() > scrollOffset) { + offset = 65 + } else { + offset = 0 + } + $('body,html').animate({ + scrollTop: scrollOffset - offset + }) + }, + + snackbarShow: (text, showAction, duration) => { + const sa = (typeof showAction !== 'undefined') ? showAction : false + const dur = (typeof duration !== 'undefined') ? duration : 2000 + const position = GLOBAL_CONFIG.Snackbar.position + const bg = document.documentElement.getAttribute('data-theme') === 'light' ? GLOBAL_CONFIG.Snackbar.bgLight : GLOBAL_CONFIG.Snackbar.bgDark + Snackbar.show({ + text: text, + backgroundColor: bg, + showAction: sa, + duration: dur, + pos: position + }) + }, + + initJustifiedGallery: function (selector) { + selector.each(function (i, o) { + if ($(this).is(':visible')) { + $(this).justifiedGallery({ + rowHeight: 220, + margins: 4 + }) + } + }) + }, + + diffDate: (d, more = false) => { + const dateNow = new Date() + const datePost = new Date(d) + const dateDiff = dateNow.getTime() - datePost.getTime() + const minute = 1000 * 60 + const hour = minute * 60 + const day = hour * 24 + const month = day * 30 + + let result + if (more) { + const monthCount = dateDiff / month + const dayCount = dateDiff / day + const hourCount = dateDiff / hour + const minuteCount = dateDiff / minute + + if (monthCount > 12) { + result = datePost.toLocaleDateString().replace(/\//g, '-') + } else if (monthCount >= 1) { + result = parseInt(monthCount) + ' ' + GLOBAL_CONFIG.date_suffix.month + } else if (dayCount >= 1) { + result = parseInt(dayCount) + ' ' + GLOBAL_CONFIG.date_suffix.day + } else if (hourCount >= 1) { + result = parseInt(hourCount) + ' ' + GLOBAL_CONFIG.date_suffix.hour + } else if (minuteCount >= 1) { + result = parseInt(minuteCount) + ' ' + GLOBAL_CONFIG.date_suffix.min + } else { + result = GLOBAL_CONFIG.date_suffix.just + } + } else { + result = parseInt(dateDiff / day) + } + return result + }, + + loadComment: (dom, callback) => { + if ('IntersectionObserver' in window) { + const observerItem = new IntersectionObserver((entries) => { + if (entries[0].isIntersecting) { + callback() + observerItem.disconnect() + } + }, { threshold: [0] }) + observerItem.observe(dom) + } else { + callback() + } + } +}