🦚 Cloudflare配置
Cloudflare提供CDN、优化工具、安全、分析以及应用等服务,可以使用其提供的免费加速服务和网站保护服务。
壹丨Cloudflare配置DNS解析¶
与各种云服务域名解析功能类似,在Cloudflare中可以设置使用Cloudflare代理流量或仅限DNS解析
记录类型介绍:
- CNAME记录:别名记录,将域名解析到另外一个域名;
- A记录:指定主机名(或域名)对应的IP地址,即当访问此域名的时候,直接指向IP地址的主机;
- TXT记录:为某个主机名或域名设置说明,可以用来验证对域名的管理权;
- MX记录:邮件交换记录,一般用于将某个域名的电子邮件指向对应邮件服务器。
贰丨启用Cloudflare Pages¶
(2022.3更新:已经弃用Cloudflare Pages服务,改用vercel)
Cloudflare Pages为前端开发人员提供协作和部署服务,支持Hugo、JekyII、React、Vue、Gatsby等框架。
以Hexo博客部署为例,流程如下:
第一步,项目创建:Cloudflare Pages中,创建项目——登录Github——选择对应的git仓库
第二步,构建与部署:
- 构建参数设置为空
在Hexo创建博客时:
hexo g命令,将~/hexo-site/source/文件夹下.md、.html、.js等文件渲染并放入~/hexo-site/public/文件夹下
hexo deploy命令,将~/hexo-site/public/文件夹下的内容推到git仓库(静态网页的全部内容就在这里)
- 构建配置:
- 框架预设:None
- 构建命令:空
- 构建输出目录:空
- 根目录(高级):空
配置完后将自动部署
第三步,自定义域名:
-
项目——自定义域——设置自定义域;
-
Cloudflare中:DNS——添加记录——设置CNAME记录。
第四步,开启HTTPS。使用Cloudflare代理可以直接开启强制HTTPS,在Cloudflare Pages中是默认配置的。
参考¶
[1] 知乎,@江湖人士,cloudflare使用入门教程,国外最好免费CDN
[2] 知乎,@随风,Hexo博客提交百度收录SEO