<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Nevolar&apos;s blog</title><description>No description</description><link>https://blog.freeaes.com/</link><templateTheme>Firefly</templateTheme><templateThemeVersion>6.16.2</templateThemeVersion><templateThemeUrl>https://github.com/CuteLeaf/Firefly</templateThemeUrl><lastBuildDate>2026年8月22日 02:48:48</lastBuildDate><item><title>图床方案：Cloudflare + WebP Cloud + Picgo</title><link>https://blog.freeaes.com/posts/tu-chuang-fang-an-cloudflarewebpcloudpicgo/</link><guid isPermaLink="true">https://blog.freeaes.com/posts/tu-chuang-fang-an-cloudflarewebpcloudpicgo/</guid><description>花费0元且延迟不高的稳定图床方案</description><pubDate>Sat, 22 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;前言&lt;a href=&quot;#前言&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;这段时间一直冥思苦想，图床方案到底用哪个比较好，我心中的选择只有这几样&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;优点&lt;/th&gt;&lt;th&gt;缺点&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;阿里云 oss&lt;/td&gt;&lt;td&gt;国内访问速度快，体验非常不错&lt;/td&gt;&lt;td&gt;公网访问太贵&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;七牛云&lt;/td&gt;&lt;td&gt;国内访问速度快，有 10G 免费空间额度&lt;/td&gt;&lt;td&gt;需要备案域名&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;cloudflare R2&lt;/td&gt;&lt;td&gt;10G 免费空间，还有免费流量额度&lt;/td&gt;&lt;td&gt;国内访问速度非常慢，得通过中转或其他方式提高速度&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Cloudflare R2&lt;a href=&quot;#cloudflare-r2&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;R2 是 Cloudflare 推出的免费对象存储服务，需要免费注册一个  &lt;a href=&quot;https://sspai.com/link?target=https%3A%2F%2Fwww.cloudflare.com%2Fzh-cn%2F&quot; target=&quot;_blank&quot;&gt;Cloudflare 账号&lt;/a&gt;才能使用，注册登录后，点击左侧边栏的 R2 访问服务，但需要注意的是开通 R2 服务需要绑定信用卡（国内外主流信用卡皆可），但并不会扣费，主要是为了验证用户身份使用。&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;创建一个 R2 存储桶，因为后续需要对接 WebP Cloud，所以选的区域是美西
&lt;figure&gt;&lt;img src=&quot;https://img2.eval.moe/file-20260214130530709.jpg&quot; alt=&quot;file-20260214130530709&quot; /&gt;&lt;figcaption&gt;file-20260214130530709&lt;/figcaption&gt;&lt;/figure&gt;&lt;/li&gt;
&lt;li&gt;启用公共开发 URL
&lt;figure&gt;&lt;img src=&quot;https://img2.eval.moe/file-20260214232348936.jpg&quot; alt=&quot;file-20260214232348936&quot; /&gt;&lt;figcaption&gt;file-20260214232348936&lt;/figcaption&gt;&lt;/figure&gt;&lt;/li&gt;
&lt;li&gt;创建 R2 API
&lt;figure&gt;&lt;img src=&quot;https://img2.eval.moe/file-20260214131616086.jpg&quot; alt=&quot;file-20260214131616086&quot; /&gt;&lt;figcaption&gt;file-20260214131616086&lt;/figcaption&gt;&lt;/figure&gt;
&lt;figure&gt;&lt;img src=&quot;https://img2.eval.moe/file-20260214131627650.jpg&quot; alt=&quot;file-20260214131627650&quot; /&gt;&lt;figcaption&gt;file-20260214131627650&lt;/figcaption&gt;&lt;/figure&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Picgo&lt;a href=&quot;#picgo&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;下载 s3 插件
&lt;figure&gt;&lt;img src=&quot;https://img2.eval.moe/file-20260214132340791.jpg&quot; alt=&quot;file-20260214132340791&quot; /&gt;&lt;figcaption&gt;file-20260214132340791&lt;/figcaption&gt;&lt;/figure&gt;&lt;/li&gt;
&lt;li&gt;配置 amz s3,有几个要比较注意的点：&lt;/li&gt;
&lt;/ol&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;应用密钥 ID&lt;/strong&gt;，填写 R2 API 中的 Access Key ID（访问密钥 ID）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;应用密钥&lt;/strong&gt;，填写 R2 API 中的 Secret Access Key（机密访问密钥）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;桶名&lt;/strong&gt;，填写 R2 中创建的 Bucket 名称，如我上文的  img&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;文件路径&lt;/strong&gt;，上传到 R2 中的文件路径，我选择使用  &lt;code&gt;{fileName}.{extName}&lt;/code&gt;  来保留原文件的文件名和扩展名。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;自定义节点&lt;/strong&gt;，填写 R2 API 中的「为 S3 客户端使用管辖权地特定的终结点」，即  &lt;code&gt;xxx.r2.cloudflarestorage.com&lt;/code&gt;  格式的 S3 Endpoint&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;自定义输出 URL 模板&lt;/strong&gt;，填写上文生成的  &lt;code&gt;xxx.r2.dev/{fileName}&lt;/code&gt;  格式的域名或自定义域名，如我配置的  &lt;code&gt;img.eval.moe/{fileName}&lt;/code&gt;
&lt;figure&gt;&lt;img src=&quot;https://img2.eval.moe/file-20260214132957479.jpg&quot; alt=&quot;file-20260214132957479&quot; /&gt;&lt;figcaption&gt;file-20260214132957479&lt;/figcaption&gt;&lt;/figure&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;WebP Cloud&lt;a href=&quot;#webp-cloud&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;完成上述步骤之后，我们的图床搭建基本完成，但俗话说 cloudflare 之下，众生平等，所以在 cloudflare 的基础上，我打算再加上 WebP Cloud。
WebP Cloud 简单来说就是一个类 CDN 的图片代理服务，可以在几乎不改变画质的情况下，压缩图片体积，加快整站加载速度，除此之外，还提供了缓存，图片水印，自定义 header 等功能，普通用户的免费额度对于我这种小博客来说非常够用。
登陆后是这样的
&lt;/p&gt;&lt;figure&gt;&lt;img src=&quot;https://img2.eval.moe/file-20260214130051520.jpg&quot; alt=&quot;file-20260214130051520&quot; /&gt;&lt;figcaption&gt;file-20260214130051520&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;创建代理，关于代理模式有什么区别，具体可以看这篇文章：&lt;a href=&quot;https://blog.webp.se/rapid-consistency-mode-zh/&quot; target=&quot;_blank&quot;&gt;WebP Cloud 加入模式选择——Rapid（极速模式） 和 Consistency（一致模式）&lt;/a&gt;，总的来说，如果你想把 WebP Cloud 当作一个 CDN 用，就用后者；如果是想当作图片转换工具使用，就用前者，这里我选择快速模式，它比较满足我的需求。
&lt;figure&gt;&lt;img src=&quot;https://img2.eval.moe/file-20260214162243299.jpg&quot; alt=&quot;file-20260214162243299&quot; /&gt;&lt;figcaption&gt;file-20260214162243299&lt;/figcaption&gt;&lt;/figure&gt; 2.最后就是用 picgo 上传测试了，我上传了一张 5.8m 的图片，通过 WebP Cloud 压缩后只有 288kb，这个压缩还是可以的
&lt;figure&gt;&lt;img src=&quot;https://img2.eval.moe/file-20260214193833231.jpg&quot; alt=&quot;file-20260214193833231&quot; /&gt;&lt;figcaption&gt;file-20260214193833231&lt;/figcaption&gt;&lt;/figure&gt;
&lt;figure&gt;&lt;img src=&quot;https://img2.eval.moe/file-20260214193909154.jpg&quot; alt=&quot;file-20260214193909154&quot; /&gt;&lt;figcaption&gt;file-20260214193909154&lt;/figcaption&gt;&lt;/figure&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;写在最后&lt;a href=&quot;#写在最后&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;虽然这套组合性价比拉满，几乎不花什么钱，且一些都部署在云上，没什么很大的安全问题，但是至于稳定性还得有待观察，但是应该不是很怕的，图片都存储在 R2 上，就算 WebP Cloud 出了问题，也影响不了图片本身。&lt;/p&gt;&lt;/section&gt;</content:encoded></item></channel></rss>