免费的个人网站托管-Cloudflare

前情

对于前端开发来说,拥有一个自己的个人网站是一种执着也是一种排面,但是大部分前端也都对服务端这一块的东西都停留在了解阶段,但是如果正儿八经的上线一个网站或多或少需要懂一些服务端知识,需要购买服务器,注册域名,申请证书等等,那对于前端er有没有什么方式可以免费托管自己的个人网站了?

Cloudflare?

国内免费的可以托管静态网页服务器基本没有,我也找了很长一段时间的,我猜是国情限制吧,国内想上线一个网站你得先买域名,域名还要备案,这个我有折腾过,不是特别开心,就算你找付费的一样还得买域名,备案,申请证书等,一套下来热心都被磨没了,今天主要来讲怎么怎么撸国外免费服务器Cloudflare福利

Cloudflare 是一家全球知名的网络安全与性能优化公司,主要为网站、应用等提供服务。它通过遍布全球的边缘网络,帮助用户抵御网络攻击(如 DDoS 攻击),同时加速内容加载速度,还能管理域名解析等,让网络服务更安全、稳定、高效

方式1:Cloudflare免费托管

STEP1:注册自己的账号

进入网址:全球云平台 | Cloudflare 中国官网 | Cloudflare 注册自己的账号

STEP2:登录Cloudflare

用前面注册的账号,登录Cloudflare后会进入账户主页,点击创建应用程序

STEP3:选择Pages

选择一种导入你个人网站静态资源的方式,我这里选择最直接的直接上传,你可以依据你自己情况选一种方式

STEP4:填写项目名称

填写好自己想要项目名称,你的名称会体现在Cloudflare给你的域名,该域名是你独有的,也是后面你对外用的个人网站的网址

STEP5: 上传文件

把你本地构建好的个人静态网站资源上传,可以是压缩包,也可以文件夹

STEP6:部署站点

等待你的个人网站静态资源上传完毕后,点击页面底下的部署站点,直接看到成功页面

页面提示大概这样:成功!您的项目己部署到以下区域:全球 您可以在 **.pages.dev预览项目

小结

这是我目前正在使用的免费托管个人网站的方式,就是通过Cloudflare提供的Pages功能,它有不同版本的,这里用的是免费版,用于托管个人网站是足够使用的了,我们来看一看它各个版本的权益:

Free 计划: 适合个人开发者或小型项目。

  • 每月支持 500 次构建。
  • 1 个并发构建。
  • 提供 100 个自定义域名。
  • 无限站点、请求和带宽。

Pro 计划 : 适合中小型团队,费用为 25 美元/月(按年支付为 240 美元/年)。

  • 每月支持 5,000 次构建。
  • 5 个并发构建。
  • 提供 250 个自定义域名。

Business 计划 : 适合企业级用户,费用为 250 美元/月(按年支付为 2400 美元/年)。

  • 每月支持 20,000 次构建。
  • 20 个并发构建。
  • 提供 500 个自定义域名。

所有计划均包含以下功能:

  • 无限站点、席位、请求和带宽。
  • 内置 SSL 加密和 HTTP/3 支持。
  • 与 GitHub 无缝集成,支持快速部署和协作。

说实话这免费权益也是扛扛的,如果你有个人的网站想部署,但是又苦于不想折腾买域名备案,那就试试它吧

个人的知识和能力是有限的,天外有天山外有山,如果你有更好的免费服务器或者别的可以部署静态网站的方法非常期待你的分享

相关推荐
꯭自꯭闭꯭12 小时前
达梦DMDSC主备搭建
linux·服务器·数据库
硅基手札12 小时前
MCP 实战 —— 从零写一个 CRC16 服务器(保姆级)
运维·服务器·ai
AI备忘录12 小时前
(二十三)华为华三锐捷迈普思科 MLAG 跨设备配置命令(双活网关五厂商对照)
服务器·网络·华为
huakoh12 小时前
MCP 调用超时后别急着重试:三步读回分清执行状态
前端
打工仔折腾 AI12 小时前
把模型切换交给平台:用蓝耘智能路由搭建商品评论分析工具
java·服务器·前端·后端·python·性能优化·ai agent 实战
不可能片场12 小时前
Electron 发布标题的冒号 击穿命令行解析
前端·electron
杨云龙UP12 小时前
TDengine Community 超级表建表实战:统一21个TAG与DOUBLE/字符串数据模板
运维·服务器·数据库·时序数据库·tdengine·涛思数据·stable建表
reeswell12 小时前
我开源了 inspect-devtools —— 让 AI 终于能"看见"你屏幕上的组件
前端·人工智能
Yuhano12 小时前
W3. 实现Agent工具调用引擎
前端·aigc·ai编程
flash俊杰12 小时前
第三节 基于 Vue 3 的领域模型架构——Schema 驱动的低代码后台实战
前端