共计 1179 个字符,预计需要花费 3 分钟才能阅读完成。
一个简洁、可自部署、支持多语言与 SEO 路由的在线工具站,覆盖开发、文本、时间、图片、编码与常用生成场景。

即部署
| 方式 | 适合场景 | 操作 |
|---|---|---|
| Vercel | 零配置快速上线 | Deploy on Vercel |
| Docker | 云服务器 / NAS / 自托管 | 见下方 docker pull |
| Node.js | 已有 Node.js 20 环境 | npm install && npm run build && npm run start |
Docker 部署
docker pull licoy/utils.fun:latest
docker run -d \
--name utils-fun \
--restart unless-stopped \
-p 3000:3000 \
licoy/utils.fun:latest
访问 http://localhost:3000。
本地开发
npm install
npm run dev
项目亮点
- 55 个工具,8 个分类,首页、搜索、收藏、详情页统一联动。
- 浏览器本地优先,常见文本、编码、时间、图片与开发类工具尽量不上传用户数据。
- 已支持 9 种语言,普通访问走无前缀路径,SEO 页面支持
/{locale}/{slug}。 - 站点标题、描述、页脚、Logo Alt 支持在
site.config.*里按语言配置。 - 基于
Next.js 16、React 19、TypeScript与Tailwind CSS v4构建。
站点配置
站点品牌与部署配置优先通过根目录下列文件维护:
site.config.default.tssite.config.dev.tssite.config.prod.ts
其中 i18n 字段可以按语言覆盖:
titledescriptionfooterHtmllogoAlt
生产环境还支持全局环境变量覆盖:
SITE_TITLE SITE_TITLE_SEPARATOR SITE_DESCRIPTION SITE_URL SITE_LOGO_SRC SITE_LOGO_ALT SITE_LOGO_WIDTH SITE_LOGO_HEIGHT SITE_LOGO_HIDDEN SITE_FOOTER_HTML SITE_GITHUB_URL
开发检查
npm run lint
npm run build
新增工具
- 在
lib/tools/registry.ts和lib/tools/content/*中补充工具元信息。 - 在
components/tool-icon.tsx中补充工具图标。 - 在
components/tool-workbench.tsx中注册工具实现。 - 执行
npm run lint与npm run build。
测试网站 https://youtiao.suyanw.cn/
下载声明: 本站部分资源来自于网络收集,若侵犯了你的隐私或版权,请及时联系我们删除有关信息。
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的 24 个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权请邮件 QQ 邮箱:suyanw520@163.com 与我们联系处理。敬请谅解!
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的 24 个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权请邮件 QQ 邮箱:suyanw520@163.com 与我们联系处理。敬请谅解!
正文完
0
