简单好用的在线工具站
- 源码
- 2026-03-24
- 12
一个简洁、可自部署、支持多语言与 SEO 路由的在线工具站,覆盖开发、文本、时间、图片、编码与常用生成场景。

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.ts
site.config.dev.ts
site.config.prod.ts
其中 i18n 字段可以按语言覆盖:
title
description
footerHtml
logoAlt
生产环境还支持全局环境变量覆盖:
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。
本站所发布的全部内容源于互联网搬运,仅限于小范围内传播学习和文献参考 请在下载后24小时内删除,如果有侵权之处请第一时间联系我们删除。 敬请谅解! E-mail:tudoumc@foxmail.com
本文链接:https://www.tudoumc.com/post/12311.html

