Slhao Pro主题前端需要通过Node.js来进行管理，我们可以最新的宝塔——网站——Node项目中添加。以下操作以**`hao.yfdxs.com`**域名为例。
**1、如果服务器上只放前端项目，只需要安装Nginx即可，没有安装时会提示安装。**
**2、Nginx安装好后，还需要安装Node.js版本管理器，可在软件商店中搜索安装，或者在下图中点击安装**
**3、出现安装面板，选择最新的版本，立即安装**
**4、在Node.js版本管理器中，点击更新版本列表，我们安装v18.19.0，点击该版本右侧的安装**
**5、在萨龙网络——商城——订单管理，点击Slhao Pro主题订单右侧的眼睛图标，在订单详情——文件下载中，下载Slhao Pro主题前端**
**6、在宝塔——文件目录下创建一个目录：hao.yfdxs.com，目录名没有限制，但最好是英文或字母**
**7、进入hao.yfdxs.com目录下，将下载的slhao-pro-frontend.zip文件上传并解压，最终得到下图效果**
**8、需要修改一些参数**
**a、进入目录：/www/wwwroot/hao.yfdxs.com/server/chunks/nitro，编辑`node-server.mjs`文件**
- 搜索**萨龙网络**替换为**您的网站名称**
- 搜索**前端链接**替换为**您的网站前端链接**
- 搜索**后端链接**替换为**您的网站后端链接**，必须以`/`结尾，比如：`https://admin.yfdxs.com/`
- 搜索**后端APPID**替换为**您的网站后端选项中的appID**，appID获取看下面第二张图
**b、进入目录：/www/wwwroot/hao.yfdxs.com/server/chunks/handlers，编辑`renderer.mjs`文件**
- 搜索**萨龙网络**替换为**您的网站名称**
修改保存
**9、进入宝塔——网站——Node项目，点击添加Node项目，参数设置如下**
保存后前端已经可以访问了，记得再进入Node项目管理（网站——设置）中配置SSL证书
**10、配置静态文件访问**
再进入宝塔——网站——Node项目中，点击项目名称或设置，进入Node项目管理中
再点击配置文件，将下面代码添加到server中
```
# 配置静态文章上传可访问
# location ~ /(.*)\.txt$ {
# alias /www/wwwroot/hao.yfdxs.com/public/$1.txt;
# }
location ~* ^/(.*\.(txt|xml|json|md))$ {
alias /www/wwwroot/hao.yfdxs.com/public/$1;
}
```
注释掉的代码是针对.txt文件可单独访问，要多格式的文件可访问使用下面的代码。对于.html后缀的静态文件，可将html再添加到代码，最终效果如下代码：
```
# 配置静态文章上传可访问
location ~* ^/(.*\.(txt|xml|json|md|html))$ {
alias /www/wwwroot/hao.yfdxs.com/public/$1;
}
```
**注意：前端文章详情页也是.html结束，所以验证完成.html文件后，需要把代码中的html删除掉，不然文章详情页面会有错误。**
**11、重启Node项目**
配置修改以及后期修改或更新前端，都必须重启下项目
