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

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

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

相关推荐
omnijk4 小时前
前端工程化
前端
做前端的娜娜子4 小时前
前端必看!我把一段"能跑不敢动"的报表代码用 AI 重构成了组件(附完整 Prompt)
前端·ai编程
hunterandroid4 小时前
[鸿蒙从零到一] ArkUI 动画与转场实战:状态驱动、组件过渡与页面衔接
前端
何时梦醒4 小时前
React + TypeScript + Vite 实战:从零构建 Color Picker 应用
前端·javascript·架构
谁在黄金彼岸4 小时前
Nuxt.js 详解(一):Vue 开发者为什么要关注 Nuxt
前端
英勇无比的消炎药4 小时前
TinyRobot v0.5.0 深度解读(三):Layout 组件——如何组织复杂工作区的页面布局
前端·vue.js
默_笙4 小时前
😋 我让 DeepSeek-R1 在浏览器本地跑了起来,后端同事说"你认真的?"
前端·javascript
英勇无比的消炎药4 小时前
TinyRobot v0.5.0 深度解读(四):CLI 脚手架——从零搭建 AI 应用的工程化实践
前端·vue.js·github
山峰哥4 小时前
数据库性能救星:Explain执行计划深度拆解
服务器·开发语言·数据库·sql·启发式算法