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

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

0b224fb6175b482b31da1ce710160ca1.png

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 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 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


源码搜不定时每天更新最新源码,关注www.ggsou.com
声明:
1,本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2,本站软件分享目的仅供大家学习和交流,请不要用于商业用途,下载后请于24小时后删除!
3,如果你也有好的源码或者教程,可以投稿到本站,分享有金币奖励和额外的收入!
4,本站提供的软件,源码,游戏,其他资源部不包含技术服务请大家谅解!
5,如有链接无法下载,请联系站长处理!
6,申明:本站资源出售只是赞助,仅用于本站服务器和日常运营所需!不提供任何技术支持。
7,如压缩包提示有密码,默认解压 密码为‘www.ggsou.com’,如遇到无法解压的可以联系站长(911918052@qq.com
8,特别声明:破解产品仅供参考学习,不提供技术支持,如有需求,建议购买正版!如果源码侵犯了您的利益请留言告知!!
9,站长推荐服务器可9折选购(联系QQ911918052)详情地址:www.chaohuiyun.com
内容投诉
源码搜源码 » 油条简单好用的在线工具站

发表评论

您需要后才能发表评论

一个各种精品类型的源码网站!

会员咨询