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

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

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

相关推荐
wanhengidc6 分钟前
深度了解云手机是什么
运维·服务器·科技·智能手机·云计算
N***738515 分钟前
Vue网络编程详解
前端·javascript·vue.js
e***716715 分钟前
Spring Boot项目接收前端参数的11种方式
前端·spring boot·后端
程序猿小蒜17 分钟前
基于springboot的的学生干部管理系统开发与设计
java·前端·spring boot·后端·spring
银空飞羽17 分钟前
让Trae CN SOLO自主发挥,看看能做出一个什么样的项目
前端·人工智能·trae
Eshine、1 小时前
解决前端项目中,浏览器无法正常加载带.gz名称的文件
前端·vue3·.gz·.gz名称的js文件无法被加载
JJ1M82 小时前
用 Python 快速搭建一个支持 HTTPS、CORS 和断点续传的文件服务器
服务器·python·https
用户47949283569152 小时前
别再当 AI 的"人肉定位器"了:一个工具让 React 组件秒定位
前端·aigc·ai编程
_Stellar2 小时前
Linux 服务器管理 根目录文件夹权限设置 基于用户组实现安全共享
linux·服务器·安全
WYiQIU3 小时前
面了一次字节前端岗,我才知道何为“造火箭”的极致!
前端·javascript·vue.js·react.js·面试