数码小编的Blog

CloudFlare Pages 部署纯前端Web应用教程

我收藏了不少JavaScript实现的纯前端Web应用,以前部署在本地docker自用,但是不方便分享给其它人使用,鉴于此目的我往CloudFlare迁移了一部分,此为具体的配置教程

🔵使用CloudFlare Pages功能上传本地项目

  • 进入「 Workers 和 Pages 创建应用程序 」页面

  • 选择「 直接从计算机上传 」选项

  • 选择本地Web应用目录文件夹

  • 选择的本地目录必须是包含index.html文件的根目录

⚪️绑定自己的域名网站

  • 部署成功以后,CloudFlare会自动生成一个网址,但是访问速度很慢,因此我们要绑定到自己的域名加速访问

  • 进入「 自定义域 」页面

  • 输入我们自己域名下的一个「 二级域名 」,点击继续

  • 如果该域名托管在CloudFlare,则会自动添加CNAME记录

  • 否则需要去域名DNS托管平台自行添加

⚪️访问网站,验证可用性

  • 例如我部署了一个批量图片去水印的Web应用,可在此访问https://image.lne.wiki

  • 恭喜你,现在已经掌握了部署本地Web应用到互联网的方法,非常适合发布我们自己的简历,以及收藏一些自用的精品应用

⚪️

Powered by wisp

10/26/2024
Related Posts
把JSON变成MySQL的形状

把JSON变成MySQL的形状

种一棵树,最好的时间是十年前,其次就是现在

Read Full Story
NextChat客户端多台设备之间同步面具masks教程

NextChat客户端多台设备之间同步面具masks教程

使用免费的5GB iCloud云盘,在多台设备之间轻松同步NextChat客户端masks.json文件

Read Full Story
如何给kindle无线传书?

如何给kindle无线传书?

使用macOS本地启动http服务给kindle无线传书,你也可以部署在NAS或者服务器docker

Read Full Story
© 数码小编 2025