Butterfly 5.5 Release Notes
New Features Improved lazyload filter, precisely handling img tag src attributes Local search adds pagination Shuoshuo page changed to pagination navigation Right bottom button adds effect Support custom script name #1732 Add hover transition animation for subdirectory items Optimize sidebar subdirectory display, add transition animation Add card category expansion animation Adapt Mathjax 4 Refactor Algolia search, migrate from InstantSearch.js to directly use Algoliasearch API Refactor confi...
Custom Sidebar
Applicable to >= 3.8.0 The sidebar now supports customization, allowing you to add your favorite widgets. You can add your own widgets or sort existing ones (the Blog Data and Announcement widgets are fixed, but others can be sorted). Widget SortingYou only need to configure the sort_order. (It uses the order property of the Flex layout. For specific details, you can refer to the Mozilla documentation. In simple terms, use numbers to specify the sorting order. If not configured, the...
Customize code coloring
In the Butterfly document - Theme Configuration Part 1, the process of using custom code highlighting themes has been explained. This article serves as a practical tutorial on using custom code coloring. HighlightWe'll take the example of using the Kimbie dark theme for code coloring. Configure hljs to trueModify the _config.yml file in the root directory of your Hexo project. 123456highlight: enable: true line_number: true auto_detect: false tab_replace: hljs: true Configure highli...