云分享云分享  2025-10-03 06:15 三条八主机 隐藏边栏 |   抢沙发  0 
文章评分 0 次,平均分 0.0

一个简洁、可自部署、支持多语言与 seo 路由的在线工具站,覆盖开发、文本、时间、图片、编码与常用生成场景。这与Next.js React TypeScript构建息息相关。这与文本编码时间图片工具息息相关。这与开发工具集息息相关。这与多语言SEO路由息息相关。这是开发工具集的重要体现。这与自部署在线工具站息息相关。

立即部署

 

Vercel零配置快速上线Deploy on VercelDocker云服务器 / NAS / 自托管见下方 docker pullNode.js已有 Node.js 20 环境npm install && npm run build && npm run start

方式 适合场景 操作

Docker 部署

docker pull licoy/utils.fun:latestdocker run -d \\--name utils-fun \\--restart unless-stopped \\-p 3000:3000 \\licoy/utils.fun:latest

访问 http://localhost:3000。

本地开发

npm installnpm 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 lintnpm run build

新增工具

  1. 在 lib/tools/registry.ts 和 lib/tools/content/* 中补充工具元信息。

  2. 在 components/tool-icon.tsx 中补充工具图标。

  3. 在 components/tool-workbench.tsx 中注册工具实现。

  4. 执行 npm run lint 与 npm run build。

声明:本文为原创文章,版权归所有,欢迎分享本文,转载请保留出处!

云分享
云分享 关注:0    粉丝:1 最后编辑于:2026-07-09
这个人很懒,什么都没写

发表评论

表情 格式 链接 私密 签到
扫一扫二维码分享