如何在 Cloudflare 上部署网页

注册

可以用国内的电子邮箱注册,默认进入的页面是英文,在右上角可以切换成中文:

记得勾一下真人检测,才能点击注册按钮继续。然后你就会收到一封验证的邮件,英文的: Please verify your email address。

点击链接验证后,就可以用刚刚注册的账号登录了。登录后记得在右上角切换一下中文显示。

图片

图片

图片

图片

建站

要建立一个可以访问的网站,我们需要创建一个项目。

在刚刚打开的Cloudflare的页面左边的菜单栏中,找到 计算(Workers),点开来,可以看到 Workers 和 Pages 的选项,点击它打开新页面。

图片

然后点击 创建 按钮创建一个新的 Pages 项目。

图片

Cloudflare可以直接从GitHub上同步文件过来,但是对我们来说GitHub 的访问有点不稳定,所以我选择了 使用直接上传,点击 开始使用,就来到填写网站名字的界面。

这里只能用英文、数字和 -(破折号),因为这个会是你接下来网页的访问子域名。

图片

确定名字后点击 创建项目,就可以开始上传网页了。

图片

找DeepSeek 帮我构思一个网页:

图片

将html下载下来保存为index.html。在本地创建一个文件夹 ihavealotofideas 将 index.html 放进去。

回到 Cloudflare 刚刚我们创建项目的页面,点击 从计算机中选择 > 将刚刚下载的网页上传上去:用上传文件夹的方式。

图片

当提示所有文件均已经成功上传后,就可以点击 部署站点 了。很快就就可以看到下面这个页面,我们就可以点击链接查看刚刚部署的网页了!

图片

部署网页

那我们后续要修改或者添加新的网页上去要怎么做呢?比如我又让Deepseek 帮我设计多一个明亮一点的个人主页:

图片

下载下来后放到刚刚创建的 ihavealotofideas 文件夹里面,命名为index_1.html,现在这个文件夹里面有两个文件了。

再回到 Cloudflare,点击计算(workers)下面的 Workes和Pages,然后点击刚刚创建的项目 i-have-a-lot-of-ideas:

图片

在新的页面中点击右上角的 创建部署:

图片

然后选择我们放了网页的本地文件夹后再点击 保存并部署。记得要在提示 所有文件均已成功上传 出现后再点。每次上传我们都要全部网页一起上传,因为它这个部署是覆盖式的。

图片

  • Related Posts

    Nvidia Hyperlink:本地AI搜索革命,重塑个人数据洞察力

    Nvidia推出革命性AI工具“Hyperlink”,该工具能在本地硬件上安全高效地运行,利用Nvidia RTX AI PC和最新优化技术,实现对个人数据的快速索引和深度理解。Hyperlink旨在将AI能力带入本地,保护用户隐私,提升工作效率,被视为个人AI搜索的重大突破。

    TechCrunch 2025:年度科技盛事前瞻与行业洞察

    本文聚焦 TechCrunch 2025 的关键信息,深入分析人工智能、创投动态、科技巨头动向及前沿领域发展趋势,为读者提供专业、权威的行业视角。

    You Missed

    Nvidia Hyperlink:本地AI搜索革命,重塑个人数据洞察力

    Nvidia Hyperlink:本地AI搜索革命,重塑个人数据洞察力

    TechCrunch 2025:年度科技盛事前瞻与行业洞察

    TechCrunch 2025:年度科技盛事前瞻与行业洞察

    信息安全与账户管理:保障数字资产的关键步骤

    信息安全与账户管理:保障数字资产的关键步骤

    25年风云变幻:刘秀如何从乱世中脱颖而出,建立光武中兴?

    25年风云变幻:刘秀如何从乱世中脱颖而出,建立光武中兴?

    ChatGPT更新:可按指令规避使用破折号,AI内容识别迎来新变化

    ChatGPT更新:可按指令规避使用破折号,AI内容识别迎来新变化

    一站式AI内容创作平台:90美元解锁终身语音、视频与图像生成能力

    一站式AI内容创作平台:90美元解锁终身语音、视频与图像生成能力