10

【插件发布】(Rhex论坛插件)顶部中间banner插件1.0.1

木偶熊·2小时前

Banner Plugin - 首页顶部 Banner 插件

为 Rhex 论坛首页添加自定义顶部 Banner 区域。

功能特点

  • 自定义主标题、副标题展示
  • 14个标签图标展示(支持主图/备用图降级策略)
  • 3个分类导航按钮
  • 私信入口链接
  • 所有配置均支持动态变量,便于维护

安装

banner-plugin 目录放置于 addons/ 目录下,然后在管理后台启用插件。

配置说明

插件的所有配置项均在 dist/server.mjs 文件的 render() 方法中定义:

基础配置

变量名 说明 示例
bannerTitle 横幅主标题第一部分 "一个永远在"
bannerTitle2 横幅主标题第二部分 "路上的社区"
bannerSubtitle 横幅副标题 "https://bbs.o0v0.com"
messageUrl 私信入口链接 "/messages?conversation=site-chat"
messageText 私信按钮文字 "进入全站聊天室"

分类导航配置

变量名 说明
category1Name / category1Url 第一个分类的名称和链接
category2Name / category2Url 第二个分类的名称和链接
category3Name / category3Url 第三个分类的名称和链接

图标配置

变量名 说明
iconAfterEffects / iconSketch / iconDocker 各图标的主图 URL
iconBackupUrl 备用图标的基础路径
图标降级策略:当主图标加载失败时,自动切换到 iconBackupUrl + 图标名.png

样式配置

变量名 说明
cssUrl 外部 CSS 样式文件链接

作者

OV 乐在途中-社区

版本

1.0.1

更新日志

v1.0.1 (2026-05-28)

  • ✅ 修复后台配置页输入只能填写一个字符的问题(React 闭包陷阱)
  • ✅ 修复前台页面刷新闪烁问题(CSS 完全内联)
  • ✅ 修复图标滚动空白问题(图标列表复制实现无缝滚动)
  • ✅ 修复图标显示不完整问题(调整容器高度和图标大小)
  • ✅ 添加 .topGroup 容器,恢复原始布局结构
  • ✅ 优化 CSS 样式,使用 clip-path 实现圆角
  • ✅ 优化后台配置页排版,采用分组卡片式布局
  • ✅ 为配置项添加帮助说明文字,提升用户体验
  • ✅ 修复分类导航配置区域的布局混乱问题
  • ✅ 优化图标设置区域为4列网格布局
  • ✅ 新增「重置为默认」按钮
  • ✅ 新增后台配置页
  • ✅ CSS 字体资源本地化,CSS本地化,移除外部 CDN 依赖

v1.0.0 (初始版本)

  • ✅ 自定义主标题、副标题展示
  • ✅ 14个标签图标展示(支持主图/备用图降级策略)
  • ✅ 3个分类导航按钮
  • ✅ 私信入口链接
  • ✅ 所有配置均支持动态变量
    前台效果展示
    image.png
    image.png
    image.png
    后台效果展示
    image.png
    image.png
    image.png
    虽然图标和CSS可以自定义,但是建议就使用默认的,因为本地化了。
    觉得服务器慢的可以把目录里面的css传到CDN上,用你的CDN链接。
    刚刚那一版有个链接忘记改了,重新发一版!!!

附件列表

1
站内附件

banner-plugin1.0.1.zip

ZIP · 85 KB · 下载 15 积分
登录后可支付 5 积分 获取下载权限

这个用户还没有留下简介。

回复讨论
0

登录后可参与回复讨论。

当前还没有回复,欢迎成为第一个参与讨论的人。

文明发言,理性讨论