由於instantpage更新5.0.0,導致fancybox和簡繁轉換無法正常執行,需等待instantpage修復Bugs.目前可通過以下兩種方法解決

  1. 在設定中把instantpage設為false, 或者
  2. 在CDN中,把instantpage的js改為https://cdn.jsdelivr.net/npm/instant.page@3/instantpage.min.js

本教程更新於2020年05月20日
Butterfly已經升級到V2.3.5
為了方便我回復大家的問題和集中管理,此文章的評論關閉。
如有跟主題相關的問題,可以在Github Issues或者留言板上反饋/詢問

關於主題自定義的問題,建議仔細觀察主題代碼的寫法,自己動手操作,不懂的可以Google,我不一定會回答你的問題,請見諒。
你也可以加入討論群組
👉 QQ群 👉 Telegram群

2.3.5(2020/05/01)

2.3.5 (2020/05/01)

Feature

  1. beautify 可配置生效於全站還是post頁 #218

    1
    2
    3
    4
    5
    beautify:
    enable: true
    + field: post # site/post
    title-prefix-icon: '\f0c1'
    title-prefix-icon-color: '#F47466'
  2. 更換lazyload js

    1
    2
    3
    4
    5
    6
    7
    8
    9
    -lazyload:
    - enable: true

    +lazyload: true

    CDN:

    - lazyload: https://cdn.jsdelivr.net/npm/lazysizes@latest/lazysizes.min.js
    + lazyload: https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js
  3. 增加文章anchor配置

    1
    2
    3
    + # anchor
    + # when you scroll in post , the url will update according to header id.
    + anchor: false

Fix

  1. 修復當menu沒設置圖標時,會報Cannot read property ‘trim’ of undefined 的bug
  2. 修復meta description 自動生成文章前200文字時部分沒有轉義的bug
  3. 修復開啟lazyload後,使用 無法顯示照片的bug
  4. 修復tags頁標籤只顯示8個的bug
  5. 修復當博客root不是’/‘時,引用本地圖片會顯示不出的bug
  6. 修復替換url hash 導致頁面跳動的bug
2.3.0(2020/04/26)

2.3.0(2020/04/26)

Breaking Change

  1. 增加Facebook Comments

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    +# Facebook Comments Plugin
    +# https://developers.facebook.com/docs/plugins/comments/
    +facebook_comments:
    + enable: false
    + app_id:
    + user_id: # optional
    + pageSize: 10 # The number of comments to show
    + order_by: social # social/time/reverse_time
    + lang: en_US # Language en_US/zh_CN/zh_TW and so on
    + count: false
  1. 增加頁面加載動畫Preloader #193

    1
    2
    +# 加載動畫 Loading Animation
    +preloader: false
  1. aside card-tags可配置是否顯示顏色/aside subtitle可配置,優先顯示配置內容、沒有的顯示頁面subtitle #191 /aside widget 增加部分參數可配置/aside widget的Categories,Tags,post,Archives可配置limit/整合公告欄配置到aside去

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    aside:
    enable: true
    mobile: true # 手機頁面( 顯示寬度 < 768px )是否顯示aside內容
    position: right # left or right
    - card_author: true
    - card_announcement: true
    - card_recent_post: true
    - card_categories: true
    - card_tags: true
    - card_archives: true
    + card_author:
    + enable: true
    + description:
    + card_announcement:
    + enable: true
    + content: This is my Blog
    + card_recent_post:
    + enable: true
    + limit: 5 # if set 0 will show all
    + card_categories:
    + enable: true
    + limit: 8 # if set 0 will show all
    + card_tags:
    + enable: true
    + limit: 40 # if set 0 will show all
    + color: false
    + card_archives:
    + enable: true
    + type: monthly # yearly or monthly
    + format: MMMM YYYY # eg: YYYY年MM月
    + order: -1 # Sort of order. 1, asc for ascending; -1, desc for descending
    + limit: 8 # if set 0 will show all
    card_webinfo: true

    -# 網站公告
    -announcement:
    - content: 感謝訪問本站,若喜歡請收藏 ^_^
  1. 改CDN_USE為inject,可插入代碼到head或者bottom

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    -# CDN
    -# 網站必須
    -# 可根據需要自行添加js/css
    -CDN_USE:
    - css:
    - - /css/index.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

    +# inject
    +# 插入代碼到頭部</head>之前 和 尾部</body>之前
    +inject:
    + head:
    + # - <link rel="stylesheet" href="xxxxx">
    + bottom:
    + # - <script src="xxxx"></script>

    # CDN
    # 非必要不要修改
    CDN:
    + # main
    + main_css: /css/index.css
    + jquery: https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js
    + main: /js/main.js
    + utils: /js/utils.js
  1. 適配valine 1.4.5以上版本

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    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) Deprecated in v1.4.0+
    verify: false # valine verify code (true/false) Deprecated in v1.4.0+
    pageSize: 10 # comment list page size
    avatar: monsterid # gravatar style https://valine.js.org/#/avatar
    lang: en # i18n: zh-CN/zh-TW/en/ja
    placeholder: Please leave your footprints # valine comment input placeholder(like: Please leave your footprints )
    guest_info: nick,mail,link #valine comment header info
    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)
    + emojiCDN: # emoji CDN
    + enableQQ: false # enable the Nickname box to automatically get QQ Nickname and QQ Avatar
    + requiredFields: nick,mail # required fields nick/mail/link
    bg: /img/comment_bg.png # valine background
    count: false # dispaly comment count in top_img
  2. 移除對文章隱藏的支持

