如何用CDN加速你的网站 – Cloudflare免费版详细使用教程
Cloudflare是比较出名的且少有能免费使用的美国CDN服务商，虽然相对付费版本，它的免费版本功能有缩水，但是依然强大。今天Hunk就来介绍下Cloudflare免费版的详细使用教程Cloudflare有以下几个好用的功能：
免费且快速的DNS服务（1分钟生效）
免费的SSL证书
限制某些地区的IP访问等操作
防止网络攻击
网站缓存和加速
一个cloudflare账户免费绑定多个网站
注: 由于cloudflare是一种国外的服务商，所以针对外贸网站的设置才有意义。
以下是具体的设置方法
本文目录如下
1. 注册cloudflare账号，添加域名并激活邮箱
2. Cloudflare之overview菜单设置
3. Cloudflare之Analytics菜单设置
4. Cloudflare之DNS菜单设置
5. Cloudflare之Crypto菜单设置
6. Cloudflare之Firewall菜单设置
7. Cloudflare之Speed菜单设置
8. Cloudflare之Caching菜单设置
9. Cloudflare之Page rules菜单设置
10. Cloudflare之Network菜单设置
11. Cloudflare之Apps+菜单设置
12. ACCESS, Custom Pages, Traffic, Steam 等菜单设置
1. 注册cloudflare账号，添加域名并激活邮箱
进入cloudflare官网，然后点击sign up，输入邮箱和密码，然后点击create account。
//upload-images.jianshu.io/upload_images/7940255-4809b2b86c55f57d.png
//upload-images.jianshu.io/upload_images/7940255-24d3c54b03136aba.png
接着会跳转到一个页面，需要在这里输入你的域名，如果你想一次性输入多个，点击下面的那个i want to enter more domains at a time.
//upload-images.jianshu.io/upload_images/7940255-3a70b62dd6cf8c86.png
接下来点击NEXT，然后选择第一个免费的plan，当然，如果你有预算也可以选择付费的plan，选择之后点击confirm plan，再点击confirm
//upload-images.jianshu.io/upload_images/7940255-b268636225df1388.png
//upload-images.jianshu.io/upload_images/7940255-ba9b081f6e8eafc0.png
再点击continue, 然后它会跳转到一个页面，上面会提示你在cloudflare的2条NS服务器是多少，要怎么操作等等。
//upload-images.jianshu.io/upload_images/7940255-c014ac98b720c0da.png
//upload-images.jianshu.io/upload_images/7940255-51d400d33d6c8a40.png
你需要复制并记录到文档里面，然后去你的域名管理后台把NS修改成这两条，如果你原来有多条NS服务器，其他的删除 ，只保留这两条即可。具体修改NS的方法参考Namesilo, godaddy和万网域名修改NS的方法
修改成功后等待1-2小时，等他生效。
最后，你需要进入到你注册CLOUDFLARE使用的邮箱里面，在收到的cloudflare验证邮件里面点击verify，将邮箱完成验证即可。
2. Cloudflare之overview菜单设置
等待几小时后，登录cloudflare账号，然后点击需要设置的域名进入设置菜单。
首先我们查看overview菜单，这里是cloudflare所有的主要菜单的一个快捷方式，所以大部分的操作我们不用管。
只有两个快捷的操作在需要的时候可以打开。
一个是under attack mode，就是当你的网站被攻击的时候打开它，这样可以阻止攻击。
另一个是development mode，就是当你在修改网站的时候想马上看到修改的结果，就打开它，这样就不会缓存，而是直接呈现最新的网站页面。
上面两个设置如果不需要，就保持关闭的状态。
//upload-images.jianshu.io/upload_images/7940255-b143706554faf2c0.png
另外，在这里面可以看到这个网站下面的流量，缓存的情况等等，了解网站使用cloudflare的基本情况。
其他的快捷设置我们会在后面的单独页面去设置。
//upload-images.jianshu.io/upload_images/7940255-b065c9e66c33873d.png
3. Cloudflare之Analytics菜单设置
这里主要是看网站使用cloudflare之后的一些分析数据，analytics下面包含几个子菜单， Traffic, security, Performance 和DNS
Traffic菜单介绍
主要是查看网站的在过去某一个时间段的请求，带宽，和访客的情况。
同时下方会不同国家的请求，带宽和访客的分布的数据，可以查看。
//upload-images.jianshu.io/upload_images/7940255-8940c6ed4f261ae8.png
Security菜单
这个菜单主要是关于安全的资料展示
Threats
里面展示的是关于某一段时间的受到的威胁数据，包括威胁次数，来自哪些国家，威胁的类型等。
Threats by Country
来自不同国家的威胁的数据
Rate limiting
这是付费功能，免费版本用不了
Overview
安全性相关的数据一览
//upload-images.jianshu.io/upload_images/7940255-b459c4916c386105.png
Performance菜单
Origin performance(Argo)
这个是付费的功能，免费版本用不了
下面也是关于性能一些数据的预览
//upload-images.jianshu.io/upload_images/7940255-2053eb8edf671cdb.png
DNS菜单
主要是查看DNS查询的一些数据
//upload-images.jianshu.io/upload_images/7940255-b0a6bb79dd12c34d.png
4. Cloudflare之DNS菜单设置
在DNS菜单里面，你可以随意添加或删除所有DNS记录，也可以选择使用或不使用cloudflare的服务。
//upload-images.jianshu.io/upload_images/7940255-13922c2ae7288b9c.png
下面简单介绍下cloudflare添加DNS记录的方法
1）首先在左侧A这里点击一下，然后选择不同的记录类型A， cname, MX, TXT记录等等
2）接下来在Name这个框里面输入你的添加的记录的名字， 如果是网站解析一般填www或不填，如果是邮箱的解析一般留空，
3）然后在第三个框里面输入你要添加的记录的值， 如果是A记录填的是你使用的空间的IP， 如果是cname记录这里填的是域名，如果是MX记录，这里填的是企业邮箱提供的记录值同时还要填上对应的优先级。
4）三项填好之后，点击ADD record即可添加成功。
//upload-images.jianshu.io/upload_images/7940255-f7a5f45dc91f58cf.png
删除记录是很简单的，直接在记录后面点击叉叉，即可删除 。
网站使用CLOUDFLARE的服务设置
只有A记录或cname才可以设置使用CDN服务
方法也很简单，只需要添加A记录后面的云彩小图标，把它点亮，就会切换成使用CDN的状态 。
如果你不想用Cloudflare的CDN服务，那只需要再点击一下，把它关闭变成灰色，就关闭了CDN服务，只是用到了cloudflare的DNS。
需要注意：只有打开了点亮了这个云彩小图标，本文中后面的所有设置才能起效果！
//upload-images.jianshu.io/upload_images/7940255-9a83ee379f1a4f56.png
其他的三个菜单
Cloudflare Nameservers
这里显示的是你在cloudflare使用的nameservers是哪些
Custom Nameservers
这个是付费版本的功能，免费版本不可用
DNSSEC & CNAME Flattening
不用管它
//upload-images.jianshu.io/upload_images/7940255-17b7a6969b2e8428.png
5. Cloudflare之Crypto菜单设置
这里面主要是网站加密的设置，加强网站安全
SSL
如果你本来的网站有SSL证书，这里选择full即可
Edge Certificates
免费版本的cloudflare账号不用设置这里。
//upload-images.jianshu.io/upload_images/7940255-7dd3e6a26a3b52da.png
Custom Hostnames
付费版本的cloudflare才有的功能
Origin Certificates
如果你原来的网站没有安装ssl证书，可以在这里生成一个证书，然后安装到你网站原来的空间上面。不过Hunk不建议这样操作。
而是直接在原空间上安装SSL好一些。现在很多的空间都能一键安装ssl，如siteground,很方便。
Always use https
一直使用https链接的设置，打开即可
Http strict transport security
非必选，可以不用设置
//upload-images.jianshu.io/upload_images/7940255-8fe9d7fbdd65f743.png
Authenticated Origin Pulls & Opportunistic Encryption & Onion Routing
打开即可
Minimum TLS Version
选择1.1即可，如果选择太高可能导致网站打不开
//upload-images.jianshu.io/upload_images/7940255-f382dce56f70f157.png
TLS 1.3 & Automatic HTTPS Rewrites
打开即可
Disable Universal SSL
这个保持默认即可
//upload-images.jianshu.io/upload_images/7940255-71c0ff93eed4773f.png
6. Cloudflare之Firewall菜单设置
Firewall菜单里面可以对网站安全进一步设置，限制某些IP或地区的用户访问等。
Events 子菜单
这里面可以查看防火墙的一些小事件，像图片中就是Hunk设置过滤条件后屏蔽的一些访问
//upload-images.jianshu.io/upload_images/7940255-9ed4a15805b8f2d8.png
Managed Rules子菜单
这里面是付费cloudflare的设置，免费版本用不了
//upload-images.jianshu.io/upload_images/7940255-3254a6c8acace99d.png
Firewall Rules
这里可以设置限制其他人访问你的网站的规则，每个账户只能设置5个限制规则。
这里可以设置很多想要的屏蔽国内IP访问，首先点击create a firewall rule
//upload-images.jianshu.io/upload_images/7940255-a3bee838d62217e7.png
在打开的窗口中
Rule name这里填这个规则的名字
Field这里面可以选择不同的过滤对象，可以设置IP，也可以设置国家等等，我们以国家为例
Operator这里设置操作，可以选择equal，
Value这里填上你需要屏蔽的国家，我们以China为例
Edit expression不用管
Choose an action 这里选择block
最后点击deploy就可以添加这个rule。
这个操作的意思是，当中国的用户访问你的网站的时候，直接屏蔽掉。
//upload-images.jianshu.io/upload_images/7940255-47b48bf9992ec8e3.png
然后就可在这个下面看到。
如果不需要这个RULE，点击后面的On变成off即可关闭这个rule.
//upload-images.jianshu.io/upload_images/7940255-fcf1a4e47639c197.png
TOOLS
这里的功能跟firewall rules的功能是一种补充，都对是用户访问你的网站进行一些有必须的设置
IP Access Rules
主要是针对IP，IP范围及国家和ASN设置一些规则
需要注意的是，有些功能只有付费版才能用。
操作的方法也很简单，以屏蔽IP为例。
第一个框输入一个IP，然后在第二个框选择一项规则，第三项选择的是这个网站或这个cloudflare上面所有的网站有效。
Add a note是添加一个备注，最后点击add即可。设置比较简单。
//upload-images.jianshu.io/upload_images/7940255-5de867c4030e22b9.png
Rate Limiting & Zone lockdown
付费功能
User Agent Blocking
可以对用户使用的代理设置，像浏览器类型，CPU或者操作系统进行一些限制。
这个操作用的不多，所以暂不示范了。如果有需要的朋友可以研究下，操作其实不难。
//upload-images.jianshu.io/upload_images/7940255-e05b004ab6f0c939.png
Settting
这里是进行一些其他的设置
Security Level
这个设置low即可，如果设置太高，就会过于敏感，导致很多用户受影响
Challenge Passage
这是验证的有效期，可以设置久一点
Browser Integrity Check 和 Privacy Pass Support
都设置为ON， 打开的模式。
//upload-images.jianshu.io/upload_images/7940255-5e3c118fcb86de09.png
7. Cloudflare之Speed菜单设置
Auto Minify
网页最小化处理，把Javascript, css html前面都打勾即可。
Polish / Railgum
付费功能
//upload-images.jianshu.io/upload_images/7940255-cdbdca226d7b96f2.png
Brotli
这是一种比gzip更好的网页压缩方式，打开即可
Mirage
付费功能
Rocket Loader
这个需要测试决定是否需要打开，没有固定的答案 。
你可以打开之后，然后在不同的浏览器上面查看网页的效果，如果出现网页排版等问题，那就将它关闭。
Mobile Redirect
这个是可以设置在手机上打开你的网站的时候跳转到不同的链接。
如果你有专门的手机站点，那就可以设置，如果没有或者不需要这个设置，那就不用设置。
方法很简单, 先在上面选择你要跳转到的目的链接，然后选择keep path， 再把下面点击切换到On即可。
如果后面不需要，把下面的开关关闭即可。
Prefetching URLs From HTTP Headers
付费的功能 。
//upload-images.jianshu.io/upload_images/7940255-61b26e2fc255d36f.png
8. Cloudflare之Caching菜单设置
这里面是进行缓存的一些设置
Purge cache
这个设置是清除缓存
Custom purge 可以清除指定页面的缓存
这个操作也比较简单，点击custom purge, 然后在框里面输入要清除的链接，再点击purge即可。
Purge everything 是清除整个网站的缓存
Caching Level
这里选择standard即可
Browser Cache Expiration
这里根据自己的情况进行修改，建议7天以上
//upload-images.jianshu.io/upload_images/7940255-2704acf02e71e33b.png
//upload-images.jianshu.io/upload_images/7940255-9c0bb6d441261ee9.png
Always Online
这里打勾即可
Development Mode
由于cloudflare采用了缓存技术，当你更新了网站的内容，不一定能马上在前台看到更新的内容。
这个时候你只要打开development mode就可以马上看到网站更新的内容。当然，正常情况下还是关掉比较好。
Enable Query String Sort
付费版的功能 。
//upload-images.jianshu.io/upload_images/7940255-0659014cbe2e0f3d.png
9. Cloudflare之Page rules菜单设置
免费版本可以设置3个页面的规则，如果想再多就需要购买了。
这里面的可以设置的规则有很多，其中一个很有用的一点就是forwarding，就是301跳转，这个应用很多。
下面简单示范一下，比如我要把我网站wpshare.org整个站都跳转到百度
点击create page rules，然后在第一个框里面输入需要跳转的页面的URL，如果你要将整个网站都跳转，就在完整链接后面加*，即可。
如果只需要跳转某个页面，那就直接填上这个页面的URL即可。
然后点击下面的add settings
然后再展开的pick a setting，再在select a status code里面选择301 - permanent redirect即可。
最后面下面的框里面输入你要跳转的目标链接百度。
最后再点击save and deploy，即可成功。
添加成功后，在下面会列出来这个page rule，如果不取消，直接把后面的on 变成Off即可
//upload-images.jianshu.io/upload_images/7940255-085a597f9e6891c7.png
//upload-images.jianshu.io/upload_images/7940255-c0558bf5e3f07786.png
//upload-images.jianshu.io/upload_images/7940255-88ba410f0b175449.png
//upload-images.jianshu.io/upload_images/7940255-0adefce5d3eff4f3.png
10. Cloudflare之Network菜单设置
所有选项保持默认即可。
//upload-images.jianshu.io/upload_images/7940255-da669f04f8e31f1a.png
//upload-images.jianshu.io/upload_images/7940255-3c806a2c4415b1a4.png
11. Cloudflare之Apps+菜单设置
这个菜单下面，你可以对网站安装一些软件，来加强网站的功能。下面就示范一下。
首先在这个框里面搜索你要添加的类型，我们来加一个whatsapp聊天工具，直接 搜索what
//upload-images.jianshu.io/upload_images/7940255-f4e4468daad7a58f.png
然后下面的结果中就会出来whatsapp这个工具，点击它，然后再点击preview on your site
//upload-images.jianshu.io/upload_images/7940255-6c7cd2666d3525cf.png
然后依次在左侧输入CALL TO ACTION的内容，以及你的whatsapp 账号，然后选择whatsapp显示的位置。最后点击install on all pages，即可成功安装。
不过免费版只能显示在首页，其他的页面不能显示。另外，如果你安装的是其他的工具，每个工具的设置内容是不一样的，需要根据情况来设置。
//upload-images.jianshu.io/upload_images/7940255-8b58e9d36540ec3c.png
12. ACCESS, Custom Pages, Traffic, Steam 等菜单设置
这些都是付费版才能使用，不用管它。
页:
[1]