Butterfly 一个简单、漂亮、快速的 Hexo 免费博客主题模版

主题简介

基于hexo-theme-melody主题

主题特色

• 卡片界面设计
• 支持子菜单
• 两列设计
• 响应式网页设计
• 黑暗模式
• Pjax
• 阅读模式
• 繁体简体中文转换
• TOC 目录适用于电脑和手机
• 颜色主题（深/淡夜/浅/海洋/mac/mac 灯），支持自定义颜色
• 代码块（显示代码语言/关闭或展开代码块/复制按钮/自动换行）
• 禁用复制/向复制的文本添加版权声明
• 搜索（Algolia SearchZ/本地搜索）
• Mathjax 和 Katex
• 内置404页面
• 字数
• 相关文章
• 显示帖子的过时通知
• 分享（AddThis/Sharejs/Addtoany）
• 评论（Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook 评论/Twikoo/Giscus）
• 多评论系统支持
• 在线聊天（Chatra/Tidio/Daovoice/Gitter/Crisp）
• 网络分析
• 谷歌的AdSense
• 站长验证
• 更改网站配色方案
• 打字机效果：activate_power_mode
• 背景效果（画布色带/canvas_ribbon_piao/canvas_nest）
• 鼠标点击效果（烟花/心/文字）
• 预加载器/加载动画
• 布算子访客柜台
• 中等缩放/Fancybox
• 美人鱼
• 正当画廊
• 延迟加载图像
• Instantpage/Pangu/Snackbar 通知 toast/PWA……

主题预览

主题相关

Github：https://github.com/jerryc127/hexo-theme-butterfly

演示：? 蝴蝶 || ? 疯王

文档：https://butterfly.js.org/posts/21cfbf15/

主题安装

# 国外服务器
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

# 国内服务器
git clone -b master https://gitee.com/immyw/hexo-theme-butterfly.git themes/butterfly

主题配置

修改 Hexo 根目錄下的 _config.yml，把主題改為butterfly：

theme: butterfly

安裝插件

如果你沒有 pug 以及 stylus 的渲染器，請下載安裝：

npm install hexo-renderer-pug hexo-renderer-stylus --save