油条工具站：简洁实用的在线工具合集
一个简洁、可自部署、支持多语言与 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/
伍捌源码网所有数据均来自互联网开放信息和用户提供，本站只对信息做归纳整理并呈现，无法对信息的真实性安全性做一一核实。
1、如果本站收录的部分信息侵犯了您的权益，请联系我们并出示版权证明，我们将及时删除。
2、本站所有信息均为免费提供，仅作学习研究，请勿用于商业用途，下载后请24小时内删除，由此引发的法律纠纷，本站概不负责。
3、因下载资源造成的后果，均由下载者承担。
伍捌源码网 » 油条工具站：简洁实用的在线工具合集
伍捌源码网 » 油条工具站：简洁实用的在线工具合集
