biss/hexo-theme-butterfly
1
0 Fork 0
mirror of https://github.com/jerryc127/hexo-theme-butterfly.git synced 2026-10-04 06:22:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

V2.0.0

Browse Source 
Breaking change
1. 手機端界面卡片化，同時，手機端也可以顯示側邊欄的內容
2. 修復當menu過多時，header界面出現錯亂的bug。當menu過多時，會變為sidebar模式
3. 增加medium-zoom大圖查看模式
4. 增加鼠標點擊特效：文字和愛心 兩個點擊特效
5. 主頁subtitle可以調用第三方api(金山詞霸每日一句、一言網的一句話、一句網、今日詩詞)
6. 添加 snackbar 彈窗
7. 修改nightshift為darkmode，darkmode可隨系統設置而自動切換，可設置隨時間而切換darkmode
8. 修復hexo自帶的標籤外掛(Tag Plugins)顯示bug(Block Quote、Code Block With caption、Gist、Youtube、Vimeo)
9. 主題所需要的css和js可根據需要配置CDN
10. 更改darkmode的加載方式，網站設置dark mode後，現在進入網頁不會在'閃'一下
11. 背景特效和背景圖片在手機界面也會顯示
12. 增加justified-gallery圖片顯示(Tag Plugins)
Feature
1. 文章頁面，字數統計、閲讀時長和閲讀量前面添加icon
2. 更改懶加載js
3. 升級typed.js/instantpage.js到最新版
4. 搜索和右下角按鈕添加退出特效
Fixed
1. 修復在 Hexo 4.0.0下，一些按鈕點擊會跳出一個空白頁的bug
2. 修復在 Hexo 4.0.0下，分頁按鈕出現代碼的bug
3. 修復當沒有設置評論時，右下角依舊出現'直達評論'按鈕的bug
4. 優化sidebar的打開速度
5. 修復文章頁標題左右邊距不平等的bug
6. 修復keywords讀取的bug
7. 修復當post/page 內容為空時，footer位置錯亂的bug
8. 修復在手機safari，toc sidebar底部內容被遮擋的bug
9. 完善Dark mode,一些界面的配色
10. 修復 card-archives 查看更多 跳轉bug
Remove
1. 移除Gitment
2. 移除Gallery
This commit is contained in:
Jerry committed 2019-11-03 02:21:01 +08:00
1 parent 32d1cd3f53
commit 336e221de5
79 files changed
+1871 -1439
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