Feature

  1. 增加標籤外掛 tag-toggle
  2. 適配hexo-generator-indexed插件
  3. Dark mode和Read mode配色微調
  4. 增加頁面keywords設置 #191
  5. algolia-search highlight文字加深
  6. 調整子目錄的排版(向左對齊)
  7. 調整aside和mobile sidebar 網頁資訊佈局,當缺少一個時,寬度依舊平分
  8. sidebar menu 增加頭像轉圈hover
  9. 當沒有設置Description時,會自動讀取文章前200個文字作為meta Description
  10. meta增加article:published_time和article:modified_time
  11. subtitle修改為網頁加載完後再加載,防止API迴應過慢而阻礙網頁顯示
  12. 移除subtitle金山詞霸每日一句,增加搏天API的隨機語錄
  13. 本地搜索支持顯示文章內容和高亮keyword
  14. Read mode下可以切換Dark mode和Light mode
  15. 高分辨率下的界面適配 #163
  16. 修復Dark Mode下,note標籤的顯示bug
  17. 添加 dns_prefetch

Fixed

  1. 修復 articleSort 設置文章封面邏輯不一致的問題 #194
  2. 修正zh-TW部分用語
  3. 修復hide-block 配置顏色顯示出錯的bug
  4. 修復只能點擊子目錄文字才能跳轉的bug
  5. 修復搜索結果在手機端無法滾動的bug
  6. 修復aside categories 查看更多跳轉到tags頁面的bug #188
  7. 修復當flink.yml內容為空時,報錯的bug
  8. 修復Dark mode下 aside 查看更多文字顏色太淺的bug
  9. 修復POST-META關閉閲讀分鐘和訪問量後,評論量前有分割線的bug
  10. 修復canvas_ribbon透明度變為1再變回預設值bug
  11. 修復當default_cover沒設置時,會出現無圖片的bug
  12. 修復文章頁替換url hash值而導致歷史記錄過多的問題
  13. 修復DarkMode下,note標籤的顯示bug
2.2.5(2020/03/28)

2.2.5(2020/03/28)

