花了两天时间终于在Cloudflare上部署了开源的在线工具站

PC版预览：

H5版预览：

🎯 开源的在线工具站信息

• 原始github地址：https://github.com/naroat/tools-web（原始的）

• 我fork后使用最新版node环境修改后的github地址：https://github.com/2424004764/tools-web（我fork修改的），可能你此时拉取的代码和我写文章时的不一样

• 使用vue+ts开发

• 支持docker部署

• 支持二开（可以添加自己的功能）、方便扩展

• 纯本地数据和功能，不需要后端服务器

• 变相可在Cloudflare部署运行

• 支持的功能：覆盖开发运维、文本处理、图片处理、图表处理、随机工具、查询工具等；常见工具json转换、密码生成、时间戳、单位换算、在线图片编辑

• 自适应PC、H5

🚀 未来的开发方向

• 支持注册登录

• 支持历史记录

• AI工具

🛠️ 本地运行、编译说明

• 我的node版本：22.13.1

• 我的pnpm版本：10.14.0 需要修改一下node_modules/qrcode-vue3/src/core/QRCodeStyling.ts:41：

this._qr = (qr as any)(this._options.qrOptions.typeNumber, this._options.qrOptions.errorCorrectionLevel);

之后就可以正常使用pnpm run运行和pnpm build编译了。

如果和我的node、pnpm版本不一样，可能会有其他问题

在Cloudflare部署

因为github提供了本地和docker部署方式，我这里补充一下Cloudflare的部署方式：

• 先fork一下我的仓库

• 打开Cloudflare的pages，导入现有 Git 存储库

  

• 选择你自己的github账号和fork出来的仓库：

  

• 配置参考如下：

  

• 环境变量：

NODE_VERSION:22.13.1
PNPM_VERSION:10.14.0

• 点击保存并部署

• 部署完成，可以访问了：

  

• 耗时30几秒：

  

• 之前刚把仓库拉下来的时候，各种报错，给我整崩溃了都，我还把项目删除了，又在github上面找开源的工具站，找了一圈没有太合适的，结果又把这个项目拉下来了。

如何修改

如果修改了代码要重新部署的话，只需要改完代码后，重新build一下，再将改动的代码提交到你自己的仓库后，Cloudflare就会重新自动部署了，很方便。 重新部署后还是之前的链接打开即可。

AI大模型学习路线

如果你对AI大模型入门感兴趣，那么你需要的话可以点击这里大模型重磅福利：入门进阶全套104G学习资源包免费分享！

扫描下方csdn官方合作二维码获取哦！

这是一份大模型从零基础到进阶的学习路线大纲全览，小伙伴们记得点个收藏！

第一阶段： 从大模型系统设计入手，讲解大模型的主要方法；

第二阶段： 在通过大模型提示词工程从Prompts角度入手更好发挥模型的作用；

第三阶段： 大模型平台应用开发借助阿里云PAI平台构建电商领域虚拟试衣系统；

第四阶段： 大模型知识库应用开发以LangChain框架为例，构建物流行业咨询智能问答系统；

第五阶段： 大模型微调开发借助以大健康、新零售、新媒体领域构建适合当前领域大模型；

第六阶段： 以SD多模态大模型为主，搭建了文生图小程序案例；

第七阶段： 以大模型平台应用与开发为主，通过星火大模型，文心大模型等成熟大模型构建大模型行业应用。

100套AI大模型商业化落地方案

大模型全套视频教程

200本大模型PDF书籍

👉学会后的收获：👈

• 基于大模型全栈工程实现（前端、后端、产品经理、设计、数据分析等），通过这门课可获得不同能力；

• 能够利用大模型解决相关实际项目需求： 大数据时代，越来越多的企业和机构需要处理海量数据，利用大模型技术可以更好地处理这些数据，提高数据分析和决策的准确性。因此，掌握大模型应用开发技能，可以让程序员更好地应对实际项目需求；

• 基于大模型和企业数据AI应用开发，实现大模型理论、掌握GPU算力、硬件、LangChain开发框架和项目实战技能， 学会Fine-tuning垂直训练大模型（数据准备、数据蒸馏、大模型部署）一站式掌握；

• 能够完成时下热门大模型垂直领域模型训练能力，提高程序员的编码能力： 大模型应用开发需要掌握机器学习算法、深度学习框架等技术，这些技术的掌握可以提高程序员的编码能力和分析能力，让程序员更加熟练地编写高质量的代码。

LLM面试题合集

大模型产品经理资源合集

大模型项目实战合集

👉获取方式：
😝有需要的小伙伴，可以保存图片到wx扫描二v码免费领取【保证100%免费】🆓