油条简单好用的在线工具站

共计 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 16React 19TypeScript 与 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

新增工具

  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

测试网站 https://youtiao.suyanw.cn/

  下载声明: 本站部分资源来自于网络收集,若侵犯了你的隐私或版权,请及时联系我们删除有关信息。
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的 24 个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权请邮件 QQ 邮箱:suyanw520@163.com 与我们联系处理。敬请谅解!

正文完
 0
suyan
版权声明:本站原创文章,由 suyan 于2026-03-24发表,共计1179字。
转载说明:转载本网站任何内容,请按照转载方式正确书写本站原文地址。本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权请邮件QQ邮箱:suyanw520@163.com 与我们联系处理。敬请谅解!
评论(没有评论)
验证码