https://blog.foamzou.com/tags/cloudflare/ Recent content in Cloudflare on Foam 的博客 Hugo zh-cn Wed, 30 Sep 2020 20:37:41 +0800 https://blog.foamzou.com/posts/use-cloudflare-as-free-ssl/ Wed, 30 Sep 2020 20:37:41 +0800 https://blog.foamzou.com/posts/use-cloudflare-as-free-ssl/ <p>2021-11-14更新：百度云加速过期了，CDN 也直接用七牛云的吧。有兴趣的朋友可以看这篇文章《<a href="https://blog.foamzou.com/posts/image-hosted-service-qiniu/">用七牛云作图床并配置 SSL</a>》</p> <p>2020-11-03更新：已将cdn部署到<a href="https://su.baidu.com/">百度云加速服务</a>。国内使用Cloudflare确实不行，最近看到百度云加速有免费套餐，个人博客来说完全够用了。步骤不复杂，就不详细描述了。步骤大概为：</p> <ul> <li>需要域名备案</li> <li>在百度云加速实名认证</li> <li>添加网站时，选择CNAME接入方式。（官方推荐的是NS方式，这样可以全称托管，但我目前只希望托管我的cdn域名）</li> <li>证书管理-证书申请可以免费申请ssl证书</li> <li>安全功能-HTTPS，选择半程加密。这样源站可以不支持SSL</li> </ul> <hr> <p>以下为原文：</p> <blockquote> <p>注意一下，由于众所周知的原因，在国内访问CloudFlare会很慢，我只是用于个人博客的部分图片使用，所以容忍度会比较高。<strong>有高要求的同学，不建议在国内使用。</strong></p> </blockquote> <p>对于经常科学上网，尤其是自己搭建科学上网的同学来说，CloudFlare一定再熟悉不过了。经常有同学将它套在国外机子上，用来加速流量。因为CF本身就是一个CDN服务，可以用于加速各种服务。</p> <p>今天我选择用它做我图床的cdn服务。</p> <h2 id="背景">背景</h2> <p>起因是这样的，这两天发现我博客的背景图加载不出来了，查看网络请求后发现我的图床域名<code>https://cdn.foamzou.com/legacy</code>被强制使用<code>https</code>发起请求了。这是因为我的html页面是https的，chrome很不喜欢https页面包含了http请求，认为这很不安全。所以它强制在发起请求的时候在http header加了<code>upgrade-insecure-requests: 1</code>。该头部会告知服务端，客户端支持将http升级为https。在接下来的http请求中，浏览器会将其替换为https再发起请求。(但我将<code>upgrade-insecure-requests: 1</code>改为0，还是会替换为https，不确定是不是该头部的原因，也可能是chrome最近自升级加的特性。其它浏览器例如Safari就正常访问)</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">Ok，已经确定是chrome新版本的特性，将混合内容（mixed content）的http改写为https了。在2019年10月份，google就通过博客发布了chrome关于内容安全的更新时间表： </span></span><span class="line"><span class="cl">- v79 [2019年12月发布到稳定渠道]：将mixed的脚本文件、iframe升级到https </span></span><span class="line"><span class="cl">- v80 [2020年1月发布到试用渠道]：将mixed的音视频文件升级到https。虽然允许mixed的图片文件加载，但该站点会在地址栏被标记不安全 </span></span><span class="line"><span class="cl">- v81 [2020年2月发布到试用渠道]：将mixed的图片文件升级到https </span></span><span class="line"><span class="cl">按计划是2月份发布到early release渠道，估计也是前段时间才被更新到稳定渠道，然后自更新导致我的图片挂掉 </span></span></code></pre></div><p>问题来了，我的图床域名并不支持https，导致ssl握手失败，我的图裂开了！如果要支持的话，我需要在七牛支付一定的费用（https流量没有免费额度），而且需要配置一个ssl证书，可以购买（几千块一年，好贵），也可以上传自定义证书（也略麻烦）。</p> <p>突然想起我可以把CF套在域名上，CF有免费套餐，一般的需求足够了，ssl证书还不用自己配置。</p> <h2 id="开干">开干</h2> <p>说干就干，打开<a href="https://dash.cloudflare.com/">官网</a>，没有账号的话注册一个。</p> <h3 id="添加站点">添加站点</h3> <p>注意，这里只能填写根域，不支持单独加速子域名。但我只想加速某个子域名怎么办？没事，后面步骤可以配置。</p> <p><img loading="lazy" src="https://blog.foamzou.com/posts/use-cloudflare-as-free-ssl/image.png"></p> <p>添加站点</p> <h3 id="选择套餐">选择套餐</h3> <p>选择免费的就可以啦</p> <p><img loading="lazy" src="https://blog.foamzou.com/posts/use-cloudflare-as-free-ssl/image-1-1024x780.png"></p> <p>选择套餐</p> <h3 id="修改代理状态">修改代理状态</h3> <p>选择完套餐后，CF会将你域名的解析记录带出来，如下图</p> <p><img loading="lazy" src="https://blog.foamzou.com/posts/use-cloudflare-as-free-ssl/image-2-1024x501.png"></p> <p>dns记录</p> <p>在代理状态那列点击小图标可以切换状态。现在有两个状态可以切换，<code>已代理</code>和<code>仅限DNS</code>。注意，对于你不希望走CF的域名，请设置为<code>仅限DNS</code>，这样CF只会帮你将域名解析到你的源ip，而代理则解析到CDN节点，再帮你回源。</p> <p>由于CF在国内的网络情况并没有阿里云这些本地的厂商好，所以博客域名我没有走CF，只是代理了<code>file.zoufeng.net</code></p> <p>好，点击继续。</p> <h3 id="修改域名的dns服务器">修改域名的DNS服务器</h3> <p>这一步需要到你的域名管理台(在哪买的域名就去哪)，将原来的DNS服务器删除，换成CF自己的。完成之后点击蓝色按钮。</p> <p><img loading="lazy" src="https://blog.foamzou.com/posts/use-cloudflare-as-free-ssl/image-3-793x1024.png"></p> <h3 id="设置ssl">设置ssl</h3> <p>点击SSL/TLS按钮，将选项修改为<code>灵活</code>，这样CF节点支持ssl，而源服务器不需要ssl。<code>完全</code>的话，源服务器就需要支持ssl了。我的七牛图床域名不支持ssl，所以选择了灵活。这也是本篇文章的最开始的目的。</p> <p><img loading="lazy" src="https://blog.foamzou.com/posts/use-cloudflare-as-free-ssl/image-4-1024x649.png"></p> <h3 id="等待生效">等待生效</h3> <p>等吧。修改DNS服务器那一步耗费的时间可能会长一些。你可以通过ping命令检查是否已经解析到CF的ip了。</p> <h2 id="其它">其它</h2> <p>你可能看到上一张图有很多菜单：缓存、防火墙、worker等。CF挺多功能的，有兴趣的话，注册一个玩玩吧。worker就是serverless那东西，类似AWS CloudFront的lambda@edge</p>