创建图床

Tue, 09 Jun 2026 00:00:00 GMT

import {GithubCard,LinkPreview} from '@/components/advanced/';

~~成果（不是）~~

成果

感谢大强同学的教程，本教程是在其基础上修正编写的。

工具准备

cloudflare pages 部署

准备源码

Fork 项目到你的 GitHub：

部署到 Cloudflare

「开始使用」（导入现有 Git 存储库）

选择刚 Fork 的「CloudFlare-ImgBed」项目，点击「开始设置」；

自定义项目名称，构建命令填npm install，输出路径填写x 点击「保存并部署」

配置 KV 数据库

进入 Cloudflare「存储和数据库」→「Workers KV」，新建 KV 数据库，名称填img_url

回到部署好的项目→「设置」→「绑定」，添加 KV 绑定：变量名称：img_url KV命名空间：img_url

存储配置：HuggingFace

创建 HuggingFace 空间

注册登录 HuggingFace；进入控制面板→「新建空间」：

空间名自定义； SDK 任选（推荐选 Docker 空项目）；硬件选择「FREE」，点击「Create Space」。

获取 Access Token

进入 HuggingFace「设置」→「Access Tokens」→「Create New Token」；自定义 Token 名称，勾选「仓库读写权限」，生成后复制 Token。

配置图床后台

访问图床后台：在部署好的域名后加/dashboard（如https://你的域名/dashboard）；进入「系统设置」→「上传设置」，添加 HF 渠道：

进入「系统设置」→「上传设置」，添加 HF 渠道：渠道名自定义；仓库名填「HuggingFace 用户名 / 空间名」（如ZhangSan/my-imgbed，可从空间页面地址栏获取）；填入刚才复制的 Access Token，点击保存；

进入「页面设置」→「客户端设置」，将默认上传渠道设为刚添加的 HF 渠道。

其他补充步骤

在项目「设置」→「环境变量」中可添加以下配置（非必填）：

BASIC_USER/BASIC_PASS：后台登录账号密码； AUTH_CODE：访问验证码； disable_telemetry：设为true可关闭遥测； AllowRandom：设为true可开启随机图 API（网址后缀加/random）。

保存后项目会自动重新部署，部署完成后可通过 Cloudflare 分配的xxx.pages.dev域名访问（建议绑定自有域名）。

博客网站日志

Tue, 09 Jun 2026 00:00:00 GMT

import {LinkPreview} from '@/components/advanced';

2025年初第一次建立网站，依托github page，之后就很少更新了，现在打算换一个更好看的主题，重新启动我的博客之旅！

2026.06.03

更换主题 pure （具体是fork了hana师兄的博客）

2026.06.05

通过cloudflare部署图床

2026.06.07

修复评论功能

下一步工作

删减非必要部分

zql's Blog