StoneLeaves 博客

Cloudflare Github 图床应用

Thu, 28 May 2026 00:00:00 GMT

Cloudflare Github 图床应用

Cf-Github-ImgBed 是一个基于 Cloudflare Pages + GitHub API 的轻量级图床服务，无需服务器，零成本部署。

✨ 特性

🚀 Cloudflare Pages 部署 — 全球 CDN 加速，零成本
🔐 AES + RSA 加密认证 — 安全的管理员登录
📱 TOTP 二次验证 — 支持 Google Authenticator
📤 多文件批量上传 — 拖拽、粘贴、批量管理
🗂️ 多仓库支持 — 每个仓库独立 Token 和 CDN
🎨 主题定制 — 8 种预设 + 自定义颜色
🌐 国际化 — 中文 / English
🔍 本地搜索排序 — 按名称、时间、大小
🖼️ 图片编辑 — 格式转换、质量压缩、尺寸调整
📋 批量操作 — 选择、删除、公开/私密、导出
📥 导出链接 — URL / Markdown / HTML / JSON / CSV
🔗 随机图片 API — 可配置的公开图片接口
⚡ API 限流 — 防止滥用
🔄 上传重试 — 可配置次数，智能跳过不可重试错误
📦 分页浏览 — 可配置每页数量
💾 KV 云端同步 — 设置和公开图片列表持久化
🖥️ 响应式设计 — 桌面、平板、手机

预览

部署

1. 部署到 Cloudflare Pages

Fork 本仓库
进入 Cloudflare Dashboard → Workers & Pages
创建应用程序 → Pages → 连接到 Git
选择仓库，配置构建设置：
- 框架预设: Vue
- 构建命令: npm run build
- 输出目录: dist
点击部署

2. 创建 KV 命名空间

Workers KV → 创建命名空间
名称随意，如 imgbed-kv

3. 绑定 KV

在 Pages 项目 → Settings → Functions → KV namespace bindings：

变量名	KV 命名空间
`KV`	选择刚创建的命名空间

4. 配置环境变量

在 Pages 项目 → Settings → Environment variables：

变量名	必填	说明
`GITHUB_TOKEN`	✅	GitHub Personal Access Token（全局默认）
`ADMIN_PASSWORD`	✅	管理员密码
`RSA_PUBLIC_KEY`	✅	RSA 公钥（base64）
`RSA_PRIVATE_KEY`	✅	RSA 私钥（base64）

5. 生成 RSA 密钥对

复制你部署的域名，这里以your-site.pages.dev举例

编辑地址栏，在后面输入/generate-keys.html，回车，点击按钮生成，复制输出的环境变量值。

完整地址：https://your-site.pages.dev/generate-keys.html

注意： 填写完环境变量后需要重新部署一遍才可以生效！！！

6. 首次使用

访问部署的域名
输入管理员密码登录
进入设置 → 添加仓库，填写信息

注意： 请保证仓库中至少有一个文件（任意文件），否则无法上传图片

开始上传图片

注意： 需要保存设置之后才可以检查仓库是否可用

Github Token申请

前往 Github 点击右上角头像，选择 Settings -> Developer settings -> Personal access tokens -> Generate new token (classic)

填写Token名称，然后勾选 repo，点击 Generate token，然后复制生成的Token

Staexoctor - 静态博客管理系统

Mon, 06 Apr 2026 00:00:00 GMT

<div align="center"> <p><em>一个基于 <b>Cloudflare Workers + Cloudflare KV</b> 构建的静态博客管理服务。
</em></p>
</div>

介绍

Staexoctor 是一个基于 Cloudflare Workers + Cloudflare KV 构建的静态博客管理服务。
它面向 GitHub 仓库存储的静态博客内容，提供文章管理、图片管理、多站点切换、Markdown 编辑、草稿管理等能力，可用于管理 Hexo、Hexo 类博客或其他基于 Markdown 与静态资源仓库的博客项目。

预览

文档

StoneLeaves' Docs

开始部署

Staexoctor分为两个部分：

