如何构建并使用React主题

这篇文章会详细引导你从安装Node.js到启用主题的全部过程

相关链接

• 官网：https://bot.yuafeng.cn

• 文档：https://xiaoyi.apifox.cn

• 社区：https://qm.qq.com/q/waukRYCECW

在使用过程中，有任何问题都可以通过以上链接找寻答案，或者联系我们。

接下来阅读实际安装指南吧

构建教程

1. 检查系统版本（系统最低要求）

• Ubuntu 20.04 LTS

• Debian 11

• CentOS 8/Stream

• Fedora 34

低于最低需求版本的系统可能无法直接安装Node.js 18.x 系列

或者您可以尝试从 NodeSource 获取 Node.js 18

2. Node.js 安装

这里以宝塔面板为例

进入宝塔面板 软件商店 搜索 Node.js版本管理器 并安装最新版本

安装完成后点击 设置 进入设置界面

首次使用请点击 更新版本列表 按钮（否则可能无法看到新的Node.js版本）

找到 v18.12.1 及以上版本安装

上图为最低支持的 Node.js 版本

上图为安装过程

如果您已经安装了多个 Node.js 版本，请在 命令行版本 选择 v18.12.1 以上版本

如果您不想通过 Node.js版本管理器 安装，可以通过终端执行以下命令进行安装

1. wget https://nodejs.org/dist/v18.20.3/node-v18.20.3-linux-x64.tar.xz

2. tar -xvJf node-v18.20.3-linux-x64.tar.xz

3. ln -s /root/node-v18.20.3-linux-x64/bin/node /usr/local/bin/node

4. ln -s /root/node-v18.20.3-linux-x64/bin/npm /usr/local/bin/npm

打开终端输入如下指令确保 Node.js 已经正确安装

1. node -v

2. npm -v

3. 上传主题

目前我们的主题分发采用QQ群内传播，请加入我们的QQ群：615122348 获取主题包（普通PHP/HTML主题无需进行构建）

进入 超级管理员 后台，选择 系统管理 > 主题管理 > 选择主题 .zip 文件 > 上传主题

在网站根目录 /themes 目录可以找到刚才安装的主题文件夹，进入主题文件夹点击 终端 按钮

在终端内输入以下指令

1. npm install

2. npm run build

执行完成后找到 /dist 文件夹，将内部所有文件全部复制到上一级目录，也就是主题名文件夹

恭喜你安装完成了！