跳至主要内容

如何在 Cloudflare 上部署网页 原创 某鸟


 大模型流行的当下,简单描述一下自己的需求,就可以制作一个简单的静态网页了。

 独乐乐不如众乐乐,那么生成的网页,如果要分享出来给大家看,要怎么做呢?

 我们用 #Cloudflare 试一下!

  Cloudflare是个聚合了众多工具的平台,俗称赛博活佛,浑身是宝  。  不过这里我们只关注它提供的静态网站服务,免费并且没有请求数量限制!  之后会再发文来讲其他非常有用的功能!   
 


 
 

   注册   

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

   https://dash.cloudflare.com/sign-up   

 

 

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

 

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

 



  建站  

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

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

 

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

 

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

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

 

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

 

 我先 DeepSeek 帮我构思一个网页先:

 

 只是一个很简单的网页,一次生成就可以了,将html下载下来保存为index.html。

 在本地创建一个文件夹 ihavealotofideas 将 index.html 放进去。

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

 

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

 


  https://i-have-a-lot-of-ideas.pages.dev/index_1  

 点开看看:黑乎乎的主页面、一个诡异的人头在浮动、不断飘落的头发、点击小球发出屁屁的声……




  部署网页  

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

 

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

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

 

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

 

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

 

 之后我们就可以访问网页了,在域名后面加上新建的网页名字,比如:

  https://i-have-a-lot-of-ideas.pages.dev/index_1  

 托管静态网站只是Cloudflare众多免费功能中的一个,后续会继续研究和大家分享更多的用处!

评论

此博客中的热门博文

2025年最新政策!香港银行卡开户保姆级教程 嘉滢

         转眼间,香港与内地全面通关已两年有余。 2025年的今天,赴港开户流程更加顺畅,随着赴港开户的人越来越多,各大银行的政策也越来越收紧,由于     银行政策也在不断调整优化,很多人想知道最新的政策是怎样的,希望不要大老远跑一趟却扑了一鼻子灰     。      无论是为了投资港股美股、境外资产配置、留学缴费、休闲旅游,还是跨境商务收款,拥有一个香港银行账户都是通往国际金融市场的关键第一步。      今天我就个人和团队最新的政策和实战经验,为你提供一份详尽的避坑指南,从准备材料到选择银行,手把手教你高效完成开户全过程。      为什      么你需要      一个香港银行账户?      【投资理财      】      :直接投资港股、美股、海外基金,避免 QDII额度限制,享受更低费率;参与国际IPO、债券市场;持有和管理多种外币资产(港币、美元等)。      【交付保费】    :有一张香港银行卡,就可以一秒隔空把人民币转换为港币,点点手指头就能快捷交付保费,再也不用自己辛苦跑一趟换现金或者找顾问帮忙啦。      【留学 /海外生活     】   : 便捷支付学费、生活费,避免高额电汇手续费和汇率损失;接收海外汇款(奖学金、家人资助等);当地消费、取现更便利。      【跨境商务 /收款     】   :方便接收来自海外的贸易款项、服务费、平台收入(如Amazon、eBay、PayPal等);进行国际支付结算。      【资产多元化配置 ...

暗网排名Top10的搜索引擎,暗网黑客零基础入门到精通,收藏这篇就够了 原创 黑客大白

                 暗网因犯罪活动而名声不佳:非法商品、出售被盗数据或雇佣黑客服务。虽然犯罪肯定是暗网的一部分,但暗网还有更多用途。暗网有一些合法的用途,例如在审查制度严格的国家 /地区,人们会使用暗网来保护自己的匿名性,或者阅读与政党或政治话题无关的新闻。 

Cloudflare 的 1.1.1.1前世今生

  很多人第一次看到它,可能会觉得这是一串再普通不过的 IPv4 地址:四个 “1” 排列起来,简单好记。但实际上, 1.1.1.1 的地位,绝对不亚于 8.8.8.8 。它背后牵扯到互联网的基础设施、运营商、历史遗留问题,甚至还有一点江湖传说。