Butterfly

Breaking Changes Changed rightside-bottom to rightside_bottom. 12- rightside-bottom:+ rightside_bottom: Refactored the gallery tag plugin. Changed the implementation. Images are now loaded only when they are scrolled into view. Changed the dependency from nk-o/flickr-justified-gallery to egjs-infinitegrid. 12345 CDN: option:- # flickr_justified_gallery_js:- # flickr_justified_gallery_css:+ # egjs_infinitegrid: Changed ClickShowText to clickShowText 123456789101112131...

This article is translated from ChatGPT. The release notes for versions 4.9.0 and later will be published as separate articles. Please check the Release Notes for more information. 4.9.0 (2023/06/06)4.9.0 (2023/06/06)Feature Adapted to mermaid v10 When the screen is larger than 2000px, the display area is increased Header and footer can be configured to add black translucent masks 1234+# Add mask to header or footer+mask:+ header: true+ footer: true Latest comments in...

This article is translated from ChatGPT. 📚 Table of Contents 🚀 Get Started - 📑 Theme Pages - 📌 Theme Configuration - ⚔️ Tag Plugins - ❓ Q&A - ⚡️ Advanced Tutorials Suggestions Avoid placing personal files/images in the source folder of the main theme. During theme upgrades, these files may be overwritten or deleted. Instead, create a separate folder in the Hexo root directory to store personal files/images.To reference these files, use /folder_name/file_name. MusicTh...

This article is translated from ChatGPT. 📚 Table of Contents 🚀 Get Started - 📑 Theme Pages - 📌 Theme Configuration - ⚔️ Tag Plugins - ❓ Q&A - ⚡️ Advanced Tutorials Here are some issues encountered by users during the installation process. Before asking a question, please check if there are any solutions available. Webpage displaying code after runningIf your webpage is only showing the following code:extends includes/layout.pug block content #recent-posts.recent-posts include i...

This article is translated from ChatGPT. 📚 Table of Contents 🚀 Get Started - 📑 Theme Pages - 📌 Theme Configuration - ⚔️ Tag Plugins - ❓ Q&A - ⚡️ Advanced Tutorials Tag plugins are a unique feature of Hexo and are not part of the standard Markdown format. The following syntax is only applicable to the Butterfly theme. It will not work on other themes and may even cause errors. Please be aware before using it. Although tag plugins can provide additional functionality and UI enh...

This article is translated from ChatGPT. 📚 Table of Contents 🚀 Get Started - 📑 Theme Pages - 📌 Theme Configuration - ⚔️ Tag Plugins - ❓ Q&A - ⚡️ Advanced Tutorials Quick Read of Configuration FilesYou can quickly understand all the configuration comments, making your configuration files more convenient. If you encounter any unclear configurations, you can find more detailed information in this article. 1234567891011121314151617181920212223242526272829303132333435363738394041424...

This article is translated from ChatGPT. 📚 Table of Contents 🚀 Get Started - 📑 Theme Pages - 📌 Theme Configuration - ⚔️ Tag Plugins - ❓ Q&A - ⚡️ Advanced Tutorials Front-matterFront-matter is the section at the top of a Markdown file, separated by ---, and is used to specify variables for individual files. Page Front-matter is used for configuring a page. Post Front-matter is used for configuring a post. If a parameter is marked as optional, you can add it based on your needs...

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...

When the top_img is set to false, the top image is not displayed.

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...