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