Total Pageviews

Monday, 21 October 2024

部署静态网站到cloudflare pages空间

 前言

  众所周知,Cloudflare 是一家世界知名的 CDN 网络提供商,其在 DDoS 保护、网页应用程序防火墙、域名服务器、内容分发网络等服务上都有非常优秀。2018 年 4 月 1 日,Cloudflare 与 ASNIC 联合推出了声称“隐私第一”的域名系统解析服务。之后的 11 月 11 日又推出了 1.1.1.1 解析器的手机应用程序、电脑应用程序。并且,Cloudflare 也一直在为 HTTP 协议规范、IPv6 推广部署等方面作出了贡献。Cloudflare 提供了基础的免费服务给广大用户,同时也带来了最新的 Web 服务体验,Cloudflare Pages 就是这样的一款产品。

  访问 Cloudflare Pages 官网https://pages.cloudflare.com/,点击 Sign Up 按钮使用 Cloudflare 账户登录。

创建项目

登录后,来到此页:https://dash.cloudflare.com/cd81d89c95a45259096722709e7cdcb6/workers-and-pages,点击create按钮,来到了此页:

https://dash.cloudflare.com/cd81d89c95a45259096722709e7cdcb6/workers-and-pages/create/,点击pages,来到了此页:

https://dash.cloudflare.com/cd81d89c95a45259096722709e7cdcb6/workers-and-pages/create/pages

把页面往下拉,看到“Create using direct upload”,点击“upload assets"按钮,来到了此页:

https://dash.cloudflare.com/cd81d89c95a45259096722709e7cdcb6/pages/new/upload

页面里显示:

Deploy a site by uploading your project

Name your project and upload your site’s assets including HTML, CSS, and JS files that you would like to deploy.

设置永久访问的域名前缀,然后点击"create project"按钮,会给你一个xyz.pages.dev这样的二级域名,页面的下方显示:

Your project is ready. Add a folder or zip file to get started.

Drag and drop or select from computer.

点击”select from computer“,然后点击upload folder按钮,定位到你本地机器上生成的静态网站的根目录,然后点击upload按钮,待看到All files were successfully uploaded后,点击页面下方的”deploy site"按钮。

示例:

https://mvr.pages.dev/

https://mnc-6pt.pages.dev/


评价

  Cloudflare Pages 的部署步骤其实与 Netlify 大致上一致。从支持的功能上来讲,Cloudflare Pages 还是比较侧重于提供持续部署的能力,没有 Netlify 铺的面那么宽,但是也是只要是静态生成器都能完全支持。由于 Cloudflare 本身就是做 CDN 的,所以和 Netlify 在实现全球性部署的时候还是有不一样的地方的。由于 Cloudflare 的节点数量较多、网络线路较优,访问速度上可能会比 Netlify 好那么一点。不过,是否存在这样的差异还不得而知。

参考:

https://dash.cloudflare.com/cd81d89c95a45259096722709e7cdcb6/workers-and-pages/create/pages

https://developers.cloudflare.com/pages/get-started/git-integration/

-------------------------------

相关帖子:

上传vps/本地电脑上的静态网站到netlify.com空间

https://briteming.blogspot.com/2024/10/pages.html










No comments:

Post a Comment