├── .gitignore ├── LICENSE ├── README.md ├── _config.yml ├── package-lock.json ├── package.json ├── scaffolds ├── draft.md ├── page.md └── post.md ├── source ├── _data │ ├── butterfly.yml │ └── link.yml ├── _posts │ └── hello-world.md ├── about │ └── index.md ├── bangumis │ └── index.md ├── books │ └── index.md ├── box │ ├── about │ │ └── index.html │ └── index.html ├── categories │ └── index.md ├── contact │ └── index.md ├── gallery │ └── index.md ├── home │ └── index.html ├── link │ └── index.md ├── movies │ └── index.md ├── music │ └── index.md ├── tags │ └── index.md └── talk │ └── index.md └── themes └── Butterfly ├── LICENSE ├── README.md ├── README_CN.md ├── _config.yml ├── languages ├── default.yml ├── en.yml ├── zh-CN.yml └── zh-TW.yml ├── layout ├── 404.pug ├── archive.pug ├── category.pug ├── flink.pug ├── includes │ ├── additional-js.pug │ ├── chat │ │ ├── chatra.pug │ │ ├── daovoice.pug │ │ ├── gitter.pug │ │ ├── index.pug │ │ └── tidio.pug │ ├── comments │ │ ├── disqus.pug │ │ ├── disqusjs.pug │ │ ├── facebook_comments.pug │ │ ├── gitalk.pug │ │ ├── index.pug │ │ ├── laibili.pug │ │ ├── livere.pug │ │ ├── utterances.pug │ │ └── valine.pug │ ├── footer.pug │ ├── head.pug │ ├── head │ │ ├── Open_Graph.pug │ │ ├── analytics.pug │ │ ├── aplayer.pug │ │ ├── comment.pug │ │ ├── config.pug │ │ ├── config_site.pug │ │ ├── darkmode.pug │ │ ├── dns_prefetch.pug │ │ ├── google_adsense.pug │ │ ├── noscript.pug │ │ ├── preconnect.pug │ │ ├── pwa.pug │ │ ├── site_verification.pug │ │ └── subtitle.pug │ ├── header │ │ ├── header.pug │ │ ├── index.pug │ │ ├── menu_item.pug │ │ ├── nav.pug │ │ ├── post-info.pug │ │ └── social.pug │ ├── layout.pug │ ├── loading │ │ ├── loading-js.pug │ │ └── loading.pug │ ├── math │ │ ├── index.pug │ │ ├── katex.pug │ │ ├── mathjax.pug │ │ └── mermaid.pug │ ├── mixins │ │ ├── article-sort.pug │ │ └── post-ui.pug │ ├── mobile-sidebar │ │ ├── index.pug │ │ └── mobile-menus.pug │ ├── pagination.pug │ ├── post │ │ ├── post-copyright.pug │ │ └── reward.pug │ ├── rightside.pug │ ├── search │ │ ├── algolia.pug │ │ ├── index.pug │ │ └── local-search.pug │ ├── share │ │ ├── add-this.pug │ │ ├── addtoany.pug │ │ ├── index.pug │ │ └── share-js.pug │ ├── sidebar.pug │ ├── third-party │ │ ├── canvas-nest.pug │ │ ├── canvas-ribbon-piao.pug │ │ ├── canvas-ribbon.pug │ │ └── pangu.pug │ └── widget │ │ ├── card_ad.pug │ │ ├── card_announcement.pug │ │ ├── card_archives.pug │ │ ├── card_author.pug │ │ ├── card_calendar.pug │ │ ├── card_categories.pug │ │ ├── card_map.pug │ │ ├── card_pixiv.pug │ │ ├── card_recent_post.pug │ │ ├── card_tags.pug │ │ ├── card_webinfo.pug │ │ └── index.pug ├── index.pug ├── page.pug ├── post.pug └── tag.pug ├── package.json ├── scripts ├── events │ ├── 404.js │ └── replace_config.js ├── filters │ ├── post_lazyload.js │ └── random_cover.js ├── helpers │ ├── aside_archives.js │ ├── aside_categories.js │ ├── page.js │ └── related_post.js └── tags │ ├── button.js │ ├── gallery.js │ ├── hide.js │ ├── mermaid.js │ ├── note.js │ └── tabs.js └── source ├── css ├── _global │ ├── function.styl │ └── index.styl ├── _highlight │ ├── diff.styl │ ├── highlight.styl │ └── theme.styl ├── _layout │ ├── 404.styl │ ├── aside.styl │ ├── calendar.styl │ ├── category.styl │ ├── chat.styl │ ├── comments.styl │ ├── flink.styl │ ├── footer.styl │ ├── head.styl │ ├── loadding.styl │ ├── mobile-sidebar.styl │ ├── page.styl │ ├── pagination.styl │ ├── post.styl │ ├── relatedposts.styl │ ├── reward.styl │ ├── rightside.styl │ ├── sidebar.styl │ └── third-party.styl ├── _mode │ ├── darkmode.styl │ └── readmode.styl ├── _search │ ├── algolia.styl │ ├── index.styl │ └── local-search.styl ├── _tags │ ├── button.styl │ ├── gallery.styl │ ├── hexo.styl │ ├── hide.styl │ ├── note.styl │ └── tabs.styl ├── _third-party │ └── normalize.min.css ├── index.styl └── var.styl ├── img ├── 404.jpg ├── algolia.svg ├── avatar.png ├── comment_bg.png ├── favicon.ico ├── favicon.png ├── friend_404.gif ├── icp.png ├── index.jpg ├── loading.gif ├── post.jpg └── post_loadding.svg └── js ├── calendar.js ├── languages.js ├── main.js ├── search ├── algolia.js └── local-search.js ├── third-party ├── ClickShowText.js ├── activate-power-mode.js ├── canvas-nest.js ├── canvas-ribbon.js ├── click_heart.js ├── fireworks.js └── piao.js ├── tw_cn.js └── utils.js /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | Thumbs.db 3 | db.json 4 | *.log 5 | node_modules/ 6 | public/ 7 | .deploy*/ 8 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | # Hexo Configuration 2 | ## Docs: https://hexo.io/docs/configuration.html 3 | ## Source: https://github.com/hexojs/hexo/ 4 | 5 | # Site 6 | title: blog-lionkk 7 | subtitle: 'blog-lionkk' 8 | description: '不是只会写业务代码的前端攻城狮！' 9 | keywords: [Vue, 面试, CSDN, ES6, React, 前端] #网站的关键词 10 | author: 超逸 11 | language: zh-CN 12 | timezone: 'Asia/Shanghai' 13 | 14 | # URL 15 | ## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/' 16 | url: http://yoursite.com 17 | root: / 18 | permalink: posts/:abbrlink/ 19 | permalink_defaults: 20 | pretty_urls: 21 | trailing_index: true # Set to false to remove trailing 'index.html' from permalinks 22 | trailing_html: true # Set to false to remove trailing '.html' from permalinks 23 | 24 | # Directory 25 | source_dir: source 26 | public_dir: public 27 | tag_dir: tags 28 | archive_dir: archives 29 | category_dir: categories 30 | code_dir: downloads/code 31 | i18n_dir: :lang 32 | skip_render: 33 | - 'home/*' 34 | - 'home/**' 35 | - 'box/*' 36 | - 'box/**' 37 | 38 | 39 | # Writing 40 | new_post_name: :title.md # File name of new posts 41 | default_layout: post 42 | titlecase: false # Transform title into titlecase 43 | external_link: 44 | enable: true # Open external links in new tab 45 | field: site # Apply to the whole site 46 | exclude: '' 47 | filename_case: 0 48 | render_drafts: false 49 | post_asset_folder: false 50 | relative_link: false 51 | future: true 52 | highlight: 53 | enable: true 54 | line_number: true 55 | auto_detect: false 56 | tab_replace: '' 57 | wrap: true 58 | hljs: false 59 | 60 | # Home page setting 61 | # path: Root path for your blogs index page. (default = '') 62 | # per_page: Posts displayed per page. (0 = disable pagination) 63 | # order_by: Posts order. (Order by date descending by default) 64 | index_generator: 65 | path: '' 66 | per_page: 10 67 | order_by: -date 68 | 69 | # Category & Tag 70 | default_category: uncategorized 71 | category_map: 72 | tag_map: 73 | 74 | # Metadata elements 75 | ## https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta 76 | meta_generator: true 77 | 78 | # Date / Time format 79 | ## Hexo uses Moment.js to parse and display date 80 | ## You can customize the date format as defined in 81 | ## http://momentjs.com/docs/#/displaying/format/ 82 | date_format: YYYY-MM-DD 83 | time_format: HH:mm:ss 84 | ## Use post's date for updated date unless set in front-matter 85 | use_date_for_updated: false 86 | 87 | # Pagination 88 | ## Set per_page to 0 to disable pagination 89 | per_page: 10 90 | pagination_dir: page 91 | 92 | # Include / Exclude file(s) 93 | ## include:/exclude: options only apply to the 'source/' folder 94 | include: 95 | exclude: 96 | ignore: 97 | 98 | # Extensions 99 | ## Plugins: https://hexo.io/plugins/ 100 | ## Themes: https://hexo.io/themes/ 101 | theme: Butterfly 102 | 103 | # Deployment 104 | ## Docs: https://hexo.io/docs/deployment.html 105 | deploy: 106 | type: '' 107 | 108 | # bilibili番剧列表配置 109 | bangumi: 110 | enable: true 111 | vmid: '351534170' 112 | title: '追番列表' 113 | quote: '生命不息，追番不止！' 114 | show: 1 115 | loading: '/img/bangumi-loading.gif' 116 | 117 | # 添加卡通人物 118 | live2d: 119 | enable: true 120 | scriptFrom: local 121 | model: 122 | use: live2d-widget-model-haruto #模型选择 123 | display: 124 | position: right #模型位置 125 | width: 120 #模型宽度 126 | height: 260 #模型高度 127 | mobile: 128 | show: false #是否在手机端显示 129 | 130 | # 添加豆瓣 131 | # 豆瓣 132 | douban: 133 | user: 211251422 134 | builtin: true 135 | book: 136 | title: '好书推荐' 137 | quote: '读书好，好读书，读好书' 138 | movie: 139 | title: '电影' 140 | quote: '那些在电影院看过的电影' 141 | timeout: 10000 -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "hexo-site", 3 | "version": "0.0.0", 4 | "private": true, 5 | "scripts": { 6 | "build": "hexo generate", 7 | "clean": "hexo clean", 8 | "deploy": "hexo deploy", 9 | "server": "hexo server" 10 | }, 11 | "hexo": { 12 | "version": "4.2.0" 13 | }, 14 | "dependencies": { 15 | "hexo": "^5.4.1", 16 | "hexo-abbrlink": "^2.2.1", 17 | "hexo-bilibili-bangumi": "^1.8.2", 18 | "hexo-douban": "^2.1.0", 19 | "hexo-generator-archive": "^1.0.0", 20 | "hexo-generator-calendar": "git://github.com/howiefh/hexo-generator-calendar.git", 21 | "hexo-generator-category": "^1.0.0", 22 | "hexo-generator-index": "^1.0.0", 23 | "hexo-generator-tag": "^1.0.0", 24 | "hexo-helper-live2d": "^3.1.1", 25 | "hexo-renderer-ejs": "^2.0.0", 26 | "hexo-renderer-marked": "^6.0.0", 27 | "hexo-renderer-pug": "^3.0.0", 28 | "hexo-renderer-stylus": "^1.1.0", 29 | "hexo-server": "^1.0.0", 30 | "html-min": "0.0.4", 31 | "live2d-widget-model-haruto": "^1.0.5" 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /scaffolds/draft.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: {{ title }} 3 | tags: 4 | --- 5 | -------------------------------------------------------------------------------- /scaffolds/page.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: {{ title }} 3 | date: {{ date }} 4 | --- 5 | -------------------------------------------------------------------------------- /scaffolds/post.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: {{ title }} 3 | date: {{ date }} 4 | tags: 5 | --- 6 | -------------------------------------------------------------------------------- /source/_data/link.yml: -------------------------------------------------------------------------------- 1 | class: 2 | class_name: 酷酷のdalao们 3 | cdescr: 给dalao递零食✿✿ヽ(°▽°)ノ✿ 4 | link_list: 5 | 1: 6 | name: 超逸の技术博客 7 | link: https://chocolate.blog.csdn.net/ 8 | avatar: https://cdn.jsdelivr.net/gh/Chocolate1999/cdn/img/avatar.png 9 | descr: 学如逆水行舟，不进则退 10 | color: "#D2691E" 11 | custom: link_custom #动画样式 12 | time: 2s 13 | # 鼠标悬停旋转角度 14 | rotate: 360deg 15 | 16 | class2: 17 | class_name: 小伙伴们 18 | cdescr: 给小伙伴们递茶✿✿ヽ(°▽°)ノ✿ 19 | link_list: 20 | 1: 21 | name: 超逸の技术博客 22 | link: https://chocolate.blog.csdn.net/ 23 | avatar: https://cdn.jsdelivr.net/gh/Chocolate1999/cdn/img/avatar.png 24 | descr: 学如逆水行舟，不进则退 25 | 26 | class3: 27 | class_name: 链接失效 28 | cdescr: 怎么Server Down了呢？赶紧回来吧ヽ(。>д<)ｐ 29 | link_list: 30 | 1: 31 | name: 未知1 32 | link: https://chocolate.blog.csdn.net/ 33 | avatar: https://cdn.jsdelivr.net/gh/Chocolate1999/cdn/img/avatar1.png 34 | descr: test 35 | 36 | class4: 37 | class_name: 友链样式（可选） 38 | cdescr: 小伙伴可以选择或提供自己的友链风格嗷~（未选择就根据您的博客主题配色加边框） 39 | link_list: 40 | 1: 41 | name: 程序媛（默认） 42 | link: https://chocolate.blog.csdn.net/ 43 | avatar: https://cdn.jsdelivr.net/gh/Chocolate1999/cdn/img/avatar.png 44 | descr: 粉色呼吸灯 45 | color: "#ff9999" 46 | custom: link_custom #动画样式 47 | time: 2s 48 | # 鼠标悬停旋转角度 49 | rotate: 360deg 50 | 2: 51 | name: 程序员（默认） 52 | link: https://chocolate.blog.csdn.net/ 53 | avatar: https://cdn.jsdelivr.net/gh/Chocolate1999/cdn/img/avatar.png 54 | descr: 蓝色呼吸灯 55 | color: "#0078e7" 56 | custom: link_custom #动画样式 57 | time: 2s 58 | # 鼠标悬停旋转角度 59 | rotate: 360deg 60 | 3: 61 | name: 炫彩样式 62 | link: https://chocolate.blog.csdn.net/ 63 | avatar: https://cdn.jsdelivr.net/gh/Chocolate1999/cdn/img/avatar.png 64 | descr: 炫彩呼吸灯 65 | color: "#0078e7" 66 | custom: link_custom1 #动画样式 67 | time: 2s 68 | # 鼠标悬停旋转角度 69 | rotate: 360deg -------------------------------------------------------------------------------- /source/_posts/hello-world.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Hello World 3 | tags: 4 | - 总结 5 | - blog 6 | categories: 7 | - blog 8 | keywords: "hello，总结" 9 | cover: https://cdn.jsdelivr.net/gh/HCLonely/hclonely.github.io/img/Butterfly/006.webp 10 | toc: True 11 | abbrlink: 520520 12 | --- 13 | Welcome to [Hexo](https://hexo.io/)! This is your very first post. Check [documentation](https://hexo.io/docs/) for more info. If you get any problems when using Hexo, you can find the answer in [troubleshooting](https://hexo.io/docs/troubleshooting.html) or you can ask me on [GitHub](https://github.com/hexojs/hexo/issues). 14 | 15 | ## Quick Start 16 | 17 | ### Create a new post 18 | 19 | ``` bash 20 | $ hexo new "My New Post" 21 | ``` 22 | 23 | More info: [Writing](https://hexo.io/docs/writing.html) 24 | 25 | ### Run server 26 | 27 | ``` bash 28 | $ hexo server 29 | ``` 30 | 31 | More info: [Server](https://hexo.io/docs/server.html) 32 | 33 | ### Generate static files 34 | 35 | ``` bash 36 | $ hexo generate 37 | ``` 38 | 39 | More info: [Generating](https://hexo.io/docs/generating.html) 40 | 41 | ### Deploy to remote sites 42 | 43 | ``` bash 44 | $ hexo deploy 45 | ``` 46 | 47 | More info: [Deployment](https://hexo.io/docs/one-command-deployment.html) 48 | -------------------------------------------------------------------------------- /source/about/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 关于本站 3 | date: 2020-04-19 12:58:56 4 | type: "about" 5 | --- 6 | 7 | ## 神奇の沟通 8 | 9 | - 沟通是 **传递** 沟通是 **交流** 10 | - 沟通是 **分享** 沟通是 **智慧** 11 | - 沟通是 **友谊** 沟通是 **力量** 12 | 13 | " **认识自我、超越自我** " 是沟通的最高境界 14 | 15 | - 当你在项目中感觉所要学习的人和事越来越多时，说明你在 **成长** 。 16 | - 当你感觉要责怪的人和事越来越少时，说明你在 **成熟** 。 17 | - 当你在项目中不断获得了友谊和朋友时，说明你将取得项目的 **成功** 。 18 | 19 | 20 | ## 联系我 21 | CSDN：https://chocolate.blog.csdn.net/（CSDN认证博客专家） 22 | 23 | 微信公众号：小狮子前端Vue 24 | 25 | 一个不是只会写业务代码的前端攻城狮会带给你怎样的体会呢？ 26 | 27 | 座右铭：学如逆水行舟，不进则退 -------------------------------------------------------------------------------- /source/bangumis/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 番剧列表 3 | date: 2020-04-20 09:39:20 4 | type: "bangumis" 5 | --- 6 | -------------------------------------------------------------------------------- /source/books/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 书单 3 | date: 2020-04-19 12:58:56 4 | type: "books" 5 | --- 6 | -------------------------------------------------------------------------------- /source/categories/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 分类 3 | date: 2020-04-19 12:59:34 4 | type: "categories" 5 | --- 6 | -------------------------------------------------------------------------------- /source/contact/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 留言板 3 | date: 2020-04-23 07:39:34 4 | type: "contact" 5 | --- 6 | -------------------------------------------------------------------------------- /source/gallery/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 相册集 3 | date: 2020-04-21 18:44:23 4 | description: 5 | top_img: 6 | --- 7 | 8 | {% gallery %} 9 | ![](https://cdn.jsdelivr.net/gh/HCLonely/hclonely.github.io/img/Butterfly/013.webp) 10 | ![](https://cdn.jsdelivr.net/gh/HCLonely/hclonely.github.io/img/Butterfly/023.webp) 11 | ![](https://cdn.jsdelivr.net/gh/HCLonely/hclonely.github.io/img/Butterfly/033.webp) 12 | ![](https://cdn.jsdelivr.net/gh/HCLonely/hclonely.github.io/img/Butterfly/003.webp) 13 | 14 | {% endgallery %} -------------------------------------------------------------------------------- /source/link/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 友情链接 3 | date: 2020-04-19 13:00:10 4 | type: "link" 5 | --- 6 | -------------------------------------------------------------------------------- /source/movies/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 电影 3 | date: 2020-04-19 12:58:56 4 | type: "movies" 5 | --- 6 | -------------------------------------------------------------------------------- /source/music/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Music 3 | date: 2020-04-23 12:58:56 4 | type: 'music' 5 | --- 6 | 7 | 8 | -------------------------------------------------------------------------------- /source/tags/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 标签 3 | date: 2020-04-19 12:58:56 4 | type: "tags" 5 | --- 6 | -------------------------------------------------------------------------------- /source/talk/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 说说 3 | date: 2020-04-23 07:47:23 4 | type: "talk" 5 | --- -------------------------------------------------------------------------------- /themes/Butterfly/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | Copyright (c) 3 | 4 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: 5 | 6 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 7 | 8 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 9 | -------------------------------------------------------------------------------- /themes/Butterfly/README.md: -------------------------------------------------------------------------------- 1 | # hexo-theme-butterfly 2 | 3 | Version 4 | Author 5 | Hexo 6 | node.js 7 | 8 | Demo: 👍 [Butterfly](https://demo.jerryc.me/) || 🤞 [JerryC](https://jerryc.me/) 9 | 10 | Based on [hexo-theme-melody](https://github.com/Molunerfinn/hexo-theme-melody) theme. 11 | 12 | ## Installation 13 | 14 | Stable branch [recommend]: 15 | 16 | ``` 17 | git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly 18 | ``` 19 | 20 | Dev branch: 21 | 22 | ``` 23 | git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly 24 | ``` 25 | 26 | ## Configuration 27 | 28 | Set theme in the hexo work folder's root config file `_config.yml`: 29 | 30 | > theme: butterfly 31 | 32 | If you don't have pug & stylus renderer, try this: 33 | 34 | > npm install hexo-renderer-pug hexo-renderer-stylus 35 | 36 | ## Documentation 37 | 38 | Find in [Butterfly Docs](https://demo.jerryc.me/posts/21cfbf15/). it supports `zh-TW` and `zh-CN` 39 | 40 | You can also join the Chat Group. 41 | 42 | [💬 Join QQ Group [recommend]](https://jq.qq.com/?_wv=1027&k=5KI3Jqb) 43 | 44 | [💬 Join Telegram Group](https://t.me/hexo_butterfly) 45 | 46 | 47 | 48 | ## Screenshots 49 | 50 | ![image](https://user-images.githubusercontent.com/16351105/58887365-1272f780-8718-11e9-9329-3292c6ba20d4.png) 51 | 52 | ![](https://user-images.githubusercontent.com/16351105/58887457-3cc4b500-8718-11e9-9417-2bdea603c92e.png) 53 | 54 | ![](https://user-images.githubusercontent.com/16351105/69338594-7d03f980-0c9e-11ea-8b64-7f165e6508e2.png) -------------------------------------------------------------------------------- /themes/Butterfly/README_CN.md: -------------------------------------------------------------------------------- 1 | # hexo-theme-butterfly 2 | 3 | Version 4 | Author 5 | Hexo 6 | node.js 7 | 8 | Demo: 👍 [Butterfly](https://demo.jerryc.me/) || 🤞 [JerryC](https://jerryc.me/) 9 | 10 | 一款基於[hexo-theme-melody](https://github.com/Molunerfinn/hexo-theme-melody)修改的主題 11 | 12 | ## 安裝 13 | 14 | 在你的博客根目錄裡安裝穩定版【推薦】 15 | 16 | ``` 17 | git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly 18 | ``` 19 | 20 | 如果想要安裝比較新的dev分支，可以 21 | 22 | ``` 23 | git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly 24 | ``` 25 | 26 | ## 應用主題 27 | 修改hexo配置文件`_config.yml`，把主題改為`Butterfly` 28 | 29 | ``` 30 | theme: butterfly 31 | ``` 32 | 33 | >如果你沒有pug以及stylus的渲染器，請下載安裝： npm install hexo-renderer-pug hexo-renderer-stylus --save or yarn add hexo-renderer-pug hexo-renderer-stylus 34 | 35 | ## 文檔 36 | 37 | 可查看[Butterfly Docs](https://demo.jerryc.me/posts/21cfbf15/) 38 | 39 | 你也可以加入群組 40 | 41 | [ 💬 QQ群 [推薦]](https://jq.qq.com/?_wv=1027&k=5KI3Jqb) 42 | 43 | [ 💬 Telegram群](https://t.me/hexo_butterfly) 44 | 45 | ## 截圖 46 | 47 | ![image](https://user-images.githubusercontent.com/16351105/58887365-1272f780-8718-11e9-9329-3292c6ba20d4.png) 48 | ![image](https://user-images.githubusercontent.com/16351105/58887457-3cc4b500-8718-11e9-9417-2bdea603c92e.png) 49 | 50 | ![](https://user-images.githubusercontent.com/16351105/69338594-7d03f980-0c9e-11ea-8b64-7f165e6508e2.png) -------------------------------------------------------------------------------- /themes/Butterfly/languages/default.yml: -------------------------------------------------------------------------------- 1 | sidebar: 2 | catalog: Catalog 3 | have_read: You've read 4 | 5 | footer: 6 | driven: Driven 7 | theme: Theme 8 | 9 | copy: 10 | success: Copy successfully 11 | error: Copy error 12 | noSupport: The browser does not support 13 | 14 | page: 15 | articles: Articles 16 | tag: Tag 17 | category: Category 18 | archives: Archives 19 | 20 | sticky: Sticky 21 | no_title: No title 22 | 23 | post: 24 | created: Created 25 | updated: Updated 26 | wordcount: Word count 27 | min2read: 'Reading time: %s min' 28 | page_pv: Post View 29 | comments: Comments 30 | copyright: 31 | author: Author 32 | link: Link 33 | copyright_notice: Copyright Notice 34 | copyright_content: 'All articles in this blog are licensed under %s unless stating additionally.' 35 | recommend: Related Articles 36 | 37 | search: Search 38 | algolia_search: 39 | input_placeholder: Search for Posts 40 | hits_empty: "We didn't find any results for the search: ${query}." 41 | hits_stats: '${hits} results found in ${time} ms' 42 | 43 | local_search: 44 | label: Local search 45 | input_placeholder: Search for Posts 46 | hits_empty: "We didn't find any results for the search: ${query}" 47 | powered_by: Powered by 48 | 49 | pagination: 50 | prev: Previous Post 51 | next: Next Post 52 | 53 | comment: Comment 54 | 55 | aside: 56 | articles: Articles 57 | tags: Tags 58 | categories: Categories 59 | card_announcement: Announcement 60 | card_categories: Categories 61 | card_tags: Tags 62 | card_archives: Archives 63 | card_recent_post: Recent Post 64 | card_bookmark: Bookmark 65 | card_webinfo: 66 | headline: Info 67 | article_name: Article 68 | runtime_name: Run time 69 | site_wordcount: Total Count 70 | site_uv_name: UV 71 | site_pv_name: PV 72 | more_button: More 73 | 74 | donate: Donate 75 | share: Share 76 | bookmark: 77 | title: Bookmark 78 | 79 | rightside: 80 | readmode_title: Read Mode 81 | font_plus_title: Increase Font Size 82 | font_minus_title: Decrease Font Size 83 | translate_title: Switch Between Traditional Chinese And Simplified Chinese 84 | night_mode_title: Switch Between Light And Dark Mode 85 | back_to_top: Back To Top 86 | toc: Table Of Contents 87 | scroll_to_comment: Scroll To Comments 88 | setting: Setting 89 | 90 | runtime_unit: days 91 | 92 | copy_copyright: 93 | author: Author 94 | link: Link 95 | source: Source 96 | info: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, please indicate the source. 97 | 98 | Snackbar: 99 | bookmark: 100 | message_prev: Press 101 | message_next: to bookmark this page 102 | chs_to_cht: Traditional Chinese Activated Manually 103 | cht_to_chs: Simplified Chinese Activated Manually 104 | day_to_night: Dark Mode Activated Manually 105 | night_to_day: Light Mode Activated Manually 106 | 107 | loading: Loading... 108 | 109 | error404: 110 | error_title: Page not found 111 | back_button: Go back home 112 | -------------------------------------------------------------------------------- /themes/Butterfly/languages/en.yml: -------------------------------------------------------------------------------- 1 | sidebar: 2 | catalog: Catalog 3 | have_read: You've read 4 | 5 | footer: 6 | driven: Driven 7 | theme: Theme 8 | 9 | copy: 10 | success: Copy successfully 11 | error: Copy error 12 | noSupport: The browser does not support 13 | 14 | page: 15 | articles: Articles 16 | tag: Tag 17 | category: Category 18 | archives: Archives 19 | 20 | sticky: Sticky 21 | no_title: No title 22 | 23 | post: 24 | created: Created 25 | updated: Updated 26 | wordcount: Word count 27 | min2read: 'Reading time: %s min' 28 | page_pv: Post View 29 | comments: Comments 30 | copyright: 31 | author: Author 32 | link: Link 33 | copyright_notice: Copyright Notice 34 | copyright_content: 'All articles in this blog are licensed under %s unless stating additionally.' 35 | recommend: Related Articles 36 | 37 | search: Search 38 | algolia_search: 39 | input_placeholder: Search for Posts 40 | hits_empty: "We didn't find any results for the search: ${query}." 41 | hits_stats: '${hits} results found in ${time} ms' 42 | 43 | local_search: 44 | label: Local search 45 | input_placeholder: Search for Posts 46 | hits_empty: "We didn't find any results for the search: ${query}" 47 | powered_by: Powered by 48 | 49 | pagination: 50 | prev: Previous Post 51 | next: Next Post 52 | 53 | comment: Comment 54 | 55 | aside: 56 | articles: Articles 57 | tags: Tags 58 | categories: Categories 59 | card_announcement: Announcement 60 | card_categories: Categories 61 | card_tags: Tags 62 | card_archives: Archives 63 | card_recent_post: Recent Post 64 | card_bookmark: Bookmark 65 | card_webinfo: 66 | headline: Info 67 | article_name: Article 68 | runtime_name: Run time 69 | site_wordcount: Total Count 70 | site_uv_name: UV 71 | site_pv_name: PV 72 | more_button: More 73 | 74 | donate: Donate 75 | share: Share 76 | bookmark: 77 | title: Bookmark 78 | 79 | rightside: 80 | readmode_title: Read Mode 81 | font_plus_title: Increase Font Size 82 | font_minus_title: Decrease Font Size 83 | translate_title: Switch Between Traditional Chinese And Simplified Chinese 84 | night_mode_title: Switch Between Light And Dark Mode 85 | back_to_top: Back To Top 86 | toc: Table Of Contents 87 | scroll_to_comment: Scroll To Comments 88 | setting: Setting 89 | 90 | runtime_unit: days 91 | 92 | copy_copyright: 93 | author: Author 94 | link: Link 95 | source: Source 96 | info: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, please indicate the source. 97 | 98 | Snackbar: 99 | bookmark: 100 | message_prev: Press 101 | message_next: to bookmark this page 102 | chs_to_cht: Traditional Chinese Activated Manually 103 | cht_to_chs: Simplified Chinese Activated Manually 104 | day_to_night: Dark Mode Activated Manually 105 | night_to_day: Light Mode Activated Manually 106 | 107 | loading: Loading... 108 | 109 | error404: 110 | error_title: Page not found 111 | back_button: Go back home 112 | -------------------------------------------------------------------------------- /themes/Butterfly/languages/zh-CN.yml: -------------------------------------------------------------------------------- 1 | sidebar: 2 | catalog: 目录 3 | have_read: 你已经读了 4 | 5 | footer: 6 | driven: 驱动 7 | theme: 主题 8 | 9 | copy: 10 | success: 复制成功 11 | error: 复制错误 12 | noSupport: 浏览器不支持 13 | 14 | page: 15 | articles: 文章总览 16 | tag: 标签 17 | category: 分类 18 | archives: 归档 19 | 20 | sticky: 置顶 21 | no_title: 无题 22 | 23 | post: 24 | created: 发表于 25 | updated: 更新于 26 | wordcount: 字数总计 27 | min2read: '阅读时长: %s 分钟' 28 | page_pv: 阅读量 29 | comments: 评论数 30 | copyright: 31 | author: 文章作者 32 | link: 文章链接 33 | copyright_notice: 版权声明 34 | copyright_content: '本博客所有文章除特别声明外，均采用 35 | %s 许可协议。转载请注明来自 %s！' 36 | recommend: 相关推荐 37 | 38 | search: 搜索 39 | algolia_search: 40 | input_placeholder: 搜索文章 41 | hits_empty: '找不到您查询的内容:${query}' 42 | hits_stats: '找到 ${hits} 条结果，用时 ${time} 毫秒' 43 | 44 | local_search: 45 | label: 本地搜索 46 | input_placeholder: 搜索文章 47 | hits_empty: '找不到您查询的内容:${query}' 48 | powered: '提供支持' 49 | by: 由 50 | 51 | pagination: 52 | prev: 上一篇 53 | next: 下一篇 54 | 55 | comment: 评论 56 | 57 | aside: 58 | articles: 文章 59 | tags: 标签 60 | categories: 分类 61 | card_announcement: 公告 62 | card_categories: 分类 63 | card_tags: 标签 64 | card_archives: 归档 65 | card_pixiv: Pixiv日榜Top50 66 | card_calendar: 写作日历 67 | card_map: 访客地图 68 | card_recent_post: 最新文章 69 | card_bookmark: 加入书签 70 | card_webinfo: 71 | headline: 网站资讯 72 | article_name: 文章数目 73 | runtime_name: 已运行时间 74 | site_wordcount: 本站总字数 75 | site_uv_name: 本站访客数 76 | site_pv_name: 本站总访问量 77 | more_button: 查看更多 78 | 79 | donate: 打赏 80 | share: 分享 81 | bookmark: 82 | title: 添加书签 83 | 84 | rightside: 85 | readmode_title: 阅读模式 86 | font_plus_title: 放大字体 87 | font_minus_title: 缩小字体 88 | translate_title: 简繁转换 89 | night_mode_title: 浅色和深色模式转换 90 | back_to_top: 回到顶部 91 | toc: 目录 92 | scroll_to_comment: 直达评论 93 | setting: 设置 94 | 95 | runtime_unit: 天 96 | 97 | copy_copyright: 98 | author: 作者 99 | link: 链接 100 | source: 来源 101 | info: 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 102 | 103 | Snackbar: 104 | bookmark: 105 | message_prev: 按 106 | message_next: 键将本页加入书签 107 | chs_to_cht: 你已切换为繁体 108 | cht_to_chs: 你已切换为简体 109 | day_to_night: 你已切换为深色模式 110 | night_to_day: 你已切换为浅色模式 111 | 112 | error_title: 页面没有找到 113 | loading: 加载中... 114 | 115 | error404: 116 | error_title: 页面没有找到 117 | back_button: 回到主页 118 | -------------------------------------------------------------------------------- /themes/Butterfly/languages/zh-TW.yml: -------------------------------------------------------------------------------- 1 | sidebar: 2 | catalog: 目錄 3 | have_read: 你已經讀了 4 | 5 | footer: 6 | driven: Power by 7 | theme: Theme 8 | 9 | copy: 10 | success: 複製成功 11 | error: 複製錯誤 12 | noSupport: 瀏覽器不支援 13 | 14 | page: 15 | articles: 文章總覽 16 | tag: 標籤 17 | category: 分類 18 | archives: 歸檔 19 | 20 | sticky: 置頂 21 | no_title: 無題 22 | 23 | post: 24 | created: 發表於 25 | updated: 更新於 26 | wordcount: 字數總計 27 | min2read: '閱讀時長: %s 分鐘' 28 | page_pv: 閱讀量 29 | comments: 評論數 30 | copyright: 31 | author: 文章作者 32 | link: 文章連結 33 | copyright_notice: 版權聲明 34 | copyright_content: '本部落格所有文章除特別聲明外，均採用 35 | %s 許可協議。轉載請註明來自 %s！' 36 | recommend: 相關推薦 37 | 38 | search: 搜尋 39 | algolia_search: 40 | input_placeholder: 搜尋文章 41 | hits_empty: '找不到您查詢的內容:${query}' 42 | hits_stats: '找到 ${hits} 條結果，用時 ${time} 毫秒' 43 | 44 | local_search: 45 | label: 本地搜尋 46 | input_placeholder: 搜尋文章 47 | hits_empty: '找不到您查詢的內容:${query}' 48 | powered: '提供支援' 49 | by: 由 50 | 51 | pagination: 52 | prev: 上一篇 53 | next: 下一篇 54 | 55 | comment: 評論 56 | 57 | aside: 58 | articles: 文章 59 | tags: 標籤 60 | categories: 分類 61 | card_announcement: 公告 62 | card_categories: 分類 63 | card_tags: 標籤 64 | card_archives: 歸檔 65 | card_recent_post: 最新文章 66 | card_bookmark: 加入書籤 67 | card_webinfo: 68 | headline: 網站資訊 69 | article_name: 文章數目 70 | runtime_name: 已執行時間 71 | site_wordcount: 本站總字數 72 | site_uv_name: 本站訪客數 73 | site_pv_name: 本站總訪問量 74 | more_button: 檢視更多 75 | 76 | donate: 打賞 77 | share: 分享 78 | bookmark: 79 | title: 新增書籤 80 | 81 | rightside: 82 | readmode_title: 閱讀模式 83 | font_plus_title: 放大字型 84 | font_minus_title: 縮小字型 85 | translate_title: 簡繁轉換 86 | night_mode_title: 淺色和深色模式轉換 87 | back_to_top: 回到頂部 88 | toc: 目錄 89 | scroll_to_comment: 直達評論 90 | setting: 設定 91 | 92 | runtime_unit: 天 93 | 94 | copy_copyright: 95 | author: 作者 96 | link: 連結 97 | source: 來源 98 | info: 著作權歸作者所有。商業轉載請聯絡作者獲得授權，非商業轉載請註明出處。 99 | 100 | Snackbar: 101 | bookmark: 102 | message_prev: 按 103 | message_next: 鍵將本頁加入書籤 104 | chs_to_cht: 你已切換為繁體 105 | cht_to_chs: 你已切換為簡體 106 | day_to_night: 你已切換為深色模式 107 | night_to_day: 你已切換為淺色模式 108 | 109 | loading: 載入中... 110 | 111 | error404: 112 | error_title: 頁面沒有找到 113 | back_button: 回到主頁 114 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/404.pug: -------------------------------------------------------------------------------- 1 | - var top_img = theme.error_404.background || theme.default_top_img 2 | - var bg_img = `background-image: url(${url_for(top_img)})` 3 | 4 | doctype html 5 | html(lang=config.language data-theme=theme.display_mode) 6 | head 7 | include includes/head.pug 8 | body 9 | if theme.preloader 10 | !=partial('includes/loading/loading', {}, {cache:theme.fragment_cache}) 11 | 12 | if theme.fireworks && theme.fireworks.enable 13 | canvas.fireworks 14 | 15 | if theme.background 16 | - var is_photo = theme.background.startsWith('url') ? 'photo':'color' 17 | #web_bg(data-type=is_photo) 18 | 19 | #error-wrap 20 | .error-content 21 | .error-img(style=bg_img) 22 | .error-info 23 | h1.error_title= '404' 24 | .error_subtitle= theme.error_404.subtitle 25 | a.button--animated(href=url_for(config.root)) 26 | i.fas.fa-rocket 27 | = _p('error404.back_button') 28 | 29 | !=partial('includes/search/index', {}, {cache:theme.fragment_cache}) 30 | include includes/additional-js.pug 31 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/archive.pug: -------------------------------------------------------------------------------- 1 | extends includes/layout.pug 2 | 3 | block content 4 | include ./includes/mixins/article-sort.pug 5 | #archive 6 | .article-sort-title= _p('page.articles') + ' - ' + site.posts.length 7 | +articleSort(page.posts) 8 | include includes/pagination.pug -------------------------------------------------------------------------------- /themes/Butterfly/layout/category.pug: -------------------------------------------------------------------------------- 1 | extends includes/layout.pug 2 | 3 | block content 4 | if theme.category_ui == 'index' 5 | include ./includes/mixins/post-ui.pug 6 | #recent-posts.recent-posts.category_ui 7 | +postUI 8 | include includes/pagination.pug 9 | else 10 | include ./includes/mixins/article-sort.pug 11 | #category 12 | .article-sort-title= _p('page.category') + ' - ' + page.category 13 | +articleSort(page.posts) 14 | include includes/pagination.pug -------------------------------------------------------------------------------- /themes/Butterfly/layout/flink.pug: -------------------------------------------------------------------------------- 1 | #page 2 | .flink#article-container 3 | if site.data.link 4 | each i in site.data.link 5 | if i.class_name 6 | h2!= i.class_name 7 | h4= i.cdescr 8 | if i.class_desc 9 | .flink-desc!=i.class_desc 10 | .flink-list 11 | each item in i.link_list 12 | .flink-list-item(style= item.color ? `--primary-color:${item.color};border-width:${item.width};border-style:${item.style};animation: ${item.custom} ${item.time} infinite alternate; background:${item.background}` : 'border-width:0px;border-style:solid;animation: link_custom 0s infinite alternate;background:0') 13 | a(href=url_for(item.link) title=item.name target="_blank" rel=item.remove ? "external nofollow" : "" style=item.namecolor ? `--namecolor:${item.namecolor}` : '') 14 | if theme.lazyload.enable 15 | img(data-src=url_for(item.avatar) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt=item.name ,style=item.rotate ? `--primary-rotate:${item.rotate};--autotime:${item.autotime};` : '--primary-rotate:0deg' class=item.autorotate ? `${item.autorotate}` : '') 16 | else 17 | img(src=url_for(item.avatar) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt=item.name ) 18 | .flink-item-name= item.name 19 | .flink-item-desc= item.descr 20 | != page.content 21 | p(style="font-size:14px;font-weight:bold")= theme.PS 22 | hr 23 | h2= theme.require_headline 24 | ul 25 | li= theme.requirement1 26 | li= theme.requirement2 27 | li= theme.requirement3 28 | li= theme.requirement4 29 | li= theme.requirement5 30 | li= theme.requirement6 31 | hr 32 | h2= theme.myInfo 33 | ul 34 | li= theme.info1 35 | li= theme.info2 36 | li= theme.info3 37 | li= theme.info4 38 | if page.comments !== false 39 | include includes/comments/index.pug 40 | 41 | 42 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/additional-js.pug: -------------------------------------------------------------------------------- 1 | script(src=url_for(theme.CDN.jquery)) 2 | script(src=url_for(theme.CDN.utils)) 3 | script(src=url_for(theme.CDN.main)) 4 | 5 | if theme.translate && theme.translate.enable 6 | script(src=url_for(theme.CDN.translate)) 7 | 8 | if theme.medium_zoom 9 | script(src=url_for(theme.CDN.medium_zoom)) 10 | 11 | if theme.fancybox 12 | script(src=url_for(theme.CDN.fancybox)) 13 | 14 | include ./math/index.pug 15 | 16 | if theme.fireworks && theme.fireworks.enable 17 | script(src=url_for(theme.CDN.anime)) 18 | script(src=url_for(theme.CDN.fireworks)) 19 | 20 | if (theme.snackbar && theme.snackbar.enable) 21 | script(src=url_for(theme.CDN.snackbar)) 22 | 23 | if (theme.canvas_ribbon && theme.canvas_ribbon.enable) 24 | include ./third-party/canvas-ribbon.pug 25 | 26 | if (theme.canvas_ribbon_piao && theme.canvas_ribbon_piao.enable) 27 | include ./third-party/canvas-ribbon-piao.pug 28 | 29 | if (theme.canvas_nest && theme.canvas_nest.enable) 30 | include ./third-party/canvas-nest.pug 31 | 32 | if theme.activate_power_mode.enable 33 | script(src=url_for(theme.CDN.activate_power_mode)) 34 | script. 35 | POWERMODE.colorful = #{theme.activate_power_mode.colorful}; 36 | POWERMODE.shake = #{theme.activate_power_mode.shake}; 37 | document.body.addEventListener('input', POWERMODE); 38 | 39 | if theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv 40 | script(async src=url_for(theme.CDN.busuanzi)) 41 | 42 | if theme.instantpage 43 | script(src=url_for(theme.CDN.instantpage) type="module" defer) 44 | 45 | if theme.lazyload.enable 46 | script(src=url_for(theme.CDN.lazyload) async) 47 | 48 | //- 鼠標特效 49 | if theme.click_heart 50 | script(src=url_for(theme.CDN.click_heart)) 51 | 52 | if theme.ClickShowText && theme.ClickShowText.enable 53 | script(src=url_for(theme.CDN.ClickShowText)) 54 | 55 | if theme.pangu && theme.pangu.enable 56 | include ./third-party/pangu.pug 57 | 58 | //- search 59 | if theme.algolia_search && theme.algolia_search.enable 60 | script(src=url_for(theme.CDN.algolia_js)) 61 | else if theme.local_search && theme.local_search.enable 62 | script(src=url_for(theme.CDN.local_search)) 63 | 64 | //- mermaid 65 | if theme.mermaid.enable 66 | include ./math/mermaid.pug 67 | 68 | if is_home() 69 | include ./head/subtitle.pug 70 | 71 | !=fragment_cache('injectBottom', function(){return injectHtml(theme.inject.bottom)}) 72 | 73 | if theme.preloader 74 | !=partial('includes/loading/loading-js', {}, {cache:theme.fragment_cache}) 75 | 76 | !=partial('includes/chat/index', {}, {cache:theme.fragment_cache}) 77 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/chat/chatra.pug: -------------------------------------------------------------------------------- 1 | //- https://chatra.io/help/api/ 2 | script. 3 | (function(d, w, c) { 4 | w.ChatraID = '#{theme.chatra.id}'; 5 | var s = d.createElement('script'); 6 | w[c] = w[c] || function() { 7 | (w[c].q = w[c].q || []).push(arguments); 8 | }; 9 | s.async = true; 10 | s.src = 'https://call.chatra.io/chatra.js'; 11 | if (d.head) d.head.appendChild(s); 12 | })(document, window, 'Chatra'); 13 | 14 | if (!{theme.chat_btn}) { 15 | var chatBtn = document.getElementById("chat_btn") 16 | chatBtn.addEventListener("click", function(){ 17 | Chatra('openChat') 18 | }); 19 | } else { 20 | if (!{theme.chat_hide_show}) { 21 | function chatBtnHide () { 22 | Chatra('hide') 23 | } 24 | function chatBtnShow () { 25 | Chatra('show') 26 | } 27 | } 28 | } 29 | 30 | 31 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/chat/daovoice.pug: -------------------------------------------------------------------------------- 1 | //- https://guide.daocloud.io/daovoice/javascript-api-5869833.html 2 | script. 3 | (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") 4 | 5 | script. 6 | var isChatBtn = !{theme.chat_btn} 7 | daovoice('init', { 8 | app_id: '!{theme.daovoice.app_id}',},{ 9 | launcher: { 10 | disableLauncherIcon: isChatBtn // 悬浮 ICON 是否显示 11 | }, 12 | }); 13 | daovoice('update'); 14 | 15 | if (isChatBtn) { 16 | var chatBtn = document.getElementById("chat_btn") 17 | chatBtn.addEventListener("click", function(){ 18 | daovoice('show') 19 | }); 20 | } else { 21 | if (!{theme.chat_hide_show}) { 22 | function chatBtnHide () { 23 | daovoice('update', {},{ 24 | launcher: { 25 | disableLauncherIcon: true // 悬浮 ICON 是否显示 26 | }, 27 | }); 28 | } 29 | function chatBtnShow () { 30 | daovoice('update', {},{ 31 | launcher: { 32 | disableLauncherIcon: false // 悬浮 ICON 是否显示 33 | }, 34 | }); 35 | } 36 | } 37 | } -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/chat/gitter.pug: -------------------------------------------------------------------------------- 1 | //- https://sidecar.gitter.im/ 2 | script. 3 | var isChatBtn = !{theme.chat_btn} 4 | 5 | if (isChatBtn) { 6 | ((window.gitter = {}).chat = {}).options = { 7 | room: '#{theme.gitter.room}', 8 | activationElement: '#chat_btn' 9 | }; 10 | } else { 11 | ((window.gitter = {}).chat = {}).options = { 12 | room: '#{theme.gitter.room}', 13 | }; 14 | 15 | if (!{theme.chat_hide_show}) { 16 | var gitterBtn = document.getElementsByClassName('gitter-open-chat-button') 17 | 18 | function chatBtnHide () { 19 | gitterBtn[0].style.display= 'none' 20 | } 21 | 22 | function chatBtnShow () { 23 | gitterBtn[0].style.display= 'block' 24 | } 25 | } 26 | } 27 | 28 | script(src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer) -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/chat/index.pug: -------------------------------------------------------------------------------- 1 | if theme.chatra && theme.chatra.enable 2 | include ./chatra.pug 3 | else if theme.tidio && theme.tidio.enable 4 | include ./tidio.pug 5 | else if theme.daovoice && theme.daovoice.enable 6 | include ./daovoice.pug 7 | else if theme.gitter && theme.gitter.enable 8 | include ./gitter.pug -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/chat/tidio.pug: -------------------------------------------------------------------------------- 1 | script(src=`//code.tidio.co/${theme.tidio.public_key}.js` async) 2 | 3 | if theme.chat_btn 4 | script. 5 | (function() { 6 | function onTidioChatApiReady() { 7 | window.tidioChatApi.hide(); 8 | window.tidioChatApi.on("close", function() { 9 | window.tidioChatApi.hide(); 10 | }); 11 | } 12 | if (window.tidioChatApi) { 13 | window.tidioChatApi.on("ready", onTidioChatApiReady); 14 | } else { 15 | document.addEventListener("tidioChat-ready", onTidioChatApiReady); 16 | } 17 | 18 | document.getElementById("chat_btn").addEventListener("click", function(){ 19 | window.tidioChatApi.show(); 20 | window.tidioChatApi.open(); 21 | }); 22 | })(); 23 | else if theme.chat_hide_show 24 | script. 25 | function chatBtnHide () { 26 | if (window.tidioChatApi) { 27 | window.tidioChatApi.hide(); 28 | //- document.getElementById('tidio-chat').style.display= 'none' 29 | } 30 | } 31 | 32 | function chatBtnShow () { 33 | if (window.tidioChatApi) { 34 | window.tidioChatApi.show(); 35 | //- document.getElementById('tidio-chat').style.display= 'block' 36 | } 37 | } 38 | 39 | 40 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/comments/disqus.pug: -------------------------------------------------------------------------------- 1 | #disqus_thread 2 | script. 3 | function loadDisqus () { 4 | var disqus_config = function () { 5 | this.page.url = '!{ page.permalink }'; 6 | this.page.identifier = '!{ page.path }'; 7 | this.page.title = '!{ page.title }'; 8 | }; 9 | 10 | var d = document, s = d.createElement('script'); 11 | s.src = 'https://!{theme.disqus.shortname}.disqus.com/embed.js'; 12 | s.setAttribute('data-timestamp', +new Date()); 13 | (d.head || d.body).appendChild(s); 14 | } 15 | 16 | if ('!{defaultComment}' === 'Disqus' || !{theme.comments.load_begin}) { 17 | window.addEventListener('load', loadDisqus) 18 | } 19 | else { 20 | function loadOtherComment () { 21 | loadDisqus() 22 | } 23 | } 24 | 25 | if is_post() && theme.comments.count && defaultComment === 'Disqus' 26 | script. 27 | function getDisqusCount() { 28 | var d = document, s = d.createElement('script'); 29 | s.src = 'https://!{theme.disqus.shortname}.disqus.com/count.js'; 30 | s.id = 'dsq-count-scr'; 31 | (d.head || d.body).appendChild(s); 32 | } 33 | 34 | window.addEventListener('load', getDisqusCount, false); -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/comments/disqusjs.pug: -------------------------------------------------------------------------------- 1 | #disqus_thread 2 | script. 3 | function loadDisqusjs () { 4 | const ele = document.createElement('link') 5 | ele.rel = 'stylesheet' 6 | ele.href= '!{url_for(theme.CDN.disqusjs_css)}' 7 | document.getElementsByTagName('head')[0].appendChild(ele) 8 | 9 | loadScript('!{url_for(theme.CDN.disqusjs)}', function() { 10 | var dsqjs = new DisqusJS({ 11 | shortname: '!{theme.disqusjs.shortname}', 12 | siteName: '!{theme.disqusjs.siteName}', 13 | identifier: '!{ page.path }', 14 | url: '!{ page.permalink }', 15 | title: '!{ page.title }', 16 | api: '!{theme.disqusjs.api}', 17 | apikey: '!{theme.disqusjs.apikey}', 18 | nocomment: '!{theme.disqusjs.nocomment}', 19 | admin: '!{theme.disqusjs.admin}', 20 | adminLabel: '!{theme.disqusjs.adminLabel}' 21 | }); 22 | }) 23 | } 24 | 25 | if ('!{defaultComment}' === 'Disqusjs' || !{theme.comments.load_begin}) { 26 | window.addEventListener('load', loadDisqusjs) 27 | } 28 | else { 29 | function loadOtherComment () { 30 | loadDisqusjs() 31 | } 32 | } 33 | 34 | 35 | if is_post() && theme.comments.count && defaultComment === 'Disqusjs' 36 | script. 37 | function getDisqusCount() { 38 | var d = document, s = d.createElement('script'); 39 | s.src = 'https://!{theme.disqusjs.shortname}.disqus.com/count.js'; 40 | s.id = 'dsq-count-scr'; 41 | (d.head || d.body).appendChild(s); 42 | } 43 | window.addEventListener('load', getDisqusCount, false); 44 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/comments/facebook_comments.pug: -------------------------------------------------------------------------------- 1 | #fb-root 2 | .fb-comments(data-colorscheme = theme.display_mode === 'dark' ? 'dark' : 'light' 3 | data-href=urlNoIndex() 4 | data-numposts= theme.facebook_comments.pageSize || 10 5 | data-order-by= theme.facebook_comments.order_by || 'social' 6 | data-width="100%") 7 | 8 | script. 9 | function loadFBComent () { 10 | let ele = document.createElement('script') 11 | ele.setAttribute('src','https://connect.facebook.net/!{theme.facebook_comments.lang}/sdk.js#xfbml=1&version=v7.0') 12 | ele.setAttribute('async', 'true') 13 | ele.setAttribute('defer', 'true') 14 | ele.setAttribute('crossorigin', 'anonymous') 15 | document.getElementById('fb-root').insertAdjacentElement('afterbegin',ele) 16 | } 17 | 18 | if ('!{defaultComment}' === 'Facebook Comments' || !{theme.comments.load_begin}) { 19 | window.addEventListener('load', loadFBComent) 20 | } 21 | else { 22 | function loadOtherComment () { 23 | loadFBComent() 24 | } 25 | } 26 | 27 | if theme.darkmode.enable 28 | script. 29 | var themeNow = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light' 30 | document.getElementsByClassName('fb-comments')[0].setAttribute('data-colorscheme',themeNow) 31 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/comments/gitalk.pug: -------------------------------------------------------------------------------- 1 | #gitalk-container 2 | script(src=url_for(theme.CDN.blueimp_md5)) 3 | 4 | script. 5 | function loadGitalk () { 6 | const ele = document.createElement('link') 7 | ele.rel = 'stylesheet' 8 | ele.href= '!{url_for(theme.CDN.gitalk_css)}' 9 | document.getElementsByTagName('head')[0].appendChild(ele) 10 | 11 | loadScript('!{url_for(theme.CDN.gitalk)}', function () { 12 | var gitalk = new Gitalk({ 13 | clientID: '!{theme.gitalk.client_id}', 14 | clientSecret: '!{theme.gitalk.client_secret}', 15 | repo: '!{theme.gitalk.repo}', 16 | owner: '!{theme.gitalk.owner}', 17 | admin: ['!{theme.gitalk.admin}'], 18 | id: md5(decodeURI(location.pathname)), 19 | language: '!{theme.gitalk.language}', 20 | perPage: !{theme.gitalk.perPage}, 21 | distractionFreeMode: !{theme.gitalk.distractionFreeMode}, 22 | pagerDirection: '!{theme.gitalk.pagerDirection}', 23 | createIssueManually: !{theme.gitalk.createIssueManually}, 24 | updateCountCallback: commentCount 25 | }) 26 | gitalk.render('gitalk-container') 27 | }) 28 | 29 | function commentCount(n){ 30 | try { 31 | document.getElementsByClassName('gitalk-comment-count')[0].innerHTML= n 32 | } catch (e) { 33 | return false 34 | } 35 | } 36 | } 37 | 38 | if ('!{defaultComment}' === 'Gitalk' || !{theme.comments.load_begin}) { 39 | window.addEventListener('load', loadGitalk) 40 | } 41 | else { 42 | function loadOtherComment () { 43 | loadGitalk() 44 | } 45 | } 46 | 47 | 48 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/comments/index.pug: -------------------------------------------------------------------------------- 1 | if theme.comments && theme.comments.use 2 | - const defaultComment = theme.comments.use[0] 3 | hr 4 | #post-comment 5 | .comment-head 6 | .comment-headling 7 | i.fas.fa-comments.fa-fw 8 | span= ' ' + _p('comment') 9 | 10 | if theme.comments.use.length > 1 11 | .comment-switch 12 | span.first-comment=defaultComment 13 | label 14 | input#switch-comments-btn(type="checkbox") 15 | span.slider 16 | span.second-comment=theme.comments.use[1] 17 | 18 | 19 | .comment-wrap 20 | each name, index in theme.comments.use 21 | div(class=`comments-items-${index+1}` data-name=`${name}`) 22 | case name 23 | when 'Disqus' 24 | include ./disqus.pug 25 | when 'Valine' 26 | include ./valine.pug 27 | when 'Disqusjs' 28 | include ./disqusjs.pug 29 | when 'Livere' 30 | include ./livere.pug 31 | when 'Gitalk' 32 | include ./gitalk.pug 33 | when 'Utterances' 34 | include ./utterances.pug 35 | when 'Facebook Comments' 36 | include ./facebook_comments.pug -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/comments/laibili.pug: -------------------------------------------------------------------------------- 1 | #lv-container(data-id="city" data-uid=theme.laibili.uid) 2 | script. 3 | (function(d, s) { 4 | var j, e = d.getElementsByTagName(s)[0]; 5 | if (typeof LivereTower === 'function') { return; } 6 | j = d.createElement(s); 7 | j.src = 'https://cdn-city.livere.com/js/embed.dist.js'; 8 | j.async = true; 9 | e.parentNode.insertBefore(j, e); 10 | })(document, 'script'); 11 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/comments/livere.pug: -------------------------------------------------------------------------------- 1 | #lv-container(data-id="city" data-uid=theme.livere.uid) 2 | script. 3 | function loadlivere () { 4 | (function(d, s) { 5 | var j, e = d.getElementsByTagName(s)[0]; 6 | if (typeof LivereTower === 'function') { return; } 7 | j = d.createElement(s); 8 | j.src = 'https://cdn-city.livere.com/js/embed.dist.js'; 9 | j.async = true; 10 | e.parentNode.insertBefore(j, e); 11 | })(document, 'script'); 12 | } 13 | 14 | if ('!{defaultComment}' === 'Livere' || !{theme.comments.load_begin}) { 15 | window.addEventListener('load', loadlivere) 16 | } 17 | else { 18 | function loadOtherComment () { 19 | loadlivere() 20 | } 21 | } -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/comments/utterances.pug: -------------------------------------------------------------------------------- 1 | #utterances-wrap 2 | 3 | script. 4 | function loadUtterances () { 5 | let ele = document.createElement('script') 6 | ele.setAttribute('id', 'utterances_comment') 7 | ele.setAttribute('src', '!{url_for(theme.CDN.utterances)}') 8 | ele.setAttribute('repo', '!{theme.utterances.repo}') 9 | ele.setAttribute('issue-term', '!{theme.utterances.issue_term}') 10 | let nowTheme = document.documentElement.getAttribute('data-theme') === 'dark' ? '#{theme.utterances.dark_theme}' : '#{theme.utterances.light_theme}' 11 | ele.setAttribute('theme', nowTheme) 12 | ele.setAttribute('crossorigin', 'anonymous') 13 | ele.setAttribute('async', 'true') 14 | document.getElementById('utterances-wrap').insertAdjacentElement('afterbegin',ele) 15 | } 16 | 17 | if ('!{defaultComment}' === 'Utterances' || !{theme.comments.load_begin}) { 18 | window.addEventListener('load', loadUtterances) 19 | } 20 | else { 21 | function loadOtherComment () { 22 | loadUtterances() 23 | } 24 | } 25 | 26 | if theme.darkmode.enable 27 | script. 28 | function utterancesTheme () { 29 | var theme = document.documentElement.getAttribute('data-theme') === 'dark' ? '#{theme.utterances.dark_theme}' : '#{theme.utterances.light_theme}' 30 | const message = { 31 | type: 'set-theme', 32 | theme: theme 33 | }; 34 | const iframe = document.querySelector('.utterances-frame'); 35 | iframe.contentWindow.postMessage(message, 'https://utteranc.es'); 36 | } 37 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/comments/valine.pug: -------------------------------------------------------------------------------- 1 | - let emojiMaps = '""' 2 | if site.data.valine 3 | - emojiMaps = JSON.stringify(site.data.valine) 4 | 5 | #vcomment.vcomment 6 | script. 7 | function loadvaline () { 8 | var requestSetting = function (from,set) { 9 | var from = from 10 | var setting = set.split(',').filter(function(item){ 11 | return from.indexOf(item) > -1 12 | }); 13 | setting = setting.length == 0 ? from :setting; 14 | return setting 15 | } 16 | 17 | var guestInfo = requestSetting(['nick','mail','link'],'#{ theme.valine.guest_info }') 18 | var requiredFields = requestSetting(['nick','mail'],'#{ theme.valine.requiredFields }') 19 | 20 | function initValine () { 21 | window.valine = new Valine({ 22 | el:'#vcomment', 23 | appId: '#{theme.valine.appId}', 24 | appKey: '#{theme.valine.appKey}', 25 | placeholder: '#{theme.valine.placeholder}', 26 | avatar: '#{theme.valine.avatar}', 27 | meta: guestInfo, 28 | pageSize: '#{theme.valine.pageSize}', 29 | lang: '#{theme.valine.lang}', 30 | recordIP: #{theme.valine.recordIP}, 31 | serverURLs: '#{theme.valine.serverURLs}', 32 | emojiCDN: '#{theme.valine.emojiCDN}', 33 | emojiMaps: !{emojiMaps}, 34 | enableQQ: #{theme.valine.enableQQ}, 35 | requiredFields: requiredFields 36 | }); 37 | } 38 | loadScript('!{url_for(theme.CDN.valine)}', initValine) 39 | } 40 | 41 | if ('!{defaultComment}' === 'Valine' || !{theme.comments.load_begin}) { 42 | window.addEventListener('load', loadvaline) 43 | } 44 | else { 45 | function loadOtherComment () { 46 | loadvaline() 47 | } 48 | } 49 | 50 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/footer.pug: -------------------------------------------------------------------------------- 1 | #footer-wrap 2 | - var now = new Date() 3 | - var nowYear = now.getFullYear() 4 | if theme.since && theme.since != nowYear 5 | .copyright!= `©${theme.since} - ${nowYear + ' '} ${config.author}` 6 | else 7 | .copyright!= `©${nowYear + ' '} ${config.author}` 8 | if theme.footer_copyright 9 | .framework-info 10 | span= _p('footer.driven') + ' ' 11 | a(href='https://hexo.io') 12 | span Hexo 13 | span.footer-separator | 14 | span= _p('footer.theme') + ' ' 15 | a(href='https://github.com/jerryc127/hexo-theme-butterfly') 16 | span Butterfly 17 | if theme.footer_custom_text 18 | .footer_custom_text!=`${theme.footer_custom_text}` 19 | if theme.ICP.enable 20 | .icp 21 | a(href=theme.ICP.url) 22 | if theme.ICP.icon 23 | img.icp-icon(src=url_for(theme.ICP.icon)) 24 | span=theme.ICP.text 25 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/head.pug: -------------------------------------------------------------------------------- 1 | - var pageTitle 2 | - if (is_archive()) pageTitle = _p('page.archives') 3 | - else if (is_tag()) pageTitle = _p('page.tag') + ': ' + page.tag 4 | - else if (is_category()) pageTitle = _p('page.category') + ': ' + page.category 5 | - else if (is_month()) pageTitle += ': ' + page.month + '/' + page.year 6 | - else if (is_year()) pageTitle += ': ' + page.year 7 | - else if (is_current('/404.html', [strict])) pageTitle = _p('error404.error_title') 8 | - else pageTitle = page.title || config.title || '' 9 | 10 | - var isSubtitle = config.subtitle ? ' - ' + config.subtitle : '' 11 | - var tabTitle = is_home() || !pageTitle ? config.title + isSubtitle : pageTitle + ' | ' + config.title 12 | 13 | - var pageDescription = page_description() 14 | - var pageKeywords 15 | - if (page.keywords) pageKeywords = Array.isArray(page.keywords) ? (page.keywords).join(',') : ([]).join(',') || page.keywords 16 | - else if (page.tags && page.tags.length) pageKeywords = page.tags.data.map(function(tag) {return tag.name;}).join(',') 17 | - else pageKeywords = Array.isArray(config.keywords) ? (config.keywords).join(','): ([]).join(',') || config.keywords 18 | - var pageAuthor = config.email ? config.author + ',' + config.email : config.author 19 | - var pageCopyright = config.copyright || config.author 20 | 21 | meta(charset='UTF-8') 22 | meta(http-equiv="X-UA-Compatible" content="IE=edge") 23 | meta(name="viewport" content="width=device-width,initial-scale=1") 24 | title= tabTitle 25 | meta(name="description" content!=pageDescription) 26 | if pageKeywords 27 | meta(name="keywords" content=pageKeywords) 28 | meta(name="author" content=pageAuthor) 29 | meta(name="copyright" content=pageCopyright) 30 | meta(name ="format-detection" content="telephone=no") 31 | !=favicon_tag(theme.favicon || config.favicon) 32 | link(rel="canonical" href=urlNoIndex()) 33 | 34 | if theme.disable_baidu_transformation 35 | meta(http-equiv="Cache-Control" content="no-transform") 36 | meta(http-equiv="Cache-Control" content="no-siteapp") 37 | 38 | if theme.douban 39 | if theme.douban.meta && (is_current('/movies/', [strict]) || is_current('/books/', [strict]) || is_current('/games/', [strict])) 40 | meta(name="referrer" content="no-referrer") 41 | 42 | //- 預解析 43 | !=partial('includes/head/preconnect', {}, {cache:theme.fragment_cache}) 44 | 45 | //- 網站驗證 46 | !=partial('includes/head/site_verification', {}, {cache:theme.fragment_cache}) 47 | 48 | //- Open_Graph 49 | include ./head/Open_Graph.pug 50 | 51 | //- PWA 52 | if (theme.pwa && theme.pwa.enable) 53 | !=partial('includes/head/pwa', {}, {cache:theme.fragment_cache}) 54 | 55 | if theme.darkmode.enable 56 | !=partial('includes/head/darkmode', {}, {cache:theme.fragment_cache}) 57 | 58 | //- main css 59 | link(rel='stylesheet', href=url_for(theme.CDN.main_css)) 60 | link(rel='stylesheet', href=url_for(theme.CDN.fontawesome)) 61 | 62 | if theme.fancybox 63 | link(rel='stylesheet', href=url_for(theme.CDN.fancybox_css)) 64 | 65 | if (theme.snackbar && theme.snackbar.enable) 66 | link(rel='stylesheet', href=url_for(theme.CDN.snackbar_css)) 67 | 68 | if is_post() 69 | if(page.prev) 70 | link(rel="prev" title=page.prev.title href=url_for(page.prev.permalink) ) 71 | if(page.next) 72 | link(rel="next" title=page.next.title href=url_for(page.next.permalink) ) 73 | 74 | if theme.algolia_search.enable 75 | link(rel="stylesheet" type="text/css" href=url_for(theme.CDN.algolia_search_css)) 76 | script(src=url_for(theme.CDN.algolia_search) defer) 77 | 78 | //- comment css 79 | include ./head/comment.pug 80 | 81 | //- google_adsense 82 | !=partial('includes/head/google_adsense', {}, {cache:theme.fragment_cache}) 83 | 84 | //- analytics 85 | !=partial('includes/head/analytics', {}, {cache:theme.fragment_cache}) 86 | 87 | //- font 88 | if theme.blog_title_font.font_link 89 | link(rel='stylesheet' href=url_for(theme.blog_title_font.font_link)) 90 | 91 | //- global config 92 | !=partial('includes/head/config', {}, {cache:theme.fragment_cache}) 93 | 94 | include ./head/config_site.pug 95 | include ./head/noscript.pug 96 | 97 | !=fragment_cache('injectHead', function(){return injectHtml(theme.inject.head)}) 98 | 99 | if page.aplayer 100 | include ./head/aplayer.pug -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/head/Open_Graph.pug: -------------------------------------------------------------------------------- 1 | - var contentType = is_post() ? 'article' : 'website' 2 | 3 | if theme.Open_Graph_meta 4 | meta(property="og:type" content=contentType) 5 | meta(property="og:title" content=pageTitle) 6 | meta(property="og:url" content=urlNoIndex()) 7 | meta(property="og:site_name" content=config.title) 8 | meta(property="og:description" content!=pageDescription) 9 | meta(property="og:image" content=full_url_for(page.cover || theme.avatar.img)) 10 | meta(property="article:published_time" content=date_xml(page.date)) 11 | meta(property="article:modified_time" content=date_xml(page.updated)) 12 | meta(name="twitter:card" content="summary") 13 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/head/analytics.pug: -------------------------------------------------------------------------------- 1 | if theme.baidu_analytics 2 | script. 3 | var _hmt = _hmt || []; 4 | (function() { 5 | var hm = document.createElement("script"); 6 | hm.src = "https://hm.baidu.com/hm.js?!{theme.baidu_analytics}"; 7 | var s = document.getElementsByTagName("script")[0]; 8 | s.parentNode.insertBefore(hm, s); 9 | })(); 10 | 11 | if theme.google_analytics 12 | script. 13 | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 14 | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 15 | m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 16 | })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 17 | 18 | ga('create', '!{theme.google_analytics}', 'auto'); 19 | ga('send', 'pageview'); 20 | 21 | if theme.tencent_analytics 22 | script(src=`https://tajs.qq.com/stats?sId=${theme.tencent_analytics}` charset="UTF-8") 23 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/head/aplayer.pug: -------------------------------------------------------------------------------- 1 | link(rel='stylesheet' href=url_for(theme.CDN.aplayer_css)) 2 | script(src=url_for(theme.CDN.aplayer_js)) 3 | script(src=url_for(theme.CDN.meting_js)) -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/head/comment.pug: -------------------------------------------------------------------------------- 1 | if page.comments !== false && theme.comments.use && theme.comments.use.includes('Facebook Comments') 2 | if theme.facebook_comments.app_id 3 | meta(property="fb:app_id" content=theme.facebook_comments.app_id ) 4 | if theme.facebook_comments.user_id 5 | meta(property="fb:admins" content=theme.facebook_comments.user_id) -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/head/config.pug: -------------------------------------------------------------------------------- 1 | - 2 | var algolia = 'undefined'; 3 | var env = process.env; 4 | if (theme.algolia_search.enable) { 5 | algolia = JSON.stringify({ 6 | appId: env.ALGOLIA_APP_ID || config.algolia.appId || config.algolia.applicationID, 7 | apiKey: env.ALGOLIA_API_KEY || config.algolia.apiKey, 8 | indexName: env.ALGOLIA_INDEX_NAME || config.algolia.indexName, 9 | hits: theme.algolia_search.hits, 10 | // search languages 11 | languages: { 12 | input_placeholder: _p("algolia_search.input_placeholder"), 13 | hits_empty: _p("algolia_search.hits_empty"), 14 | hits_stats: _p("algolia_search.hits_stats") 15 | } 16 | }) 17 | } 18 | 19 | var localSearch = 'undefined'; 20 | if (theme.local_search && theme.local_search.enable) { 21 | localSearch = JSON.stringify({ 22 | path: config.search.path, 23 | languages: { 24 | // search languages 25 | hits_empty: _p("local_search.hits_empty") 26 | } 27 | }) 28 | } 29 | var translate = 'undefined'; 30 | if (theme.translate && theme.translate.enable){ 31 | translate = JSON.stringify({ 32 | defaultEncoding: theme.translate.defaultEncoding, 33 | translateDelay: theme.translate.translateDelay, 34 | msgToTraditionalChinese: theme.translate.msgToTraditionalChinese, 35 | msgToSimplifiedChinese: theme.translate.msgToSimplifiedChinese 36 | }) 37 | } 38 | 39 | var copyright = 'undefined' ; 40 | if (theme.copy.enable && theme.copy.copyright){ 41 | copyright = JSON.stringify({ 42 | languages: { 43 | author: _p("copy_copyright.author") + ': ' + config.author, 44 | link: _p("copy_copyright.link") + ': ', 45 | source: _p("copy_copyright.source") + ': ' + config.title, 46 | info: _p("copy_copyright.info") 47 | } 48 | }) 49 | } 50 | 51 | var ClickShowText = 'undefined'; 52 | if (theme.ClickShowText && theme.ClickShowText.enable) { 53 | ClickShowText = JSON.stringify({ 54 | text: theme.ClickShowText.text.join(","), 55 | fontSize: theme.ClickShowText.fontSize 56 | }) 57 | } 58 | 59 | 60 | var Snackbar = 'undefined'; 61 | if (theme.snackbar && theme.snackbar.enable) { 62 | Snackbar = JSON.stringify({ 63 | bookmark: { 64 | message_prev: _p("Snackbar.bookmark.message_prev"), 65 | message_next: _p("Snackbar.bookmark.message_next") 66 | }, 67 | chs_to_cht: _p("Snackbar.chs_to_cht"), 68 | cht_to_chs: _p("Snackbar.cht_to_chs"), 69 | day_to_night: _p("Snackbar.day_to_night"), 70 | night_to_day: _p("Snackbar.night_to_day"), 71 | bgLight: theme.snackbar.bg_light, 72 | bgDark: theme.snackbar.bg_dark, 73 | position: theme.snackbar.position, 74 | }) 75 | } 76 | 77 | var noticeOutdate = 'undefined'; 78 | if (theme.noticeOutdate && theme.noticeOutdate.enable) { 79 | noticeOutdate = JSON.stringify({ 80 | limitDay: theme.noticeOutdate.limit_day, 81 | position: theme.noticeOutdate.position, 82 | messagePrev: theme.noticeOutdate.message_prev, 83 | messageNext: theme.noticeOutdate.message_next, 84 | }) 85 | } 86 | 87 | script. 88 | var GLOBAL_CONFIG = { 89 | root: '!{config.root}', 90 | algolia: !{algolia}, 91 | localSearch: !{localSearch}, 92 | translate: !{translate}, 93 | noticeOutdate: !{noticeOutdate}, 94 | copy: { 95 | success: '!{_p("copy.success")}', 96 | error: '!{_p("copy.error")}', 97 | noSupport: '!{_p("copy.noSupport")}' 98 | }, 99 | bookmark: { 100 | message_prev: '!{_p("Snackbar.bookmark.message_prev")}', 101 | message_next: '!{_p("Snackbar.bookmark.message_next")}' 102 | }, 103 | runtime_unit: '!{_p("runtime_unit")}', 104 | runtime: !{theme.runtimeshow.enable}, 105 | copyright: !{copyright}, 106 | ClickShowText: !{ClickShowText}, 107 | medium_zoom: !{theme.medium_zoom}, 108 | fancybox: !{theme.fancybox}, 109 | Snackbar: !{Snackbar}, 110 | justifiedGallery: { 111 | js: '!{theme.CDN.justifiedGallery_js}', 112 | css: '!{theme.CDN.justifiedGallery_css}' 113 | }, 114 | baiduPush: !{theme.baidu_push}, 115 | highlightCopy: !{theme.highlight_copy}, 116 | highlightLang: !{theme.highlight_lang}, 117 | isPhotoFigcaption: !{theme.photofigcaption}, 118 | islazyload: !{theme.lazyload.enable}, 119 | isanchor: !{theme.anchor} 120 | } 121 | 122 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/head/config_site.pug: -------------------------------------------------------------------------------- 1 | - 2 | let isHighlightShrink 3 | if (theme.highlight_shrink == 'none') isHighlightShrink = 'undefined' 4 | else if (page.highlight_shrink === true || page.highlight_shrink === false) isHighlightShrink = page.highlight_shrink 5 | else isHighlightShrink = theme.highlight_shrink 6 | 7 | const pageToc = page.toc === true || page.toc === false ? page.toc : theme.toc.enable 8 | const showToc = is_post() && pageToc && (toc(page.content) !== '' || page.encrypt == true ) 9 | - 10 | 11 | script. 12 | var GLOBAL_CONFIG_SITE = { 13 | isPost: !{is_post()}, 14 | isHome: !{is_home()}, 15 | isHighlightShrink: !{isHighlightShrink}, 16 | isSidebar: !{showToc}, 17 | postUpdate: '!{full_date(page.updated)}' 18 | } 19 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/head/darkmode.pug: -------------------------------------------------------------------------------- 1 | script. 2 | var activateDarkMode = function () { 3 | document.documentElement.setAttribute('data-theme', 'dark') 4 | if (document.querySelector('meta[name="theme-color"]') !== null) { 5 | document.querySelector('meta[name="theme-color"]').setAttribute('content', '#000') 6 | } 7 | } 8 | var activateLightMode = function () { 9 | document.documentElement.setAttribute('data-theme', 'light') 10 | if (document.querySelector('meta[name="theme-color"]') !== null) { 11 | document.querySelector('meta[name="theme-color"]').setAttribute('content', '#fff') 12 | } 13 | } 14 | 15 | var getCookies = function (name) { 16 | const value = `; ${document.cookie}` 17 | const parts = value.split(`; ${name}=`) 18 | if (parts.length === 2) return parts.pop().split(';').shift() 19 | } 20 | 21 | var autoChangeMode = '#{theme.darkmode.autoChangeMode}' 22 | var t = getCookies('theme') 23 | if (autoChangeMode === '1') { 24 | var isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches 25 | var isLightMode = window.matchMedia('(prefers-color-scheme: light)').matches 26 | var isNotSpecified = window.matchMedia('(prefers-color-scheme: no-preference)').matches 27 | var hasNoSupport = !isDarkMode && !isLightMode && !isNotSpecified 28 | 29 | if (t === undefined) { 30 | if (isLightMode) activateLightMode() 31 | else if (isDarkMode) activateDarkMode() 32 | else if (isNotSpecified || hasNoSupport) { 33 | console.log('You specified no preference for a color scheme or your browser does not support it. I Schedule dark mode during night time.') 34 | var now = new Date() 35 | var hour = now.getHours() 36 | var isNight = hour <= 6 || hour >= 18 37 | isNight ? activateDarkMode() : activateLightMode() 38 | } 39 | window.matchMedia('(prefers-color-scheme: dark)').addListener(function (e) { 40 | if (Cookies.get('theme') === undefined) { 41 | e.matches ? activateDarkMode() : activateLightMode() 42 | } 43 | }) 44 | } else if (t === 'light') activateLightMode() 45 | else activateDarkMode() 46 | } else if (autoChangeMode === '2') { 47 | now = new Date() 48 | hour = now.getHours() 49 | isNight = hour <= 6 || hour >= 18 50 | if (t === undefined) isNight ? activateDarkMode() : activateLightMode() 51 | else if (t === 'light') activateLightMode() 52 | else activateDarkMode() 53 | } else { 54 | if (t === 'dark') activateDarkMode() 55 | else if (t === 'light') activateLightMode() 56 | } 57 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/head/dns_prefetch.pug: -------------------------------------------------------------------------------- 1 | link(rel="preconnect" href="//cdn.jsdelivr.net") 2 | 3 | if theme.google_analytics 4 | link(rel="preconnect" href="https://www.google-analytics.com" crossorigin) 5 | 6 | if theme.baidu_analytics 7 | link(rel="preconnect" href="https://hm.baidu.com") 8 | 9 | if theme.tencent_analytics 10 | link(rel="preconnect" href="http://ta.qq.com") 11 | 12 | if theme.blog_title_font.font_link 13 | link(rel="preconnect" href="https://fonts.googleapis.com" crossorigin) 14 | 15 | if theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv 16 | link(rel="preconnect" href="//busuanzi.ibruce.info") 17 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/head/google_adsense.pug: -------------------------------------------------------------------------------- 1 | if (theme.google_adsense && theme.google_adsense.enable) 2 | script(async src=theme.google_adsense.js) 3 | script. 4 | (adsbygoogle = window.adsbygoogle || []).push({ 5 | google_ad_client: '!{theme.google_adsense.client}', 6 | enable_page_level_ads: '!{theme.google_adsense.enable_page_level_ads}' 7 | }); -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/head/noscript.pug: -------------------------------------------------------------------------------- 1 | noscript. 2 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/head/preconnect.pug: -------------------------------------------------------------------------------- 1 | link(rel="preconnect" href="//cdn.jsdelivr.net") 2 | 3 | if theme.google_analytics 4 | link(rel="preconnect" href="//www.google-analytics.com" crossorigin) 5 | 6 | if theme.baidu_analytics 7 | link(rel="preconnect" href="//hm.baidu.com") 8 | 9 | if theme.tencent_analytics 10 | link(rel="preconnect" href="//ta.qq.com") 11 | 12 | if theme.blog_title_font.font_link && theme.blog_title_font.font_link.indexOf('//fonts.googleapis.com') != -1 13 | link(rel="preconnect" href="//fonts.googleapis.com" crossorigin) 14 | 15 | if theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv 16 | link(rel="preconnect" href="//busuanzi.ibruce.info") 17 | 18 | if theme.baidu_push 19 | link(rel="preconnect" href="//zz.bdstatic.com") 20 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/head/pwa.pug: -------------------------------------------------------------------------------- 1 | link(rel="manifest" href=url_for(theme.pwa.manifest)) 2 | if(theme.pwa.theme_color) 3 | meta(name="theme-color" content=theme.pwa.theme_color) 4 | if(theme.pwa.theme_color) 5 | meta(name="msapplication-TileColor" content=theme.pwa.theme_color) 6 | if(theme.pwa.apple_touch_icon) 7 | link(rel="apple-touch-icon" sizes="180x180" href=url_for(theme.pwa.apple_touch_icon)) 8 | if(theme.pwa.favicon_32_32) 9 | link(rel="icon" type="image/png" sizes="32x32" href=url_for(theme.pwa.favicon_32_32)) 10 | if(theme.pwa.favicon_16_16) 11 | link(rel="icon" type="image/png" sizes="16x16" href=url_for(theme.pwa.favicon_16_16)) 12 | if(theme.pwa.mask_icon) 13 | link(rel="mask-icon" href=url_for(theme.pwa.mask_icon) color="#5bbad5") 14 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/head/site_verification.pug: -------------------------------------------------------------------------------- 1 | if theme.google_site_verification 2 | meta(name="google-site-verification" content=theme.google_site_verification) 3 | 4 | if theme.bing_site_verification 5 | meta(name="msvalidate.01" content=theme.bing_site_verification) 6 | 7 | if theme.baidu_site_verification 8 | meta(name="baidu-site-verification" content=theme.baidu_site_verification) 9 | 10 | if theme.qihu_site_verification 11 | meta(name="360-site-verification" content=theme.qihu_site_verification) 12 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/header/header.pug: -------------------------------------------------------------------------------- 1 | #page-header 2 | span#blog_name.pull_left 3 | a#site-name.blog_title(href=url_for('/')) #[=config.title] 4 | 5 | span.pull_right.menus 6 | if (theme.algolia_search.enable || theme.local_search && theme.local_search.enable) 7 | #search_button 8 | a.site-page.social-icon.search 9 | i.fa.fa-search.fa-fw 10 | span=' '+_p('search') 11 | !=fragment_cache('menus', function(){return partial('includes/header/menu_item')}) 12 | 13 | span.toggle-menu.close 14 | a.site-page 15 | i.fa.fa-bars.fa-fw(aria-hidden="true") 16 | 17 | 18 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/header/index.pug: -------------------------------------------------------------------------------- 1 | if is_home() 2 | - var top_img = theme.index_img || theme.default_top_img 3 | else if is_post() 4 | - var top_img = page.top_img || page.cover || page.randomcover || theme.default_top_img 5 | else if is_archive() 6 | - var top_img = theme.archive_img || theme.default_top_img 7 | else if is_tag() 8 | - var top_img = theme.tag_img || theme.default_top_img 9 | else if is_category() 10 | - var top_img = theme.category_img || theme.default_top_img 11 | else 12 | - var top_img = page.top_img || theme.default_top_img 13 | 14 | if theme.douban 15 | if is_current('/movies/', [strict]) 16 | - var top_img = theme.douban.movies_img || theme.default_top_img 17 | else if is_current('/books/', [strict]) 18 | - var top_img = theme.douban.books_img || theme.default_top_img 19 | else if is_current('/games/', [strict]) 20 | - var top_img = theme.douban.games_img || theme.default_top_img 21 | 22 | - var bg_img = top_img && top_img !== true ? `background-image: url(${url_for(top_img)})` : '' 23 | - var site_title = is_archive() ? _p('page.archives') : page.title || page.tag || page.category || config.title 24 | - var isHomeClass = is_home() ? 'full_page' : 'not-index-bg' 25 | - is_post() ? isHomeClass = 'post-bg' : isHomeClass 26 | 27 | header#page-header(class=isHomeClass style=bg_img) 28 | !=partial('includes/header/nav', {}, {cache:theme.fragment_cache}) 29 | if is_home() 30 | #site-info 31 | h1#site_title=site_title 32 | #site_subtitle 33 | span#subtitle 34 | if(theme.social) 35 | #site_social_icons 36 | !=fragment_cache('social', function(){return partial('includes/header/social')}) 37 | #scroll_down 38 | i.fas.fa-angle-down.scroll-down-effects 39 | else if is_post() 40 | include ./post-info.pug 41 | else 42 | #page_site-info 43 | h1#site_title=site_title 44 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/header/menu_item.pug: -------------------------------------------------------------------------------- 1 | .menus_items 2 | each value, label in theme.menu 3 | if !Array.isArray(value) 4 | .menus_item 5 | a.site-page(href=url_for(trim(value.split('||')[0]))) 6 | if value.split('||')[1] 7 | i.fa-fw(class=trim(value.split('||')[1])) 8 | span=' '+label 9 | else 10 | .menus_item 11 | a.site-page 12 | if label.split('||')[1] 13 | i.fa-fw(class=trim(label.split('||')[1]) ) 14 | span=' '+ trim(label.split('||')[0]) 15 | i.fas.fa-chevron-down.menus-expand 16 | ul.menus_item_child 17 | each i in value 18 | li 19 | a.site-page(href=url_for(trim(i.split('||')[1]))) 20 | if i.split('||')[2] 21 | i.fa-fw(class=trim(i.split('||')[2])) 22 | span=' '+trim(i.split('||')[0]) -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/header/nav.pug: -------------------------------------------------------------------------------- 1 | nav#nav 2 | span#blog_name.pull-left 3 | a#site-name.blog_title(href=url_for('/')) #[=config.title] 4 | 5 | span.pull-right.menus 6 | if (theme.algolia_search.enable || theme.local_search && theme.local_search.enable) 7 | #search_button 8 | a.site-page.social-icon.search 9 | i.fas.fa-search.fa-fw 10 | span=' '+_p('search') 11 | !=fragment_cache('menus', function(){return partial('includes/header/menu_item')}) 12 | 13 | span.toggle-menu.close 14 | a.site-page 15 | i.fas.fa-bars.fa-fw 16 | 17 | 18 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/header/post-info.pug: -------------------------------------------------------------------------------- 1 | #post-info 2 | #post-title 3 | .posttitle= page.title || _p('no_title') 4 | 5 | #post-meta 6 | .meta-firstline 7 | if (theme.post_meta.post.date_type) 8 | if (theme.post_meta.post.date_type === 'both') 9 | time.post-meta__date 10 | span.post-meta__date-created(title= _p('post.created')+' '+full_date(page.date)) 11 | i.far.fa-calendar-alt.fa-fw 12 | =' '+_p('post.created')+' '+date(page.date, config.date_format) 13 | span.post-meta__separator | 14 | span.post-meta__date-updated(title= _p('post.updated')+' '+full_date(page.updated)) 15 | i.fas.fa-history.fa-fw 16 | =' '+_p('post.updated')+' '+date(page.updated, config.date_format) 17 | else 18 | - var data_type_update = theme.post_meta.post.date_type === 'updated' 19 | - var date_type = data_type_update ? 'updated' : 'date' 20 | - var date_icon = data_type_update ? 'fas fa-history' :'far fa-calendar-alt' 21 | - var data_info = data_type_update ? _p('post.updated') : _p('post.created') 22 | time.post-meta__date(title=data_info + ' ' + full_date(page[date_type])) 23 | i.fa-fw(class=date_icon) 24 | =' ' + data_info + ' ' + date(page[date_type], config.date_format) 25 | 26 | if (theme.post_meta.post.categories && page.categories.data.length > 0) 27 | span.post-meta__categories 28 | if (theme.post_meta.post.date_type) 29 | span.post-meta__separator | 30 | 31 | each item, index in page.categories.data 32 | i.fas.fa-inbox.fa-fw.post-meta__icon 33 | a(href=url_for(item.path)).post-meta__categories #[=item.name] 34 | if (index < page.categories.data.length - 1) 35 | i.fas.fa-angle-right.post-meta__separator 36 | 37 | .meta-secondline 38 | - let postWordcount = theme.wordcount.enable && (theme.wordcount.post_wordcount || theme.wordcount.min2read) 39 | if (postWordcount) 40 | span.post-meta-wordcount 41 | if theme.wordcount.post_wordcount 42 | i.far.fa-file-word.fa-fw.post-meta__icon 43 | span= _p('post.wordcount') + ':' 44 | span.word-count= wordcount(page.content) 45 | if theme.wordcount.min2read 46 | span.post-meta__separator | 47 | if theme.wordcount.min2read 48 | i.far.fa-clock.fa-fw.post-meta__icon 49 | span= _p('post.min2read', min2read(page.content, {cn: 350, en: 160})) 50 | 51 | .meta-thirdline 52 | span.post-meta-pv-cv 53 | if (postWordcount && theme.busuanzi.page_pv) 54 | span.post-meta__separator | 55 | if theme.busuanzi.page_pv 56 | i.far.fa-eye.fa-fw.post-meta__icon 57 | span=_p('post.page_pv') + ':' 58 | span#busuanzi_value_page_pv 59 | 60 | if page.comments !== false && theme.comments.use && theme.comments.count 61 | span.post-meta-commentcount 62 | 63 | - let whichCount = theme.comments.use[0] 64 | if whichCount === 'Disqus' || whichCount === 'Disqusjs' 65 | if (postWordcount || theme.busuanzi.page_pv) 66 | span.post-meta__separator | 67 | i.far.fa-comments.fa-fw.post-meta__icon 68 | span= _p('post.comments') + ':' 69 | span.disqus-comment-count.comment-count 70 | a(href=full_url_for(page.path) + '#disqus_thread') 71 | else if whichCount === 'Valine' 72 | if (postWordcount || theme.busuanzi.page_pv) 73 | span.post-meta__separator | 74 | i.far.fa-comments.fa-fw.post-meta__icon 75 | span= _p('post.comments') + ':' 76 | a(href=url_for(page.path) + '#post-comment' itemprop="discussionUrl") 77 | span.valine-comment-count.comment-count(data-xid=url_for(page.path) itemprop="commentCount") 78 | else if whichCount === 'Gitalk' 79 | if (postWordcount || theme.busuanzi.page_pv) 80 | span.post-meta__separator | 81 | i.far.fa-comments.fa-fw.post-meta__icon 82 | span= _p('post.comments') + ':' 83 | a(href=url_for(page.path) + '#post-comment') 84 | span.gitalk-comment-count.comment-count 85 | else if whichCount === 'Facebook Comments' 86 | if (postWordcount || theme.busuanzi.page_pv) 87 | span.post-meta__separator | 88 | i.far.fa-comments.fa-fw.post-meta__icon 89 | span= _p('post.comments') + ':' 90 | a.comment-count(href=url_for(page.path) + '#post-comment') 91 | span.fb-comments-count(data-href=urlNoIndex()) -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/header/social.pug: -------------------------------------------------------------------------------- 1 | each url, icon in theme.social 2 | a.social-icon(href=url_for(trim(url.split('||')[0])) target="_blank" 3 | title=url.split('||')[1] === undefined ? '' : trim(url.split('||')[1])) 4 | i(class=icon) -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/layout.pug: -------------------------------------------------------------------------------- 1 | - var hideAside = !theme.aside.enable || page.aside === false ? 'hide-aside' : '' 2 | - var pageHighlightShrinkSet = page.highlight_shrink === true || page.highlight_shrink === false ? page.highlight_shrink : theme.highlight_shrink 3 | - var pageHighlightShrink = theme.highlight_shrink !== 'none' && pageHighlightShrinkSet ? 'code-close' : '' 4 | 5 | doctype html 6 | html(lang=config.language data-theme=theme.display_mode) 7 | head 8 | include ./head.pug 9 | body 10 | if theme.preloader 11 | !=partial('includes/loading/loading', {}, {cache:theme.fragment_cache}) 12 | 13 | if theme.fireworks && theme.fireworks.enable 14 | canvas.fireworks 15 | 16 | !=partial('includes/mobile-sidebar/index', {}, {cache:theme.fragment_cache}) 17 | 18 | include ./sidebar.pug 19 | 20 | #body-wrap(class=pageHighlightShrink) 21 | if theme.background 22 | - var is_photo = theme.background.startsWith('url') ? 'photo':'color' 23 | #web_bg(data-type=is_photo) 24 | 25 | include ./header/index.pug 26 | 27 | if (!is_post()) 28 | main#content-inner.layout_page(class=hideAside) 29 | if body 30 | div!= body 31 | else 32 | block content 33 | include widget/index.pug 34 | else 35 | main#content-inner.layout_post 36 | if body 37 | div!= body 38 | else 39 | block content 40 | 41 | - var footer_bg = theme.footer_bg == false ? '' : bg_img 42 | - var is_bg = theme.footer_bg == false ? 'color' : 'photo' 43 | footer#footer(style=footer_bg data-type=is_bg) 44 | !=partial('includes/footer', {}, {cache:theme.fragment_cache}) 45 | 46 | include ./rightside.pug 47 | !=partial('includes/search/index', {}, {cache:theme.fragment_cache}) 48 | include ./additional-js.pug -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/loading/loading-js.pug: -------------------------------------------------------------------------------- 1 | script. 2 | var endLoading = function () { 3 | document.body.style.overflow = 'auto'; 4 | document.getElementById('loading-box').classList.add("loaded") 5 | } 6 | window.addEventListener('load',endLoading) -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/loading/loading.pug: -------------------------------------------------------------------------------- 1 | #loading-box 2 | .loading-left-bg 3 | .loading-right-bg 4 | .spinner-box 5 | .configure-border-1 6 | .configure-core 7 | .configure-border-2 8 | .configure-core 9 | .loading-word= _p('loading') 10 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/math/index.pug: -------------------------------------------------------------------------------- 1 | if theme.mathjax && theme.mathjax.enable 2 | if theme.mathjax.per_page 3 | if(!is_tag() && !is_category() && !is_archive() && !is_home()) 4 | include ./mathjax.pug 5 | else 6 | if page.mathjax 7 | include ./mathjax.pug 8 | 9 | if theme.katex && theme.katex.enable 10 | if theme.katex.per_page 11 | if(!is_tag() && !is_category() && !is_archive() && !is_home()) 12 | include ./katex.pug 13 | else 14 | if page.katex 15 | include ./katex.pug 16 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/math/katex.pug: -------------------------------------------------------------------------------- 1 | link(rel="stylesheet" type="text/css" href=theme.CDN.katex) 2 | script(src=url_for(theme.CDN.katex_copytex)) 3 | link(rel="stylesheet" type="text/css" href=theme.CDN.katex_copytex_css) 4 | script. 5 | $(function () { 6 | $('span.katex-display').wrap('
') 7 | }) -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/math/mathjax.pug: -------------------------------------------------------------------------------- 1 | script(type="text/x-mathjax-config"). 2 | MathJax.Hub.Config({ 3 | tex2jax: { 4 | inlineMath: [ ['$','$'], ["\\(","\\)"] ], 5 | processEscapes: true, 6 | skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code'] 7 | }, 8 | CommonHTML: { 9 | linebreaks: { automatic: true, width: "90% container" } 10 | }, 11 | "HTML-CSS": { 12 | linebreaks: { automatic: true, width: "90% container" } 13 | }, 14 | "SVG": { 15 | linebreaks: { automatic: true, width: "90% container" } 16 | } 17 | }); 18 | 19 | script(type="text/x-mathjax-config"). 20 | MathJax.Hub.Queue(function() { 21 | var all = MathJax.Hub.getAllJax(), i; 22 | for (i=0; i < all.length; i += 1) { 23 | all[i].SourceElement().parentNode.className += ' has-jax'; 24 | } 25 | }); 26 | 27 | script(src=theme.CDN.mathjax) -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/math/mermaid.pug: -------------------------------------------------------------------------------- 1 | script. 2 | if (document.getElementsByClassName('mermaid').length) { 3 | loadScript('!{theme.CDN.mermaid}',function () { 4 | mermaid.initialize({ 5 | theme: '!{theme.mermaid.theme}', 6 | }) 7 | }) 8 | } -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/mixins/article-sort.pug: -------------------------------------------------------------------------------- 1 | mixin articleSort(posts) 2 | .article-sort 3 | - var year 4 | - posts.each(function (article) { 5 | - var tempYear = date(article.date, 'YYYY') 6 | - var no_cover = article.cover === false || !theme.cover.archives_enable ? 'no-article-cover' : '' 7 | if tempYear !== year 8 | - year = tempYear 9 | .article-sort-item.year= year 10 | .article-sort-item(class=no_cover) 11 | if article.cover && theme.cover.archives_enable 12 | .article-sort-img 13 | a.article-sort-item__img(href=url_for(article.path)) 14 | img(src=url_for(article.cover) alt=article.title || 'No Title' onerror=`this.onerror=null;this.src='`+ url_for(theme.error_img.post_page) + `'`) 15 | .article-sort-post 16 | a.article-sort-item__post(href=url_for(article.path)) 17 | i.far.fa-calendar-alt 18 | time.article-sort-item__time(title=_p('post.created') + ' ' + full_date(article.date))= date(article.date, config.date_format) 19 | .article-sort-item__title= article.title || 'No Title' 20 | - }) -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/mixins/post-ui.pug: -------------------------------------------------------------------------------- 1 | mixin postUI(posts) 2 | each article , index in page.posts.data 3 | .recent-post-item 4 | - var link = article.link || article.path 5 | - var title = article.title || _p('no_title') 6 | - var leftOrRight = index%2 == 0 ? 'left_radius' : 'right_radius' 7 | - var post_cover = article.cover 8 | - var no_cover = article.cover === false || !theme.cover.index_enable ? 'no-cover' : '' 9 | if post_cover && theme.cover.index_enable 10 | .post_cover(class=leftOrRight) 11 | a(href=url_for(link) title=title) 12 | if theme.lazyload.enable 13 | img.post_bg(data-src=url_for(post_cover) onerror=`this.onerror=null;this.src='`+ url_for(theme.error_img.post_page) + `'` alt=title) 14 | else 15 | img.post_bg(src=url_for(post_cover) onerror=`this.onerror=null;this.src='`+ url_for(theme.error_img.post_page) + `'` alt=title) 16 | .recent-post-info(class=no_cover) 17 | a.article-title(href=url_for(link) title=title)= title 18 | .article-meta-wrap 19 | if (is_home() && (article.top || article.sticky > 0)) 20 | span.article-meta 21 | i.fas.fa-thumbtack.article-meta__icon.sticky 22 | span.sticky= _p('sticky') 23 | span.article-meta__separator | 24 | if (theme.post_meta.page.date_type) 25 | if (theme.post_meta.page.date_type === 'both') 26 | time.post-meta__date 27 | span.post-meta__date-created(title=_p('post.created') + ' ' + full_date(article.date)) 28 | i.far.fa-calendar-alt 29 | =date(article.date, config.date_format) 30 | span.article-meta__separator | 31 | span.post-meta__date-updated(title=_p('post.updated') + ' ' + full_date(article.updated)) 32 | i.fas.fa-history 33 | =date(article.updated, config.date_format) 34 | else 35 | - var data_type_updated = theme.post_meta.page.date_type === 'updated' 36 | - var date_type = data_type_updated ? 'updated' : 'date' 37 | - var date_icon = data_type_updated ? 'fas fa-history' :'far fa-calendar-alt' 38 | - var date_title = data_type_updated ? _p('post.updated') : _p('post.created') 39 | time.post-meta__date(title=date_title + ' ' + full_date(article[date_type])) 40 | i(class=date_icon) 41 | =date(article[date_type], config.date_format) 42 | if (theme.post_meta.page.categories && article.categories.data.length > 0) 43 | span.article-meta 44 | span.article-meta__separator | 45 | i.fas.fa-inbox.article-meta__icon 46 | each item, index in article.categories.data 47 | a(href=url_for(item.path)).article-meta__categories #[=item.name] 48 | if (index < article.categories.data.length - 1) 49 | i.fas.fa-angle-right 50 | if (theme.post_meta.page.tags && article.tags.data.length > 0) 51 | span.article-meta.tags 52 | span.article-meta__separator | 53 | i.fas.fa-tag.article-meta__icon 54 | each item, index in article.tags.data 55 | a(href=url_for(item.path)).article-meta__tags #[=item.name] 56 | if (index < article.tags.data.length - 1) 57 | span.article-meta__link #[='•'] 58 | 59 | //- Display the article introduction on homepage 60 | if theme.index_post_content.method == 1 61 | .content!= article.description 62 | else if theme.index_post_content.method == 2 63 | if article.description 64 | .content!= article.description 65 | else 66 | - const content = strip_html(article.content) 67 | - let expert = content.substring(0, theme.index_post_content.length) 68 | - content.length > theme.index_post_content.length ? expert += ' ...' : '' 69 | .content!= expert 70 | else 71 | - const content = strip_html(article.content) 72 | - let expert = content.substring(0, theme.index_post_content.length) 73 | - content.length > theme.index_post_content.length ? expert += ' ...' : '' 74 | .content!= expert 75 | 76 | if theme.ad && theme.ad.index 77 | if (index + 1) % 3 == 0 78 | .recent-post-item.ad_height!=theme.ad.index 79 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/mobile-sidebar/index.pug: -------------------------------------------------------------------------------- 1 | #mobile-sidebar 2 | #menu_mask 3 | include ../mobile-sidebar/mobile-menus.pug -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/mobile-sidebar/mobile-menus.pug: -------------------------------------------------------------------------------- 1 | #mobile-sidebar-menus 2 | .mobile_author_icon 3 | img.avatar-img(src=url_for(theme.avatar.img) onerror=`onerror=null;src='${theme.error_img.flink}'` alt="avatar") 4 | .mobile_post_data 5 | if site.posts.length 6 | .mobile_data_item.is-center 7 | .mobile_data_link 8 | a(href=url_for(config.archive_dir) + '/') 9 | .headline= _p('aside.articles') 10 | .length_num= site.posts.length 11 | 12 | if site.tags.length 13 | .mobile_data_item.is-center 14 | .mobile_data_link 15 | a(href=url_for(config.tag_dir) + '/' ) 16 | .headline= _p('aside.tags') 17 | .length_num= site.tags.length 18 | 19 | if site.categories.length 20 | .mobile_data_item.is-center 21 | .mobile_data_link 22 | a(href=url_for(config.category_dir) + '/') 23 | .headline= _p('aside.categories') 24 | .length_num= site.categories.length 25 | hr 26 | !=fragment_cache('menus', function(){return partial('includes/header/menu_item')}) 27 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/pagination.pug: -------------------------------------------------------------------------------- 1 | - 2 | var options = { 3 | prev_text: '', 4 | next_text: '', 5 | mid_size: 1, 6 | escape: false 7 | } 8 | 9 | if(!is_post()) 10 | nav#pagination 11 | div.pagination 12 | !=paginator(options) 13 | else 14 | nav#pagination.pagination-post 15 | if(page.prev) 16 | - var hasPageNext = page.next ? 'pull-left' : 'pull-full' 17 | .prev-post(class=hasPageNext) 18 | - var pagination_cover = page.prev.cover === false ? page.prev.randomcover : page.prev.cover 19 | a(href=url_for(page.prev.path)) 20 | if theme.lazyload.enable 21 | img.prev-cover(data-src=url_for(pagination_cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'` ) 22 | else 23 | img.prev-cover(src=url_for(pagination_cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'` ) 24 | .pagination-info 25 | .label=_p('pagination.prev') 26 | .prev_info=page.prev.title 27 | 28 | if(page.next) 29 | - var hasPagePrev = page.prev ? 'pull-right' : 'pull-full' 30 | - var pagination_cover = page.next.cover == false ? page.next.randomcover : page.next.cover 31 | .next-post(class=hasPagePrev) 32 | a(href=url_for(page.next.path)) 33 | if theme.lazyload.enable 34 | img.next-cover(data-src=url_for(pagination_cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'`) 35 | else 36 | img.next-cover(src=url_for(pagination_cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'`) 37 | .pagination-info 38 | .label=_p('pagination.next') 39 | .next_info=page.next.title -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/post/post-copyright.pug: -------------------------------------------------------------------------------- 1 | if theme.post_copyright.enable && page.copyright !== false 2 | - let author = page.copyright_author ? page.copyright_author : config.author 3 | - let authorHref = page.copyright_author_href ? page.copyright_author_href : `mailto:${config.email}` 4 | - let url = page.copyright_url ? page.copyright_url : page.permalink 5 | - 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) 6 | .post-copyright 7 | .post-copyright__author 8 | span.post-copyright-meta= _p('post.copyright.author') + ": " 9 | span.post-copyright-info 10 | a(href=authorHref)=author 11 | .post-copyright__type 12 | span.post-copyright-meta= _p('post.copyright.link') + ": " 13 | span.post-copyright-info 14 | a(href=url_for(url))= theme.post_copyright.decode ? decodeURI(url) : url 15 | .post-copyright__notice 16 | span.post-copyright-meta= _p('post.copyright.copyright_notice') + ": " 17 | span.post-copyright-info!= info 18 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/post/reward.pug: -------------------------------------------------------------------------------- 1 | .post-reward 2 | button.reward-button(type="button") 3 | i.fas.fa-qrcode 4 | = ' ' + _p('donate') 5 | .reward-main 6 | ul.reward-all 7 | each item in theme.reward.QR_code 8 | - var clickTo = (item.itemlist||item).link ? (item.itemlist||item).link : (item.itemlist||item).img 9 | li.reward-item 10 | img.post-qr-code__img(src=url_for((item.itemlist||item).img) alt=(item.itemlist||item).text onclick=`window.open('${url_for(clickTo)}')`) 11 | .post-qr-code__desc=(item.itemlist||item).text 12 | 13 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/rightside.pug: -------------------------------------------------------------------------------- 1 | section#rightside 2 | #rightside-config-hide 3 | if is_post() 4 | if theme.readmode 5 | button#readmode(type="button" title=_p('rightside.readmode_title')) 6 | i.fas.fa-book-open 7 | button#font_plus(type="button" title=_p('rightside.font_plus_title')) 8 | i.fas.fa-plus 9 | button#font_minus(type="button" title=_p('rightside.font_minus_title')) 10 | i.fas.fa-minus 11 | if theme.translate && theme.translate.enable 12 | button#translateLink(type="button" title=_p('rightside.translate_title'))= theme.translate.default 13 | if theme.darkmode.enable && theme.darkmode.button 14 | button#darkmode(type="button" title=_p('rightside.night_mode_title')) 15 | i.fas.fa-adjust 16 | #rightside-config-show 17 | button#rightside_config(type="button" title=_p("rightside.setting")) 18 | i.fas.fa-cog 19 | if is_post() && page.comments !== false && theme.comments.use 20 | a#to_comment(href="#post-comment" title=_p("rightside.scroll_to_comment")) 21 | i.fas.fa-comments 22 | if showToc 23 | button#mobile-toc-button.close(type="button" title=_p("rightside.toc")) 24 | i.fas.fa-list-ul 25 | if theme.chat_btn && (theme.chatra.enable || theme.tidio.enable || theme.daovoice.enable || theme.gitter.enable) 26 | button#chat_btn(type="button" title=_p("rightside.chat_btn")) 27 | i.fas.fa-sms 28 | 29 | button#go-up(type="button" title=_p("rightside.back_to_top")) 30 | i.fas.fa-arrow-up 31 | 32 | 33 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/search/algolia.pug: -------------------------------------------------------------------------------- 1 | #algolia-search.search-dialog 2 | #algolia-search-title.search-dialog__title Algolia 3 | #algolia-input-panel 4 | #algolia-search-input 5 | hr 6 | #algolia-search-results 7 | #algolia-hits 8 | #algolia-pagination 9 | #algolia-stats 10 | span.search-close-button 11 | i.fas.fa-times 12 | .search-mask 13 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/search/index.pug: -------------------------------------------------------------------------------- 1 | if (theme.algolia_search.enable) 2 | include ./algolia.pug 3 | if (theme.local_search) 4 | if (!theme.algolia_search.enable && theme.local_search.enable) 5 | include ./local-search.pug -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/search/local-search.pug: -------------------------------------------------------------------------------- 1 | #local-search.search-dialog 2 | #local-search-title.search-dialog__title=_p("local_search.label") 3 | #local-input-panel 4 | #local-search-input 5 | .local-search-box 6 | input(placeholder=_p("local_search.input_placeholder") type="text").local-search-box--input 7 | hr 8 | #local-search-results 9 | #local-hits 10 | #local-stats 11 | #hr.local-search-stats__hr 12 | case config.language 13 | when "zh-CN" 14 | span=_p("local_search.by") 15 | | #[a(href="https://github.com/wzpan/hexo-generator-search" style={'color': '#49B1F5'}) hexo-generator-search] 16 | | #[span=_p("local_search.powered")] 17 | when "en" 18 | default 19 | span=_p("local_search.powered_by") 20 | | #[a(href="https://github.com/wzpan/hexo-generator-search" style={'color': '#49B1F5'}) hexo-generator-search] 21 | span.search-close-button 22 | i.fas.fa-times 23 | .search-mask -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/share/add-this.pug: -------------------------------------------------------------------------------- 1 | .addthis_inline_share_toolbox 2 | script(src=`//s7.addthis.com/js/300/addthis_widget.js#pubid=${theme.addThis.pubid}` async) -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/share/addtoany.pug: -------------------------------------------------------------------------------- 1 | .addtoany 2 | .a2a_kit.a2a_kit_size_32.a2a_default_style 3 | each name in theme.addtoany.item 4 | a(class="a2a_button_" + name) 5 | 6 | a.a2a_dd(href="https://www.addtoany.com/share") 7 | script(async src=url_for(theme.CDN.addtoany)) 8 | 9 | 10 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/share/index.pug: -------------------------------------------------------------------------------- 1 | .post_share 2 | if theme.addThis.enable 3 | include ./add-this.pug 4 | else if theme.sharejs && theme.sharejs.enable 5 | include ./share-js.pug 6 | else if theme.addtoany.enable 7 | include ./addtoany.pug 8 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/share/share-js.pug: -------------------------------------------------------------------------------- 1 | if (theme.sharejs && theme.sharejs.enable) 2 | .social-share(data-image=url_for(page.cover|| theme.avatar.img) data-sites= theme.sharejs.sites) 3 | link(rel="stylesheet" href=url_for(theme.CDN.sharejs_css)) 4 | script(src=url_for(theme.CDN.sharejs)) -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/sidebar.pug: -------------------------------------------------------------------------------- 1 | - 2 | let tocNumber = page.toc_number !== undefined ? page.toc_number : theme.toc.number 3 | let autoOpenPostSet = page.auto_open == undefined ? theme.toc.auto_open : page.auto_open 4 | let autoOpenSidebar = autoOpenPostSet ? 'on' : '' 5 | - 6 | 7 | if(showToc) 8 | i.fas.fa-arrow-right#toggle-sidebar(class=autoOpenSidebar) 9 | #sidebar 10 | .sidebar-toc 11 | div.sidebar-toc__title= _p('sidebar.catalog') 12 | div.sidebar-toc__progress 13 | span.progress-notice= _p('sidebar.have_read') 14 | span.progress-num 0 15 | span.progress-percentage % 16 | div.sidebar-toc__progress-bar 17 | if (page.encrypt == true) 18 | div.sidebar-toc__content.toc-div-class(style="display:none")!=toc(page.origin, {list_number: tocNumber}) 19 | else 20 | div.sidebar-toc__content!=toc(page.content, {list_number: tocNumber}) 21 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/third-party/canvas-nest.pug: -------------------------------------------------------------------------------- 1 | script#canvas_nest(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)) -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/third-party/canvas-ribbon-piao.pug: -------------------------------------------------------------------------------- 1 | script(id="ribbon_piao" mobile=`${theme.canvas_ribbon_piao.mobile}` src=url_for(theme.CDN.canvas_ribbon_piao)) -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/third-party/canvas-ribbon.pug: -------------------------------------------------------------------------------- 1 | script(defer id="ribbon" src=url_for(theme.CDN.canvas_ribbon) size=theme.canvas_ribbon.size 2 | alpha=theme.canvas_ribbon.alpha zIndex=theme.canvas_ribbon.zIndex mobile=`${theme.canvas_ribbon.mobile}` data-click=`${theme.canvas_ribbon.click_to_change}`) 3 | 4 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/third-party/pangu.pug: -------------------------------------------------------------------------------- 1 | script(src=url_for(theme.CDN.pangu)) 2 | if theme.pangu.field === 'post' && is_post() 3 | script. 4 | document.addEventListener('DOMContentLoaded', function() { 5 | pangu.autoSpacingPage() 6 | }) 7 | else if theme.pangu.field === 'site' 8 | script. 9 | document.addEventListener('DOMContentLoaded', function() { 10 | pangu.autoSpacingPage() 11 | }) 12 | 13 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/widget/card_ad.pug: -------------------------------------------------------------------------------- 1 | .card-widget.card-ad 2 | != theme.ad.aside 3 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/widget/card_announcement.pug: -------------------------------------------------------------------------------- 1 | .card-widget.card-announcement 2 | .card-content 3 | .item-headline 4 | i.fas.fa-bullhorn.card-announcement-animation 5 | span= _p('aside.card_announcement') 6 | .announcement_content!= theme.aside.card_announcement.content -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/widget/card_archives.pug: -------------------------------------------------------------------------------- 1 | .card-widget.card-archives 2 | .card-content 3 | .item-headline 4 | i.fas.fa-archive 5 | span= _p('aside.card_archives') 6 | 7 | - let type = theme.aside.card_archives.type || 'monthly' 8 | - let format = theme.aside.card_archives.format || 'MMMM YYYY' 9 | - let order = theme.aside.card_archives.order || -1 10 | - let limit = theme.aside.card_archives.limit === 0 ? 0 : theme.aside.card_archives.limit || 8 11 | != aside_archives({ type:type, format: format, order: order, limit: limit }) 12 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/widget/card_author.pug: -------------------------------------------------------------------------------- 1 | .card-widget.card-info 2 | .card-content 3 | .card-info-avatar.is-center 4 | img.avatar-img(src=url_for(theme.avatar.img) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt="avatar") 5 | .author-info__name= config.author 6 | .author-info__description!= theme.aside.card_author.description || config.description 7 | 8 | .card-info-data 9 | if site.posts.length 10 | .card-info-data-item.is-center 11 | a(href=url_for(config.archive_dir)) 12 | .headline= _p('aside.articles') 13 | .length_num= site.posts.length 14 | 15 | if site.tags.length 16 | .card-info-data-item.is-center 17 | a(href=url_for(config.tag_dir)) 18 | .headline= _p('aside.tags') 19 | .length_num= site.tags.length 20 | 21 | if site.categories.length 22 | .card-info-data-item.is-center 23 | a(href=url_for(config.category_dir)) 24 | .headline= _p('aside.categories') 25 | .length_num= site.categories.length 26 | 27 | .card-info-bookmark.is-center 28 | button#bookmark-it.button--animated(type="button" title= _p('aside.card_bookmark')) 29 | i.fas.fa-bookmark 30 | span= _p('aside.card_bookmark') || 'Follow Me' 31 | 32 | if(theme.social) 33 | .card-info-social-icons.is-center 34 | !=fragment_cache('social', function(){return partial('includes/header/social')}) 35 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/widget/card_calendar.pug: -------------------------------------------------------------------------------- 1 | .card-widget.card-calendar 2 | .card-content 3 | .item-headline 4 | i.far.fa-calendar-alt(aria-hidden="true") 5 | span= _p('aside.card_calendar') 6 | div.widget-wrap 7 | div#calendar.widget -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/widget/card_categories.pug: -------------------------------------------------------------------------------- 1 | if site.categories.length 2 | .card-widget.card-categories 3 | .card-content 4 | .item-headline 5 | i.fas.fa-folder-open 6 | span= _p('aside.card_categories') 7 | !=aside_categories({ limit: theme.aside.card_categories.limit === 0 ? 0 : theme.aside.card_categories.limit || 8 , expand: theme.aside.card_categories.expand }) 8 | 9 | 10 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/widget/card_map.pug: -------------------------------------------------------------------------------- 1 | .card-widget.card-map 2 | .card-content 3 | .item-headline 4 | i.fa.fa-globe-asia(aria-hidden="true") 5 | span= _p('aside.card_map') 6 | //- 下面这行适用于3D地图(Globe Widget) 7 | script#clstr_globe(type="text/javascript" defer="defer" src="//cdn.clustrmaps.com/globe.js?d=fVQb75D6mjY-w9gWhFtj294byIhuYzIJLyUZYhnjYSo") -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/widget/card_pixiv.pug: -------------------------------------------------------------------------------- 1 | .card-widget.card-pixiv 2 | .card-content 3 | .item-headline 4 | i.fa.fa-image(aria-hidden="true") 5 | span= _p('aside.card_pixiv') 6 | iframe(src="https://cloud.mokeyjay.com/pixiv" frameborder="0" style="width:99%;height:380px;margin:0;") -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/widget/card_recent_post.pug: -------------------------------------------------------------------------------- 1 | .card-widget.card-recent-post 2 | .card-content 3 | .item-headline 4 | i.fas.fa-history 5 | span= _p('aside.card_recent_post') 6 | .aside-recent-item 7 | - var postLimit = theme.aside.card_recent_post.limit === 0 ? site.posts.length : theme.aside.card_recent_post.limit || 5 8 | - site.posts.sort('date', -1).limit(postLimit).each(function(article){ 9 | .aside-recent-post 10 | - var link = article.link || article.path 11 | - var title = article.title || _p('no_title') 12 | - var no_cover = article.cover === false || !theme.cover.aside_enable ? 'no-aside-cover' : '' 13 | - var post_cover = article.cover 14 | 15 | a(href=url_for(link)) 16 | if post_cover && theme.cover.aside_enable 17 | .aside-post-cover 18 | if theme.lazyload.enable 19 | img.aside-post-bg(data-src=url_for(post_cover) onerror=`this.onerror=null;this.src='`+ url_for(theme.error_img.post_page) + `'` title=title alt=title) 20 | else 21 | img.aside-post-bg(src=url_for(post_cover) onerror=`this.onerror=null;this.src='`+ url_for(theme.error_img.post_page) + `'` title=title alt=title) 22 | .aside-post-title(class=no_cover) 23 | .aside-post_title(href=url_for(link) title=article.title || _p('no_title'))= article.title || _p('no_title') 24 | time.aside-post_meta.post-meta__date(title=_p('post.created') + ' ' + full_date(article.date)) #[=date(article.date, config.date_format)] 25 | 26 | - }) 27 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/widget/card_tags.pug: -------------------------------------------------------------------------------- 1 | if site.tags.length 2 | .card-widget.card-tags 3 | .card-content 4 | .item-headline 5 | i.fas.fa-tags 6 | span= _p('aside.card_tags') 7 | 8 | - let tagLimit = theme.aside.card_tags.limit === 0 ? 0 : theme.aside.card_tags.limit || 40 9 | if theme.aside.card_tags.color 10 | .card-tag-cloud!=cloudTags({source: site.tags, minfontsize: 16, maxfontsize: 22, limit: tagLimit}) 11 | else 12 | .card-tag-cloud!= tagcloud({min_font: 16, max_font: 22, amount: tagLimit , color: true, start_color: '#999', end_color: '#99a9bf'}) 13 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/widget/card_webinfo.pug: -------------------------------------------------------------------------------- 1 | .card-widget.card-webinfo 2 | .card-content 3 | .item-headline 4 | i.fas.fa-chart-line 5 | span= _p('aside.card_webinfo.headline') 6 | .webinfo 7 | .webinfo-item 8 | .webinfo-article-name= _p('aside.card_webinfo.article_name') + " :" 9 | .webinfo-article-count= site.posts.length 10 | if theme.runtimeshow.enable 11 | .webinfo-item 12 | .webinfo-runtime-name= _p('aside.card_webinfo.runtime_name') + " :" 13 | #webinfo-runtime-count.webinfo-runtime-count(publish_date=theme.runtimeshow.publish_date) 14 | if theme.wordcount.enable && theme.wordcount.total_wordcount 15 | .webinfo-item 16 | .webinfo-site-wordcount-name=_p('aside.card_webinfo.site_wordcount') + " :" 17 | .webinfo-site-wordcount=totalcount(site) 18 | if theme.busuanzi.site_uv 19 | .webinfo-item 20 | .webinfo-site-uv-name= _p('aside.card_webinfo.site_uv_name') + " :" 21 | .webinfo-site-uv-count#busuanzi_value_site_uv 22 | if theme.busuanzi.site_pv 23 | .webinfo-item 24 | .webinfo-site-name= _p('aside.card_webinfo.site_pv_name') + " :" 25 | .webinfo-site-pv-count#busuanzi_value_site_pv 26 | 27 | -------------------------------------------------------------------------------- /themes/Butterfly/layout/includes/widget/index.pug: -------------------------------------------------------------------------------- 1 | if theme.aside.enable 2 | if page.aside !== false 3 | #aside_content.aside_content 4 | if theme.aside.card_author.enable 5 | !=partial('includes/widget/card_author', {}, {cache:theme.fragment_cache}) 6 | if theme.aside.card_announcement.enable 7 | !=partial('includes/widget/card_announcement', {}, {cache:theme.fragment_cache}) 8 | if theme.aside.card_pixiv.enable 9 | !=partial('includes/widget/card_pixiv', {}, {cache:theme.fragment_cache}) 10 | if theme.aside.card_calendar.enable 11 | !=partial('includes/widget/card_calendar', {}, {cache:theme.fragment_cache}) 12 | if theme.aside.card_map.enable 13 | !=partial('includes/widget/card_map', {}, {cache:theme.fragment_cache}) 14 | if theme.aside.card_recent_post.enable 15 | !=partial('includes/widget/card_recent_post', {}, {cache:theme.fragment_cache}) 16 | if theme.ad && theme.ad.aside 17 | !=partial('includes/widget/card_ad', {}, {cache:theme.fragment_cache}) 18 | if theme.aside.card_categories.enable 19 | !=partial('includes/widget/card_categories', {}, {cache:theme.fragment_cache}) 20 | if theme.aside.card_tags.enable 21 | !=partial('includes/widget/card_tags', {}, {cache:theme.fragment_cache}) 22 | if theme.aside.card_archives.enable 23 | !=partial('includes/widget/card_archives', {}, {cache:theme.fragment_cache}) 24 | if theme.aside.card_webinfo 25 | !=partial('includes/widget/card_webinfo', {}, {cache:theme.fragment_cache}) -------------------------------------------------------------------------------- /themes/Butterfly/layout/index.pug: -------------------------------------------------------------------------------- 1 | extends includes/layout.pug 2 | 3 | block content 4 | include ./includes/mixins/post-ui.pug 5 | #recent-posts.recent-posts 6 | +postUI 7 | include includes/pagination.pug -------------------------------------------------------------------------------- /themes/Butterfly/layout/page.pug: -------------------------------------------------------------------------------- 1 | extends includes/layout.pug 2 | 3 | block content 4 | if page.type === 'tags' 5 | .tag-cloud 6 | .tag-cloud__title= _p('page.tag') 7 | | - 8 | span.tag-cloud__amount= site.tags.length 9 | .tag-cloud-tags 10 | !=cloudTags({source: site.tags, minfontsize: 15, maxfontsize: 30, limit: 0}) 11 | if page.comments !== false 12 | include includes/comments/index.pug 13 | else if page.type === 'link' 14 | include flink.pug 15 | else if page.type === 'categories' 16 | .category-content 17 | .category-lists 18 | .category__title= _p('page.category') 19 | | - 20 | span.category__amount= site.categories.length 21 | div!= list_categories() 22 | if page.comments !== false 23 | include includes/comments/index.pug 24 | else 25 | #page 26 | #article-container!= page.content 27 | if page.comments !== false 28 | include includes/comments/index.pug -------------------------------------------------------------------------------- /themes/Butterfly/layout/post.pug: -------------------------------------------------------------------------------- 1 | extends includes/layout.pug 2 | 3 | block content 4 | article#post(class="") 5 | #article-container.post-content!=page.content 6 | include includes/post/post-copyright.pug 7 | .tag_share 8 | if (theme.post_meta.post.tags) 9 | .post-meta__tag-list 10 | each item, index in page.tags.data 11 | a(href=url_for(item.path)).post-meta__tags #[=item.name] 12 | !=partial('includes/share/index', {}, {cache:theme.fragment_cache}) 13 | 14 | if theme.reward.enable 15 | !=partial('includes/post/reward', {}, {cache:theme.fragment_cache}) 16 | 17 | //- ad 18 | if theme.ad && theme.ad.post 19 | .post-ad!=theme.ad.post 20 | 21 | include includes/pagination.pug 22 | if theme.related_post && theme.related_post.enable 23 | != related_posts(page,site.posts) 24 | if page.comments !== false 25 | include includes/comments/index.pug -------------------------------------------------------------------------------- /themes/Butterfly/layout/tag.pug: -------------------------------------------------------------------------------- 1 | extends includes/layout.pug 2 | 3 | block content 4 | if theme.tag_ui == 'index' 5 | include ./includes/mixins/post-ui.pug 6 | #recent-posts.recent-posts 7 | +postUI 8 | include includes/pagination.pug 9 | else 10 | include ./includes/mixins/article-sort.pug 11 | #tag 12 | .article-sort-title= _p('page.tag') + ' - ' + page.tag 13 | +articleSort(page.posts) 14 | include includes/pagination.pug -------------------------------------------------------------------------------- /themes/Butterfly/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "hexo-theme-butterfly", 3 | "version": "3.0.0", 4 | "private": true, 5 | "engines": { 6 | "node": ">=8.10.0" 7 | }, 8 | "description": "A Simple and Card UI Design theme for Hexo", 9 | "keywords": [ 10 | "hexo", 11 | "theme", 12 | "butterfly", 13 | "Card UI Design" 14 | ], 15 | "repository": "https://github.com/jerryc127/hexo-theme-butterfly.git", 16 | "author": "Jerry ", 17 | "license": "MIT" 18 | } -------------------------------------------------------------------------------- /themes/Butterfly/scripts/events/404.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Butterfly 3 | * 404 error page 4 | */ 5 | 6 | 'use strict' 7 | 8 | hexo.extend.generator.register('404', function (locals) { 9 | if (!hexo.theme.config.error_404.enable) return 10 | return { 11 | path: '404.html', 12 | data: locals.posts, 13 | layout: ['404'] 14 | } 15 | }) 16 | -------------------------------------------------------------------------------- /themes/Butterfly/scripts/events/replace_config.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Note: configs in _data/butterfly.yml will replace configs in hexo.theme.config. 3 | */ 4 | 5 | 'use strict' 6 | 7 | hexo.on('generateBefore', function () { 8 | const rootConfig = hexo.config 9 | if (hexo.locals.get) { 10 | const data = hexo.locals.get('data') 11 | data && data.butterfly && (hexo.theme.config = data.butterfly) 12 | } 13 | hexo.theme.config.rootConfig = rootConfig 14 | }) 15 | -------------------------------------------------------------------------------- /themes/Butterfly/scripts/filters/post_lazyload.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Butterfly 3 | * lazyload 4 | * replace src to data-src 5 | */ 6 | //
7 | 8 | 'use strict' 9 | 10 | const urlFor = require('hexo-util').url_for.bind(hexo) 11 | 12 | function lazyProcess (htmlContent) { 13 | const bg = hexo.theme.config.lazyload.post ? urlFor(hexo.theme.config.lazyload.post) : 'data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=' 14 | return htmlContent.replace(/( yearA === yearB && monthA === monthB 20 | : (yearA, monthA, yearB, monthB) => yearA === yearB 21 | const limit = options.limit 22 | const moreButton = this._p('aside.more_button') 23 | let result = '' 24 | 25 | if (!format) { 26 | format = type === 'monthly' ? 'MMMM YYYY' : 'YYYY' 27 | } 28 | 29 | const posts = this.site.posts.sort('date', order) 30 | if (!posts.length) return result 31 | 32 | const data = [] 33 | let length = 0 34 | 35 | posts.forEach(post => { 36 | // Clone the date object to avoid pollution 37 | let date = post.date.clone() 38 | 39 | if (timezone) date = date.tz(timezone) 40 | 41 | const year = date.year() 42 | const month = date.month() + 1 43 | const lastData = data[length - 1] 44 | 45 | if (!lastData || !compareFunc(lastData.year, lastData.month, year, month)) { 46 | if (lang) date = date.locale(lang) 47 | const name = date.format(format) 48 | length = data.push({ 49 | name, 50 | year, 51 | month, 52 | count: 1 53 | }) 54 | } else { 55 | lastData.count++ 56 | } 57 | }) 58 | 59 | const link = item => { 60 | let url = `${archiveDir}/${item.year}/` 61 | 62 | if (type === 'monthly') { 63 | if (item.month < 10) url += '0' 64 | url += `${item.month}/` 65 | } 66 | 67 | return this.url_for(url) 68 | } 69 | 70 | result += '' 98 | return result 99 | }) 100 | 101 | const toMomentLocale = function (lang) { 102 | if (lang === undefined) { 103 | return undefined 104 | } 105 | 106 | // moment.locale('') equals moment.locale('en') 107 | // moment.locale(null) equals moment.locale('en') 108 | if (!lang || lang === 'en' || lang === 'default') { 109 | return 'en' 110 | } 111 | return lang.toLowerCase().replace('_', '-') 112 | } 113 | -------------------------------------------------------------------------------- /themes/Butterfly/scripts/helpers/aside_categories.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Butterfly 3 | * for aside categories 4 | */ 5 | 6 | 'use strict' 7 | 8 | hexo.extend.helper.register('aside_categories', function (categories, options) { 9 | if (!options && (!categories || !Object.prototype.hasOwnProperty.call(categories, 'length')) 10 | ) { 11 | options = categories 12 | categories = this.site.categories 13 | } 14 | 15 | if (!categories || !categories.length) return '' 16 | options = options || {} 17 | const { config } = this 18 | const showCount = Object.prototype.hasOwnProperty.call(options, 'show_count') 19 | ? options.show_count 20 | : true 21 | const depth = options.depth ? parseInt(options.depth, 10) : 0 22 | const orderby = options.orderby || 'name' 23 | const order = options.order || 1 24 | const categoryDir = this.url_for(config.category_dir) 25 | const limit = options.limit === 0 ? categories.length : options.limit 26 | const isExpand = options.expand !== 'none' 27 | const expandClass = isExpand && options.expand === true ? 'card-category-list-icon expand' : 'card-category-list-icon' 28 | 29 | const buttonLabel = this._p('aside.more_button') 30 | const prepareQuery = (parent) => { 31 | const query = {} 32 | if (parent) { query.parent = parent } else { query.parent = { $exists: false } } 33 | return categories.find(query).sort(orderby, order).filter((cat) => cat.length) 34 | } 35 | 36 | const hierarchicalList = (t, level, parent, topparent = true) => { 37 | let result = '' 38 | const isTopParent = topparent 39 | if (t > 0) { 40 | prepareQuery(parent).forEach((cat, i) => { 41 | if (t > 0) { 42 | t = t - 1 43 | let child 44 | if (!depth || level + 1 < depth) { 45 | const childList = hierarchicalList(t, level + 1, cat._id, false) 46 | child = childList[0] 47 | t = childList[1] 48 | } 49 | 50 | const parentClass = isExpand && isTopParent && child ? 'parent' : '' 51 | 52 | result += `
  • ` 53 | 54 | result += `` 55 | 56 | result += `${cat.name}` 57 | 58 | if (showCount) { 59 | result += `${cat.length}` 60 | } 61 | 62 | if (isExpand && isTopParent && child) { 63 | result += `` 64 | } 65 | 66 | result += '' 67 | 68 | result += '
    • ' 69 | 70 | if (child) { 71 | result += `
      ${child}
    ` 72 | } 73 | } 74 | }) 75 | } 76 | 77 | return [result, t] 78 | } 79 | 80 | const list = hierarchicalList(limit, 0) 81 | 82 | const moreButton = function () { 83 | let moreHtml = '' 84 | if (categories.length <= limit) return '' 85 | moreHtml += '
  • ' 86 | moreHtml += ` 87 | ${buttonLabel}
    • ` 88 | 89 | return moreHtml 90 | } 91 | 92 | return `
      93 | ${list[0]} 94 | ${moreButton()} 95 |
    ` 96 | }) 97 | -------------------------------------------------------------------------------- /themes/Butterfly/scripts/helpers/page.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Butterfly 3 | * @example 4 | * page_description() 5 | * injectHtml(data) 6 | * cloudTags(source, minfontsize, maxfontsize, limit) 7 | */ 8 | 9 | 'use strict' 10 | 11 | const { stripHTML, escapeHTML } = require('hexo-util') 12 | 13 | hexo.extend.helper.register('page_description', function () { 14 | const { config, page } = this 15 | let description = page.description || page.content || page.title || config.description 16 | 17 | if (description) { 18 | description = escapeHTML(stripHTML(description).substring(0, 200) 19 | .trim() 20 | ).replace(/\n/g, ' ') 21 | return description 22 | } 23 | }) 24 | 25 | hexo.extend.helper.register('injectHtml', function (data) { 26 | let result = '' 27 | if (!data) return '' 28 | for (let i = 0; i < data.length; i++) { 29 | result += data[i] 30 | } 31 | return result 32 | }) 33 | 34 | hexo.extend.helper.register('cloudTags', function (options = {}) { 35 | const env = this 36 | const source = options.source 37 | const minfontsize = options.minfontsize 38 | const maxfontsize = options.maxfontsize 39 | const limit = options.limit 40 | 41 | let result = '' 42 | const tagLimit = limit === 0 ? source.length : limit 43 | source.sort('name').limit(tagLimit).forEach(function (tags) { 44 | const fontSize = Math.floor(Math.random() * (maxfontsize - minfontsize) + minfontsize) + 'px' 45 | const color = 'rgb(' + Math.floor(Math.random() * 201) + ', ' + Math.floor(Math.random() * 201) + ', ' + Math.floor(Math.random() * 201) + ')' // 0,0,0 -> 200,200,200 46 | result += `${tags.name}` 47 | }) 48 | return result 49 | }) 50 | 51 | hexo.extend.helper.register('urlNoIndex', function () { 52 | const { permalink } = hexo.config 53 | let url = this.url.replace(/index\.html$/, '') 54 | if (!permalink.endsWith('.html')) { 55 | url = url.replace(/\.html$/, '') 56 | } 57 | return url 58 | }) 59 | -------------------------------------------------------------------------------- /themes/Butterfly/scripts/helpers/related_post.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Butterfly 3 | * Related Posts 4 | * According the tag 5 | */ 6 | 7 | 'use strict' 8 | 9 | hexo.extend.helper.register('related_posts', function (currentPost, allPosts) { 10 | let relatedPosts = [] 11 | currentPost.tags.forEach(function (tag) { 12 | allPosts.forEach(function (post) { 13 | if (isTagRelated(tag.name, post.tags)) { 14 | const relatedPost = { 15 | title: post.title, 16 | path: post.path, 17 | cover: post.cover, 18 | randomcover: post.randomcover, 19 | weight: 1, 20 | updated: post.updated, 21 | created: post.date 22 | } 23 | const index = findItem(relatedPosts, 'path', post.path) 24 | if (index !== -1) { 25 | relatedPosts[index].weight += 1 26 | } else { 27 | if (currentPost.path !== post.path) { 28 | relatedPosts.push(relatedPost) 29 | } 30 | } 31 | } 32 | }) 33 | }) 34 | if (relatedPosts.length === 0) { 35 | return '' 36 | } 37 | let result = '' 38 | const hexoConfig = hexo.theme.config.rootConfig 39 | const config = hexo.theme.config 40 | 41 | const limitNum = config.related_post.limit || 6 42 | const dateType = config.related_post.date_type || 'created' 43 | const headlineLang = this._p('post.recommend') 44 | const lazySrc = config.lazyload.enable ? 'data-src' : 'src' 45 | 46 | relatedPosts = relatedPosts.sort(compare('weight')) 47 | 48 | if (relatedPosts.length > 0) { 49 | result += '
    ' 50 | result += 51 | '
    ' + 52 | ' ' + 53 | headlineLang + 54 | '
    ' 55 | result += '
    ' 56 | 57 | for (let i = 0; i < Math.min(relatedPosts.length, limitNum); i++) { 58 | const cover = 59 | relatedPosts[i].cover === false 60 | ? relatedPosts[i].randomcover 61 | : relatedPosts[i].cover 62 | result += 63 | '
    ' 69 | result += 70 | '' 75 | if (dateType === 'created') { 76 | result += 77 | '
    ' + 78 | ' ' + 79 | this.date(relatedPosts[i].created, hexoConfig.date_format) + 80 | '
    ' 81 | } else { 82 | result += 83 | '
    ' + 84 | ' ' + 85 | this.date(relatedPosts[i].updated, hexoConfig.date_format) + 86 | '
    ' 87 | } 88 | result += 89 | '
    ' + relatedPosts[i].title + '
    ' 90 | result += '
    ' 91 | } 92 | 93 | result += '
    ' 94 | return result 95 | } 96 | }) 97 | 98 | function isTagRelated (tagName, TBDtags) { 99 | let result = false 100 | TBDtags.forEach(function (tag) { 101 | if (tagName === tag.name) { 102 | result = true 103 | } 104 | }) 105 | return result 106 | } 107 | 108 | function findItem (arrayToSearch, attr, val) { 109 | for (let i = 0; i < arrayToSearch.length; i++) { 110 | if (arrayToSearch[i][attr] === val) { 111 | return i 112 | } 113 | } 114 | return -1 115 | } 116 | 117 | function compare (attr) { 118 | return function (a, b) { 119 | const val1 = a[attr] 120 | const val2 = b[attr] 121 | return val2 - val1 122 | } 123 | } 124 | -------------------------------------------------------------------------------- /themes/Butterfly/scripts/tags/button.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Button 3 | * {% btn url text icon option %} 4 | * option: color outline center block larger 5 | * color : default/blue/pink/red/purple/orange/green 6 | */ 7 | 8 | 'use strict' 9 | 10 | const urlFor = require('hexo-util').url_for.bind(hexo) 11 | 12 | function btn (args) { 13 | args = args.join(' ').split(',') 14 | let url = args[0] || '' 15 | let text = args[1] || '' 16 | let icon = args[2] || '' 17 | let option = args[3] || '' 18 | 19 | url = url.trim() 20 | text = text.trim() 21 | icon = icon.trim() 22 | option = option.trim() 23 | 24 | return `${icon.length > 0 ? `` : ''}${text}` 26 | } 27 | 28 | hexo.extend.tag.register('btn', btn, { ends: false }) 29 | -------------------------------------------------------------------------------- /themes/Butterfly/scripts/tags/gallery.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Butterfly 3 | * galleryGroup and allery 4 | */ 5 | 6 | 'use strict' 7 | 8 | const urlFor = require('hexo-util').url_for.bind(hexo) 9 | 10 | function gallery (args, content) { 11 | return `
    ${hexo.render.renderSync({ text: content, engine: 'markdown' }).split('\n').join('')} 12 |
    ` 13 | } 14 | 15 | function galleryGroup (args) { 16 | const name = args[0] 17 | const desrc = args[1] 18 | const url = urlFor(args[2]) 19 | const img = urlFor(args[3]) 20 | 21 | return ` 22 |
    23 | 24 |
    25 |
    ${name}
    26 |

    ${desrc}

    27 | 28 |
    29 |
    30 | ` 31 | } 32 | 33 | hexo.extend.tag.register('gallery', gallery, { ends: true }) 34 | hexo.extend.tag.register('galleryGroup', galleryGroup) 35 | -------------------------------------------------------------------------------- /themes/Butterfly/scripts/tags/hide.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Butterfly 3 | * @example 4 | * hideInline 5 | * {% hideInline content,display,bg,color %} 6 | * content不能包含當引號，可用 ' 7 | * hideBlock 8 | * {% hideBlock display,bg,color %} 9 | * content 10 | * {% endhideBlock %} 11 | * hideToggle 12 | * {% hideToggle display,bg,color %} 13 | * content 14 | * {% endhideToggle %} 15 | */ 16 | 17 | 'use strict' 18 | 19 | function hideInline (args) { 20 | args = args.join(' ').split(',') 21 | const content = args[0] 22 | const display = args[1] || 'Click' 23 | const bg = args[2] || false 24 | const color = args[3] || false 25 | let group = 'style="' 26 | 27 | if (bg) group += `background-color: ${bg};` 28 | if (color) group += `color: ${color}` 29 | group += '"' 30 | 31 | return `${content}` 33 | } 34 | 35 | function hideBlock (args, content) { 36 | args = args.join(' ').split(',') 37 | const display = args[0] || 'Click' 38 | const bg = args[1] || false 39 | const color = args[2] || false 40 | let group = 'style="' 41 | 42 | if (bg) group += `background-color: ${bg};` 43 | if (color) group += `color: ${color}` 44 | group += '"' 45 | 46 | return `
    ${hexo.render.renderSync({ text: content, engine: 'markdown' }).split('\n').join('')}
    ` 48 | } 49 | 50 | function hideToggle (args, content) { 51 | args = args.join(' ').split(',') 52 | const display = args[0] 53 | const bg = args[1] || false 54 | const color = args[2] || false 55 | let group = 'style="' 56 | let border = '' 57 | 58 | if (bg) { 59 | border = `style="border: 1px solid ${bg}"` 60 | group += `background-color: ${bg};` 61 | } 62 | if (color) group += `color: ${color}` 63 | group += '"' 64 | 65 | return `
    ${display}
    66 |
    ${hexo.render.renderSync({ text: content, engine: 'markdown' }).split('\n').join('')}
    ` 67 | } 68 | 69 | hexo.extend.tag.register('hideInline', hideInline) 70 | hexo.extend.tag.register('hideBlock', hideBlock, { ends: true }) 71 | hexo.extend.tag.register('hideToggle', hideToggle, { ends: true }) 72 | -------------------------------------------------------------------------------- /themes/Butterfly/scripts/tags/mermaid.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Butterfly 3 | * mermaid 4 | * https://github.com/mermaid-js/mermaid 5 | */ 6 | 7 | 'use strict' 8 | 9 | function mermaid (args, content) { 10 | return `
    11 | ${content} 12 |
    ` 13 | } 14 | 15 | hexo.extend.tag.register('mermaid', mermaid, { ends: true }) 16 | -------------------------------------------------------------------------------- /themes/Butterfly/scripts/tags/note.js: -------------------------------------------------------------------------------- 1 | /** 2 | * note.js 3 | * transplant from hexo-theme-next 4 | */ 5 | 6 | 'use strict' 7 | 8 | function postNote (args, content) { 9 | return `
    10 | ${hexo.render.renderSync({ text: content, engine: 'markdown' }).split('\n').join('')} 11 |
    ` 12 | } 13 | 14 | hexo.extend.tag.register('note', postNote, { ends: true }) 15 | hexo.extend.tag.register('subnote', postNote, { ends: true }) 16 | -------------------------------------------------------------------------------- /themes/Butterfly/scripts/tags/tabs.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Tabs 3 | * transplant from hexo-theme-next 4 | * modify by Jerry 5 | */ 6 | 7 | 'use strict' 8 | 9 | function postTabs (args, content) { 10 | const tabBlock = /\n([\w\W\s\S]*?)/g 11 | 12 | args = args.join(' ').split(',') 13 | const tabName = args[0] 14 | const tabActive = Number(args[1]) || 0 15 | 16 | const matches = [] 17 | let match 18 | let tabId = 0 19 | let tabNav = '' 20 | let tabContent = '' 21 | 22 | !tabName && hexo.log.warn('Tabs block must have unique name!') 23 | 24 | while ((match = tabBlock.exec(content)) !== null) { 25 | matches.push(match[1]) 26 | matches.push(match[2]) 27 | } 28 | 29 | for (let i = 0; i < matches.length; i += 2) { 30 | const tabParameters = matches[i].split('@') 31 | let postContent = matches[i + 1] 32 | let tabCaption = tabParameters[0] || '' 33 | let tabIcon = tabParameters[1] || '' 34 | let tabHref = '' 35 | 36 | postContent = hexo.render.renderSync({ text: postContent, engine: 'markdown' }).trim() 37 | 38 | tabId += 1 39 | tabHref = (tabName + ' ' + tabId).toLowerCase().split(' ').join('-'); 40 | 41 | ((tabCaption.length === 0) && (tabIcon.length === 0)) && (tabCaption = tabName + ' ' + tabId) 42 | 43 | const isOnlyicon = tabIcon.length > 0 && tabCaption.length === 0 ? ' style="text-align: center;"' : '' 44 | const icon = tabIcon.trim() 45 | tabIcon.length > 0 && (tabIcon = ``) 46 | 47 | const toTop = '' 48 | 49 | const isActive = (tabActive > 0 && tabActive === tabId) || (tabActive === 0 && tabId === 1) ? ' active' : '' 50 | tabNav += `
    • ` 51 | tabContent += `
    ${postContent + toTop}
    ` 52 | } 53 | 54 | tabNav = `
      ${tabNav}
    ` 55 | tabContent = `
    ${tabContent}
    ` 56 | 57 | return `
    ${tabNav + tabContent}
    ` 58 | } 59 | 60 | hexo.extend.tag.register('tabs', postTabs, { ends: true }) 61 | hexo.extend.tag.register('subtabs', postTabs, { ends: true }) 62 | hexo.extend.tag.register('subsubtabs', postTabs, { ends: true }) 63 | -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_global/function.styl: -------------------------------------------------------------------------------- 1 | .limit-one-line 2 | overflow: hidden 3 | text-overflow: ellipsis 4 | white-space: nowrap 5 | 6 | .limit-more-line 7 | display: -webkit-box 8 | overflow: hidden 9 | -webkit-box-orient: vertical 10 | 11 | .fontawesomeIcon 12 | display: inline-block 13 | font-weight: 600 14 | font-style: normal 15 | font-variant: normal 16 | font-family: 'Font Awesome 5 Free' 17 | text-rendering: auto 18 | -webkit-font-smoothing: antialiased 19 | -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_highlight/diff.styl: -------------------------------------------------------------------------------- 1 | // For diff highlight 2 | pre .deletion 3 | color: $highlight-deletion 4 | 5 | pre .addition 6 | color: $highlight-addition 7 | 8 | pre .meta 9 | color: $highlight-purple 10 | 11 | pre 12 | .comment 13 | color: $highlight-comment 14 | 15 | .variable, 16 | .attribute, 17 | .regexp, 18 | .ruby .constant, 19 | .xml .tag .title, 20 | .xml .pi, 21 | .xml .doctype, 22 | .html .doctype, 23 | .css .id, 24 | .tag .name, 25 | .css .class, 26 | .css .pseudo 27 | color: $highlight-red 28 | 29 | .tag 30 | color: $highlight-aqua 31 | 32 | .number, 33 | .preprocessor, 34 | .literal, 35 | .params, 36 | .constant, 37 | .command 38 | color: $highlight-orange 39 | 40 | .built_in 41 | color: $highlight-yellow 42 | 43 | .ruby .class .title, 44 | .css .rules .attribute, 45 | .string, 46 | .value, 47 | .inheritance, 48 | .header, 49 | .ruby .symbol, 50 | .xml .cdata, 51 | .special, 52 | .number, 53 | .formula 54 | color: $highlight-green 55 | 56 | .keyword, 57 | .title, 58 | .css .hexcolor 59 | color: $highlight-aqua 60 | 61 | .function, 62 | .python .decorator, 63 | .python .title, 64 | .ruby .function .title, 65 | .ruby .title .keyword, 66 | .perl .sub, 67 | .javascript .title, 68 | .coffeescript .title 69 | color: $highlight-blue 70 | 71 | .tag .attr, 72 | .javascript .function 73 | color: $highlight-purple 74 | -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_layout/404.styl: -------------------------------------------------------------------------------- 1 | if hexo-config('error_404.enable') 2 | #error-wrap 3 | position: absolute 4 | top: 50% 5 | right: 0 6 | left: 0 7 | margin: 0 auto 8 | padding: 0 1rem 9 | max-width: 1000px 10 | transform: translate(0, -50%) 11 | 12 | .error-content 13 | display: flex 14 | flex-direction: row 15 | justify-content: center 16 | align-items: center 17 | margin: 0 1rem 18 | height: 18rem 19 | border-radius: 8px 20 | background: #fff 21 | box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06) 22 | 23 | @media screen and (max-width: 768px) 24 | flex-direction: column 25 | margin: 0 26 | height: 25rem 27 | 28 | .error-img 29 | flex: 1 30 | height: 100% 31 | border-top-left-radius: 8px 32 | border-bottom-left-radius: 8px 33 | background-color: #49b1f5 34 | background-position: center 35 | background-size: cover 36 | 37 | @media screen and (max-width: 768px) 38 | flex: 1 39 | width: 100% 40 | border-top-right-radius: 8px 41 | border-bottom-left-radius: 0 42 | 43 | .error-info 44 | flex: 1 45 | padding: .5rem 46 | text-align: center 47 | font-size: 14px 48 | font-family: $site-name-font 49 | 50 | @media screen and (max-width: 768px) 51 | flex: 1.1 52 | width: 100% 53 | 54 | .error_title 55 | margin-top: -4rem 56 | color: $font-color 57 | font-size: 9em 58 | 59 | @media screen and (max-width: 768px) 60 | margin-top: -3rem 61 | 62 | .error_subtitle 63 | @extend .limit-more-line 64 | margin-top: -3.5rem 65 | color: $font-color 66 | word-break: break-word 67 | font-size: 1.6em 68 | -webkit-line-clamp: 2 69 | 70 | a 71 | position: relative 72 | z-index: 1 73 | display: inline-block 74 | margin-top: .5rem 75 | padding: .3rem 1.5rem 76 | background: $theme-color 77 | color: white 78 | 79 | i 80 | padding-right: .3rem 81 | -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_layout/calendar.styl: -------------------------------------------------------------------------------- 1 | #calendar 2 | a 3 | text-decoration none 4 | 5 | .cal-head 6 | margin-bottom: 15px 7 | position relative 8 | height 20px 9 | padding 8px 6px 2px 6px 10 | 11 | .cal-prev,.cal-next 12 | position absolute 13 | top 9px 14 | width 16px 15 | height 18px 16 | padding 3px 4px 17 | border 1px solid transparent 18 | color #333 19 | outline 0 20 | 21 | .cal-prev 22 | left 8px 23 | &:before 24 | border-right 9px solid #333 25 | 26 | .cal-next 27 | right 8px 28 | &:before 29 | border-left 9px solid #333 30 | 31 | .cal-prev:before,.cal-next:before 32 | content '' 33 | display block 34 | width 0 35 | height 0 36 | border-top 5px solid transparent 37 | border-bottom 5px solid transparent 38 | 39 | .cal-title 40 | width 120px 41 | margin 0 auto 42 | color #333 43 | font bold 14px/18px Arial 44 | text-align center 45 | a 46 | border 1px solid transparent 47 | color #9f9f9f 48 | 49 | .cal, 50 | .cal th, 51 | .cal td 52 | border 1px solid #d1d1d1 53 | 54 | .cal 55 | display: table 56 | border-collapse separate 57 | border-spacing 0 58 | border-width 1px 0 0 1px 59 | table-layout fixed 60 | width 100% 61 | margin 0 62 | th 63 | background #9f9f9f 64 | color #fff 65 | border-width 0 1px 1px 0 66 | font-weight 700 67 | td 68 | border-width 0 1px 1px 0 69 | tbody 70 | a 71 | background-color #007acc 72 | color #fff 73 | display block 74 | font-weight 700 75 | .cal-today 76 | background-color #66ecfd 77 | color #fff 78 | .cal-gray 79 | color #bbb8b8 80 | 81 | [data-theme='dark'] .cal .cal-gray 82 | color #505050 83 | 84 | .cal th, 85 | .cal td 86 | font-weight normal 87 | line-height 2.5625 88 | padding 0 89 | text-align center 90 | 91 | [data-theme='dark'] .cal .cal-foot 92 | color #9f9f9f 93 | 94 | .cal .cal-foot 95 | color #2ca6cb 96 | 97 | .cal-title a:hover, 98 | .cal-prev:hover, 99 | .cal-next:hover, 100 | .cal .cal-foot:hover, 101 | .cal .cal-foot:focus, 102 | .cal tbody a:hover, 103 | .cal tbody a:focus 104 | background-color #686868 105 | color #fff 106 | cursor pointer -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_layout/category.styl: -------------------------------------------------------------------------------- 1 | .category-content 2 | ol, 3 | ul 4 | margin-top: .4rem 5 | padding: 0 0 0 .8rem 6 | list-style: none 7 | counter-reset: li 8 | 9 | p 10 | margin: 0 11 | 12 | ol, 13 | ul 14 | padding-left: .5rem 15 | 16 | li 17 | position: relative 18 | margin: .3rem 0 19 | padding: .1rem .5rem .1rem 1.5rem !important 20 | 21 | &:hover 22 | &:before 23 | transform: rotate(360deg) 24 | 25 | &:before 26 | position: absolute 27 | top: 0 28 | left: 0 29 | background: $light-blue 30 | color: $card-bg 31 | cursor: pointer 32 | transition: all .3s ease-out 33 | 34 | ol 35 | li 36 | &:before 37 | margin-top: .2rem 38 | width: w = 1.2rem 39 | height: h = w 40 | border-radius: .5 * w 41 | content: counter(li) 42 | counter-increment: li 43 | text-align: center 44 | font-size: .6rem 45 | line-height: h 46 | 47 | ul 48 | li 49 | &:hover 50 | &:before 51 | border-color: $theme-button-hover-color 52 | 53 | &:before 54 | $w = .3rem 55 | top: 10px 56 | margin-left: .45rem 57 | width: w = $w 58 | height: h = w 59 | border: .5 * w solid $light-blue 60 | border-radius: w 61 | background: transparent 62 | content: '' 63 | line-height: h 64 | -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_layout/chat.styl: -------------------------------------------------------------------------------- 1 | // chat 2 | if hexo-config('chat_btn') == true && hexo-config('chatra.enable') 3 | #chatra:not(.chatra--expanded) 4 | visibility: hidden !important 5 | width: 1px !important 6 | height: 1px !important 7 | opacity: 0 !important 8 | pointer-events: none 9 | -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_layout/comments.styl: -------------------------------------------------------------------------------- 1 | #post-comment 2 | .comment-head 3 | margin-bottom: 1rem 4 | 5 | .comment-headling 6 | display: inline-block 7 | vertical-align: middle 8 | font-weight: 700 9 | font-size: 20px 10 | 11 | .comment-switch 12 | display: inline-block 13 | 14 | if hexo-config('comments.text') 15 | float: right 16 | margin: .1rem auto 0 17 | padding: .2rem .8rem 18 | width: max-content 19 | border-radius: 8px 20 | background: $comments-switch-bg 21 | else 22 | > span 23 | display: none 24 | 25 | .first-comment 26 | color: $comments-switch-first-text 27 | 28 | .second-comment 29 | color: $comments-switch-second-text 30 | 31 | label 32 | position: relative 33 | display: inline-block 34 | margin: 0 .4rem 35 | width: 42px 36 | height: 22px 37 | vertical-align: sub 38 | 39 | input#switch-comments-btn 40 | width: 0 41 | height: 0 42 | opacity: 0 43 | 44 | &:checked + .slider 45 | background-color: $comments-switch-second-text 46 | 47 | &:checked + .slider:before 48 | transform: translateX(20px) 49 | 50 | .slider 51 | position: absolute 52 | top: 0 53 | right: 0 54 | bottom: 0 55 | left: 0 56 | border-radius: 34px 57 | background-color: $comments-switch-first-text 58 | cursor: pointer 59 | transition: .4s 60 | 61 | &:before 62 | position: absolute 63 | bottom: 4px 64 | left: 4px 65 | width: 14px 66 | height: 14px 67 | border-radius: 50% 68 | background-color: $comments-switch-round 69 | content: '' 70 | transition: .4s 71 | 72 | .comment-wrap 73 | .comments-items-2 74 | display: none -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_layout/flink.styl: -------------------------------------------------------------------------------- 1 | .flink#article-container 2 | .flink-desc 3 | margin: .2rem 0 .5rem 4 | 5 | .flink-list 6 | overflow: auto 7 | padding: 10px 10px 0 8 | text-align: center 9 | 10 | & > .flink-list-item 11 | position: relative 12 | float: left 13 | overflow: hidden 14 | margin: 20px 7px 15 | width: calc(100% / 3 - 15px) 16 | height: 90px 17 | border-radius: 8px 18 | line-height: 17px 19 | transform: perspective(1px) translateZ(0) 20 | 21 | @media screen and (max-width: 1100px) 22 | width: calc(50% - 15px) !important 23 | 24 | @media screen and (max-width: 600px) 25 | width: calc(100% - 15px) !important 26 | 27 | &:hover 28 | img 29 | transform: rotate(360deg) 30 | 31 | &:before 32 | position: absolute 33 | top: 0 34 | right: 0 35 | bottom: 0 36 | left: 0 37 | z-index: -1 38 | background: $light-blue 39 | content: '' 40 | transition-timing-function: ease-out 41 | transition-duration: .3s 42 | transition-property: transform 43 | transform: scale(0) 44 | 45 | &:hover:before, 46 | &:focus:before, 47 | &:active:before 48 | transform: scale(1) 49 | 50 | a 51 | color: $font-color 52 | text-decoration: none 53 | 54 | img 55 | float: left 56 | margin: 13px 0 0 10px 57 | width: 65px 58 | height: 65px 59 | border-radius: 35px 60 | transition: all .3s 61 | 62 | .img-alt 63 | display: none 64 | 65 | .flink-item-name 66 | @extend .limit-one-line 67 | padding: 16px 10px 0 0 68 | height: 40px 69 | font-weight: bold 70 | font-size: 20px 71 | 72 | .flink-item-desc 73 | @extend .limit-one-line 74 | padding: 16px 10px 75 | height: 50px 76 | font-size: 13px 77 | -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_layout/footer.styl: -------------------------------------------------------------------------------- 1 | #footer 2 | position: relative 3 | //background: $light-blue 4 | background-attachment: local 5 | background-position: bottom 6 | background-size: cover 7 | 8 | if hexo-config('footer_bg') != false 9 | &:before 10 | position: absolute 11 | width: 100% 12 | height: 100% 13 | background-color: alpha($dark-black, .5) 14 | content: '' 15 | 16 | #footer-wrap 17 | position: relative 18 | padding: 2rem 1rem 19 | color: $light-grey 20 | text-align: center 21 | 22 | a 23 | color: $light-grey 24 | cursor: pointer 25 | 26 | &:hover 27 | color: $theme-color 28 | text-decoration: underline 29 | 30 | .footer-separator 31 | margin: 0 .2rem 32 | 33 | .icp-icon 34 | padding: 0 4px 35 | vertical-align: text-bottom 36 | -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_layout/loadding.styl: -------------------------------------------------------------------------------- 1 | if hexo-config('preloader') 2 | loading-bg() 3 | position: fixed 4 | z-index: 1000 5 | width: 50% 6 | height: 100% 7 | background-color: $preloader-bg 8 | transition: all .5s 9 | 10 | #loading-box 11 | .loading-left-bg 12 | loading-bg() 13 | 14 | .loading-right-bg 15 | loading-bg() 16 | right: 0 17 | 18 | .spinner-box 19 | position: fixed 20 | z-index: 1001 21 | display: flex 22 | justify-content: center 23 | align-items: center 24 | width: 100% 25 | height: 100vh 26 | 27 | .configure-border-1 28 | position: absolute 29 | padding: 3px 30 | width: 115px 31 | height: 115px 32 | background: #ffab91 33 | animation: configure-clockwise 3s ease-in-out 0s infinite alternate 34 | 35 | .configure-border-2 36 | left: -115px 37 | padding: 3px 38 | width: 115px 39 | height: 115px 40 | background: rgb(63, 249, 220) 41 | transform: rotate(45deg) 42 | animation: configure-xclockwise 3s ease-in-out 0s infinite alternate 43 | 44 | .loading-word 45 | position: absolute 46 | color: $white 47 | font-size: .8rem 48 | 49 | .configure-core 50 | width: 100% 51 | height: 100% 52 | background-color: $preloader-bg 53 | 54 | &.loaded 55 | .loading-left-bg 56 | transform: translate(-100%, 0) 57 | 58 | .loading-right-bg 59 | transform: translate(100%, 0) 60 | 61 | .spinner-box 62 | display: none 63 | 64 | @keyframes configure-clockwise 65 | 0% 66 | transform: rotate(0) 67 | 68 | 25% 69 | transform: rotate(90deg) 70 | 71 | 50% 72 | transform: rotate(180deg) 73 | 74 | 75% 75 | transform: rotate(270deg) 76 | 77 | 100% 78 | transform: rotate(360deg) 79 | 80 | @keyframes configure-xclockwise 81 | 0% 82 | transform: rotate(45deg) 83 | 84 | 25% 85 | transform: rotate(-45deg) 86 | 87 | 50% 88 | transform: rotate(-135deg) 89 | 90 | 75% 91 | transform: rotate(-225deg) 92 | 93 | 100% 94 | transform: rotate(-315deg) 95 | -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_layout/mobile-sidebar.styl: -------------------------------------------------------------------------------- 1 | #mobile-sidebar 2 | #menu_mask 3 | position: fixed 4 | z-index: 102 5 | display: none 6 | width: 100% 7 | height: 100% 8 | background: alpha($dark-black, .8) 9 | 10 | #mobile-sidebar-menus 11 | position: fixed 12 | top: 0 13 | right: -250px 14 | z-index: 103 15 | overflow-x: hidden 16 | overflow-y: auto 17 | width: 250px 18 | height: 100% 19 | background: #f6f8fa 20 | transition: all .5s 21 | 22 | & > .mobile_author_icon 23 | padding: 1.3rem 1.5rem 0 24 | text-align: center 25 | 26 | img 27 | width: 110px 28 | height: 110px 29 | border-radius: 70px 30 | transition: all .5s 31 | 32 | &:hover 33 | transform: rotate(360deg) 34 | 35 | .mobile_post_data 36 | display: table 37 | padding: .6rem .5rem 0 38 | width: 100% 39 | table-layout: fixed 40 | 41 | .mobile_data_item 42 | display: table-cell 43 | 44 | .mobile_data_link 45 | & > a > div 46 | @extend .limit-one-line 47 | 48 | .length_num 49 | color: $dark-black 50 | font-size: .9rem 51 | 52 | .headline 53 | display: block 54 | color: $font-black 55 | font-size: .7rem 56 | 57 | hr 58 | margin: 1rem auto 59 | 60 | .menus_items 61 | padding: 0 .5rem 2rem 62 | 63 | .site-page 64 | @extend .limit-one-line 65 | position: relative 66 | display: block 67 | padding: .3rem 1.5rem 68 | color: $font-black 69 | font-size: .8rem 70 | cursor: pointer 71 | 72 | i:first-child 73 | width: 30% 74 | text-align: left 75 | 76 | span 77 | width: 70% 78 | 79 | &:hover 80 | color: $light-blue 81 | 82 | .menus-expand 83 | position: absolute 84 | right: 0 85 | padding: .4rem 86 | transition: all .3s 87 | transform: rotate(0) 88 | 89 | &.menus-closed 90 | transform: rotate(90deg) !important 91 | 92 | .menus_item_child 93 | margin: 0 94 | list-style: none -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_layout/pagination.styl: -------------------------------------------------------------------------------- 1 | #pagination 2 | overflow: hidden 3 | margin-top: 1rem 4 | width: 100% 5 | 6 | .pagination 7 | text-align: center 8 | 9 | .page-number 10 | display: inline-block 11 | margin: 0 .2rem 12 | min-width: w = 1.2rem 13 | height: w 14 | text-align: center 15 | line-height: w 16 | cursor: pointer 17 | 18 | &.current 19 | background: $theme-paginator-color 20 | color: $button-color 21 | cursor: default 22 | 23 | img.prev-cover, 24 | img.next-cover 25 | position: absolute 26 | width: 100% 27 | height: 100% 28 | opacity: .4 29 | transition: all .6s 30 | object-fit: cover 31 | 32 | .pagination-info 33 | position: absolute 34 | top: 50% 35 | padding: 1rem 2rem 36 | width: 100% 37 | transform: translate(0, -50%) 38 | 39 | .prev_info, 40 | .next_info 41 | @extend .limit-one-line 42 | color: $button-color 43 | font-weight: 500 44 | 45 | .next-post 46 | .pagination-info 47 | text-align: right 48 | 49 | .pull-full 50 | width: 100% !important 51 | 52 | .prev-post .label, 53 | .next-post .label 54 | color: alpha($white, .9) 55 | text-transform: uppercase 56 | font-size: 90% 57 | 58 | .prev-post, 59 | .next-post 60 | width: 50% 61 | 62 | a 63 | position: relative 64 | display: block 65 | overflow: hidden 66 | height: 150px 67 | 68 | &:hover 69 | img.prev-cover, 70 | img.next-cover 71 | opacity: .8 72 | transform: scale(1.1) 73 | 74 | &.pagination-post 75 | margin: 2rem 0 !important 76 | background: $dark-black 77 | 78 | @media screen and (max-width: 768px) 79 | .prev-post, 80 | .next-post 81 | width: 100% !important 82 | -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_layout/relatedposts.styl: -------------------------------------------------------------------------------- 1 | .relatedPosts 2 | margin-top: 1rem 3 | 4 | .relatedPosts_headline 5 | margin-bottom: 5px 6 | font-weight: 700 7 | font-size: 20px 8 | 9 | .relatedPosts_item 10 | position: relative 11 | display: inline-block 12 | overflow: hidden 13 | margin: 3px 14 | width: calc(33.333% - 6px) 15 | height: 200px 16 | background: $dark-black 17 | vertical-align: bottom 18 | 19 | &:hover 20 | .relatedPosts_cover 21 | opacity: .8 22 | transform: scale(1.1) 23 | 24 | @media screen and (max-width: 768px) 25 | margin: 2px 26 | width: calc(50% - 4px) 27 | height: 150px 28 | 29 | @media screen and (max-width: 480px) 30 | width: calc(100% - 4px) 31 | 32 | .relatedPosts_cover 33 | width: 100% 34 | height: 100% 35 | opacity: .4 36 | transition: all .6s 37 | object-fit: cover 38 | 39 | .relatedPosts_main 40 | position: absolute 41 | top: 50% 42 | padding: 0 1rem 43 | width: 100% 44 | color: $white 45 | transform: translate(0, -50%) 46 | 47 | .relatedPosts_date 48 | color: $light-grey 49 | font-size: 90% 50 | 51 | .relatedPosts_title 52 | @extend .limit-more-line 53 | -webkit-line-clamp: 2 54 | -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_layout/reward.styl: -------------------------------------------------------------------------------- 1 | .post-reward 2 | position: relative 3 | margin-top: 4rem 4 | width: 100% 5 | text-align: center 6 | 7 | .reward-button 8 | padding: .5rem 1.2rem 9 | background: $light-blue 10 | color: $button-color 11 | transition: all .4s 12 | 13 | &:hover 14 | box-shadow: inset 9em 0 0 0 $theme-button-hover-color 15 | 16 | .reward-main 17 | display: block 18 | 19 | .reward-main 20 | position: absolute 21 | bottom: 40px 22 | left: 0 23 | z-index: 100 24 | display: none 25 | padding: 0 0 15px 26 | width: 100% 27 | 28 | .reward-all 29 | display: inline-block 30 | margin: 0 31 | padding: 1rem .5rem 32 | border-radius: 4px 33 | background: $reward-pop-up-bg 34 | 35 | &:before 36 | position: absolute 37 | bottom: -10px 38 | left: 0 39 | width: 100% 40 | height: 20px 41 | content: '' 42 | 43 | &:after 44 | position: absolute 45 | right: 0 46 | bottom: 2px 47 | left: 0 48 | margin: 0 auto 49 | width: 0 50 | height: 0 51 | border-top: 13px solid $reward-pop-up-bg 52 | border-right: 13px solid transparent 53 | border-left: 13px solid transparent 54 | content: '' 55 | 56 | .reward-item 57 | display: inline-block 58 | padding: 0 8px 59 | list-style-type: none 60 | vertical-align: top 61 | 62 | img 63 | width: 130px 64 | height: 130px 65 | 66 | .post-qr-code__desc 67 | padding-top: .4rem 68 | width: 130px 69 | color: $reward-pop-up-color 70 | text-align: center 71 | word-break: break-all 72 | -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_layout/rightside.styl: -------------------------------------------------------------------------------- 1 | #rightside 2 | position: fixed 3 | right: -38px 4 | bottom: $rightside-bottom 5 | z-index: 100 6 | opacity: 0 7 | transition: all .5s 8 | 9 | #rightside-config-hide 10 | transform: translate(35px, 0) 11 | 12 | .rightside-in 13 | transform: translate(0, 0) !important 14 | animation: rightsideIn .3s 15 | 16 | .rightside-out 17 | animation: rightsideOut .3s 18 | 19 | & > div 20 | & > button, 21 | & > a 22 | display: block 23 | margin-bottom: 2px 24 | width: 30px 25 | height: 30px 26 | background-color: $light-blue 27 | color: $button-color 28 | text-align: center 29 | font-size: 16px 30 | cursor: pointer 31 | 32 | &:hover 33 | background-color: $theme-button-hover-color 34 | 35 | #rightside_config 36 | i 37 | animation: avatar_turn_around 2s linear infinite 38 | 39 | #mobile-toc-button 40 | display: none 41 | 42 | @media screen and (max-width: $bg) 43 | display: block 44 | 45 | @keyframes rightsideIn 46 | 0% 47 | transform: translate(30px, 0) 48 | 49 | 100% 50 | transform: translate(0, 0) 51 | 52 | @keyframes rightsideOut 53 | 0% 54 | transform: translate(0, 0) 55 | 56 | 100% 57 | transform: translate(30px, 0) 58 | -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_layout/sidebar.styl: -------------------------------------------------------------------------------- 1 | #sidebar 2 | position: fixed 3 | top: 0 4 | left: -($sidebar-width) 5 | z-index: 10 6 | padding: 1rem 0 2rem .5rem 7 | width: $sidebar-width 8 | height: 100% 9 | background: $sidebar-background 10 | box-shadow: -.25rem 0 .25rem rgba($sidebar-background, .6) inset 11 | opacity: .9 12 | 13 | .sidebar-toc 14 | ol, 15 | li 16 | list-style: none 17 | 18 | ol 19 | margin-top: .2rem 20 | padding-left: .4rem 21 | 22 | &__title 23 | padding-right: .5rem 24 | text-align: center 25 | font-size: 1.3em 26 | 27 | &__content 28 | overflow-y: scroll 29 | padding-bottom: 5rem 30 | height: 90vh 31 | 32 | .toc-link 33 | display: block 34 | padding-left: .2rem 35 | border-right: 3px solid transparent 36 | transition: all .2s ease-in-out 37 | 38 | &.active 39 | border-right-color: darken($theme-toc-color, 20%) 40 | background: $theme-toc-color 41 | color: $sidebar-active-color 42 | 43 | &__progress 44 | position: relative 45 | margin-bottom: .3rem 46 | padding-left: .6rem 47 | color: $theme-toc-color 48 | 49 | .progress-notice 50 | margin-right: .4rem 51 | 52 | .progress-num 53 | display: inline-block 54 | min-width: .9rem 55 | 56 | &-bar 57 | width: 0 58 | height: 1px 59 | background: $theme-toc-color 60 | 61 | @media screen and (max-width: $bg) 62 | i#toggle-sidebar 63 | display: none 64 | 65 | #sidebar 66 | right: -($mobile-sidebar-width) 67 | left: auto 68 | z-index: 103 69 | width: $mobile-sidebar-width 70 | opacity: 1 71 | transition: all .4s 72 | 73 | .toc-child 74 | display: block !important -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_layout/third-party.styl: -------------------------------------------------------------------------------- 1 | if hexo-config('valine.enable') 2 | #vcomment 3 | button 4 | padding: .3rem .8rem 5 | border-color: $button-color 6 | background-color: $light-blue 7 | color: $button-color 8 | font-size: .7rem 9 | transition: all .3s 10 | 11 | &:hover 12 | background-color: $theme-button-hover-color 13 | 14 | if hexo-config('valine.bg') 15 | textarea 16 | background: url(hexo-config('valine.bg')) 100% 100% no-repeat 17 | 18 | .vimg 19 | transition: all .3s 20 | 21 | &:hover 22 | transform: rotate(360deg) 23 | 24 | .vat 25 | padding: 0 .8rem 26 | border: 1px solid $light-blue 27 | border-radius: 5px 28 | color: $light-blue 29 | font-size: .7125rem 30 | transition: all .3s 31 | 32 | &:hover 33 | background-color: $light-blue 34 | color: $button-color 35 | 36 | if hexo-config('beautify.enable') 37 | #article-container 38 | .aplayer 39 | ol, 40 | ul 41 | margin: 0 42 | padding: 0 43 | 44 | li 45 | margin: 0 46 | padding: 0 15px 47 | 48 | &:before 49 | content: none 50 | 51 | // third-party 52 | // fireworks 53 | .fireworks 54 | position: fixed 55 | top: 0 56 | left: 0 57 | z-index: $fireworks-zIndex 58 | pointer-events: none 59 | 60 | .medium-zoom-image--opened 61 | z-index: 99999 !important 62 | margin: 0 !important 63 | 64 | .medium-zoom-overlay 65 | z-index: 99999 !important 66 | 67 | .mermaid 68 | overflow: auto 69 | margin: 0 0 1rem 70 | background: $white 71 | text-align: center 72 | opacity: 0 73 | transition: all .3s 74 | 75 | &[data-processed] 76 | opacity: 1 77 | 78 | .utterances 79 | max-width: 100% 80 | 81 | #gitalk-container 82 | .gt-meta 83 | margin: 0 0 .8em 84 | padding: .3rem 0 .8em 85 | 86 | .has-jax 87 | overflow: auto 88 | 89 | #article-container 90 | .aplayer 91 | margin: 0 0 1rem -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_search/algolia.styl: -------------------------------------------------------------------------------- 1 | #algolia-search 2 | animation: titlescale .5s 3 | 4 | .ais-search-box 5 | margin: 0 auto 6 | max-width: 100% 7 | width: 100% 8 | 9 | input 10 | padding: .25rem .7rem 11 | outline: none 12 | border: 2px solid $search-color 13 | border-radius: 2rem 14 | background: $search-bg 15 | font-size: 14px 16 | 17 | .ais-hits--item.algolia-hit-item 18 | position: relative 19 | padding-left: 1.5rem 20 | 21 | &:hover 22 | &:before 23 | border-color: $theme-button-hover-color 24 | 25 | &:before 26 | $w = .3rem 27 | position: absolute 28 | top: .4rem 29 | left: 0 30 | width: w = $w 31 | height: h = w 32 | border: .5 * w solid $search-color 33 | border-radius: w 34 | background: transparent 35 | content: '' 36 | line-height: h 37 | transition: all .2s ease-in-out 38 | 39 | a 40 | display: block 41 | color: $font-black 42 | font-size: 14px 43 | cursor: pointer 44 | 45 | &:hover 46 | color: $search-color 47 | 48 | em 49 | color: $search-keyword-highlight 50 | font-weight: bold 51 | 52 | .ais-pagination.pagination 53 | margin: .8rem 0 0 54 | padding: 0 55 | text-align: center 56 | 57 | .ais-pagination--item 58 | margin: 0 .2rem 59 | padding: 0 60 | 61 | a 62 | display: inline-block 63 | min-width: 1.2rem 64 | height: 1.2rem 65 | text-align: center 66 | line-height: 1.2rem 67 | 68 | .ais-pagination--item.current 69 | a 70 | background: $theme-paginator-color 71 | color: #eee 72 | cursor: default 73 | 74 | .algolia-logo 75 | padding-top: 2px 76 | width: 4rem 77 | height: 1.5rem -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_search/index.styl: -------------------------------------------------------------------------------- 1 | .search-dialog 2 | position: fixed 3 | top: 5rem 4 | left: 50% 5 | z-index: 1001 6 | display: none 7 | margin-left: -15rem 8 | padding: 1rem 9 | width: 30rem 10 | background: $search-bg 11 | 12 | hr 13 | margin: 1rem auto 14 | 15 | span.search-close-button 16 | position: absolute 17 | top: .8rem 18 | right: 1rem 19 | color: $grey 20 | font-size: 1rem 21 | line-height: 1 22 | cursor: pointer 23 | transition: color .2s ease-in-out 24 | 25 | &:hover 26 | color: $search-color 27 | 28 | &__title 29 | padding: 0 0 .7rem 30 | color: $search-color 31 | font-size: 1rem 32 | line-height: 1 33 | 34 | .search-mask 35 | position: fixed 36 | top: 0 37 | right: 0 38 | bottom: 0 39 | left: 0 40 | z-index: 1000 41 | display: none 42 | background: rgba($dark-black, .6) 43 | 44 | @media screen and (max-width: $sm) 45 | .search-dialog 46 | top: 0 47 | left: 0 48 | margin: 0 49 | width: 100% 50 | height: 100% 51 | 52 | .search-result-list 53 | padding-bottom: 2rem 54 | max-height: 75vh !important 55 | -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_search/local-search.styl: -------------------------------------------------------------------------------- 1 | #local-search 2 | animation: titlescale .5s 3 | 4 | .local-search-box 5 | margin: 0 auto 6 | max-width: 100% 7 | width: 100% 8 | 9 | input 10 | padding: .25rem .7rem 11 | width: 100% 12 | outline: none 13 | border: 2px solid $search-color 14 | border-radius: 2rem 15 | background: $search-bg 16 | font-size: 14px 17 | -webkit-appearance: none 18 | 19 | .local-search__hit-item 20 | position: relative 21 | padding-left: 1.3rem 22 | line-height: 1.7 23 | 24 | &:hover 25 | &:before 26 | border-color: $theme-button-hover-color 27 | 28 | &:before 29 | $w = .3rem 30 | position: absolute 31 | top: .3rem 32 | left: 0 33 | width: w = $w 34 | height: h = w 35 | border: .5 * w solid $search-color 36 | border-radius: w 37 | background: transparent 38 | content: '' 39 | line-height: h 40 | transition: all .2s ease-in-out 41 | 42 | a 43 | display: block 44 | color: $font-black 45 | font-weight: 600 46 | font-size: 14px 47 | cursor: pointer 48 | 49 | &:hover 50 | color: $search-color 51 | 52 | .search-result 53 | margin: 0 0 .4rem 54 | word-break: break-all 55 | 56 | .search-keyword 57 | color: $search-keyword-highlight 58 | font-weight: bold 59 | 60 | .local-search-stats__hr 61 | display: none !important 62 | 63 | .search-result-list 64 | overflow-y: auto 65 | max-height: 10.5rem -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_tags/button.styl: -------------------------------------------------------------------------------- 1 | #article-container 2 | .btn-center 3 | margin: 0 0 1rem 4 | text-align: center 5 | 6 | .btn-beautify 7 | position: relative 8 | z-index: 1 9 | display: inline-block 10 | margin: 0 .2rem .3rem 11 | padding: 0 1rem 12 | background-color: $btn-default-color 13 | color: $btn-color 14 | line-height: 2 15 | 16 | &:not(.block) + .btn-beautify:not(.block) 17 | margin: 0 .2rem 1rem 18 | 19 | &.block 20 | display: block 21 | margin: 0 0 1rem 22 | width: fit-content 23 | width: -moz-fit-content 24 | 25 | &.center 26 | margin: 0 auto 1rem 27 | 28 | &.right 29 | margin: 0 0 1rem auto 30 | 31 | &.larger 32 | padding: .3rem 1.3rem 33 | 34 | &:hover 35 | text-decoration: none 36 | 37 | for $type in $btn-types 38 | &.{$type} 39 | background-color: lookup('$btn-' + $type + '-color') 40 | 41 | &.outline 42 | border: 1px solid transparent 43 | border-color: $btn-default-color 44 | background-color: transparent 45 | color: $btn-default-color 46 | transition: all .3s 47 | 48 | &.button--animated:before 49 | background: $btn-default-color 50 | 51 | &:hover 52 | color: white !important 53 | 54 | for $type in $btn-types 55 | &.{$type} 56 | border-color: lookup('$btn-' + $type + '-color') 57 | color: lookup('$btn-' + $type + '-color') 58 | 59 | &.button--animated:before 60 | background: lookup('$btn-' + $type + '-color') 61 | -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_tags/gallery.styl: -------------------------------------------------------------------------------- 1 | figure.gallery-group 2 | position: relative 3 | float: left 4 | overflow: hidden 5 | margin: .3rem .2rem 6 | width: calc(50% - .4rem) 7 | height: 250px 8 | border-radius: 8px 9 | background: $dark-black 10 | -webkit-transform: translate3d(0, 0, 0) 11 | 12 | @media screen and (max-width: 600px) 13 | width: calc(100% - .4rem) 14 | 15 | &:hover 16 | img 17 | opacity: .4 18 | transform: translate3d(0, 0, 0) 19 | 20 | .gallery-group-name::after 21 | transform: translate3d(0, 0, 0) 22 | 23 | p 24 | opacity: 1 25 | transform: translate3d(0, 0, 0) 26 | 27 | img 28 | position: relative 29 | margin: 0 !important 30 | max-width: none 31 | width: calc(100% + 20px) 32 | height: 250px 33 | backface-visibility: hidden 34 | opacity: .8 35 | transition: opacity .35s, transform .35s 36 | transform: translate3d(-10px, 0, 0) 37 | object-fit: cover 38 | 39 | figcaption 40 | position: absolute 41 | top: 0 42 | left: 0 43 | padding: 1.5rem 44 | width: 100% 45 | height: 100% 46 | color: $gallery-color 47 | text-transform: uppercase 48 | backface-visibility: hidden 49 | 50 | & > a 51 | position: absolute 52 | top: 0 53 | right: 0 54 | bottom: 0 55 | left: 0 56 | z-index: 1000 57 | opacity: 0 58 | 59 | p 60 | @extend .limit-more-line 61 | margin: 0 62 | padding: .4rem 0 0 63 | letter-spacing: 1px 64 | font-size: .8rem 65 | line-height: 1.5 66 | opacity: 0 67 | transition: opacity .35s, transform .35s 68 | transform: translate3d(100%, 0, 0) 69 | -webkit-line-clamp: 4 70 | 71 | .gallery-group-name 72 | @extend .limit-more-line 73 | position: relative 74 | margin: 0 75 | padding: .4rem 0 76 | font-weight: bold 77 | font-size: 1.2rem 78 | line-height: 1.5 79 | -webkit-line-clamp: 2 80 | 81 | &:after 82 | position: absolute 83 | bottom: 0 84 | left: 0 85 | width: 100% 86 | height: 2px 87 | background: $gallery-color 88 | content: '' 89 | transition: transform .35s 90 | transform: translate3d(-100%, 0, 0) 91 | 92 | .gallery-group-main 93 | overflow: auto 94 | padding: 0 0 .8rem 95 | 96 | .justified-gallery 97 | margin: 0 0 .8rem 98 | 99 | img 100 | opacity: 0 101 | 102 | .img-alt 103 | display: none 104 | 105 | .fancybox 106 | width: auto 107 | text-align: inherit -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_tags/hexo.styl: -------------------------------------------------------------------------------- 1 | // pullquote 2 | blockquote 3 | &.pullquote 4 | position: relative 5 | max-width: 45% 6 | font-size: 110% 7 | 8 | &.left 9 | float: left 10 | margin: 1em .5em 0 0 11 | 12 | &.right 13 | float: right 14 | margin: 1em 0 0 .5rem 15 | 16 | // hexo tag video 17 | .video-container 18 | position: relative 19 | overflow: hidden 20 | margin-bottom: .8rem 21 | padding-top: 56.25% 22 | height: 0 23 | 24 | iframe 25 | position: absolute 26 | top: 0 27 | left: 0 28 | margin-top: 0 29 | width: 100% 30 | height: 100% 31 | -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_tags/hide.styl: -------------------------------------------------------------------------------- 1 | // tag-hide 2 | .hide-inline, 3 | .hide-block 4 | & > .hide-button 5 | position: relative 6 | z-index: 1 7 | display: inline-block 8 | padding: .3rem 1rem 9 | background: $tag-hide-bg 10 | color: $white !important 11 | 12 | &.open 13 | display: none 14 | 15 | & > .hide-content 16 | display: none 17 | 18 | .hide-inline 19 | & > .hide-button 20 | margin: 0 .3rem 21 | 22 | & > .hide-content 23 | margin: 0 .3rem 24 | 25 | .hide-block 26 | margin: 0 0 .8rem 27 | 28 | .hide-toggle 29 | margin-bottom: 1rem 30 | border: 1px solid $tag-hide-toggle-bg 31 | 32 | & > .hide-button 33 | padding: .3rem .5rem 34 | background: $tag-hide-toggle-bg 35 | color: $font-color 36 | cursor: pointer 37 | 38 | & > i 39 | font-size: 1.2em 40 | transition: all .3s 41 | 42 | &.open 43 | i 44 | transform: rotate(90deg) 45 | 46 | & > .hide-content 47 | display: none 48 | margin: 1.5rem 1.2rem 49 | -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_tags/note.styl: -------------------------------------------------------------------------------- 1 | .note 2 | $note-icons = hexo-config('note.icons') 3 | $note-style = hexo-config('note.style') 4 | position: relative 5 | margin: 0 0 1rem 6 | padding: 15px 7 | 8 | if ($note-style == 'simple') 9 | border: 1px solid $light-grey 10 | border-left-width: 5px 11 | 12 | if ($note-style == 'modern') 13 | border: 1px solid transparent 14 | background-color: $whitesmoke 15 | 16 | if ($note-style == 'flat') 17 | border: initial 18 | border-left: 5px solid $light-grey 19 | background-color: lighten($light-grey, 65%) 20 | 21 | if hexo-config('note.border_radius') is a 'unit' 22 | border-radius: unit(hexo-config('note.border_radius'), px) 23 | 24 | h2, 25 | h3, 26 | h4, 27 | h5, 28 | h6 29 | if $note-icons 30 | margin-top: 3px 31 | else 32 | margin-top: 0 33 | 34 | margin-bottom: 0 35 | padding-top: 0 !important 36 | border-bottom: initial 37 | 38 | p, 39 | ul, 40 | ol, 41 | table, 42 | pre, 43 | blockquote, 44 | img 45 | &:first-child 46 | margin-top: 0 !important 47 | 48 | &:last-child 49 | margin-bottom: 0 !important 50 | 51 | if $note-icons 52 | &:not(.no-icon) 53 | padding-left: 45px 54 | 55 | &::before 56 | position: absolute 57 | top: 13px 58 | left: 15px 59 | font-size: larger 60 | @extend .fontawesomeIcon 61 | 62 | for $type in $note-types 63 | &.{$type} 64 | if ($note-style == 'flat') 65 | background: lookup('$note-' + $type + '-bg') 66 | 67 | if ($note-style == 'modern') 68 | border-color: lookup('$note-modern-' + $type + '-border') 69 | background: lookup('$note-modern-' + $type + '-bg') 70 | color: lookup('$note-modern-' + $type + '-text') 71 | 72 | a, 73 | span.exturl 74 | &:not(.btn) 75 | border-bottom: 1px solid lookup('$note-modern-' + $type + '-text') 76 | color: lookup('$note-modern-' + $type + '-text') 77 | 78 | &:hover 79 | border-bottom: 1px solid lookup('$note-modern-' + $type + '-hover') 80 | color: lookup('$note-modern-' + $type + '-hover') 81 | 82 | if ($note-style != 'modern') 83 | border-left-color: lookup('$note-' + $type + '-border') 84 | 85 | h2, 86 | h3, 87 | h4, 88 | h5, 89 | h6 90 | color: lookup('$note-' + $type + '-text') 91 | 92 | if $note-icons 93 | &:not(.no-icon)::before 94 | content: lookup('$note-' + $type + '-icon') 95 | 96 | if ($note-style != 'modern') 97 | color: lookup('$note-' + $type + '-text') 98 | -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_tags/tabs.styl: -------------------------------------------------------------------------------- 1 | #article-container 2 | .tabs 3 | position: relative 4 | margin: 0 0 1rem 5 | border: 1px solid $tab-border-color 6 | border-top: none 7 | 8 | > .nav-tabs 9 | display: flex 10 | flex-wrap: wrap 11 | margin: 0 12 | padding: 0 13 | background: $tab-botton-bg 14 | 15 | > .tab 16 | margin: 0 17 | padding: 0 18 | list-style: none 19 | 20 | @media screen and (max-width: 768px) 21 | flex-grow: 1 22 | 23 | button 24 | display: block 25 | padding: .5rem 1rem 26 | width: 100% 27 | border-top: 2px solid $tab-border-color 28 | background: $tab-botton-bg 29 | color: $font-color 30 | line-height: 2 31 | transition: all .4s 32 | 33 | &:hover 34 | border-top: 2px solid $tab-button-hover-bg 35 | background: $tab-button-hover-bg 36 | 37 | i 38 | width: 1.5em 39 | 40 | &.active 41 | button 42 | border-top: 2px solid $tab-active-border-color 43 | background: $card-bg 44 | cursor: default 45 | 46 | > .tab-contents 47 | .tab-item-content 48 | position: relative 49 | display: none 50 | padding: 1.8rem 1.2rem 51 | 52 | @media screen and (max-width: 768px) 53 | padding: 1.2rem .7rem 54 | 55 | &.active 56 | display: block 57 | animation: tabshow .5s 58 | 59 | .tab-to-top 60 | position: relative 61 | display: block 62 | margin: 0 0 0 auto 63 | color: $tab-to-top-color 64 | 65 | @keyframes tabshow 66 | 0% 67 | transform: translateY(15px) 68 | 69 | 100% 70 | transform: translateY(0) 71 | -------------------------------------------------------------------------------- /themes/Butterfly/source/css/_third-party/normalize.min.css: -------------------------------------------------------------------------------- 1 | /*! 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} -------------------------------------------------------------------------------- /themes/Butterfly/source/css/index.styl: -------------------------------------------------------------------------------- 1 | @import 'nib' 2 | @import '_third-party/normalize.min.css' 3 | // project 4 | @import 'var' 5 | @import '_global/*' 6 | @import '_highlight/highlight' 7 | @import '_layout/*' 8 | @import '_tags/*' 9 | @import '_mode/*' 10 | 11 | // search 12 | if hexo-config('algolia_search.enable') 13 | @import '_search/index' 14 | @import '_search/algolia' 15 | 16 | if hexo-config('local_search') && hexo-config('local_search.enable') 17 | @import '_search/index' 18 | @import '_search/local-search' 19 | -------------------------------------------------------------------------------- /themes/Butterfly/source/img/404.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chocolate1999/hexo-blog-lionkk/ab8eebdb977d3972e2a54546d65b97e29807934a/themes/Butterfly/source/img/404.jpg -------------------------------------------------------------------------------- /themes/Butterfly/source/img/algolia.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /themes/Butterfly/source/img/avatar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chocolate1999/hexo-blog-lionkk/ab8eebdb977d3972e2a54546d65b97e29807934a/themes/Butterfly/source/img/avatar.png -------------------------------------------------------------------------------- /themes/Butterfly/source/img/comment_bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chocolate1999/hexo-blog-lionkk/ab8eebdb977d3972e2a54546d65b97e29807934a/themes/Butterfly/source/img/comment_bg.png -------------------------------------------------------------------------------- /themes/Butterfly/source/img/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chocolate1999/hexo-blog-lionkk/ab8eebdb977d3972e2a54546d65b97e29807934a/themes/Butterfly/source/img/favicon.ico -------------------------------------------------------------------------------- /themes/Butterfly/source/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chocolate1999/hexo-blog-lionkk/ab8eebdb977d3972e2a54546d65b97e29807934a/themes/Butterfly/source/img/favicon.png -------------------------------------------------------------------------------- /themes/Butterfly/source/img/friend_404.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chocolate1999/hexo-blog-lionkk/ab8eebdb977d3972e2a54546d65b97e29807934a/themes/Butterfly/source/img/friend_404.gif -------------------------------------------------------------------------------- /themes/Butterfly/source/img/icp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chocolate1999/hexo-blog-lionkk/ab8eebdb977d3972e2a54546d65b97e29807934a/themes/Butterfly/source/img/icp.png -------------------------------------------------------------------------------- /themes/Butterfly/source/img/index.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chocolate1999/hexo-blog-lionkk/ab8eebdb977d3972e2a54546d65b97e29807934a/themes/Butterfly/source/img/index.jpg -------------------------------------------------------------------------------- /themes/Butterfly/source/img/loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chocolate1999/hexo-blog-lionkk/ab8eebdb977d3972e2a54546d65b97e29807934a/themes/Butterfly/source/img/loading.gif -------------------------------------------------------------------------------- /themes/Butterfly/source/img/post.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chocolate1999/hexo-blog-lionkk/ab8eebdb977d3972e2a54546d65b97e29807934a/themes/Butterfly/source/img/post.jpg -------------------------------------------------------------------------------- /themes/Butterfly/source/img/post_loadding.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /themes/Butterfly/source/js/search/algolia.js: -------------------------------------------------------------------------------- 1 | $(function () { 2 | $('a.social-icon.search').on('click', function () { 3 | $('body').css({ width: '100%', overflow: 'hidden' }) 4 | $('.search-dialog').css('display', 'block') 5 | $('.ais-search-box--input').focus() 6 | $('.search-mask').fadeIn() 7 | // shortcut: ESC 8 | document.addEventListener('keydown', function f (event) { 9 | if (event.code === 'Escape') { 10 | closeSearch() 11 | document.removeEventListener('keydown', f) 12 | } 13 | }) 14 | }) 15 | 16 | const closeSearch = function () { 17 | $('body').css('width', '') 18 | $('body').css('overflow', '') 19 | $('.search-dialog').css({ 20 | animation: 'search_close .5s' 21 | }) 22 | 23 | $('.search-dialog').animate({}, function () { 24 | setTimeout(function () { 25 | $('.search-dialog').css({ 26 | animation: '', 27 | display: 'none' 28 | }) 29 | }, 500) 30 | }) 31 | 32 | $('.search-mask').fadeOut() 33 | } 34 | $('.search-mask, .search-close-button').on('click touchstart', closeSearch) 35 | 36 | const algolia = GLOBAL_CONFIG.algolia 37 | const isAlgoliaValid = algolia.appId && algolia.apiKey && algolia.indexName 38 | if (!isAlgoliaValid) { 39 | return console.error('Algolia setting is invalid!') 40 | } 41 | 42 | const search = instantsearch({ 43 | appId: algolia.appId, 44 | apiKey: algolia.apiKey, 45 | indexName: algolia.indexName, 46 | searchParameters: { 47 | hitsPerPage: algolia.hits.per_page || 10 48 | }, 49 | searchFunction: function (helper) { 50 | const searchInput = $('#algolia-search-input').find('input') 51 | 52 | if (searchInput.val()) { 53 | helper.search() 54 | } 55 | } 56 | }) 57 | 58 | search.addWidget( 59 | instantsearch.widgets.searchBox({ 60 | container: '#algolia-search-input', 61 | reset: false, 62 | magnifier: false, 63 | placeholder: GLOBAL_CONFIG.algolia.languages.input_placeholder 64 | }) 65 | ) 66 | search.addWidget( 67 | instantsearch.widgets.hits({ 68 | container: '#algolia-hits', 69 | templates: { 70 | item: function (data) { 71 | const link = data.permalink ? data.permalink : (GLOBAL_CONFIG.root + data.path) 72 | return ( 73 | '' + 74 | data._highlightResult.title.value + 75 | '' 76 | ) 77 | }, 78 | empty: function (data) { 79 | return ( 80 | '
    ' + 81 | GLOBAL_CONFIG.algolia.languages.hits_empty.replace(/\$\{query}/, data.query) + 82 | '
    ' 83 | ) 84 | } 85 | }, 86 | cssClasses: { 87 | item: 'algolia-hit-item' 88 | } 89 | }) 90 | ) 91 | 92 | search.addWidget( 93 | instantsearch.widgets.stats({ 94 | container: '#algolia-stats', 95 | templates: { 96 | body: function (data) { 97 | const stats = GLOBAL_CONFIG.algolia.languages.hits_stats 98 | .replace(/\$\{hits}/, data.nbHits) 99 | .replace(/\$\{time}/, data.processingTimeMS) 100 | return ( 101 | '
    ' + 102 | stats + 103 | '' 106 | ) 107 | } 108 | } 109 | }) 110 | ) 111 | 112 | search.addWidget( 113 | instantsearch.widgets.pagination({ 114 | container: '#algolia-pagination', 115 | scrollTo: false, 116 | showFirstLast: false, 117 | labels: { 118 | first: '', 119 | last: '', 120 | previous: '', 121 | next: '' 122 | }, 123 | cssClasses: { 124 | root: 'pagination', 125 | item: 'pagination-item', 126 | link: 'page-number', 127 | active: 'current', 128 | disabled: 'disabled-item' 129 | } 130 | }) 131 | ) 132 | search.start() 133 | }) 134 | -------------------------------------------------------------------------------- /themes/Butterfly/source/js/third-party/ClickShowText.js: -------------------------------------------------------------------------------- 1 | function co(){ 2 | var colorElements = "0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f"; 3 | var colorArray = colorElements.split(","); 4 | var color ="#"; 5 | for(var i =0;i<6;i++){ 6 | color+=colorArray[Math.floor(Math.random()*16)]; 7 | } 8 | return color; 9 | }; 10 | var a_idx = 0; 11 | jQuery(document).ready(function($) { 12 | $("body").click(function (e) { 13 | 14 | var config = GLOBAL_CONFIG.ClickShowText; 15 | 16 | /*这个数组中的每一个字符是你要浮动显示的词或句子，每次点击鼠标后按顺序出现*/ 17 | var a = config.text.split(","); 18 | var $i = $("").text(a[a_idx]); 19 | a_idx = (a_idx + 1) % a.length; 20 | var x = e.pageX, 21 | y = e.pageY; 22 | $i.css({ 23 | "z-index": 150, 24 | "top": y - 20, 25 | "left": x -40, 26 | "position": "absolute", 27 | "font-weight": "bold", 28 | "color": co(), 29 | "cursor": "default", 30 | "font-size": config.fontSize || "inherit" 31 | }); 32 | $("body").append($i); 33 | $i.animate({ 34 | "top": y - 180, 35 | "opacity": 0 36 | }, 37 | 1500, 38 | function() { 39 | $i.remove(); 40 | }); 41 | }); 42 | }); -------------------------------------------------------------------------------- /themes/Butterfly/source/js/third-party/activate-power-mode.js: -------------------------------------------------------------------------------- 1 | !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.POWERMODE=e():t.POWERMODE=e()}(this,(function(){return function(t){var e={};function o(n){if(e[n])return e[n].exports;var r=e[n]={exports:{},id:n,loaded:!1};return t[n].call(r.exports,r,r.exports,o),r.loaded=!0,r.exports}return o.m=t,o.c=e,o.p="",o(0)}([function(t,e,o){"use strict";var n=document.createElement("canvas");n.width=window.innerWidth,n.height=window.innerHeight,n.style.cssText="position:fixed;top:0;left:0;pointer-events:none;z-index:999999",window.addEventListener("resize",(function(){n.width=window.innerWidth,n.height=window.innerHeight})),document.body.appendChild(n);var r=n.getContext("2d"),i=[],a=0,d=!1;function l(t,e){return Math.random()*(e-t)+t}function c(t){if(p.colorful){var e=l(0,360);return"hsla("+l(e-10,e+10)+", 100%, "+l(50,80)+"%, 1)"}return window.getComputedStyle(t).color}function u(t,e,o){return{x:t,y:e,alpha:1,color:o,velocity:{x:2*Math.random()-1,y:2*Math.random()-3.5}}}function p(){for(var t=function(){var t,e=document.activeElement;if("TEXTAREA"===e.tagName||"INPUT"===e.tagName&&"text"===e.getAttribute("type")){var n=o(1)(e,e.selectionEnd);return t=e.getBoundingClientRect(),{x:n.left+t.left,y:n.top+t.top,color:c(e)}}var r=window.getSelection();if(r.rangeCount){var i=r.getRangeAt(0),a=i.startContainer;return a.nodeType===document.TEXT_NODE&&(a=a.parentNode),{x:(t=i.getBoundingClientRect()).left,y:t.top,color:c(a)}}return{x:0,y:0,color:"transparent"}}(),e=5+Math.round(10*Math.random());e--;)i[a]=u(t.x,t.y,t.color),a=(a+1)%500;if(p.shake){var n=1+2*Math.random(),r=n*(Math.random()>.5?-1:1),l=n*(Math.random()>.5?-1:1);document.body.style.marginLeft=r+"px",document.body.style.marginTop=l+"px",setTimeout((function(){document.body.style.marginLeft="",document.body.style.marginTop=""}),75)}d||requestAnimationFrame(f)}function f(){d=!0,r.clearRect(0,0,n.width,n.height);for(var t=!1,e=n.getBoundingClientRect(),o=0;oparseInt(c.height)&&(l.overflowY="scroll"):l.overflow="hidden",d.textContent=t.value.substring(0,n),"INPUT"===t.nodeName&&(d.textContent=d.textContent.replace(/\s/g," "));var u=document.createElement("span");u.textContent=t.value.substring(n)||".",d.appendChild(u);var p={top:u.offsetTop+parseInt(c.borderTopWidth),left:u.offsetLeft+parseInt(c.borderLeftWidth)};return i?u.style.backgroundColor="#aaa":document.body.removeChild(d),p}void 0!==t&&void 0!==t.exports?t.exports=n:window.getCaretCoordinates=n}()}])})); -------------------------------------------------------------------------------- /themes/Butterfly/source/js/third-party/canvas-nest.js: -------------------------------------------------------------------------------- 1 | ! function () { 2 | var cn = document.getElementById('canvas_nest'); 3 | var mb = cn.getAttribute("mobile"); 4 | 5 | if (mb == 'false' && (/Android|webOS|iPhone|iPod|iPad|BlackBerry/i.test(navigator.userAgent))) { 6 | return; 7 | } 8 | 9 | function o(w, v, i) { 10 | return w.getAttribute(v) || i 11 | } 12 | 13 | function j(i) { 14 | return document.getElementsByTagName(i) 15 | } 16 | 17 | function l() { 18 | var i = j("script"), 19 | w = i.length, 20 | v = i[w - 1]; 21 | return { 22 | l: w, 23 | z: o(v, "zIndex", -1), 24 | o: o(v, "opacity", 0.5), 25 | c: o(v, "color", "0,0,0"), 26 | n: o(v, "count", 99) 27 | } 28 | } 29 | 30 | function k() { 31 | r = u.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, n = u.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight 32 | } 33 | 34 | function b() { 35 | e.clearRect(0, 0, r, n); 36 | var w = [f].concat(t); 37 | var x, v, A, B, z, y; 38 | t.forEach(function (i) { 39 | i.x += i.xa, i.y += i.ya, i.xa *= i.x > r || i.x < 0 ? -1 : 1, i.ya *= i.y > n || i.y < 0 ? -1 : 1, e.fillRect(i.x - 0.5, i.y - 0.5, 1, 1); 40 | for (v = 0; v < w.length; v++) { 41 | x = w[v]; 42 | if (i !== x && null !== x.x && null !== x.y) { 43 | B = i.x - x.x, z = i.y - x.y, y = B * B + z * z; 44 | y < x.max && (x === f && y >= x.max / 2 && (i.x -= 0.03 * B, i.y -= 0.03 * z), A = (x.max - y) / x.max, e.beginPath(), e.lineWidth = A / 2, e.strokeStyle = "rgba(" + s.c + "," + (A + 0.2) + ")", e.moveTo(i.x, i.y), e.lineTo(x.x, x.y), e.stroke()) 45 | } 46 | } 47 | w.splice(w.indexOf(i), 1) 48 | }), m(b) 49 | } 50 | var u = document.createElement("canvas"), 51 | s = l(), 52 | c = "c_n" + s.l, 53 | e = u.getContext("2d"), 54 | r, n, m = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (i) { 55 | window.setTimeout(i, 1000 / 45) 56 | }, 57 | a = Math.random, 58 | f = { 59 | x: null, 60 | y: null, 61 | max: 20000 62 | }; 63 | u.id = c; 64 | u.style.cssText = "position:fixed;top:0;left:0;z-index:" + s.z + ";opacity:" + s.o; 65 | j("body")[0].appendChild(u); 66 | k(), window.onresize = k; 67 | window.onmousemove = function (i) { 68 | i = i || window.event, f.x = i.clientX, f.y = i.clientY 69 | }, window.onmouseout = function () { 70 | f.x = null, f.y = null 71 | }; 72 | for (var t = [], p = 0; s.n > p; p++) { 73 | var h = a() * r, 74 | g = a() * n, 75 | q = 2 * a() - 1, 76 | d = 2 * a() - 1; 77 | t.push({ 78 | x: h, 79 | y: g, 80 | xa: q, 81 | ya: d, 82 | max: 6000 83 | }) 84 | } 85 | setTimeout(function () { 86 | b() 87 | }, 100) 88 | }(); -------------------------------------------------------------------------------- /themes/Butterfly/source/js/third-party/canvas-ribbon.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2016 hustcc 3 | * License: MIT 4 | * Version: v1.0.1 5 | * GitHub: https://github.com/hustcc/ribbon.js 6 | **/ 7 | 8 | !(function() { 9 | var script = document.getElementById("ribbon"); 10 | var mb = script.getAttribute("mobile"); 11 | if ( 12 | mb == "false" && 13 | /Android|webOS|iPhone|iPod|iPad|BlackBerry/i.test(navigator.userAgent) 14 | ) { 15 | return; 16 | } 17 | 18 | var config = { 19 | z: attr(script, "zIndex", -1), // z-index 20 | a: attr(script, "alpha", 0.6), // alpha 21 | s: attr(script, "size", 90), // size 22 | c: attr(script, "data-click", true) // click-to-change 23 | }; 24 | 25 | function attr(node, attr, default_value) { 26 | if (default_value === true) { 27 | return node.getAttribute(attr) || default_value; 28 | } 29 | return Number(node.getAttribute(attr)) || default_value; 30 | } 31 | 32 | var canvas = document.createElement("canvas"), 33 | g2d = canvas.getContext("2d"), 34 | pr = window.devicePixelRatio || 1, 35 | width = window.innerWidth, 36 | height = window.innerHeight, 37 | f = config.s, 38 | q, 39 | t, 40 | m = Math, 41 | r = 0, 42 | pi = m.PI * 2, 43 | cos = m.cos, 44 | random = m.random; 45 | canvas.id = "ribbon-canvas"; 46 | canvas.width = width * pr; 47 | canvas.height = height * pr; 48 | g2d.scale(pr, pr); 49 | g2d.globalAlpha = config.a; 50 | canvas.style.cssText = 51 | "opacity: " + 52 | config.a + 53 | ";position:fixed;top:0;left:0;z-index: " + 54 | config.z + 55 | ";width:100%;height:100%;pointer-events:none;"; 56 | // create canvas 57 | document.getElementsByTagName("body")[0].appendChild(canvas); 58 | 59 | function redraw() { 60 | g2d.clearRect(0, 0, width, height); 61 | q = [ 62 | { 63 | x: 0, 64 | y: height * 0.7 + f 65 | }, 66 | { 67 | x: 0, 68 | y: height * 0.7 - f 69 | } 70 | ]; 71 | while (q[1].x < width + f) draw(q[0], q[1]); 72 | } 73 | 74 | function draw(i, j) { 75 | g2d.beginPath(); 76 | g2d.moveTo(i.x, i.y); 77 | g2d.lineTo(j.x, j.y); 78 | var k = j.x + (random() * 2 - 0.25) * f, 79 | n = line(j.y); 80 | g2d.lineTo(k, n); 81 | g2d.closePath(); 82 | r -= pi / -50; 83 | g2d.fillStyle = 84 | "#" + 85 | ( 86 | ((cos(r) * 127 + 128) << 16) | 87 | ((cos(r + pi / 3) * 127 + 128) << 8) | 88 | (cos(r + (pi / 3) * 2) * 127 + 128) 89 | ).toString(16); 90 | g2d.fill(); 91 | q[0] = q[1]; 92 | q[1] = { 93 | x: k, 94 | y: n 95 | }; 96 | } 97 | 98 | function line(p) { 99 | t = p + (random() * 2 - 1.1) * f; 100 | return t > height || t < 0 ? line(p) : t; 101 | } 102 | if (config.c !== "false") { 103 | document.onclick = redraw; 104 | document.ontouchstart = redraw; 105 | } 106 | redraw(); 107 | })(); 108 | -------------------------------------------------------------------------------- /themes/Butterfly/source/js/third-party/click_heart.js: -------------------------------------------------------------------------------- 1 | !(function(e, t, a) { 2 | function r(e) { 3 | var a = t.createElement("div"); 4 | (a.className = "heart"), 5 | n.push({ 6 | el: a, 7 | x: e.clientX - 5, 8 | y: e.clientY - 5, 9 | scale: 1, 10 | alpha: 1, 11 | color: 12 | "rgb(" + 13 | ~~(255 * Math.random()) + 14 | "," + 15 | ~~(255 * Math.random()) + 16 | "," + 17 | ~~(255 * Math.random()) + 18 | ")" 19 | }), 20 | t.body.appendChild(a); 21 | } 22 | var n = []; 23 | (e.requestAnimationFrame = 24 | e.requestAnimationFrame || 25 | e.webkitRequestAnimationFrame || 26 | e.mozRequestAnimationFrame || 27 | e.oRequestAnimationFrame || 28 | e.msRequestAnimationFrame || 29 | function(e) { 30 | setTimeout(e, 1e3 / 60); 31 | }), 32 | (function(e) { 33 | var a = t.createElement("style"); 34 | a.type = "text/css"; 35 | try { 36 | a.appendChild(t.createTextNode(e)); 37 | } catch (t) { 38 | a.styleSheet.cssText = e; 39 | } 40 | t.getElementsByTagName("head")[0].appendChild(a); 41 | })( 42 | ".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}" 43 | ), 44 | (function() { 45 | var t = "function" == typeof e.onclick && e.onclick; 46 | e.onclick = function(e) { 47 | t && t(), r(e); 48 | }; 49 | })(), 50 | (function e() { 51 | for (var a = 0; a < n.length; a++) 52 | n[a].alpha <= 0 53 | ? (t.body.removeChild(n[a].el), n.splice(a, 1)) 54 | : (n[a].y--, 55 | (n[a].scale += 0.004), 56 | (n[a].alpha -= 0.013), 57 | (n[a].el.style.cssText = 58 | "left:" + 59 | n[a].x + 60 | "px;top:" + 61 | n[a].y + 62 | "px;opacity:" + 63 | n[a].alpha + 64 | ";transform:scale(" + 65 | n[a].scale + 66 | "," + 67 | n[a].scale + 68 | ") rotate(45deg);background:" + 69 | n[a].color + 70 | ";z-index:99999")); 71 | requestAnimationFrame(e); 72 | })(); 73 | })(window, document); 74 | -------------------------------------------------------------------------------- /themes/Butterfly/source/js/third-party/fireworks.js: -------------------------------------------------------------------------------- 1 | var canvasEl = document.querySelector('.fireworks') 2 | if (canvasEl) { 3 | var ctx = canvasEl.getContext('2d') 4 | var numberOfParticules = 30 5 | var pointerX = 0 6 | var pointerY = 0 7 | // var tap = ('ontouchstart' in window || navigator.msMaxTouchPoints) ? 'touchstart' : 'mousedown' 8 | // Fixed the mobile scroll 9 | var tap = 'mousedown' 10 | var colors = ['#FF1461', '#18FF92', '#5A87FF', '#FBF38C'] 11 | 12 | var setCanvasSize = debounce(function () { 13 | canvasEl.width = window.innerWidth 14 | canvasEl.height = window.innerHeight 15 | canvasEl.style.width = window.innerWidth + 'px' 16 | canvasEl.style.height = window.innerHeight + 'px' 17 | canvasEl.getContext('2d').scale(1, 1) 18 | }, 500) 19 | 20 | var render = anime({ 21 | duration: Infinity, 22 | update: function () { 23 | ctx.clearRect(0, 0, canvasEl.width, canvasEl.height) 24 | } 25 | }) 26 | 27 | document.addEventListener(tap, function (e) { 28 | if (e.target.id !== 'sidebar' && e.target.id !== 'toggle-sidebar' && e.target.nodeName !== 'A' && e.target.nodeName !== 'IMG') { 29 | render.play() 30 | updateCoords(e) 31 | animateParticules(pointerX, pointerY) 32 | } 33 | }, false) 34 | 35 | setCanvasSize() 36 | window.addEventListener('resize', setCanvasSize, false) 37 | } 38 | 39 | function updateCoords (e) { 40 | pointerX = (e.clientX || e.touches[0].clientX) - canvasEl.getBoundingClientRect().left 41 | pointerY = e.clientY || e.touches[0].clientY - canvasEl.getBoundingClientRect().top 42 | } 43 | 44 | function setParticuleDirection (p) { 45 | var angle = anime.random(0, 360) * Math.PI / 180 46 | var value = anime.random(50, 180) 47 | var radius = [-1, 1][anime.random(0, 1)] * value 48 | return { 49 | x: p.x + radius * Math.cos(angle), 50 | y: p.y + radius * Math.sin(angle) 51 | } 52 | } 53 | 54 | function createParticule (x, y) { 55 | var p = {} 56 | p.x = x 57 | p.y = y 58 | p.color = colors[anime.random(0, colors.length - 1)] 59 | p.radius = anime.random(16, 32) 60 | p.endPos = setParticuleDirection(p) 61 | p.draw = function () { 62 | ctx.beginPath() 63 | ctx.arc(p.x, p.y, p.radius, 0, 2 * Math.PI, true) 64 | ctx.fillStyle = p.color 65 | ctx.fill() 66 | } 67 | return p 68 | } 69 | 70 | function createCircle (x, y) { 71 | var p = {} 72 | p.x = x 73 | p.y = y 74 | p.color = '#F00' 75 | p.radius = 0.1 76 | p.alpha = 0.5 77 | p.lineWidth = 6 78 | p.draw = function () { 79 | ctx.globalAlpha = p.alpha 80 | ctx.beginPath() 81 | ctx.arc(p.x, p.y, p.radius, 0, 2 * Math.PI, true) 82 | ctx.lineWidth = p.lineWidth 83 | ctx.strokeStyle = p.color 84 | ctx.stroke() 85 | ctx.globalAlpha = 1 86 | } 87 | return p 88 | } 89 | 90 | function renderParticule (anim) { 91 | for (var i = 0; i < anim.animatables.length; i++) { 92 | anim.animatables[i].target.draw() 93 | } 94 | } 95 | 96 | function animateParticules (x, y) { 97 | var circle = createCircle(x, y) 98 | var particules = [] 99 | for (var i = 0; i < numberOfParticules; i++) { 100 | particules.push(createParticule(x, y)) 101 | } 102 | anime.timeline().add({ 103 | targets: particules, 104 | x: function (p) { 105 | return p.endPos.x 106 | }, 107 | y: function (p) { 108 | return p.endPos.y 109 | }, 110 | radius: 0.1, 111 | duration: anime.random(1200, 1800), 112 | easing: 'easeOutExpo', 113 | update: renderParticule 114 | }) 115 | .add({ 116 | targets: circle, 117 | radius: anime.random(80, 160), 118 | lineWidth: 0, 119 | alpha: { 120 | value: 0, 121 | easing: 'linear', 122 | duration: anime.random(600, 800) 123 | }, 124 | duration: anime.random(1200, 1800), 125 | easing: 'easeOutExpo', 126 | update: renderParticule, 127 | offset: 0 128 | }) 129 | } --------------------------------------------------------------------------------