为什么我构建了一个本地优先的 SVG 编辑器(注重隐私 & Zero-Burn) 🛠️

发布: (2026年1月14日 GMT+8 06:00)
3 min read
原文: Dev.to

Source: Dev.to

动机

作为开发者,我们每天都会使用 SVG。但我意识到,大多数“快速”在线编辑器或优化器都遵循一种常见模式:要么是臃肿的 SaaS 平台,需要登录;要么是看起来可疑的站点,会把你的资源上传到远程服务器。

在浏览器已经足够强大,能够运行完整 IDE 的时代,为什么我们仍然要把私有的矢量数据上传到第三方服务器,只是为了微调一个路径?

这就是我开始构建 Vector Gnome 的原因——一个本地优先、极简的 SVG 编辑器。核心理念很简单:你的数据永远不会离开你的机器

关键亮点

  • 本地优先:所有处理都在浏览器中通过 Canvas/SVG API 完成。
  • 默认隐私:没有追踪,没有强制账户,没有你未请求的“云”同步。
  • 零负担:采用极小的体积构建,快速且专注解决单一问题。

技术栈与部署

  • 前端:Next.js(静态导出)+ Tailwind CSS
  • 部署:在最小的 Hetzner VPS(CX23)上原生 Docker 部署
  • 代理:Traefik + 自动化 Let’s Encrypt SSL
  • 遥测:自定义轻量系统,跟踪基本使用情况而不影响用户隐私(无 Cookie、无个人身份信息)

我正在构建一套 “Hyper‑Tools”——小巧、专注且尊重隐私的工具集。Vector Gnome 是第一个实验。

征求反馈

我目前处于早期 Beta 阶段,期待社区的意见:

  • 你在当前的 SVG 工作流中最大的“痛点”是什么?
  • 你更倾向于“代码优先”(调属性)的编辑器,还是“可视化优先”(拖拽路径)的编辑器?

快来看看吧:

Back to Blog

相关文章

阅读更多 »

构建心形图标

创建心形图标 本研讨会将理论付诸实践。在学习了图像和 SVG 的使用后,任务是使用 t...