介绍
nodebb-plugin-theme-nb 是 NodeBB 社区论坛的一个主题插件。该插件包含丰富的主题定制功能，可供开发者自定义 NodeBB 论坛的风格。
本文将介绍如何使用 nodebb-plugin-theme-nb 插件进行 NodeBB 的界面定制。本文假设读者已经熟悉 NodeBB 且具有基本的前端开发经验。
安装
使用 npm 安装 nodebb-plugin-theme-nb：
npm install nodebb-plugin-theme-nb
然后在 NodeBB 安装目录下运行以下命令：
./nodebb stop # 停止 NodeBB ./nodebb build # 打包 NodeBB ./nodebb start # 启动 NodeBB
注意：若要使用插件提供的 Sass 变量和 mixin，请确保安装了 Sass。
配置
配置可以在以下地方进行：
- 管理员面板
- 导航栏「主题」下的「全局设置」
- 插件面板「nodebb-plugin-theme-nb」
配置主题风格
该插件提供预设样式，可供选择，还可以自定义样式：
预设样式：选择「主题风格」下的「内置主题」（
defaultdarkmaterialmetromodernvintage）即可使用预设的主题。自定义样式：选择「主题风格」下的「Sass 颜色」或「CSS 代码」即可使用自定义的样式。自定义样式需要先在
public/sass/theme目录下创建一个新的 .scss 文件，然后在公共表格 main.scss 中引入该文件，并重新编译 Sass。
配置客户名片
该插件支持客户名片定制，具体操作如下：
- 在管理面板的「自定义字段」中新建一个自定义字段。
- 在 「主题」下的「客户名片」中选择该自定义字段即可生效。
配置导航栏
该插件支持自定义导航栏，具体操作如下：
- 在管理面板的「导航栏」中新建菜单。
- 在 「主题」下的「导航栏」中选择该菜单即可生效。
示例代码
以下是一个例子展示了如何配置自定义样式、客户名片和导航栏：
-- -------------------- ---- -------
-- -----------------------------
-- -----
--------------- --------
-- -------
-------------- -----
-------------- -----
-- --------
----- -
----------------- ------------
-- -
-------- - -----
- -
---------- -----
------ -----
------- -
------ ---------------
-
-------- -
------ ---------------
-
-
-
-
-- -------
--------------- -
--------- ---------
---- --
------ -----
------ -----
------- -----
----------------- ---------------
-------------- ----
----------- -----
-------- -----
------------ -------
---------------- -------
---------- -----
------ -----
-// 主题 -> 客户名片 中添加 custom-card
<div class="client-custom-card custom-card">
<div class="avatar-flag">
<i class="fa fa-square"></i>
</div>
<div class="avatar-country">{{ user.custom_country }}</div>
</div>// 主题 -> 导航栏 中添加 custom-menu <li><a href="#" class="menu-item custom-menu">自定义菜单</a></li>
结论
通过 nodebb-plugin-theme-nb 插件，开发者可以轻松地进行 NodeBB 论坛的样式定制。学习本文所述方法，可以帮助开发者更好地掌握该插件的使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005662c81e8991b448e2085