一、功能简介
Joe主题V1.33已经版本引入了全新的自定义导航栏功能，具有以下特色：
- 灵活管理: 支持随意添加、删除导航按钮，并可自由排序
- 高度自定义: 每个按钮支持自定义图标、文字及尺寸
- 丰富图标库: 主题预置了大量精美的多彩SVG图标，开箱即用
- 标签支持: 可为链接添加标签进行显示
- 精心设计: UI美观，颜色、背景、间距、尺寸等都经过精心设计
- 完美兼容: 细节出色，适配所有PC设备，在任何尺寸的电脑上均可完美显示
二、设置指南
进入 主题设置 → 全局设置 → 自定义全新导航栏，即可开启功能、添加链接并进行相关配置。
添加格式
格式为：导航文字（可添加SVG图标代码） || 跳转链接 || 打开方式
打开方式参数说明
| 参数 | 说明 |
|---|---|
_self | 默认值。在当前框架或窗口打开链接 |
_blank | 在新窗口或新标签页中打开链接 |
_parent | 在父框架中打开链接 |
_top | 在整个窗口的顶层框架中打开链接 |
三、图标使用指南
1. 使用内置图标
主题提供了丰富的内置图标，可直接在导航文字前使用以下图标代码：
icon-view icon-comment icon-time icon-search
icon-money icon-right icon-left icon-reply
icon-circle icon-close icon-add icon-add-ring
icon-post icon-posts icon-favorite icon-menu
icon-d-qq icon-d-weibo icon-d-wechat icon-d-email
icon-user icon-theme icon-signout icon-set
icon-signup icon-user_rp icon-pan_baidu icon-lanzou
icon-onedrive icon-tianyi icon-menu_2 icon-alipay
icon-baidu icon-dingtalk icon-xunlei icon-123pan
icon-alipan icon-quark icon-360yunpan icon-huawei
icon-xiaomi icon-gitee icon-comment-fill icon-private
icon-hot-fill icon-hot icon-topping icon-topic
icon-plate-fill icon-extra-points icon-deduct-points icon-tags
icon-user-auth icon-vip_1 icon-vip_2 icon-qzone-color
icon-qq-color icon-weibo-color icon-poster-color icon-copy-color
icon-user-color icon-user-color-2 icon-add-color icon-home-color
icon-money-color icon-order-color icon-gift-color icon-security-color
icon-trend-color icon-msg-color icon-tag-color icon-comment-color
icon-wallet-color icon-money-color-2 icon-merchant-color icon-medal-color
icon-points-color icon-book-color icon-ontop-color2. 使用自定义图标
如需使用自定义HTML图标（如Font Awesome），请参考相关教程。通常格式为：[fa-icon-name]。
四、配置示例
[icon-home-color] 首页 || /
[icon-book-color] 文章分类
[icon-plate-fill] 源码资源 || /category/yuanma/
[icon-post] 官方公告 || /category/default/
[icon-tags] 游戏 || /category/youxi/
[icon-security-color] 技术 || /category/jishu/
[icon-poster-color] 壁纸 || /category/bizhi/
[icon-user-color] 日常 || /category/rchang/
[icon-tag-color] 其他页面
[icon-trend-color] 网站统计 || /tongji.html
[icon-copy-color] 友情链接 || /yl.html
[icon-order-color] 用户留言 || /#
[icon-poster-color] 高清壁纸 || /4Kbz.html
[icon-wallet-color] 娱乐直播 || /zhibo.html
[fa-video-camera] 在线影视 || /cms.html
[fa-comments] 闲聊灌水 || /archives/250
[icon-user-auth] 关于本站 || /start-page.html
[icon-tags] 推荐
[icon-order-color] 公益目录 || https://file.bl01.cn/ || _blank
[icon-money-color] 易支付 || https://codepay.3cym.com/ || _blank
[icon-points-color] 码支付 || https://codepay.3cym.com/ || _blank
[icon-home-color] 雨云科技 || https://www.rainyun.com/NDc3ODE4_/ || _blank
[icon-hot] 挪车二维码 || https://cs.bl01.cn/001/7/ || _blank
[icon-copy-color] 毒蘑菇 || //cs.bl01.cn/001/1/ || _blank
[icon-book-color] 随机点名 || https://cs.bl01.cn/001/2/%8F%8C%E8%89%B2%E7%90%83%E7%8F%AD%E7%BA%A7%E7%82%B9%E5%90%8D%E7%B3%BB%E7%BB%9F.html || _blank