Cloudflare静态网站

更新: 2025/7/11 字数: 0 字时长: 0 分钟

一般静态网站都是用来做展示、做博客，很多时候都需要用到服务器，对于没有预算的盆友，最好的选择应该就是github或者Cloudflare挂载，为什么，因为主打一个白嫖哇！

今天不提GitHub，只说Cloudflare，因为它足够简单，也不用写任何指令代码，挂载域名也方便（并且也能直接获取git仓库来挂载）

打开网站

认准这个网站 Cloudflare https://dash.cloudflare.com/

登录就不多说了，进入控制台后选择“计算(Worker)”

点击创建后选择Pages，我们使用本地上传的方式

跳转界面后我们给项目随便填个喜欢的名称，确认后Cloudflare自动生成类似域名的字段，通过它我们就可以外网访问自己的网页了。

接下来选择计算机本地上传文件夹，记住是文件夹，静态网站一定要有index.html这种入口文件，不然网站识别不到，等待你的那就是4xx报错

以Vue项目为例，npm run build后的dist文件夹直接拖进去即可，耐心等待资源上传完毕，点击最后的部署站点，欸，就这么简单

点击项目名称进入详情，你就可以看到下面的界面，先介绍界面，首先“域”即访问网站的域名，有了它才能访问我们的网站，此处我显示有两个，是因为我添加了“自定义域”，（先记住一会要考）

然后还有“所有部署”，这里会记录我们上传过的所有网站版本，当我们每次上传更新网站资源时，这里就会多出一条制作记录，最右边三个点可以让我们回滚到上一个版本，或者是删除旧的版本

WARNING

在不确定的情况下不要删除能运行的代码，总有特殊情况会发生（例如源码没了啥也不剩）

TIP

更新版本也很简单，每次更新网站代码后，点击右上角创建部署重新上传文件夹即可

接着来说自定义域，很无脑的操作，直接填写你们买回来的（嫖回来的）域名即可，点击继续，等待几分钟，CloudFlare会自动配置DNS记录，很爽好吧

我的网站就是这样挂载，简单省事

Cloudflare有很多免费的服务，SSL证书，增加通讯安全性，DDOS防护、包括上面DNS域名解析等等，都是可以白嫖的，想设置的自己再去探索一下吧

教程就到这结束，感谢您读到这！

有什么问题欢迎评论区留言😋