Butterfly

This article is translated from ChatGPT. 📖 This tutorial was last updated on June 6, 2023, and the content is based on the latest stable version. 🦋 Butterfly has been updated to 4.9.0. 📚 Table of Contents 🚀 Get Started - 📑 Theme Pages - 📌 Theme Configuration Part 1 - ⚔️ Theme Configuration Part 2 - ❓ Q&A - ⚡️ Advanced Tutorials - ✨ Changelog 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 ...

This article is translated from ChatGPT. 📖 This tutorial was last updated on June 6, 2023, and the content is based on the latest stable version. 🦋 Butterfly has been updated to 4.9.0. 📚 Table of Contents 🚀 Get Started - 📑 Theme Pages - 📌 Theme Configuration Part 1 - ⚔️ Theme Configuration Part 2 - ❓ Q&A - ⚡️ Advanced Tutorials - ✨ Changelog Suggestions Avoid placing personal files/images in the source folder of the main theme. During theme upgrades, these files may be ov ...

This article is translated from ChatGPT. 📖 This tutorial was last updated on June 6, 2023, and the content is based on the latest stable version. 🦋 Butterfly has been updated to 4.9.0. 📚 Table of Contents 🚀 Get Started - 📑 Theme Pages - 📌 Theme Configuration Part 1 - ⚔️ Theme Configuration Part 2 - ❓ Q&A - ⚡️ Advanced Tutorials - ✨ Changelog Here are some issues encountered by users during the installation process. Before asking a question, please check if there are any soluti ...

This article is translated from ChatGPT. 📖 This tutorial was last updated on June 6, 2023, and the content is based on the latest stable version. 🦋 Butterfly has been updated to 4.9.0. 📚 Table of Contents 🚀 Get Started - 📑 Theme Pages - 📌 Theme Configuration Part 1 - ⚔️ Theme Configuration Part 2 - ❓ Q&A - ⚡️ Advanced Tutorials - ✨ Changelog MathMathJaxKaTeXDo not use MathJax syntax in the headings; the TOC may not display MathJax properly and may show the MathJax code instead ...

This article is translated from ChatGPT. 📖 This tutorial was last updated on June 6, 2023, and the content is based on the latest stable version. 🦋 Butterfly has been updated to 4.9.0. 📚 Table of Contents 🚀 Get Started - 📑 Theme Pages - 📌 Theme Configuration Part 1 - ⚔️ Theme Configuration Part 2 - ❓ Q&A - ⚡️ Advanced Tutorials - ✨ Changelog LanguageModify the site configuration file _config.yml. The default language is set to English (en). The theme supports three languages: ...

This article is translated from ChatGPT. 📖 This tutorial was last updated on June 6, 2023, and the content is based on the latest stable version. 🦋 Butterfly has been updated to 4.9.0. 📚 Table of Contents 🚀 Get Started - 📑 Theme Pages - 📌 Theme Configuration Part 1 - ⚔️ Theme Configuration Part 2 - ❓ Q&A - ⚡️ Advanced Tutorials - ✨ Changelog Front-matterFront-matter is the section at the top of a Markdown file, separated by ---, and is used to specify variables for individual ...

This article is translated from ChatGPT. 📖 This tutorial was last updated on June 6, 2023, and the content is based on the latest stable version. 🦋 Butterfly has been updated to 4.9.0. 📚 Table of Contents 🚀 Get Started - 📑 Theme Pages - 📌 Theme Configuration Part 1 - ⚔️ Theme Configuration Part 2 - ❓ Q&A - ⚡️ Advanced Tutorials - ✨ Changelog hexo-theme-butterfly is developed based on hexo-theme-melody. InstallationGit (Github)Git (Gitee)npm InstallationStable Version [Recommen ...

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

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