服务端
客户端

这两个端都需要Cloudflare Worker部署

服务端

1. 创建 Worker

前往 计算 -> Workers 和 Pages -> 创建应用程序，然后选择 从 Hello World! 开始

填写Worker名称，然后点击 部署

点击 编辑代码，复制项目目录 worker 里面的 index.js 的所有内容

然后点击部署

客户端

1. Fork此项目

前往 Github Fork项目

2. 修改配置

前往你Fork的项目，修改 vite.config.js 文件里的 __API_URL__ 选项，修改为你的服务端地址

3. 部署

前往Cloudflare，点击 计算 -> Workers 和 Pages -> 创建应用程序，然后选择 Continue With Github 或者 Connect Github

如果你从未绑定过 Github，就会看到 Connect Github，绑定即可

然后选择你刚刚Fork的项目，点击 下一步

修改项目名称，点击 部署，等待部署完成即可

最后

欢迎提交 Issue 或 Pull Request，共同完善 Staexoctor。

Star History

欢迎来到StoneLeaves主页

Mon, 01 Sep 2025 00:00:00 GMT

在这里我们感谢您的到来与支持

如果你对这里的所有东西感到好奇，不妨阅读此文章~

网站主要内容

程序分享

应用分享

技术分享

...

微信公众号

:::warning 一切非原创作品均来自网络，侵权请联系删除 :::

本人其他网站

StoneLeaves主页

StoneLeaves导航站

StoneLeaves在线工具站

StoneLeaves资源下载站

短链生成

联系方式

Email: stoeaves@gmail.com

微信: StoneLeaves_

:::tip 如有意见可以联系我，我会尽快回复~ :::

零基础部署属于自己的博客以及管理系统

Fri, 12 Jun 2026 19:00:00 GMT

准备工作

安装必备程序

Git
Node.js

:::tip Node.js 版本需不低于 10.13，建议使用 Node.js 12.0 及以上版本 :::

安装 Git

Windows系统

打开 Git官网，点击 Install for Windows

Mac系统

使用 Homebrew, MacPorts 或者下载安装程序。

Linux系统

# Debian/Ubuntu
sudo apt-get install git-core

# RedHat/CentOS
sudo yum install git-core

安装 Node.js

进入 Node.js官网，选择相应版本安装即可

:::note[Windows] 使用 Node.js 官方安装程序时，请确保勾选 Add to PATH 选项（默认已勾选） :::

:::note[Mac / Linux] 如果在尝试安装 Hexo 的过程中出现 EACCES 权限错误，请遵循由 npmjs 发布的指导修复该问题。 :::

:::note[Linux] 如果您使用 Snap 来安装 Node.js，在初始化博客时您可能需要手动在目标文件夹中执行 npm install。 :::

安装 Hexo

官方提供了两种方法，一种是全局安装 hexo-cli，一种是局部安装 hexo

由于这篇文章面向新手，所以我们全局安装 hexo-cli

按住 Win + X，运行终端，输入：

npm install -g hexo-cli

初始化

在文件夹中按住 Shift + 右键，点击 在终端中打开，输入：

hexo init <folder>
cd <folder>
npm install

说明

配置站点

在 _config.yml 中可以自定义站点信息

具体配置可以参考 Hexo配置说明

Hexo命令

除了我们上述的 hexo init <folder> 之外，还有其他命令

更多命令可以参考 Hexo命令

主题

打开 Hexo主题，寻找一个你喜欢的主题

然后打开其仓库或者示例网站，寻找部署教程

:::tip 一般来说，你只需要将此仓库内容保存到本地，然后放置到 themes/<your-theme> 的文件夹下即可 :::

插件

打开 Hexo插件，寻找你需要的插件并按照指示安装即可

部署

一键部署【官方】

我们需要为我们的项目安装 hexo-deployer-git：

npm install hexo-deployer-git --save

然后在 _config.yml 中找到 deploy，修改为：

deploy:
  type: git
  repo: <repository url> # https://github.com/xxx/xxx.git
  branch: [branch] # gh-pages / main
  message: [message] # 提交信息