README.md
+8 -3
View File
@@ -1,5 +1,11 @@
# hexo-theme-butterfly
<img alt="Version" src="https://img.shields.io/badge/release-2.0.0-blue"/>
<a href="https://jerryc.me"><img alt="Author" src="https://img.shields.io/badge/author-JerryC-blur"/></a>
<a href="https://hexo.io"><img alt="Hexo" src="https://img.shields.io/badge/hexo-3.0+-0e83c"/></a>
<a href="https://nodejs.org/"><img alt="node.js" src="https://img.shields.io/badge/node.js-6.0%2B-43853d"/></a>
[预览](https://jerryc.me/)
一款基于[hexo-theme-melody](https://github.com/Molunerfinn/hexo-theme-melody)修改的主题
@@ -25,12 +31,11 @@ git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/Bu
theme: Butterfly
```
>如果你没有pug以及stylus的渲染器，请下载安装： npm install hexo-renderer-jade hexo-renderer-stylus --save or yarn add hexo-renderer-jade hexo-renderer-stylus
>如果你没有pug以及stylus的渲染器，请下载安装： npm install hexo-renderer-pug hexo-renderer-stylus --save or yarn add hexo-renderer-pug hexo-renderer-stylus
## 文档
可查看或[这里](https://docs.jerryc.me/)或[这里](https://jerryc.me/posts/21cfbf15)
可查看[这里](https://jerryc.me/posts/21cfbf15)
## 截图
![image](https://user-images.githubusercontent.com/16351105/58887365-1272f780-8718-11e9-9329-3292c6ba20d4.png)
_config.yml
+156 -65
View File
@@ -1,4 +1,3 @@
# Main menu navigation
# ---------------
# format: xxx: 連結 || icon
@@ -16,7 +15,6 @@ menu:
- Music || /music/ || fa fa-music
- Movie || /movies/ || fa fa-film
# Favicon
# ---------------
favicon: /img/favicon.ico
@@ -32,8 +30,6 @@ favicon: /img/favicon.ico
# favicon_32_32: /img/pwa/32.png
# favicon_16_16: /img/pwa/16.png
# mask_icon: /img/pwa/safari-pinned-tab.svg
# shortcut_icon: /img/favicon.ico
# Highlight theme
# ---------------
@@ -48,7 +44,7 @@ code_word_wrap: false
# 是否禁止複製（如果禁止，highlight_copy的功能將無效)
# copyright 複製的内容後面加上版權信息
copy:
enable: false # true 開啓 / false 禁止
enable: true # true 開啓 / false 禁止
copyright: false
# social settings
@@ -57,6 +53,7 @@ copy:
# ---------------
social:
fa fa-github: https://github.com/jerryc127
fa fa-envelope: mailto:xxxxxxxx@gmail.com
fa fa-rss: /atom.xml
#### search ####
@@ -86,17 +83,13 @@ local_search:
# ---------------
mathjax:
enable: false
cdn: https://cdn.jsdelivr.net/npm/mathjax/MathJax.js?config=TeX-AMS-MML_HTMLorMML
# KaTeX
# ---------------
katex:
enable: false
cdn:
css: https://cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.css
hide_scrollbar: true
#### Analysis ####
# ---------------
# baidu_analytics:
@@ -105,41 +98,21 @@ katex:
google_analytics:
# stylesheets loaded in the <head>
# ---------------
stylesheets:
- /css/index.css
# scripts loaded in the end of the body
# ---------------
scripts:
- /js/utils.js
- /js/main.js
# cdn for third-party library
# ---------------
cdn:
css:
fontawesome: https://cdn.jsdelivr.net/npm/font-awesome@latest/css/font-awesome.min.css
# fontawesomeV5: https://use.fontawesome.com/releases/v5.8.1/css/all.css
fancybox: https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.css
js:
jquery: https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js
fancybox: https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.js
js-cookies: https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js
# Post info settings
# ---------------
# avatar: /img/avatar.png
avatar: https://cdn.jsdelivr.net/gh/jerryc127/CDN@latest/Photo/avatar.png
# the banner image of index
# if the banner of another page not setting,it will show the top_img
top_img: https://i.loli.net/2019/05/22/5ce53eb6dc82757840.jpg
# 以下鏈接是動態壁紙，每次刷新會更換
# https://source.unsplash.com/collection/collectionid/1600x900
# https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture
# https://api.dujin.org/bing/1920.php
# https://api.dujin.org/bing/1366.php
#the banner image of post
# if the post not set the post cover and post top image, it will show it
post_img: https://cdn.jsdelivr.net/gh/jerryc127/CDN@latest/Photo/post.png
# if the banner of page not setting,it will show the top_img
default_top_img: https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/top_img_index.jpg
# the default cover of the post
default_cover: https://cdn.jsdelivr.net/gh/jerryc127/CDN@latest/cover/default_bg.png
@@ -153,6 +126,9 @@ tag_img: https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/tag-bg.png
# the banner image of category page
category_img: https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/category-bg
# 如果你有使用hexo-douban去生成movie界面，可配置這個
movies_img: https://cdn.jsdelivr.net/gh/jerryc127/CDN/Photo/movie.jpg
# if the photo link cannot connect,it will show that
lodding_bg:
flink: /img/friend_404.gif
@@ -185,7 +161,6 @@ auto_excerpt:
enable: true
length: 150
#### Share System ####
# -----------------------------------------
addThis:
@@ -215,15 +190,8 @@ disqus:
shortname:
# laibili:
# enable: false
# uid:
# gitment
# enable: false
# owner:
# repo:
# client_id:
# client_secret:
# enable: false
# uid:
# gitalk:
# enable: false
@@ -266,7 +234,6 @@ ICP:
text:
icon: /img/icp.png
#### 站長驗證 ####
# Google Webmaster tools verification setting
# See: https://www.google.com/webmasters/
@@ -284,7 +251,6 @@ baidu_site_verification:
# see http://zhanzhang.so.com/
qihu_site_verification:
# 友情鏈接界面設置
Flink:
headline: 友情鏈接
@@ -335,14 +301,12 @@ related_post:
index_site_info_top: #主頁標題距離頂部距離 例如 300px/300em/300rem/10%
index_top_img_height: #主頁top_img高度 例如 300px/300em/300rem 不能使用百分比
# category和tag頁的UI設置
# index 值代表 UI將與首頁的UI一樣
# 默認跟archives頁面UI一樣
category_ui: # 留空或index
tag_ui: # 留空或index
# 設置網站背景
# 可設置圖片 或者 顔色
# 圖片格式 background: url(http://xxxxxx.com/xxx.jpg)
@@ -353,8 +317,9 @@ background:
# footer是否顯示圖片背景(與top_img一致)
footer_bg: false
# canvas_ribbon 靜止彩帶背景
# 背景特效
# 避免卡頓，建議只開啓一個
# canvas_ribbon 禁止彩帶背景
# See: https://github.com/hustcc/ribbon.js
canvas_ribbon:
enable: false
@@ -362,10 +327,12 @@ canvas_ribbon:
alpha: 0.6
zIndex: -1
click_to_change: false
mobile: false # false 手機端不顯示 true 手機端顯示
# 動態彩帶
canvas_ribbon_piao:
enable: false
mobile: false # false 手機端不顯示 true 手機端顯示
# canvas_nest
# https://github.com/hustcc/canvas-nest.js
@@ -375,23 +342,47 @@ canvas_nest:
opacity: 0.7 # the opacity of line (0~1), default: 0.5.
zIndex: -1 # z-index property of the background, default: -1.
count: 99 # the number of lines, default: 99.
script: https://cdn.jsdelivr.net/gh/jerryc127/CDN/js/canvas-nest.js # or /js/third-party/canvas-nest.js
mobile: false # false 手機端不顯示 true 手機端顯示
# 打字效果
activate_power_mode:
enable: false
# 鼠標點擊效果
# 避免卡頓，建議只開啓一個
# 點擊烟火特效
fireworks:
enable: false
# 點擊出現愛心
click_heart:
enable: false
# 點擊出現文字，文字可自行修改
ClickShowText:
enable: false
text:
- 富强
- 民主
- 文明
- 和谐
- 自由
- 平等
- 公正
- 法治
- 爱国
- 敬业
- 诚信
- 友善
fontSize: 15px
# 頭像會一直轉圈
avatar_effect: false
# 網站顯示模式
# day 默認模式
# night 黑暗模式（不建議）
display_mode: day
# light 默認模式
# dark 黑暗模式（不建議）
display_mode: light
# 美化post頁顯示
post_beautify:
@@ -419,15 +410,22 @@ hr:
# 主頁subtitle
# 打字效果
# (如果有英文逗號' , '，請使用轉義字符 &#44;)
subtitle:
enable: true
# source調用第三方服務
# source: false 關閉調用
# source: 1 調用金山詞霸的每日一句（簡體）
# source: 2 調用一言网的一句話（簡體） #https://hitokoto.cn/
# source: 3 調用一句网（簡體） http://yijuzhan.com/
# source: 4 調用今日詩詞（簡體） https://www.jinrishici.com/
# subtitle 會先顯示 source , 再顯示 sub 的内容
source: false
# (如果有英文逗號' , '，請使用轉義字符 &#44;)
sub:
- 今日事&#44;今日畢
- Never put off till tomorrow what you can do today
#### 側邊欄 ####
#-------------------------------------
# 側邊欄顯示設置
@@ -459,7 +457,6 @@ runtimeshow:
enable: true
start_date: 6/7/2018 00:00:00
#### 右下角按鈕 ####
#----------------------------------------------
# 簡繁轉換
@@ -478,18 +475,39 @@ translate:
#當文字是繁體時，按鈕顯示的文字
msgToSimplifiedChinese: "简"
# 夜間模式
nightshift:
enable: true
#閲讀模式
readmode:
enable: true
# 夜間模式
darkmode:
enable: true
# 自動切換 dark mode和 light mode
# autoChangeMode: 1 跟隨系統而變化，不支持的瀏覽器/系統將按照時間晚上6點到早上6點之間切換為 dark mode
# autoChangeMode: 2 只按照時間晚上6點到早上6點之間切換為 dark mode
# autoChangeMode: false 取消自動切換
autoChangeMode: false
#### other ####
#------------------------------------------------
# 圖片大圖查看模式
# 默認為 fancybox http://fancyapps.com/fancybox/3/
# 可以選擇改爲 medium_zoom https://github.com/francoischalifour/medium-zoom
medium_zoom:
enable: false
# Snackbar 彈窗
# https://github.com/polonel/SnackBar
# position 彈窗位置
# 可選 top-left / top-center / top-right / bottom-left / bottom-center / bottom-right
snackbar:
enable: false
position: bottom-left
bg_light: '#49b1f5' #light mode時彈窗背景
bg_dark: '#2d3035' #dark mode時彈窗背景
#百度推送
baidu_push:
enable: false
@@ -507,7 +525,7 @@ note:
# - modern bs-callout new (v2-v3) alert style.
# - flat flat callout style with background, like on Mozilla or StackOverflow.
# - disabled disable all CSS styles import of note tag.
style: simple
style: flat
icons: true
border_radius: 3
# Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6).
@@ -515,9 +533,9 @@ note:
light_bg_offset: 0
# 圖片懶加載
# https://github.com/aFarkas/lazysizes
lazyload:
enable: true
script: https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js
# 避免重複網址分散seo
canonical: true
@@ -532,3 +550,76 @@ twitter_meta: true
# facebook QQ 等 分享自動帶上樣式
# https://i.loli.net/2019/09/08/2wbFJEKloisRvhj.png
Open_Graph_meta: true
# CDN
# 網站必須
# 可根據需要自行添加js/css
CDN_USE:
css:
- /css/index.css
- https://cdn.jsdelivr.net/npm/font-awesome@latest/css/font-awesome.min.css
# - https://use.fontawesome.com/releases/v5.8.1/css/all.css #fontawesomeV5_css
js:
- https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js #/js/third-party/jquery.min.js
- /js/utils.js
- /js/main.js
# CDN
# 非必要不要修改
CDN:
#comments
blueimp-md5: https://cdn.jsdelivr.net/npm/blueimp-md5@2.10.0/js/md5.min.js
gitalk: https://cdn.jsdelivr.net/npm/gitalk@latest/dist/gitalk.min.js
gitalk_css: https://cdn.jsdelivr.net/npm/gitalk/dist/gitalk.min.css
valine: https://cdn.jsdelivr.net/npm/valine/dist/Valine.min.js
# share
addtoany: https://static.addtoany.com/menu/page.js
sharejs: https://cdn.jsdelivr.net/npm/social-share.js@1.0.16/dist/js/social-share.min.js
sharejs_css: https://cdn.jsdelivr.net/npm/social-share.js@1.0.16/dist/css/share.min.css
#search
algolia_search: https://cdn.jsdelivr.net/npm/instantsearch.js@2.1.1/dist/instantsearch.min.js
algolia_search_css: https://cdn.jsdelivr.net/npm/instantsearch.js@2.1.1/dist/instantsearch.min.css
algolia_js: /js/search/algolia.js
local_search: /js/search/local-search.js
mathjax: https://cdn.jsdelivr.net/npm/mathjax/MathJax.js?config=TeX-AMS-MML_HTMLorMML
katex: https://cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.css
katex_copytex: https://cdn.jsdelivr.net/npm/katex-copytex@latest/dist/katex-copytex.min.js
katex_copytex_css: https://cdn.jsdelivr.net/npm/katex-copytex@latest/dist/katex-copytex.min.css
#不蒜子計數器
busuanzi: //busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js
# 背景特效
canvas_ribbon: /js/third-party/canvas-ribbon.js # https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@latest/js/canvas-ribbon.js
canvas_ribbon_piao: /js/third-party/piao.js # https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@latest/js/piao.js
canvas_nest: /js/third-party/canvas-nest.js # https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@latest/js/canvas-nest.js
lazyload: https://cdn.jsdelivr.net/npm/lazysizes@latest/lazysizes.min.js
instantpage: https://cdn.jsdelivr.net/npm/instant.page@latest/instantpage.min.js
typed: https://cdn.jsdelivr.net/npm/typed.js
js_cookies: https://cdn.jsdelivr.net/npm/js-cookie/dist/js.cookie.min.js
fancybox_css: https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.css
fancybox: https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.js #/js/third-party/jquery.fancybox.min.js
medium_zoom: https://cdn.jsdelivr.net/npm/medium-zoom/dist/medium-zoom.min.js
snackbar_css: https://cdn.jsdelivr.net/npm/node-snackbar@0.1.15/dist/snackbar.min.css
snackbar: https://cdn.jsdelivr.net/npm/node-snackbar@0.1.15/dist/snackbar.min.js
#鼠标点击特效
anime: https://cdn.jsdelivr.net/npm/animejs@latest/anime.min.js #/js/third-party/anime.min.js
activate_power_mode: /js/third-party/activate-power-mode.js # https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@latest/js/activate-power-mode.js
fireworks: /js/third-party/fireworks.js # https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@latest/js/fireworks.js
click_heart: /js/third-party/click_heart.js # https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@latest/js/click_heart.js
ClickShowText: /js/third-party/ClickShowText.js # https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@latest/js/ClickShowText.js
translate: /js/tw_cn.js
runtimeshow: js/runtimeshow.js
languages/default.yml
+10 -2
View File
@@ -73,8 +73,7 @@ share: Share
bookmark:
title: Bookmark
message_prev: Press
message_next: to bookmark this page
rightside:
readmode_title: Read Mode
@@ -94,3 +93,12 @@ copy_copyright:
link: Link
source: Source
info: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, please indicate the source.
Snackbar:
bookmark:
message_prev: Press
message_next: to bookmark this page
chs_to_cht: Traditional Chinese Activated Manually
cht_to_chs: Simplified Chinese Activated Manually
day_to_night: Light Mode Activated Manually
night_to_day: Dark Mode Activated Manually
Loaded 3 of 79 files, more files were not shown because too many files have changed in this diff. Show more