Releases: jerryc127/hexo-theme-butterfly
Releases · jerryc127/hexo-theme-butterfly
2.2.0
Breaking Change
-
不再支持hexo 4.0.0以下版本
-
添加hexo fragment_cache,加快生成速度
+ fragment_cache: true -
完善V5圖標顯示，不再需要同時加載V4和v5圖標
+ fontawesome_v5: + enable: false CDN_USE: css: - /css/index.css - - https://cdn.jsdelivr.net/npm/font-awesome@latest/css/font-awesome.min.css - - https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css #fontawesomeV5_css CDN: + # fontawesome + fontawesome_v4: https://cdn.jsdelivr.net/npm/font-awesome@latest/css/font-awesome.min.css + fontawesome_v5: https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css
-
去除cheerio依賴
-
整合豆瓣配置，增加配置遊戲，圖書頁面top_img,可設置是否設置meta,解決部分瀏覽器無法顯示圖片問題
- # 如果你有使用hexo-douban去生成movie界面，可配置這個 - movies_img: https://cdn.jsdelivr.net/gh/jerryc127/[email protected]/top_img/movie.jpg + douban: + meta: false + movies_img: + books_img: + games_img:
-
友情鏈接除列表外可自定義內容
- # 友情鏈接界面設置 - Flink: - headline: 友情鏈接 - info_headline: 我的Blog資料 - name: Blog 名字： JerryC - address: Blog 地址： https://jerryc.me/ - avatar: Blog 頭像： https://jerryc.me/img/avatar.png - info: Blog 簡介： 今日事,今日畢 - comment: 如果需要交換友鏈,請留言
-
可設置主頁標題距離頂部距離
# 主頁設置 # 默認top_img全屏，site_info在中間 # 使用默認, 都無需填寫（建議默認） +index_site_info_top: # 主頁標題距離頂部距離 例如 300px/300em/300rem/10% index_top_img_height: # 主頁top_img高度 例如 300px/300em/300rem 不能使用百分比
-
側邊欄可隱藏,可設置手機頁面是否隱藏
-aside_mobile: true aside: + enable: true + mobile: true # 手機頁面（ 顯示寬度 < 768px ）是否顯示aside內容 position: right # left or right card_author: true
-
增加disqusjs和utterances 兩個評論
+disqusjs: + enable: false #開啟改為 true + shortname: + siteName: + apikey: + api: https://disqus.skk.moe/disqus/ #一般情況下無需修改 API 地址 + admin: + adminLabel: + count: true # top_img顯示評論數 + utterances: + enable: false + repo: jerryc127/jerryc127.github.io # 可選 pathname/url/title/og:title + issue_term: pathname # 可選 github-light/github-dark/github-dark-orange/icy-dark/dark-blue/photon-dark + light_theme: github-light + dark_theme: photon-dark
-
首頁subtitle可關閉打字效果，可設置打字效果顯示一次或loop
subtitle: enable: true + # 打字效果 + effect: true + # 循環或者只打字一次 + loop: false # 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: 2 # (如果有英文逗號' , '，請使用轉義字符 ,) # 如果關閉打字效果，subtitle只會顯示sub的第一行文字 sub: - 今日事,今日畢 - Never put off till tomorrow what you can do today
-
增加valine和gitalk的配置
gitalk: enable: false client_id: client_secret: repo: owner: admin: language: zh-CN # en , zh-CN , zh-TW + perPage: 10 # Pagination size, with maximum 100. + distractionFreeMode: false # Facebook-like distraction free mode. + pagerDirection: last # Comment sorting direction, available values are last and first. + createIssueManually: false # Gitalk will create a corresponding github issue for your every single page automatically count: true # top_img顯示評論數 valine: enable: false # if you want use valine,please set this value is true appId: # leancloud application app id appKey: # leancloud application app key notify: false # valine mail notify (true/false) https://github.com/xCss/Valine/wiki verify: false # valine verify code (true/false) pageSize: 10 # comment list page size avatar: monsterid # gravatar style https://valine.js.org/#/avatar lang: en # i18n: zh-cn/en placeholder: 記得留下你的暱稱和郵箱....可以快速收到回覆 # valine comment input placeholder(like: Please leave your footprints ) guest_info: nick,mail,link #valine comment header info + recordIP: false # Record reviewer IP + serverURLs: # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in) bg: /img/comment_bg.png # valine background count: true # top_img顯示評論數
-
darkmode配置整理
- # 夜間模式 - darkmode: - enable: true -# 自動切換 dark mode和 light mode -# autoChangeMode: 1 跟隨系統而變化，不支持的瀏覽器/系統將按照時間晚上6點到早上6點之間切換為 dark mode -# autoChangeMode: 2 只按照時間晚上6點到早上6點之間切換為 dark mode -# autoChangeMode: false 取消自動切換 -autoChangeMode: false + darkmode: + enable: true + # dark mode和 light mode切換按鈕 + button: true + # 自動切換 dark mode和 light mode + # autoChangeMode: 1 跟隨系統而變化，不支持的瀏覽器/系統將按照時間晚上6點到早上6點之間切換為 dark mode + # autoChangeMode: 2 只按照時間晚上6點到早上6點之間切換為 dark mode + # autoChangeMode: false 取消自動切換 + autoChangeMode: false
-
增加404頁面
+# A simple 404 page +error_404: + enable: true + subtitle: "頁面沒有找到" + background:
-
post_beautify改為beautify，頁面美化不再只限於post頁，page頁也一樣
-post_beautify: +beautify: enable: true title-prefix-icon: '\f0c1' title-prefix-icon-color: "#F47466"
-
可設置是否顯示cover，可設置各位置的cover顯示
-# the default cover of the post -default_cover: https://cdn.jsdelivr.net/gh/jerryc127/[email protected]/top_img/default.png -index_post_cover: both +cover: + # 是否顯示文章封面 + index_enable: true + aside_enable: true + archives_enable: true + # 封面顯示的位置 + # 三個值可配置 left , right , both + position: both + # 當沒有設置cover時，默認的封面顯示 + default_cover:
-
增加mermaid,可畫流程圖、狀態圖、時序圖、甘特圖等等
+# https://github.com/knsv/mermaid +mermaid: + enable: true + # built-in themes: default/forest/dark/neutral + theme: default
-
增加pangu配置，中英文之間添加空格
+# https://github.com/vinta/pangu.js +# 中英文之間添加空格 +pangu: + enable: true + field: page # page/post
-
整合部分配置
-avatar_effect: false +avatar: + img: /img/avatar.png + effect: true # 頭像會一直轉圈
-
post-copyright增加decode網址 (可以顯示中文)
post_copyright: enable: true + decode: false license: CC BY-NC-SA 4.0 license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/ -
增加部分顏色配置
theme_color: enable: true main: "#49B1F5" paginator: "#00c4b6" button_hover: "#FF7242" text_selection: "#00c4b6" link_color: "#99a9bf" meta_color: '#858585' hr_color: "#A4D8FA" - read-mode-bg_color: '#FAF9DE' - inline-code-color: '#F47466' + code_foreground: "#F47466" + code_background: "rgba(27, 31, 35, .05)" + toc_color: "#00c4b6" + blockquote_padding_color: "#49b1f5" + blockquote_background_color: "#49b1f5"
-
主頁文章增加tags和更新日期顯示，可以配置post_meta
post_meta: - date_type: both # or created or updated 文章日期是創建日或者更新日或都顯示 - categories: true # or false 是否顯示分類 - tags: true # or false 是否顯示標籤 + page: + date_type: both # created or updated or both 主頁文章日期是創建日或者更新日或都顯示 + categories: true # true or false 主頁是否顯示分類 + tags: true # true or false 主頁是否顯示標籤 + post: + date_type: both # created or updated or both 文章頁日期是創建日或者更新日或都顯示 + categories: true # true or false 文章頁是否顯示分類 + tags: true # true or false 文章頁是否顯示標籤
Feature
- 適配IE
- 增加一個Tag Plugins: 圖庫集
- 增加一個Tag Plugins: tag-hide 功能 inline/block
- 去除page頁開頭顯示與標題一樣的內容
- aside 公告欄設置，支持html代碼
- 手機界面sidebar顯示進度條和加深對應的標題
- 主頁subtitle 的 hitokoto 顯示內容出處
- footer 的hexo鏈接改為https
- 修改手機下，menus和toc的打開效果
- 手機頁面下，搜索界面全屏顯示
- SEO優化，標題欄改為h1顯示
- 閲讀模式優化，可根據light mode 和darkmode調整背景
- 當屏蔽js時，header會出現（之前用js控制，會隱藏）
Fixed
- 修復Tencent Analytics的script加載為https #105
- 修復相關文章，日期顯示錯誤bug
- 修復gitalk報錯問題
- 修復當valine background 是絕對地址時無法顯示的bug
- 修復medium-zoom 無法使用的bug
- 修復在safari下，點擊或移動到首頁文章cover，圓角變成正方形的bug #114
- 修復在部分瀏覽器下，aside,友情鏈接頭像轉動變形的bug
- 修復在寬度限制下，表格內容溢出屏幕外而出現滾動條的bug #138
- 修復gitalk js 在一些沒有設置評論的page里加載的bug
- 修復tag plugins 的gist 在不同主題下的背景顏色問題（黑色主題下，文字不易觀看）
- 修復highlight figcaption 顯示不全的bug
- 修復disqus評論數無法獲取的bug
- 修復子目錄在觸摸屏下點擊,偶爾不出現的bug
- 修復a標籤太長（連續英文字母）不會換行的bug
- 修復toc滾動時，閲讀進度條也跟着滾動的bug
- 修復aside的圖片，可點擊顯示大圖bug
- 修復activate-power-mode設置參數無效bug
- 修復語言上的錯誤 #156
- 修復主頁在safari桌面端，首頁滾動卡頓的bug
2.1.0
Feature
- 可設置隱藏文章
- 適配 Hexo 的 Tag Plugins Code Block With marked lines 顯示
- 可配置首頁 cover 顯示的位置
- 更改深色模式下的配色
- activate_power_mode 增加關閉顏色和抖動
- 增加谷歌廣告，騰訊分析
- 相關文章增加時間顯示，調整佈局，垂直居中
- 文章頁面，top_img 增加評論數顯示
- 可以取消點擊圖片觀看大圖
- mathjax 和 kathex 可設置每頁都加載還是按需加載
- 深色模式下，滾動條顔色的適配
- 優化 gitalk 在 dark mode 下的顯示
- 文章頁，文章標題過長時，只顯示三行內容
- 深色模式下，背景圖片加上蒙板
- 優化深色/閲讀模式下，canvas 的顯示
- 優化打賞的特效和移動到二維碼不會立刻消失
- 優化 sub-menu 樣式
- 修改 aside 的 tags 顔色，在深色模式下不會出現觀看困難
- 升級 normalize.css 到最新版
- 優化手機上 toc 和 menu 的打開動畫
- 優化代碼框打開關閉的特效
- 精簡 js,部分操作改為 css 控制
- 優化主題的一些動畫，不會過於生硬
Fixed
- 修復當圖片被 a 標簽包圍時，點擊圖標沒有跳轉到對應網頁而是出現大圖觀看模式的 bug
- 修復當網址有 subdirectory 時，menu、打賞二維碼和 lodding_bg 鏈接路徑錯誤的 bug
- 修復當網址有 subdirectory 時,
- 修復 katex 的 CSS 無法讀取 bug
- 修復搜索按鈕在文章頁不顯示的 bug
- 修復 gitalk css 引用失敗的 bug
- 修復 點擊特效 煙花 無效的 bug
- 修復 gitalk 報 path.startsWith is not a function 的 bug
- 修復 閲讀模式下，背景沒有變純色的 bug
- 修復閲讀模式下，header 偶爾出現沒有靠攏頂部的 bug
- 修復 Hexo Tag Plugins Block Quote 裏的鏈接顯示出外面的 Bug
- 修復 aside 歸檔日期過長導致錯位的 bug
- 修復 toc 為空時，toc 按鈕仍存在的 bug
- 修復關閉懶加載後，頭像無法顯示的 bug
- 修復深色模式下，切換 readmode 偶爾會無效的 bug
- 修復在一些手機設備上，toc 和 menu 的按鈕顯示不對齊的 bug #72
2.0.0
Breaking change
- 手機端界面卡片化，同時，手機端也可以顯示側邊欄的內容
- 修復當menu過多時，header界面出現錯亂的bug。當menu過多時，會變為sidebar模式
- 增加medium-zoom大圖查看模式
- 增加鼠標點擊特效：文字和愛心 兩個點擊特效
- 主頁subtitle可以調用第三方api(金山詞霸每日一句、一言網的一句話、一句網、今日詩詞)
- 添加 snackbar 彈窗
- 修改nightshift為darkmode，darkmode可隨系統設置而自動切換，可設置隨時間而切換darkmode
- 修復hexo自帶的標籤外掛(Tag Plugins)顯示bug(Block Quote、Code Block With caption、Gist、Youtube、Vimeo)
- 主題所需要的css和js可根據需要配置CDN
- 更改darkmode的加載方式，網站設置dark mode後，現在進入網頁不會在'閃'一下
- 背景特效和背景圖片在手機界面也會顯示
- 增加justified-gallery圖片顯示(Tag Plugins)
Feature
- 文章頁面，字數統計、閲讀時長和閲讀量前面添加icon
- 更改懶加載js
- 升級typed.js/instantpage.js到最新版
- 搜索和右下角按鈕添加退出特效
Fixed
- 修復在 Hexo 4.0.0下，一些按鈕點擊會跳出一個空白頁的bug
- 修復在 Hexo 4.0.0下，分頁按鈕出現代碼的bug
- 修復當沒有設置評論時，右下角依舊出現'直達評論'按鈕的bug
- 優化sidebar的打開速度
- 修復文章頁標題左右邊距不平等的bug
- 修復keywords讀取的bug
- 修復當post/page 內容為空時，footer位置錯亂的bug
- 修復在手機safari，toc sidebar底部內容被遮擋的bug
- 完善Dark mode,一些界面的配色
- 修復 card-archives 查看更多 跳轉bug
Remove
- 移除Gitment
- 移除Gallery
1.2.0
Feature
- 更改手機頁面的menu和toc的顯示方式和顯示特效（ipad也能看TOC)
- 可設置禁止複製網站内容
- 可設置複製時，内容自動加上版權信息
- 可修改tag的top_img
- 可修改category的top_img
- 可修改valine的背景
- archives頁UI優化
- ICP增加icon #37
- 可設置主頁top_img的高度
- 可設置主頁site-info的位置
- category頁和tag頁的UI可以設置與主頁UI一樣 #31
- 主頁subtitle可設置多個句子（不再限制2個） #37
- 設置menu時，頭尾添加空格不受影響
- 調整post頁的佈局
- 书签添加icon
- 公告icon效果
- 首頁歸檔模塊，可設置數量限制，會顯示'查看更多'按鈕
- 右下角按鈕調整。
Fix
- 修复文章cover隨機图片生成，同一篇文章，不同地方的cover顯示不一样的bug
- 修復gitalk語言設置無效的bug #35
- 修復post頁面，當沒有設置word count時，閲讀量前有'|"
- 修复sub-menu在safari的显示问题
- 修复tags页评论居中问题
- 修复header a hover 白色问题
- 修復夜間模式下footer的顔色bug
- 修復英文語言下，書簽英文顯示不完整的問題
1.1.5
Feature
- Feature: 可設置内联代码块样式 #26
- Feature: 可設置夜間模式作爲默認樣式
- Feature: 可設置是否顯示code language名稱
- Feature: 可設置是否展開或關閉代碼框
- Feature: 可設置背景圖片/顔色
- Feature: 可設置是否顯示footer背景
- Feature: 增加 canvas-nest.js
- Feature: 頭像可設置效果(轉圈圈)
- Feature: menu可設置分組
Fix
- Fix: 優化打賞和搜索打開特效
- Fix: 優化sidebar的打開特效，避免與文章頁特效不同步
- Fix: 適配hexo-blog-encrypt，現在可以顯示toc
- Fix: 修復設置不顯示評論時，直達評論按鈕沒有消失的bug
- Fix: 修復post頁底欄，當沒有顯示評論，不顯示TOC，評論和toc都不顯示 這三種狀態下按鈕的bug
- Fix: 修復代碼框左右滑動時，代碼名字跟著滑動的bug
- Fix: 其他page頁標題的字體顯示
- Fix: 修復當設置開啓canvas_ribbons，進入網站會先顯示canvas_ribbons的bug
- Fix: 完善夜間模式下，字體顯示問題
- Fix: 修復代碼框 複製 和 代碼名 z-index bug #25
- Fix: 完善阅读模式
1.1.0
Feature
- Feature: 手機menu界面重新設計
- Feature: 文章頁增加美化（原 melody主題功能),並增加更改標題前綴圖標和顔色
- Feature: PC端增加直達評論按鈕
- Feature: 可以對單獨文章設置是否顯示版權信息
Fix
- Fix: 修復閲讀模式下，調整字體大小對代碼無效的bug
- Fix: 調整Valine字體顯示問題
- Fix: 修正夜間模式下Valine的適配問題
- Fix: 修復Valine設置notify和verify無效的bug (thx @VincentTV )
- Fix: 修復使用hexo-asset-image,開啓懶加載后，圖片會出現無法加載問題
- Fix:修复 '返回顶部'箭头无法点击的bug
Remove
- Remove: 去掉主題"閲讀更多"按鈕
1.0.8
1.0.7
Feature
- Feature: add the option to change the site name font-family
- Feature: add the option to close instant-page
- Feature: the sidebar can auto scroll when the toc out of the screen
Fix
- Fix: random cover of previous post and next post
- Fix: Display null when the subtitle not set
- Fix: display related post's headline when it is not related posts
- Fix: the bugs of image display
- Fix: When the picture is loaded, the picture appears black frame