配置完成后，我们运行：

hexo clean && hexo deploy

即可提交到仓库，然后部署到Github Pages即可

使用 Cloudflare Pages 【推荐】

Cloudflare Pages的免费套餐提供了无限流量，并且还可以享受全球CDN网络，让您的站点在全球访问的速度都畅快无比

我们需要先将代码提交到Github仓库，然后再从Cloudflare Pages中选择仓库，配置：

框架预设: 无
构建命令: hexo generate
构建输出目录: public

然后等待部署完毕即可

利用第二代Hysteria内核拯救垃圾线路VPS

Wed, 03 Jun 2026 13:00:00 GMT

介绍

Hysteria内核是什么？

Hysteria2 的内核是一个基于 QUIC 协议、深度定制了拥塞控制算法并伪装成标准 HTTP/3 流量的高性能代理协议。它并非传统的“内核模块”或“内核空间程序”，而是一种应用层的传输协议实现。其核心优势在于通过“算法暴力”对抗网络丢包与抖动，同时利用 TLS 加密和流量特征伪装实现高度的抗审查性。

Hysteria原理是什么？

1. 基于 QUIC 协议

QUIC 原生支持多路复用。在 TCP 中，如果一个数据包丢失，后续所有数据都会被阻塞。而在 Hysteria2 中，一个流的丢包不会影响其他流，极大提升了高延迟/高丢包场景下的流畅度。
基于 TLS 1.3 的 QUIC 允许在首次握手时就发送数据，大幅降低了连接建立的延迟。
全链路加密：强制使用 TLS 1.3，所有传输内容（包括元数据）默认加密，不仅保护了数据隐私，也让流量根本特征变为加密的 UDP 流。

2. 激进的拥塞控制算法

Brutal 算法：这是 Hysteria 的特色算法。你可以直接在客户端指定一个带宽数值（例如 down: 100 mbps）。协议会无视网络丢包，直接用这个速度去发包。在网络环境较差（如高丢包率）时，这比传统 TCP 更能抢占带宽。
BBR 算法：作为 Brutal 的备选或补充，用于在不清楚具体带宽情况时进行自适应探测。

3. 传输机制：流与数据报

TCP over Stream：利用 QUIC 的双向流承载 TCP 连接。每个 TCP 连接对应一个 QUIC Stream，实现了多路复用。
UDP over Datagram：利用 QUIC 的不可靠数据报扩展来传输 UDP 包。由于 UDP 本身不要求可靠性，这样可以避免不必要的重传开销，适合游戏、VoIP 等场景。对于大包，协议内部还实现了碎片重组机制。

部署&使用

部署Hysteria2节点（hy2节点）

我这里以我在Akile上购买的香港VPS举例：

Akile是一家云服务提供商，主打高带宽、大流量和性价比高注册链接：点此前往注册Akile

首先我们需要登陆VPS的SSH

然后我们先安装Hysteria2，在SSH中输入：

