hexo-theme-butterfly 主题的扩展,导航栏控制中心 目前只有黑暗模式和随便逛逛
实际效果展示 唯之为之的博客
演示博客示例 butterfly-plug
参与调试/自定义修改/开发butterfly主题插件,可配合 butterfly-plug 项目示例,欢迎 ⭐Star
。
参考 hexo-butterfly-navctrl 使用说明
npm i hexo-butterfly-navctrl --save
npm update hexo-butterfly-navctrl --save
在 _config.butterfly.yml
里找到 darkmode
,开启暗黑模式,关闭黑暗模式的按钮
# dark mode
darkmode:
enable: true # 设置为true
button: false # 设置为false
将以下配置添加到 _config.butterfly.yml
或 _config.yml
。
navctrl:
enable: true # 开关
priority: 10 # 过滤器优先权 默认10,值越低过滤器越早执行
layout: # 挂载容器类型
type: id
name: nav # 容器名称
index: 1 # 如果是class,取第几个
menu: # 如果不想要哪个菜单,注释掉即可
display: '' # 默认文字+图标; txt 仅文字; icon 仅图标
dark: '显示模式 || fas fa-adjust'
random: '随便逛逛 || fas fa-paper-plane'
link: # 添加链接,支持多个
# - '我的博客 || fas fa-blog || https://weizwz.com/'
# - '关注我 || fas fa-brands fa-github || https://github.com/weizwz'
重启生效