12

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.0

注意:此版本有一定的门槛,需要你自行上传图标和CSS文件,和替换CSS文件里面的素材
image.png
image.png
image.png

教程:
1.下载附件后解压出来
2.首先将icons图标上传到你的OSS或者网站的某个位置比如:https://xxx.xxx.com/icons/xxx.png确保能访问到
3.将CSS文件夹里面的素材1-3也上传到某个位置,同上。
4.修改CSS代码的这个位置,替换第3部的链接。
image.png
5.修改插件的server.mjs的代码,里面有注释。
image.png

附件已经把所有文件都打包好了,不要直接传后台,要你自己改好了再单独把插件打包传后台安装。

附件列表

1
站内附件

banner-plugin.zip

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

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

回复讨论
0

登录后可参与回复讨论。

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

文明发言,理性讨论