CloudFlare

在逛 CloudFlare 的时候看到了 Turnstile，觉得好奇就去看了下文档才知道它是 CloudFlare 家的人机验证，刚好部署了图床管理就想着能不能试试接入它，做下记录。 1. 创建 Turnstile 组件 在 src/components 目录中创建一个新的 Turnstile 组件，比如 Turnstile.vue： <template> <div> <div id="cf-turnstile" :data-sitekey="siteKey"></div> </div> </template> <script setup lang="ts"> import {onMounted, ref} from "vue"; const props = defineProps<{ sitekey: { type: String, required: true } }>() const turnstileResponse = ref<string>('') const emit =...

背景 之前我们使用图床是用 picGo 上传到 R2 上，然而这个工具有一个严重的问题，多客户端同步的问题。使用一段时间就不再使用了。 一直在想，能不能做一个网页版的图床，使用网页上传，最好不做元数据存储，直接读取 R2 的目录。 调研 站在巨人的肩膀行走事半功倍，我开始找轮子，github 上搜了搜，找到一个还...

为什么搭建自己的图床 平时写博客都是使用 md 格式，要在多个平台发布时，图片需要有外链 后续如果博客迁移时，国内的博客网站，比如掘金，简书，语雀等都做了防盗链，图片不好迁移 为什么是 CloudFlare R2 有白嫖额度 免费 CDN 绑定域名不需要备案 为什么不是国内厂商 七牛云 有免费额度，但需要绑定国内已经备案的域名。但我...