Breaking Change

  1. 增加自動廣告位置

    1
    2
    3
    4
    +ad:
    + index:
    + aside:
    + post:
  2. 增加圖片Figcaption顯示

    1
    + photofigcaption: false
  3. 增加全站總字數顯示,可配置是否關閉wordcout閲讀時間/字數統計/全站總字數

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
      wordcount:
    enable: false
    + post_wordcount: true
    + min2read: true
    + total_wordcount: true

    ### Feature

    1. 文章頁上滑出現的頂欄顯示目錄
    2. 全站post-meta增加提示文本(Tooltip Text)
    3. 調整文章頁post-meta和主頁post-meta的間距
    4. 文章頁,當設置只顯示一個日期時,增加文字顯示

    ### Fixed

    1. 修復lazyload中,img標籤的class在src後面時,導致替換出錯的bug
    2. 修復複製版權信息url為undefined的bug
    3. 修復aside 的 “查看更多” 不居中的bug
    4. 修復highlight_shrink設為false時,js報錯的bug
    5. 修復highlight_shrink設為true,點擊無反應,沒有打開代碼框的bug
    6. Darkmode下,出現切換按鈕icon沒有改變的bug
    7. 修復簡繁轉換無效的bug
    8. 修復首頁文章日期顯示錯誤的bug
    9. 修復因註釋掉豆瓣設置導致報Cannot read property 'meta' of undefined的bug
    10. 修復Gitalk報Error: Cannot read property 'repository' of undefined 的bug
    11. 修復評論utterances 在display_mode設置為dark時,仍顯示light主題的bug
    12. 修復display_mode設置dark沒有效果的bug
    13. 評論增加夜間模式、文章頁判斷,減少不必要的js加載
    {% endhideToggle %}


    {% hideToggle 2.2.0 (2020/03/17) %}

    ## 2.2.0 (2020/03/17)

    ### Breaking Change

    1. 不再支持hexo 4.0.0以下版本
    2. 添加hexo fragment_cache,加快生成速度

    ```diff
    + fragment_cache: true
  4. 完善V5圖標顯示,不再需要同時加載V4和v5圖標

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    + 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
  5. 去除cheerio依賴

  6. 整合豆瓣配置,增加配置遊戲,圖書頁面top_img,可設置是否設置meta,解決部分瀏覽器無法顯示圖片問題

    1
    2
    3
    4
    5
    6
    7
    8
    - # 如果你有使用hexo-douban去生成movie界面,可配置這個
    - movies_img: https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/top_img/movie.jpg

    + douban:
    + meta: false
    + movies_img:
    + books_img:
    + games_img:
  7. 友情鏈接除列表外可自定義內容

    1
    2
    3
    4
    5
    6
    7
    8
    9
    - # 友情鏈接界面設置
    - Flink:
    - headline: 友情鏈接
    - info_headline: 我的Blog資料
    - name: Blog 名字: JerryC
    - address: Blog 地址: https://jerryc.me/
    - avatar: Blog 頭像: https://jerryc.me/img/avatar.png
    - info: Blog 簡介: 今日事,今日畢
    - comment: 如果需要交換友鏈,請留言
  8. 可設置主頁標題距離頂部距離

    1
    2
    3
    4
    5
    # 主頁設置
    # 默認top_img全屏,site_info在中間
    # 使用默認, 都無需填寫(建議默認)
    +index_site_info_top: # 主頁標題距離頂部距離 例如 300px/300em/300rem/10%
    index_top_img_height: # 主頁top_img高度 例如 300px/300em/300rem 不能使用百分比
  9. 側邊欄可隱藏,可設置手機頁面是否隱藏

    1
    2
    3
    4
    5
    6
    7
    -aside_mobile: true

    aside:
    + enable: true
    + mobile: true # 手機頁面( 顯示寬度 < 768px )是否顯示aside內容
    position: right # left or right
    card_author: true
  10. 增加disqusjs和utterances 兩個評論

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    +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
  11. 首頁subtitle可關閉打字效果,可設置打字效果顯示一次或loop

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    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
    # (如果有英文逗號' , ',請使用轉義字符 &#44;)
    # 如果關閉打字效果,subtitle只會顯示sub的第一行文字
    sub:
    - 今日事&#44;今日畢
    - Never put off till tomorrow what you can do today
  12. 增加valine和gitalk的配置

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    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顯示評論數
  13. darkmode配置整理

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    - # 夜間模式
    - 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
  14. 增加404頁面

    1
    2
    3
    4
    5
    +# A simple 404 page
    +error_404:
    + enable: true
    + subtitle: "頁面沒有找到"
    + background:
  15. post_beautify改為beautify,頁面美化不再只限於post頁,page頁也一樣

    1
    2
    3
    4
    5
    -post_beautify:
    +beautify:
    enable: true
    title-prefix-icon: '\f0c1'
    title-prefix-icon-color: "#F47466"
  16. 可設置是否顯示cover,可設置各位置的cover顯示

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    -# the default cover of the post
    -default_cover: https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/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:
  17. 增加mermaid,可畫流程圖、狀態圖、時序圖、甘特圖等等

    1
    2
    3
    4
    5
    +# https://github.com/knsv/mermaid
    +mermaid:
    + enable: true
    + # built-in themes: default/forest/dark/neutral
    + theme: default
  18. 增加pangu配置,中英文之間添加空格

    1
    2
    3
    4
    5
    +# https://github.com/vinta/pangu.js
    +# 中英文之間添加空格
    +pangu:
    + enable: true
    + field: page # page/post
  19. 整合部分配置

    1
    2
    3
    4
    5
    -avatar_effect: false

    +avatar:
    + img: /img/avatar.png
    + effect: true # 頭像會一直轉圈
  20. post-copyright增加decode網址 (可以顯示中文)

    1
    2
    3
    4
    5
    post_copyright:
    enable: true
    + decode: false
    license: CC BY-NC-SA 4.0
    license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/
  21. 增加部分顏色配置

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    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"
  22. 主頁文章增加tags和更新日期顯示,可以配置post_meta

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    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

  1. 適配IE
  2. 增加一個Tag Plugins: 圖庫集
  3. 增加一個Tag Plugins: tag-hide 功能 inline/block
  4. 去除page頁開頭顯示與標題一樣的內容
  5. aside 公告欄設置,支持html代碼
  6. 手機界面sidebar顯示進度條和加深對應的標題
  7. 主頁subtitle 的 hitokoto 顯示內容出處
  8. footer 的hexo鏈接改為https
  9. 修改手機下,menus和toc的打開效果
  10. 手機頁面下,搜索界面全屏顯示
  11. SEO優化,標題欄改為h1顯示
  12. 閲讀模式優化,可根據light mode 和darkmode調整背景
  13. 當屏蔽js時,header會出現(之前用js控制,會隱藏)

Fixed

  1. 修復Tencent Analytics的script加載為https #105
  2. 修復相關文章,日期顯示錯誤bug
  3. 修復gitalk報錯問題
  4. 修復當valine background 是絕對地址時無法顯示的bug
  5. 修復medium-zoom 無法使用的bug
  6. 修復在safari下,點擊或移動到首頁文章cover,圓角變成正方形的bug #114
  7. 修復在部分瀏覽器下,aside,友情鏈接頭像轉動變形的bug
  8. 修復在寬度限制下,表格內容溢出屏幕外而出現滾動條的bug #138
  9. 修復gitalk js 在一些沒有設置評論的page里加載的bug
  10. 修復tag plugins 的gist 在不同主題下的背景顏色問題(黑色主題下,文字不易觀看)
  11. 修復highlight figcaption 顯示不全的bug
  12. 修復disqus評論數無法獲取的bug
  13. 修復子目錄在觸摸屏下點擊,偶爾不出現的bug
  14. 修復a標籤太長(連續英文字母)不會換行的bug
  15. 修復toc滾動時,閲讀進度條也跟着滾動的bug
  16. 修復aside的圖片,可點擊顯示大圖bug
  17. 修復activate-power-mode設置參數無效bug
  18. 修復語言上的錯誤 #156
  19. 修復主頁在safari桌面端,首頁滾動卡頓的bug
2.1.0 (2019/12/20)

2.1.0 (2019/12/20)

Feature

  1. 可設置隱藏文章
  2. 適配 Hexo 的 Tag Plugins Code Block With marked lines 顯示
  3. 可配置首頁 cover 顯示的位置
  4. 更改深色模式下的配色
  5. activate_power_mode 增加關閉顏色和抖動
  6. 增加谷歌廣告,騰訊分析
  7. 相關文章增加時間顯示,調整佈局,垂直居中
  8. 文章頁面,top_img 增加評論數顯示
  9. 可以取消點擊圖片觀看大圖
  10. mathjax 和 kathex 可設置每頁都加載還是按需加載
  11. 深色模式下,滾動條顏色的適配
  12. 優化 gitalk 在 dark mode 下的顯示
  13. 文章頁,文章標題過長時,只顯示三行內容
  14. 深色模式下,背景圖片加上蒙板
  15. 優化深色/閲讀模式下,canvas 的顯示
  16. 優化打賞的特效和移動到二維碼不會立刻消失
  17. 優化 sub-menu 樣式
  18. 修改 aside 的 tags 顏色,在深色模式下不會出現觀看困難
  19. 升級 normalize.css 到最新版
  20. 優化手機上 toc 和 menu 的打開動畫
  21. 優化代碼框打開關閉的特效
  22. 精簡 js,部分操作改為 css 控制
  23. 優化主題的一些動畫,不會過於生硬

Fixed

  1. 修復當圖片被 a 標籤包圍時,點擊圖標沒有跳轉到對應網頁而是出現大圖觀看模式的 bug
  2. 修復當網址有 subdirectory 時,menu、打賞二維碼和 lodding_bg 鏈接路徑錯誤的 bug
  3. 修復當網址有 subdirectory 時,
  4. 修復 katex 的 CSS 無法讀取 bug
  5. 修復搜索按鈕在文章頁不顯示的 bug
  6. 修復 gitalk css 引用失敗的 bug
  7. 修復 點擊特效 煙花 無效的 bug
  8. 修復 gitalk 報 path.startsWith is not a function 的 bug
  9. 修復 閲讀模式下,背景沒有變純色的 bug
  10. 修復閲讀模式下,header 偶爾出現沒有靠攏頂部的 bug
  11. 修復 Hexo Tag Plugins Block Quote 裏的鏈接顯示出外面的 Bug
  12. 修復 aside 歸檔日期過長導致錯位的 bug
  13. 修復 toc 為空時,toc 按鈕仍存在的 bug
  14. 修復關閉懶加載後,頭像無法顯示的 bug
  15. 修復深色模式下,切換 readmode 偶爾會無效的 bug
  16. 修復在一些手機設備上,toc 和 menu 的按鈕顯示不對齊的 bug #72
2.0.0 (2019/11/03)

2.0.0 (2019/11/03)

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
1.2.0 (2019/09/24)

1.2.0 (2019/09/24)

Feature

  1. 更改手機頁面的menu和toc的顯示方式和顯示特效(ipad也能看TOC)
  2. 可設置禁止複製網站內容
  3. 可設置複製時,內容自動加上版權信息
  4. 可修改tag的top_img
  5. 可修改category的top_img
  6. 可修改valine的背景
  7. archives頁UI優化
  8. ICP增加icon #37
  9. 可設置主頁top_img的高度
  10. 可設置主頁site-info的位置
  11. category頁和tag頁的UI可以設置與主頁UI一樣 #31
  12. 主頁subtitle可設置多個句子(不再限制2個) #37
  13. 設置menu時,頭尾添加空格不受影響
  14. 調整post頁的佈局
  15. 書籤添加icon
  16. 公告icon效果
  17. 首頁歸檔模塊,可設置數量限制,會顯示’查看更多’按鈕
  18. 右下角按鈕調整。

Fix

  1. 修復文章cover隨機圖片生成,同一篇文章,不同地方的cover顯示不一樣的bug
  2. 修復gitalk語言設置無效的bug #35
  3. 修復post頁面,當沒有設置word count時,閲讀量前有’|”
  4. 修復sub-menu在safari的顯示問題
  5. 修復tags頁評論居中問題
  6. 修復header a hover 白色問題
  7. 修復夜間模式下footer的顏色bug
  8. 修復英文語言下,書籤英文顯示不完整的問題
1.1.5 (2019/09/08)

1.1.5 (2019/09/08)

Feature

  1. Feature: 可設置內聯代碼塊樣式 #26
  2. Feature: 可設置夜間模式作為默認樣式
  3. Feature: 可設置是否顯示code language名稱
  4. Feature: 可設置是否展開或關閉代碼框
  5. Feature: 可設置背景圖片/顏色
  6. Feature: 可設置是否顯示footer背景
  7. Feature: 增加 canvas-nest.js
  8. Feature: 頭像可設置效果(轉圈圈)
  9. Feature: menu可設置分組

Fix

  1. Fix: 優化打賞和搜索打開特效
  2. Fix: 優化sidebar的打開特效,避免與文章頁特效不同步
  3. Fix: 適配hexo-blog-encrypt,現在可以顯示toc
  4. Fix: 修復設置不顯示評論時,直達評論按鈕沒有消失的bug
  5. Fix: 修復post頁底欄,當沒有顯示評論,不顯示TOC,評論和toc都不顯示 這三種狀態下按鈕的bug
  6. Fix: 修復代碼框左右滑動時,代碼名字跟着滑動的bug
  7. Fix: 其他page頁標題的字體顯示
  8. Fix: 修復當設置開啟canvas_ribbons,進入網站會先顯示canvas_ribbons的bug
  9. Fix: 完善夜間模式下,字體顯示問題
  10. Fix: 修復代碼框 複製 和 代碼名 z-index bug #25
  11. Fix: 完善閲讀模式
1.1.0 (2019/08/29)

1.1.0 (2019/08/29)

Feature

  1. Feature: 手機menu界面重新設計
  2. Feature: 文章頁增加美化(原 melody主題功能),並增加更改標題前綴圖標和顏色
  3. Feature: PC端增加直達評論按鈕
  4. Feature: 可以對單獨文章設置是否顯示版權信息

Fix

  1. Fix: 修復閲讀模式下,調整字體大小對代碼無效的bug
  2. Fix: 調整Valine字體顯示問題
  3. Fix: 修正夜間模式下Valine的適配問題
  4. Fix: 修復Valine設置notify和verify無效的bug (thx @VincentTV )
  5. Fix: 修復使用hexo-asset-image,開啟懶加載後,圖片會出現無法加載問題
  6. Fix:修復 ‘返回頂部’箭頭無法點擊的bug

Remove

  1. Remove: 去掉主題”閲讀更多”按鈕
1.0.8 (2019/08/11)

1.0.8 (2019/08/11)

  1. Feature: 可關閉圖片懶加載
  2. Feature: 增加頁面排版,可選擇把右邊欄放在左邊
  3. Feature: 增加 Note (Bootstrap Callout) (移植於next主題)
  4. Feature: 手機上能夠查看TOC
  5. Feature: 增加直達評論按鈕
  6. Fix: 修復post頁在寬度1024px下的顯示bug
  7. Fix: 修復代碼框部分語言沒有顯示正確的代碼語言
  8. Fix: 修復設置裏把Disqus註釋掉無法運行的bug
1.0.7 (2019/07/29)

1.0.7 (2019/07/29)

Feature

  1. Feature: add the option to change the site name font-family
  2. Feature: add the option to close instant-page
  3. Feature: the sidebar can auto scroll when the toc out of the screen

Fix

  1. Fix: random cover of previous post and next post
  2. Fix: Display null when the subtitle not set
  3. Fix: display related post’s headline when it is not related posts
  4. Fix: the bugs of image display
  5. Fix: When the picture is loaded, the picture appears black frame
1.0.6 (2019/07/06)

1.0.6 (2019/07/06)

  1. Feature: random cover #10
  2. Fix: valine lang not work
  3. Fix: archives page site name not change when the language change
  4. Fix: related posts url error
1.0.5 (2019/06/28)

1.0.5 (2019/06/28)

  1. fix bugs of gitalk #9
  2. fix bugs of valine
  3. new look of the mobile menu
1.0.0 (2019.06/17)

1.0.0 (2019.06/17)

first release