Butterfly

16,248
2,299

Butterfly 主题 Halo 移植版

下载

安装到 Halo

方式一

如果安装了应用市场插件,可以直接在应用市场中搜索Butterfly并安装。

方式二

输入你的 Halo 站点地址,点击安装之后会重定向到你 Halo 后台并自动安装,Halo 的版本需要 >= 2.6.0。

方式三

点击手动下载,然后在 Console 上传。
  • 首页

Butterfly 主题 Halo 2.0

Butterfly 是Hexo社区hexo-theme-Butterfly 此次移植pug模板引擎调整为 thymeleaf
希望大家喜欢 ❤️ !同时也要在此感谢原作者 Jerry
欢迎大家加入 halo-theme-Butterfly 交流群:916571927

👀 预览主题

效果图 👇

效果图

🌈 安装

  • 主题仓库地址 https://github.com/dhjddcn/halo-theme-butterfly.git
  • Release 页面下载最新版本 zip
    后,通过 Halo Console 安装上传即可。

⚠️ 注意

安装主题后,需要在 Halo Console - 主题 - 基本 - metadata.name
中进行配置,否则主题无法正常使用。此处配置的名称可以在 Halo Console - 用户 - 用户详情 - 用户名 中获取。

效果图
效果图

🌐 免费可用的 npm cdn

⭐️ 主题功能

  • 二维码打赏
  • 预制主题字体
  • 自定义背景图
  • 页面顶部自定义图
  • 文章列表(列表/平铺)
  • 侧边栏 全局/单独控制
  • 分类/标签页UI优化
  • 社交账号配置
  • 代码高亮 + 行号 + 复制 + 折叠
  • 随机图片api配置
  • 统计页面 总访问量
  • 站点运行时间
  • 主题模式(深色/浅色)

📃 TODO

目前仍有部分功能不完善,暂时没时间做,后面继续迭代。

  • 页面元数据控制
    百度收录查询 + 主动推送
  • 全站 Pjax
  • 相册页开发
  • 多种布局切换
  • 页面动画效果优化
  • 自定义标签
  • 数学公式
  • 局部优化
  • 移动端侧边栏优化

💡 如何自定义导航条菜单图标?

主题本次移植使用的是 fontawesome 字体图标,你可以在 fontawesome
上找到你想要的图标,然后复制图标的 class 名称,如下所示:

如我站点首页图标为 fa-home fa-solid fa-bolt-auto ,则在 菜单-图标 填入 fa-home fa-solid fa-bolt-auto 即可

🛡️ 许可证

license

Halo 使用 GPL-v3.0 协议开源,请遵守开源协议。

🍹 赞助

如果你觉得这个主题不错,你可以帮作者买一杯果汁表示鼓励 🍹。(赞助的时候记得加上备注 😁)

赞助

时间 小伙伴 平台 金额 备注
2022-07-25 咕咕鸽 QQ 50 🍹
2023-03-14 Cary Alipay 10 🍹
2023-03-14 *哦 Wechat 50 🍹
2023-03-22 心底. Wechat 28.88 🍹
2023-03-22 xx鹏 Alipay 3.33 🍹

安装到 Halo

方式一

如果安装了应用市场插件,可以直接在应用市场中搜索Butterfly并安装。

方式二

输入你的 Halo 站点地址,点击安装之后会重定向到你 Halo 后台并自动安装,Halo 的版本需要 >= 2.6.0。

方式三

点击手动下载,然后在 Console 上传。

这是一个开源应用,我们推荐优先在开源仓库中提交 issue,以便开发者更好地接收和跟进问题。

去提交 issue