前言

IT-Tools是一个开发人员的在线工具集，里面集合了各种常用的开发工具，例如文本加解密，RSA密钥生成，密码强度检测等。

IT-Tools有提供Docker的部署方式，但由于我NAS内存比较小，想着节省一下内存，以及节省端口号，让其更便于使用，就想着把它内置到Halo中，因为IT-Tools是使用Vite构建的，因此它是可以编译成静态网页集中到Halo里。

PixPin_2025-09-24_07-14-48.jpg


准备工作

首先需要在Halo中安装 static-pages 这个插件，也叫静态网页服务插件，顾名思义就是提供静态网页部署服务，可以将静态网页上传到 Halo，然后提供访问路由

将插件安装好之后，点击右侧栏的 工具》静态网页服务，然后点击 新建项目

在新建页面中，填写名称和目录，名称可以随便填，主要是用来区分静态网页的

目录对应的是网站访问路径，例如我填 it-tools，访问路径则如下：

http://192.168.1.9/it-tools


编译项目

前往Github下载IT-Tools源码，然后用VS Code打开

链接：https://github.com/CorentinTh/it-tools

先使用以下命令安装项目依赖

pnpm install

然后使用以下命令在开发模式下运行项目测试

pnpm dev

PixPin_2025-09-24_07-14-48.jpg

运行测试无误后，使用以下命令安装cross-env，这个库来跨平台设置环境变量

pnpm add -D cross-env

然后修改 package.json 中的 build 脚本：

"scripts": {
    "dev": "vite",
    "build": "vue-tsc --noEmit && cross-env NODE_OPTIONS=--max_old_space_size=4096 vite build",
}

最后使用以下命令编译项目：

pnpm build

部署项目