免费的个人网站托管-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 无缝集成,支持快速部署和协作。

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

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

相关推荐
mCell12 小时前
GSAP ScrollTrigger 详解
前端·javascript·动效
gnip12 小时前
Node.js 子进程:child_process
前端·javascript
excel15 小时前
为什么在 Three.js 中平面能产生“起伏效果”?
前端
excel16 小时前
Node.js 断言与测试框架示例对比
前端
天蓝色的鱼鱼18 小时前
前端开发者的组件设计之痛:为什么我的组件总是难以维护?
前端·react.js
codingandsleeping18 小时前
使用orval自动拉取swagger文档并生成ts接口
前端·javascript
石金龙19 小时前
[译] Composition in CSS
前端·css
白水清风19 小时前
微前端学习记录(qiankun、wujie、micro-app)
前端·javascript·前端工程化
Ticnix19 小时前
函数封装实现Echarts多表渲染/叠加渲染
前端·echarts
用户221520442780019 小时前
new、原型和原型链浅析
前端·javascript