这里介绍使用Cloudflare Pages部署hexo博客网站的方法。
首先按照正常注册网站账户的方法注册一个Cloudflare账户。
Cloudflare 的网站:https://dash.cloudflare.com/
进入Cloudflare网站后,就可以看到上图所示的Cloudflare Workers and Pages功能模块。
点击创建按钮,如上图所示,可以选择Workers和Pages,这里我们选择Pages。
关于Workers和Pages的区别,这里放一段AI给出的解释。
Workers和Pages的区别
Cloudflare Workers
无服务器平台:
- 定义:无服务器(Serverless)计算是一种云计算执行模型,它允许开发者构建和运行应用程序,而无需管理服务器。Cloudflare Workers 正是基于这种模型构建的。
- 优势:开发者只需关注代码本身,无需担心底层基础设施的配置、管理和维护。这简化了部署流程,降低了运维成本,并提高了开发效率。
运行 JavaScript:
- 灵活性:Cloudflare Workers 支持 JavaScript 作为编程语言,这意味着你可以使用 JavaScript(以及 TypeScript)编写逻辑来处理 HTTP 请求和响应。
- 应用场景广泛:由于 JavaScript 是一种广泛使用的编程语言,这使得 Cloudflare Workers 可以用于各种应用场景,如 API 代理、网站功能增强、数据处理等。
边缘计算:
- 全球分布:Cloudflare Workers 运行在 Cloudflare 的全球边缘网络(即 CDN 节点)上,这意味着你的代码可以在离用户最近的节点上执行,从而显著降低延迟,提高性能。
- 实时处理:适合需要快速响应的应用,如动态内容生成、实时数据处理等。
Cloudflare Pages
静态网站托管:
- 定义:Cloudflare Pages 是一个静态网站托管服务,专门用于部署静态网站和服务器端渲染(SSR)应用。
- 优势:它提供了一个简单、快速的方式来部署和托管静态内容,如 HTML、CSS 和 JavaScript 文件。
构建和部署:
- 自动化:Cloudflare Pages 支持与 GitHub、GitLab 等代码仓库集成,可以自动构建和部署你的网站。
- 性能优化:利用 Cloudflare 的全球 CDN 网络加速内容分发,确保网站加载速度快。
总结
Cloudflare Workers 是一个无服务器平台,允许你在 Cloudflare 的全球边缘网络上运行 JavaScript 代码,适合需要快速响应和动态处理的应用。
Cloudflare Pages 是一个静态网站托管服务,专注于部署静态网站和 SSR 应用,提供了简单、快速的部署方式和性能优化。
理解这句话的关键在于认识到 Cloudflare Workers 提供了更广泛的灵活性和实时处理能力,而 Cloudflare Pages 则专注于静态网站和 SSR 应用的快速部署和性能优化。
因为我已经有一个hexo博客的Github仓库,这里选择直接从git仓库导入。
选择一个自己GitHub账户下的仓库进行部署。
这里需要注意一下,如果没有仓库显示在列表里,则是因为没有授权Cloudflare访问你的GitHub账户。
只需要点击下方提示中的链接,按照提示步骤进行授权即可。
GitHub 的双因验证可以使用chrome插件商店里面的身份验证器插件。
下面我们来配置构建方法。
分支需要选中需要构建的仓库分支。
hexo博客的构建命令是nxp hexo generate
,所以在构建命令栏要填写好这条命令。
另外,要指定hexo构建好后的输出目录。hexo默认会输出到public目录。
设置好后,点击保存并部署。
部署好后,由于cloudflare自动生成的访问链接被墙了。国内无法直接访问。需要通过DNS进行映射。
我之前已经在腾讯云购买了域名,所以我直接用腾讯云的DNS服务来进行域名的解析和映射。
接下来,我们来进行域名映射以便在国内也能访问在cloudflare部署好的网页。
首先,点击添加自定义域名。
然后设置一个以blog开头的二级域名。
接下来在腾讯云的DNS里面添加CNAME记录,将自己的二级域名指向cloudflare给我们提供的网址。
到此,DNS的设置就结束了。接下来就是等待,直到提示DNS设置已经生效。
域名映射生效后,cloudflare会为我们的网站自动提供SSL证书。
OK。现在就可以正常访问部署好的博客网站了。