https://blog.discoverlabs.ac.cn/categories/%E9%80%9A%E7%94%A8%E6%95%99%E7%A8%8B/ Recent content in 通用教程 on RanceLee的博客 Hugo -- gohugo.io zh-cn Mon, 28 Jul 2025 00:00:00 +0000 https://blog.discoverlabs.ac.cn/posts/0013-%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8cloudflare%E6%9D%A5%E5%8A%A0%E9%80%9Fvercal%E9%A1%B9%E7%9B%AE/ Mon, 28 Jul 2025 00:00:00 +0000 https://blog.discoverlabs.ac.cn/posts/0013-%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8cloudflare%E6%9D%A5%E5%8A%A0%E9%80%9Fvercal%E9%A1%B9%E7%9B%AE/ <h2 id="前言">前言 </h2><p>近期在用claude code折腾各种小工具，发现用Vercal来部署github上的小网页很方便。但是Vercal 部署的网页在国内不方便访问，这时候我们就可以用找赛博大善人Cloudflare来帮我们加速一下Vercal，当然前提是你有自己的域名并且已经部署到了Cloudflare</p> <h1 id="具体步骤">具体步骤 </h1><h2 id="一进入vercal项目设置添加域名">一、进入Vercal项目设置，添加域名 </h2><p><img src="https://cf-img.discoverlabs.ac.cn/20250728d4cc52cad8586acb172745f4fddec55e.webp" loading="lazy" ><img src="https://cf-img.discoverlabs.ac.cn/202507283567cba09618a49385d2babdadf7e8c2.webp" loading="lazy" > 比如假设你的域名是hello.com，那么你这里可以填写项目名字.hello.com，例如blog.hello.com。点击save后会爆红，这时候不用害怕，点击左边的红字，就会变成下面的内容，把这些内容记录下来<img src="https://cf-img.discoverlabs.ac.cn/2025072822cd3eaf06713f0a04f513bfa8d53b25.webp" loading="lazy" ></p> <h2 id="进入cloudflare填写相关信息">进入Cloudflare填写相关信息 </h2><p>进入你的DNS页面，选择新加一条 <img src="https://cf-img.discoverlabs.ac.cn/20250728be883bebbfb31f411a4eb70a5c35df0a.webp" loading="lazy" > 根据Vercal给的信息填写相关内容。记得小云朵得先是关闭状态，填完后保存，然后我们回到Vercal <img src="https://cf-img.discoverlabs.ac.cn/2025072822f82c1b4e430c67cdc6411a57143a8a.webp" loading="lazy" ></p> <h2 id="回到vercal刷新">回到Vercal刷新 </h2><p>回到Vercal后点击右上角刷新，之后会提示在申请免费的ssl证书。等待变绿后，回到Cloudflare把相关条目的小云朵打开就行了。然后你就可以用自己设置的域名来访问你的项目了。对了，记得把你的SSL/TLS设置成“严格” <img src="https://cf-img.discoverlabs.ac.cn/20250728723904e338ef9144a7b5ee3dcbd88286.webp" loading="lazy" > <img src="https://cf-img.discoverlabs.ac.cn/202507280cc96ff6dc2e8af372e70fc4a25b6691.webp" loading="lazy" ></p>