SVGcode 是一个超好用的 SVG 优化工具，能把位图转成高质量矢量图。今天教大家用 Zeabur 快速部署自己的 SVGcode 实例，全程不到5分钟，零服务器运维经验也能搞定。

一、前置准备

• 一个 GitHub 账号
• 一个 Zeabur 账号（推荐直接用 GitHub 一键登录）
• 本地安装 Git 和 Node.js 18+ LTS 版本

二、Fork 代码到自己仓库

1. 打开 SVGcode 原仓库：https://github.com/joachimesque/SVGcode
2. 点击页面右上角的 Fork 按钮，将仓库复制到你的 GitHub 账号下
3. 本地测试（可选但推荐）：

git clone https://github.com/你的用户名/SVGcode.git
cd SVGcode && npm install && npm start

浏览器打开  http://localhost:3000  确认能正常运行。

1. 登录 Zeabur 控制台，点击左上角 + 新建项目，选择新加坡区域（国内访问最快）
2. 进入项目后，点击 + 添加服务 → GitHub
3. 授权 Zeabur 访问你的仓库，然后选择刚才 Fork 的  SVGcode  仓库
4. 关键配置（必须改对，否则100%部署失败）：配置项 必须填写的值
构建命令  npm install && npm run build 
输出目录  dist 
启动命令  npx serve -s dist -l 3000 
端口 3000
5. 点击底部 部署 按钮，等待1-2分钟，部署成功后点击生成的  .zeabur.app  域名即可访问。

小技巧

• 自动部署：默认开启，以后只要往 GitHub  main  分支推送代码，Zeabur 会自动重新构建部署
• 自定义域名：在服务的「域名」标签页添加你的域名，按提示配置 CNAME 解析即可
• 中文翻译：按照仓库说明复制  en-US.js  翻译为  zh-CN.js ，修改  i18n.js  后提交代码，自动部署中文版本

小结

部署自己的 SVGcode 实例其实非常简单，只需要 Fork 代码 + 几个简单的 Zeabur 配置，就能拥有一个随时可用、自动更新的私有png转svg工具。

不仅不用操心服务器运维，还可以根据自己的需求添加中文翻译或其他功能。现在就动手试试吧！