使用claude code + cloudflare上线一个工具下载说明站

本文是一个完整的建站、部署示例，不需要懂任何代码，在十分钟内可以上线一个属于自己的网站，供所有人进行访问。

这个网站可以是博客、外贸网站、游戏网站等等，流程都一样，区别只是内容。

有需要使用influxdb连接工具的可以试试我正在做的这个软件，全平台分发，几兆体积。不过正在做，不少功能没完善。

将要使用的工具

我采用的是Claude Code + github + cloudflare作为整个流程的支撑工具。国内Claude Code完全无法使用，github间歇性可以使用，cloudflare正常使用，所以没有科学手段的同学可以采用刚出的阿里的Qwen Code来代替Claude Code。

或者采用完全国内无门槛的工具集合——Qwen Code + gitee + 腾讯云的pages。

前景提要

首先我需要继续声明一点，我这个示例内容是一个工具下载网站。我最近写了一个influxdb的连接工具，这个网站就是用来做展示和下载。和你们想要实现的内容完全不同，你需要在实现过程中按照你的想法修改提示词。

网站示例：https://inflowave.kkape.com/

实现流程

使用提示词开始创建网站

我在工具代码文件夹启用Claude Code，并使用自然语言告诉它：

它会帮你分析你所提供的材料并自动生成todo List后逐步实现：

期间会一项项进行实现：

你只需要安心等待一会会发现它完成了创建:

使用github进行管理

既然项目已经创建为了后续的部署操作，你需要在代码库中托管，可以是github，也可以是gitee。

创建一个空的仓库并拷贝其中的仓库地址。

将空仓库的地址复制并继续让Claude Code提交代码并推送至远程，红框内就是我输入的提示词。

完善网站内容并推送代码

到这一步其实你已经完成了项目的创建，已经完全可以上线这个网站了。但是考虑到第一次输入的提示词内容过于简短，所以我多增加了一些内容让其完善。分别为：

• 完善i18n，也就是常说的中英文切换，做外贸网站会需要，国内用户使用可以忽略。

• 检测用户设备，直接推荐用户下载符合当前设备的安装包。

继续告诉它哪些区域缺少了i18n让他继续完善，不需要中英文切换的读者可以忽略。

最后就是推送修改后的代码。

部署发布网站

既然网站已经开发完成并已经推送到了仓库中，那么就可以选择上线这个网站，如果你没有域名完全可以使用github提供的pages功能部署。考虑到我需要使用自己的域名，所以后续采用的是cloudflare部署并发布。

部署发布

Cloudflare人称赛博菩萨、赛博活佛，以免费提供ddos防护出名，实际上祂提供大量的免费云服务，比如R2免费云储存、KV库、免费Workers和Pages等，这里部署网站使用的就是Pages功能。

打开cloudflare

https://dash.cloudflare.com/login

找到workers and pages

创建一个pages，前文推送到github的远程仓库就是为了在这里使用。

如果没有关联github，先关联账号。然后将你需要部署的这个仓库单独给cloudflare权限。

选择一个库后点击开始设置。输入对应的构建命令和构建输出目录，基本都是这俩内容。一个npm run build一个dist

如果你输入这些无法构建，找一下Claude Code给的说明即可：

这里可以看到生产版本构建的指令和上方输入指令是可以对上的。

至于下方部署到各平台脚本也可以使用，效果和使用cloudflare效果是一样的，区别只是使用的服务商不同。

最后就是指定自己的网站访问该服务：

在你部署之后有一个自定义域的选项

这个自定义域可以是直接的二级域名，我下面设置的是三级域名，毕竟二级域名还在用没空出来。也就是你看到的inflowave.kkape.com输入后点击继续即可。

网站一览

因为提示词不多，所以内容还是较为朴素的，你完全可以指示它继续打磨。