一个简洁、可自部署、支持多语言与 seo 路由的在线工具站,覆盖开发、文本、时间、图片、编码与常用生成场景。这与Next.js React TypeScript构建息息相关。这与文本编码时间图片工具息息相关。这与开发工具集息息相关。这与多语言SEO路由息息相关。这是开发工具集的重要体现。这与自部署在线工具站息息相关。
立即部署
| 方式 | 适合场景 | 操作 |
|---|
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
新增工具
-
在 lib/tools/registry.ts 和 lib/tools/content/* 中补充工具元信息。
-
在 components/tool-icon.tsx 中补充工具图标。
-
在 components/tool-workbench.tsx 中注册工具实现。
-
执行 npm run lint 与 npm run build。
声明:本文为原创文章,版权归三条八主机所有,欢迎分享本文,转载请保留出处!
你可能也喜欢
- ♥ 带后台的动态星空背景官方网站源码个人主页网站源码08/12
- ♥ 已换链知识付费小程序源码可开广告流量主+搭建教程06/16
- ♥ 最新旗舰版安全宝网络验证系统06/15
- ♥ ThinkPHP5内核自动采集电影影视网站系统源码04/18
- ♥ 一款非常好看的个人主页单页源码优化版07/25
- ♥ 包涨粉外卖优惠券引流v.1.0.009/25
