跳至主要内容

如何在 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众多免费功能中的一个,后续会继续研究和大家分享更多的用处!

评论

此博客中的热门博文

不花一分钱,用 Cloudflare Warp 免费实现科学上网 原创 W不懂安全

   在如今网络环境越来越复杂的情况下,很多人开始寻找安全、可靠、免费的科学上网方式。但动辄买 VPS、配置节点、折腾端口,对大多数人来说太麻烦。      其实你知道吗? Cloudflare 推出的      WARP       工具,只需要几步,就能让你       免费访问 Google、YouTube、ChatGPT 等国外网站       ,而且不需要任何技术背景、完全免费、跨平台支持(手机 +电脑都能用)!      如果你是学生党 / 打工人,想要上 Google 查资料、用 ChatGPT 学习、看看油管上的教程,但又不懂 VP恩、不想花钱买魔法……  

程序员的投资武器库:6 个 GitHub 顶级开源投资分析工具盘点

1. Microsoft Qlib — 微软出品的 AI 量化投资平台 🔗 GitHub: https://github.com/microsoft/qlib ⭐ 37,960 Stars | 🍴 5,894 Forks | 📄 MIT License 微软研究院出品的重量级项目。Qlib 定位为「AI 驱动的量化投资平台」,目标是用 AI 技术赋能量化研究的全流程——从探索想法到生产部署。 核心亮点: 支持多种 ML 建模范式:监督学习、市场动态建模、强化学习 内置高质量金融数据集和预处理管道 集成微软自研的 RD-Agent,可自动化研发流程 完善的文档和活跃的社区维护 适合人群: 有 Python 和机器学习基础的量化研究者,想用 AI 做系统化投资研究的开发者。 2. OpenBB — 开源版彭博终端 🔗 GitHub: https://github.com/OpenBB-finance/OpenBB ⭐ 62,276 Stars | 🍴 6,072 Forks 本榜单 Star 数最高的项目。OpenBB 的野心是做「开源版彭博终端」,为分析师、量化交易员和 AI Agent 提供统一的金融数据平台。 核心亮点: 聚合股票、期权、固定收益、经济数据等多类数据源 提供 Python SDK 和 REST API,方便集成 支持 AI Agent 直接调用,适配 LLM 时代的工作流 活跃的开发团队,持续更新中 适合人群: 需要一站式金融数据接口的开发者,想搭建自己投资分析系统的个人投资者。 3. yfinance — 最流行的雅虎财经数据接口 🔗 GitHub: https://github.com/ranaroussi/yfinance ⭐ 21,826 Stars | 🍴 3,104 Forks | 📄 Apache 2.0 如果你只想快速获取股票数据,yfinance 是最简单的选择。一行代码就能拉取历史行情、财务报表、分红记录等数据。 核心亮点: 极简 API:yf.download("AAPL") 即可获取苹果股票数据 支持批量下载、多线程加速 覆盖全球主要市场的股票、ETF、基金数据 与 Pandas 无缝集成,数据分析一步到位 适合人群: 所有需要金融市场数据的 Python 开发者,量化入门的第一个工具。...

详解 Google 账号与 Google Play 换区,看完你就明白了 原创 海外社媒ACC

               现在很多兄弟虽然解决了 Google 账号注册问题,但是对于 Google 账号的了解知之甚少。比如,你知道 Google 账号和 Google Play 的地区可以设置不一致吗?Google 账号多久未使用会被注销吗?如何安全有效地更改账号和商店地区等等疑问。