bash <(curl -fsSL https://get.hy2.sh/)

等待出现 Congratulation! Hysteria 2 has been successfully installed on your server.

然后我们需要设置开机自启动，在SSH中输入：

systemctl enable hysteria-server.service

安装成功后，我们需要生成一个自签证书（可选，也可以采用域名CA证书），在SSH中输入：

openssl req -x509 -nodes -newkey ec:<(openssl ecparam -name prime256v1) -keyout /etc/hysteria/server.key -out /etc/hysteria/server.crt -subj "/CN=bing.com" -days 36500 && sudo chown hysteria /etc/hysteria/server.key && sudo chown hysteria /etc/hysteria/server.crt

然后我们需要去生成一个配置文件，在SSH中输入：

cat << EOF > /etc/hysteria/config.yaml
listen: :443 #监听端口

#使用CA证书
#acme:
#  domains:
#    - a.com #你的域名，需要先解析到服务器ip
#  email: test@sharklasers.com

#使用自签证书
#tls:
#  cert: /etc/hysteria/server.crt
#  key: /etc/hysteria/server.key

auth:
  type: password
  password: 123456 #设置认证密码
  
masquerade:
  type: proxy
  proxy:
    url: https://bing.com #伪装网址
    rewriteHost: true
EOF

如果你使用的是自签证书，则把使用自签证书下方的三行前的#号去除

如果你使用的是域名CA证书，则把使用CA证书下的四行前的#号去除

这里我们以自签证书为例（更简单快捷）：

然后我们来气启动Hysteria服务，在SSH中输入：

systemctl start hysteria-server.service

然后查看Hysteria服务状态，输入：（按q退出查看状态）

systemctl status hysteria-server.service

如果运行状态正常，且日志中提示Server up则代表服务已经正常启动了

如果你的日志中存在ERROR或者运行状态为failed，那么大概率是防火墙的问题，关闭你的防火墙即可

以ufw举例：

#关闭ufw
ufw disable

#重启Hysteria2
systemctl restart hysteria-server.service

#或者开放80和443端口
ufw allow 80/tcp
ufw allow 443/tcp

在 Windows 客户端中使用hy2节点

V2rayN

如果你还没有V2rayN客户端，点击下方链接前往下载

https://github.com/2dust/v2rayN/releases/latest

因为目前V2rayN不自带Hysteria2核心，所以我们需要先前往下载Hysteria2核心，链接：

https://github.com/apernet/hysteria/releases

Hysteria2文档：https://v2.hysteria.network/zh/

选择合适的平台下载，然后我们将下载下来的Hysteria2核心放到V2rayN目录下的bin目录下的hysteria2里

然后我们创建一个配置文件：

server: ip:443 #服务器的ip+服务端口
auth: 123456 #服务器配置的密码

bandwidth:
  up: 20 mbps #最大上传带宽
  down: 100 mbps #最大下载带宽
  
tls:
  sni: yourdomain.com #使用自签时改为服务器配置的伪装网址
  insecure: false #使用自签时需要改成true

socks5:
  listen: 127.0.0.1:1080
http:
  listen: 127.0.0.1:8080

然后我们回到V2rayN，选择添加自定义配置，地址改为你刚才创建的配置文件的路径，内核改为hysteria2

然后点击确定，然后开启代理模式，基本就可以正常使用了

Mihomo内核（新一代Clash替代品）

对于Mihomo内核来说，其原生就支持hy2节点

以下是目前主流的Mihomo内核的客户端

名称	是否还在更新	链接
Clash Verge	否	https://github.com/MetaCubeX/clash-verge
Clash Verge Rev	是	https://github.com/clash-verge-rev/clash-verge-rev
Clash Party	是	https://github.com/mihomo-party-org/clash-party

然后我们创建一个yaml配置文件：

proxies:
  - name: HY2节点
    type: hysteria2
    server: 111.11.11.111 #服务器IP
    port: 443 #服务器服务端口 
    password: 123456 #密码

    sni: bing.com #伪装域名
    skip-cert-verify: true #跳过证书验证

    up: "20 Mbps" #最大上传
    down: "100 Mbps" #最大下载

然后在Mihomo内核客户端中导入配置文件即可

在 Android/IOS 客户端中使用hy2节点

FlClash - Android

地址：https://github.com/chen08209/FlClash

和 Windows 端的Mihomo内核客户端的配置文件相同

IOS

推荐使用Shadowrocket或Quantumult X

需通过非大陆区App Store购买下载，导入Hysteria2节点时选择对应协议类型即可

速度对比

这里我们与传统节点协议Vless做对比：

Vless

Hysteria2

BPB Panel 搭建科学上网节点

Thu, 09 Apr 2026 00:00:00 GMT

项目介绍

项目名称： BPB Panel

项目地址： Github

部署教程

项目里为我们提供了两种部署方式，一种是Cloudflare Workers，一种是Cloudflare Pages

这里我们采用Cloudflare Workers

首先我们需要前往Cloudflare，创建一个Worker

在计算 👉 Workers 和 Pages 👉 创建应用程序

选择【从Hello World!开始】

随便取一个名字，点击部署即可

然后我们需要下载BPB为我们提供的worker.js，由于它托管在Github上，有些用户可能下载非常缓慢，这里我们为大家已经准备好了加速链接

然后我们将worker.js里的内容复制到我们刚才创建Worker里，点击部署即可

我们访问worker地址，首次进入会发现报错

我们需要点击页面里的链接

打开此页面后先不要关闭，后面还有用

然后我们创建KV并绑定，在存储和数据库 👉 Workers KV 👉 Create Instance

填写命名空间名称，点击创建即可

然后我们返回刚才创建的Worker，然后在【绑定】页面中我们点击【添加绑定】

变量名称我们一定要填写【kv】，是小写的kv

点击添加绑定即可

然后我们需要添加环境变量，在设置 👉 变量和机密中点击【添加】

需要的变量名称有：PROXY_IP、TR_PASS、UUID

PROXY_IP的作用是决定你的网络能否访问被Cloudflare CDN保护的网站的关键

如果没有PROXY_IP，只要和Cloudflare有关的网站你都无法访问

TR_PASS以及UUID就可以复制你刚刚打开的那个页面里的内容

然后我们就可以访问https://Worker的域名/panel，进入后我们需要设置密码

然后可以按照我这样设置

注意在【Clean IPs / Domains】中我们需要填写加速IP或域名，这会直接决定你的网速

填写完成后我们在下面点击【Apply】即可

然后在下面我们需要复制订阅链接

找到你的平台，如果没有平台的，我这里推荐Clash Party，界面友好和操作简单

复制带有Clash标志的链接，导入，选择节点并开启代理即可

访问Google效果：

Cloudflare Proxy IP & 加速域名

Wed, 08 Apr 2026 00:00:00 GMT

Proxy IPs:

proxyip.us.fxxk.dedyn.io
proxyip.aliyun.fxxk.dedyn.io
hk.cf.zhetengsha.eu.org

加速域名：

StoneLeaves提供：

cfip-avg.stoeaves.us.ci
cfip-cm.stoeaves.us.ci
cfip-ct.stoeaves.us.ci
cfip-cu.stoeaves.us.ci

第三方优质加速域名：

www.shopify.com
store.ubi.com
staticdelivery.nexusmods.com
saas.sin.fan
cf.cloudflare.182682.xyz
freeyx.cloudflare88.eu.org

Github Accelerator - Github加速器

Wed, 01 Apr 2026 00:00:00 GMT

文件信息

文件名：Github Accelerator
版本：1.0.0.0
大小：199 KB
语言：中文

效果图

介绍

通过请求加速Github IP的Hosts文件，实现Github加速。

Windows使用方法

打开Github加速器
点击开始加速

MacOS使用方法

直接运行可执行文件：
1. 按 Cmd + 空格，输入 Terminal，打开终端
1. 进入文件所在目录，例如：cd ~/Downloads
1. 添加执行权限：chmod +x GitHub加速器
1. 以管理员权限运行：sudo ./GitHub加速器
安装到系统路径：
1. 复制到 /usr/local/bin：
- sudo cp GitHub加速器 /usr/local/bin/
- sudo chmod +x /usr/local/bin/GitHub加速器
1. 运行：
- sudo GitHub加速器

Linux使用方法

直接运行可执行文件：
- 下载文件后打开终端：
- - unzip GitHubAccelerator_Linux_x64_1.0.0.zip
- 添加执行权限：
- - chmod +x GitHub加速器
- 以 root 权限运行：
- - sudo ./GitHub加速器
安装到系统路径：
- 复制文件：
- - sudo cp GitHub加速器 /usr/local/bin/
- 添加执行权限：
- - sudo chmod +x /usr/local/bin/GitHub加速器
- 运行：
- - sudo GitHub加速器

下载地址

主地址

备用地址 - 蓝奏云盘 | 密码：ca94

File Splitter - 文件分片管理器

Sat, 28 Mar 2026 00:00:00 GMT

文件信息

文件名：File Splitter
版本：1.0.0.0
大小：75.5 M
语言：中文

效果图

介绍

文件分片管理器，用于将大文件进行分片，方便传输和存储。

功能

文件分片
分片合并

使用方法

打开文件分片管理器
选择要分片的文件
输入分片大小（默认为10MB）
点击“开始分片”按钮
选择分片要保存的位置
等待分片完成

合成分片

打开分片合成页面
选择要合并的分片文件夹
等待合成完成

注意事项

分片大小不能超过文件大小
分片文件名格式为“原文件名.part + 分片序号”
分片文件后缀为“.part1、.part2”
合成文件名为原文件名

下载地址

主地址

备用地址 - 蓝奏云盘

JavaScript - 惰性函数

Fri, 20 Mar 2026 00:00:00 GMT

定义:

一种优化模式，它在第一次调用后重新定义自己，后续调用直接返回第一次计算的结果，避免重复执行相同的逻辑。

实例：

在这里我们举出一个很常见的例子：复制文本

function copyText(text) {
  if (navigator.clipboard) {
    navigator.clipboard.writeText(text);
  } else {
    const input = document.createElement('input');
    input.setAttribute('value', text);
    document.body.appendChild(input);
    input.select();
    document.execCommand('copy');
    document.body.removeChild(input);
  }
}

这是一个很常见的复制文本的函数，首先在进入函数时，判断浏览器是否支持Navigator Clipboard API，如果支持就执行此套API，如果不支持就执行传统复制方法

这只是一个很简单的例子，功能正常。但思考一下，有必要每次执行函数时都判断一次？

对于同一个浏览器，怎么可能一会支持新API，一会不支持API。

所以这个函数应该被确定下来，而不是每次都判断。

使用惰性函数：

function copyText(text) {
  if (navigator.clipboard) {
    copyText = (text) => {
      navigator.clipboard.writeText(text);
    };
  } else {
    copyText = (text) => {
      const input = document.createElement('input');
      input.setAttribute('value', text);
      document.body.appendChild(input);
      input.select();
      document.execCommand('copy');
      document.body.removeChild(input);
    };
  }

  copyText(text);
}

效果：

使用前：使用后：

StoneLeaves 博客

Cloudflare Github 图床应用

Cloudflare Github 图床应用

✨ 特性

预览

部署

1. 部署到 Cloudflare Pages

2. 创建 KV 命名空间

3. 绑定 KV

4. 配置环境变量

5. 生成 RSA 密钥对

6. 首次使用

Github Token申请

Staexoctor - 静态博客管理系统

介绍

预览

文档

开始部署

服务端

1. 创建 Worker

客户端

1. Fork此项目

2. 修改配置

3. 部署

最后

Star History

欢迎来到StoneLeaves主页

网站主要内容

微信公众号

本人其他网站

联系方式

零基础部署属于自己的博客以及管理系统

准备工作

安装必备程序

安装 Git

Windows系统

Mac系统

Linux系统

安装 Node.js

安装 Hexo

初始化

说明

配置站点

Hexo命令

主题

插件

部署

一键部署【官方】

使用 Cloudflare Pages 【推荐】

利用第二代Hysteria内核 拯救垃圾线路VPS

介绍

Hysteria内核是什么？

Hysteria原理是什么？

1. 基于 QUIC 协议

2. 激进的拥塞控制算法

3. 传输机制：流与数据报

部署&使用

部署Hysteria2节点（hy2节点）

在 Windows 客户端中使用hy2节点

V2rayN

Mihomo内核（新一代Clash替代品）

在 Android/IOS 客户端中使用hy2节点

FlClash - Android

IOS

更多说明

服务端配置出站带宽

速度对比

Vless

Hysteria2

BPB Panel 搭建科学上网节点

项目介绍

部署教程

相关链接

Cloudflare Proxy IP & 加速域名

Proxy IPs:

加速域名：

StoneLeaves提供：

第三方优质加速域名：

Github Accelerator - Github加速器

文件信息

利用第二代Hysteria内核拯救垃圾线路VPS