晚阳Crown

OpenClaw全自动AI智能体框架：腾讯云一键部署与配置超详细指南

Tue, 10 Mar 2026 11:34:09 GMT

0. OpenClaw：你的全自动AI智能体框架#

OpenClaw 是一个开源的 AI 智能体（Agent）框架。它不是一个聊天机器人，而是一个能理解复杂指令、自主规划步骤、调用多种工具、以完成端到端任务的“数字员工”。

OpenClaw-AI智能体框架

它的核心价值在于：

任务自动化：你可以用自然语言描述一个复杂任务（如“整理我上周的所有会议纪要，并生成一份摘要报告”），OpenClaw 能自动分解步骤、调用相应工具（读写文件、搜索、总结等）并执行。
强大的可扩展性：通过安装各种“技能”（Skills）和“工具”（Tools），你可以不断赋予它新的能力，如图像生成、视频处理、乃至控制硬件等。

而它最吸引人的前景，正是能够成为一个7x24小时随时待命的“数字员工”，不知疲倦地处理你的定时任务与实时请求。

但若将其部署在个人电脑上，这一前景将大打折扣。 关机、断网、有限的性能、电费以及维护成本，都会让它难以实现真正的全天候在线。

因此，最佳的实践路径是将其部署至云服务器。 这不仅能彻底解决上述所有局限，更能解锁其作为生产力工具的完整潜力：让你获得一个真正稳定、安全且可长期依赖的AI智能体。

OpenClaw-7x24小时云端数字员工

1. 为什么推荐使用云服务器部署OpenClaw#

长期稳定运行：7×24小时不间断在线，不用担心断电、断网或电脑关机，也省去了家庭电费与硬件维护的隐形成本。
天然安全隔离：云服务器与你的个人电脑完全独立，即便遭受攻击，也只限于云端环境，不会泄露本地的文档、密码、钱包密钥等任何隐私数据。
多层安全防护：云服务器厂商通常提供多层安全防护机制，可自动拦截网络攻击、恶意爬虫与非法访问，有效提升服务器运行安全性。
快速恢复：支持整机一键备份，即便系统意外故障，也能秒级快速恢复，几乎零成本，省心又安全。
成本极低：入门级云服务器实例一年低至几十元，性价比极高，远比自己长期开着一台高性能PC或购买实体服务器划算得多。

但问题来了：用什么云服务器最划算？这里推荐我目前在用，性价比最高的两个腾讯云服务器套餐：

2. 选购腾讯云服务器套餐#

配置A：2核 | 2G | 4M | 50GB SSD | 300GB每月流量 - 99￥/1年使用期

配置B：2核 | 2G | 3M | 40GB SSD | 200GB每月流量 - 68￥/1年使用期

如果你是长期做项目、想稳定跑服务：直接选方案 A（99 元 / 年）带宽、流量更足，硬盘容量更大，多花 31 块，换来全年更流畅的体验。
如果你是只是尝鲜体验、预算有限：选方案 B（68 元 / 年），先上车，便宜够用，后续有需求再升级。

综合来看，以每年不到100元的成本，获得一台可7×24小时运行OpenClaw的云服务器，对于希望长期、稳定体验AI智能体的用户来说，是一个性价比很高的入门选择。👉点击前往腾讯云服务器专属优惠活动购买页面

注：受限于云服务器资源稀缺性，官方活动套餐可能随时变动，不保证长期都有，目前这个价格是限时优惠，建议尽早下单锁定。

腾讯云服务器优惠套餐

买了服务器，然后呢？

别担心，部署比你想象中简单。购买时直接选择”OpenClaw专属镜像”，系统就会自动完成环境配置、依赖安装和服务初始化。
该镜像已预装OpenClaw及其运行环境，简化了部署流程。此外，腾讯云控制台提供了可视化的OpenClaw应用管理界面，进一步降低了配置门槛。
腾讯云镜像可选OpenClaw

接下来，你只需参照下文详细教程，几分钟就让你的”赛博牛马”正式上岗！

3. 使用教程#

3.1 访问腾讯云服务器控制台#

进入轻量云产品控制台，可以看到已购买的服务器，点击进入服务器实例配置页面

腾讯云轻量服务器控制台实例列表

重置服务器密码：

现状：新买的服务器通常会分配一个初始复杂密码，不便记忆和使用。
操作：进入实例配置页（概要 > 服务器登录 > 重置密码），将其改为自己熟悉的强密码。
要求：切记设置强密码保障安全性，12位以上，包含大小字母、数字和特殊符号。
在腾讯云控制台重置服务器密码

切换到应用管理页面，可以看到服务器已经装好OpenClaw，腾讯云贴心地为OpenClaw应用提供了可视化配置：

在这里可以设置OpenClaw使用的AI模型（Models）、通道（Channels）和技能 (Skills)，不用通过命令行敲命令设置，非常方便。
腾讯云OpenClaw可视化配置界面

3.2 为OpenClaw接入AI模型#

本小节目标：为OpenClaw配置一个可用的AI模型后端，使其具备对话与执行任务的能力。

我们前面了解到，OpenClaw 是一个智能体框架，它本身就像一个”空壳机器人”，需要为它配置 “大脑”——也就是接入 AI 模型（如DeepSeek、豆包、千问等），才能真正发挥出强大的能力。

想让 OpenClaw 用上AI 模型的能力，就需要去对接各大 AI 服务商的 API接口。现在很多 AI 服务商都有提供免费的API调用额度，具体看这篇攻略：AI服务提供商攻略

根据攻略获取到对应的服务商API接口对接数据后，来到模型配置中，选择自定义模型>表单输入，将数值依次填入，点击添加并应用即可：

腾讯云OpenClaw自定义AI模型配置

添加后，在下方就可以看到OpenClaw当前应用的AI模型了，我们可以接入多个AI模型，后续需要使用哪个就随时在这里切换并应用：

腾讯云OpenClaw-AI模型管理界面

接下来，我们需要验证 AI模型是否已成功接入。最简单的方法，就是和它进行一次对话测试，确认它能正常响应你的问题。

3.3 进入服务器命令行操作OpenClaw#

首先，点击服务器卡片上的登录按钮，登录服务器：

通过腾讯云控制台登录服务器

完成安全验证：

腾讯云服务器登录安全验证

选择免密连接，点击登录：

腾讯云服务器免密登录

使用TUI与OpenClaw进行交互

TUI 是OpenClaw核心功能，全称为 Terminal UI（终端用户界面），是OpenClaw 提供的终端交互式聊天工具，无需浏览器，直接在终端中即可与 AI 智能体对话、管理会话、切换模型并查看工具执行结果等，是开发者和新手都适用的核心交互入口。

在命令行中输入以下命令，即可开启TUI ：

Terminal window

1
openclaw tui

OpenClaw-TUI终端交互界面演示

进入 TUI 后，试着输入一句话（比如”你好”）。当你看到终端里出现了智能体的回复，就代表 “大脑”已经成功上线，我们前面的AI模型配置生效了。
如果想要退出 TUI ，可以按住 Ctrl 键，再连续按两次 C 键即可退出。

但目前我们还只能在终端里使用，如果想要在常用的聊天软件（如微信、QQ、钉钉等）里和OpenClaw智能体对话，需要配置 OpenClaw 的消息渠道。

3.4 接入QQ消息渠道#

本小节目标：将OpenClaw连接到QQ平台，实现在常用聊天软件中直接与智能体交互。

消息渠道，就是 AI 智能体和外界沟通的 “入口”。

为什么要配置消息渠道？

不用一直开着终端，在常用聊天软件里就能直接调用智能体。
可以把智能体集成到工作群、社群或个人聊天，实现自动化协作。
让 AI智能体变成真正能日常使用、帮你干活的实用工具。

这里配置消息渠道，我们以腾讯自家的QQ为例：打开QQ开放平台，注册登录账号。

点击创建机器人：

QQ开放平台创建机器人入口

输入机器人基本信息后，点击确认

QQ机器人基本信息设置页面

点击进入机器人设置页面

QQ机器人设置页面导航

如下图所示获取复制 AppID (机器人ID) 和 AppSecret (机器人密钥)

QQ机器人AppID与AppSecret位置

回到服务器应用管理页面：

腾讯云OpenClaw应用管理页面

在通道配置中，选择QQ，填入AppID (机器人ID) 和 AppSecret(机器人密钥)，点击添加并应用即可：

腾讯云OpenClaw-QQ渠道配置

回到QQ机器人配置页面，进入”沙箱配置”页面，找到”在消息列表配置”，点击添加成员，将你要对话的QQ账号添加进来

QQ机器人添加成员

再点击二维码，用你刚才添加的QQ扫码确认：

QQ机器人授权二维码

扫码添加QQ机器人

在 QQ 消息列表里找到该机器人，发送消息进行对话测试：

OpenClaw-QQ机器人聊天测试成功

如有需要，可以按前面步骤添加更多成员，在成员管理与沙箱配置中添加新成员后，新成员即可通过 QQ 扫码添加该机器人。

完成上述AI模型与QQ渠道的配置后，你的OpenClaw智能体已经可以正常工作。你可以通过QQ与它对话，或在服务器终端中使用 openclaw tui 命令进行测试。

如果你希望对智能体进行更精细化的管理（如集中管理多个AI模型、查看详细运行日志、或通过网页进行交互），可以使用OpenClaw官方提供的 WebUI（网页管理界面）。以下是如何安全访问该界面的方法。

3.5 通过SSH隧道访问OpenClaw WebUI#

OpenClaw WebUI 提供了一个可视化的管理面板，可用于集中配置模型、渠道、技能，并监控系统状态与任务日志。

⚠️ 重要安全提示：为保障你的服务器安全，腾讯云提供的OpenClaw应用模板默认未配置直接通过公网IP来访问OpenClaw WebUI。直接以公网IP访问的方式，会使你的服务器面临网络攻击风险。推荐通过SSH隧道在本地安全访问OpenClaw WebUI。

3.5.1 建立SSH隧道#

复制你的服务器公网IP地址：

复制腾讯云服务器公网IP地址

然后打开本地终端工具，输入以下命令：

1
ssh -N -L 18789:127.0.0.1:18789 root@你的服务器公网IP地址

连接成功后，不要关闭本地终端

本地终端建立SSH隧道命令

温馨提示：如果你后续需要重装服务器系统，重装后服务器的 SSH 主机密钥是会重新生成的。此时，你本地电脑中仍保存着之前连接时记录的旧密钥，这将导致 SSH 连接报错。

你需要执行以下命令，删除旧的服务器密钥记录：

1
ssh-keygen -R 你的服务器公网IP地址

删除成功后，再重新执行前文的 SSH 端口转发命令，会提示你确认新的主机密钥，输入 yes 并回车，就可以正常连接了。

3.5.2 浏览器访问WebUI#

接下来，你可以在本地电脑上打开浏览器，输入以下网址：

1
http://localhost:18789/

即可在浏览器中访问OpenClaw WebUI：

注意：使用过程中需要保持本地终端的窗口不关闭，使用结束后再关闭本地终端。

通过浏览器访问OpenClaw-WebUI

3.5.3 配置网关令牌（Gateway Token）#

在配置网关令牌之前，OpenClaw WebUI 将无法正常使用，界面会显示红色错误提示：

1
未授权：网关令牌（Gateway Token）缺失。

此时，你需要从 OpenClaw 部署服务器的配置文件中获取网关令牌，并在 WebUI 中完成配置。

1.打开腾讯云服务器终端，点击文件夹图标打开文件管理器
2.点击小眼睛图标显示隐藏文件，然后进入/root/.openclaw/目录
3.打开openclaw.json配置文件，找到gateway>auth>token，复制token
OpenClaw网关令牌在配置文件中的位置

回到OpenClaw WebUI，点击左侧菜单栏的概览（Overview），将前面复制的token填到网关令牌输入框中，点击连接即可：

OpenClaw-WebUI中配置网关令牌

连接成功后，OpenClaw WebUI就能正常使用了：

OpenClaw-WebUI正常状态

⚠注意：请妥善保管你的Gateway Token，它是访问WebUI的凭证。如需重置，可在服务器终端中执行相关命令。

4. 结语#

本文介绍了在腾讯轻量应用云服务器上，通过官方镜像快速部署与配置OpenClaw智能体的完整流程。从选购套餐、配置AI模型、到接入QQ渠道，你已经可以构建一个能够自动响应、执行任务的AI助手。

OpenClaw 的真正潜力，在于它强大的可扩展性。你可以通过不断安装新的技能（Skills）或集成工具（Tools），持续扩展能力边界，让你的 AI 智能体越用越强。

如果你对打造属于自己的自动化AI智能体感兴趣，可以从腾讯云优惠套餐开始实践。 👉立即选购适合您的云服务器套餐

相关资源

本文延伸阅读：OpenClaw WebUI 的详细配置与使用技巧。 → OpenClaw WebUI 完全指南
「AI 新大陆」知识空间：专注于 AI 技术落地与智能体实践的实战阵地，提供可复用的教程、工具和实战经验。 → 知识空间首页（内容持续更新中~）

Astro博客搭建全攻略：性能+SEO双拉满

Fri, 20 Feb 2026 16:44:20 GMT

好久没打理我的博客了，这两天忽然想重新拾起写作，顺便把整个站点好好翻新一番。之前的博客一直基于 Hexo 搭建，虽然稳定够用，但用久了总觉得少了点新鲜感，自己也想体验一下更现代的工具。

无意中，我发现了 Astro，被它的「群岛架构」理念吸引，再加上 GitHub 上极高的热度和不少大厂的实际应用，我当即决定：把博客从 Hexo 迁移到 Astro，也让这个沉寂许久的地方，重新活过来。

说干就干，经过一番倒腾，终于顺利完成博客迁移。随后，我又用谷歌 Lighthouse 重新跑了分。对比之前 Hexo 时代的成绩，Astro 构建的站点直接接近满分，这一番折腾果然没白费。

Astro与Hexo博客Lighthouse跑分对比

欢迎点开看看，基于Astro重建后，我的全新博客站点：晚阳Crown - Blog

0.为什么选择Astro#

Astro 是一个专门为内容网站（如博客、个人作品集、营销网站、文档站等）设计的 Web 框架。它的核心思想是：在保证网站加载飞快的前提下，为你提供现代前端开发的灵活性和舒适感。

Astro官方网站 | Astro官方仓库 | Astro官方文档

从个人站长的视角来看，Astro 就像一位既懂内容创作又懂性能优化、SEO的“智能”建站伙伴，无论是站点搭建过程还是后续维护、升级，都能提供流畅高效的体验。

🌟 核心理念：为“内容驱动”而生#

专注内容而非重应用：Astro 与 Next.js、Nuxt 等为复杂 Web 应用设计的框架不同，它天生为展示文字、图片等内容优化。如果你的网站主要目的是“让读者看到内容”，Astro 会是更纯粹、更高效的选择。
优秀的性能表现：官方目标很明确——“用 Astro 几乎不可能做出慢网站”。它通过架构设计，让网站开箱即拥有极致的加载速度和 SEO 表现，这对博客和营销站点的成功至关重要。

🏝️ 关键创新：“群岛架构”#

这是 Astro 速度的秘密武器，理解起来其实很形象：

想象一片静态的 HTML 海洋：你的大部分页面都会被 Astro 提前生成好，变成纯粹、快速的静态 HTML。这确保了绝大部分内容能以最快速度抵达访客。
海上漂浮的“交互岛屿”：页面上需要交互的部分（如评论区、图片轮播、订阅弹窗）就像一个个独立的“岛屿”。只有这些岛屿需要加载 JavaScript，并且它们是独立加载和激活的。

群岛架构不仅带来了强大的性能，还有优秀的灵活性：

按需激活，绝不浪费：你甚至可以控制这些“岛屿”何时加载，或是根据每个组件的使用情况来处理不同的加载优先级。比如，一个在页面底部的“相关文章”轮播图，可以设置只有当用户滚动到它时才加载，进一步节省流量和资源。
兼容多框架，生态更灵活：由于每个岛屿相互独立运行，同时支持状态共享与通信。这种灵活性让 Astro 能够支持多种 UI 框架，你可以在同一个页面内混合使用 React、Vue、Solid等技术栈，且互不冲突。这为技术选型、团队协作以及旧项目渐进式迁移，都带来了极大的便利与扩展性。

⚡实时反馈：热模块替换（HMR）#

对站长来说，建立和维护个人站点的体验好不好，关键就在于从 “改配置 / 改内容” 到 “看到实际效果” 之间的等待时间。

传统静态站点生成器（如 Hexo）的工作流中存在“手动重启服务”、“重新生成站点”和“刷新页面”等多重步骤，才能看到变更效果，流程不够连贯，调试效率也相对较低。

Astro 则截然不同，其开发服务器具备强大的热更新（HMR，Hot Module Replacement） 能力，让你在保存文件后，变更便能自动、无缝地呈现在浏览器中，实现了真正连贯的创作流程。

Hexo 的工作流是典型的 “编辑 → 生成、重启 → 刷新 → 查看” 手动循环，开发流程存在明显的中断和延迟：

1
修改markdown文件 → 保存修改 → 手动刷新浏览器 → 查看变更
2

3
修改配置、代码等文件 → 保存修改 → 停止开发服务器(Ctrl+C) →（有时需清理并重新生成）→ 重新执行(hexo server命令)启动服务器 → 手动刷新浏览器 → 查看变更

而 Astro 提供了近乎无缝的 “编辑 → 保存 → 即时可见” 的丝滑、连贯的体验：

1
修改markdown文件 → 保存修改 → 浏览器自动刷新，变更立即可见
2

3
修改配置、代码等文件 → 保存修改 → 浏览器自动刷新，变更立即可见

核心优势：得益于先进的热更新开发服务器，无论是内容、配置还是前端组件代码的修改，保存后均能在浏览器中瞬时反映，无需手动生成或重启。

特性/操作	Hexo	Astro
热重载	❌ 默认不支持	✅ 完整支持
实时更新	❌ 需手动刷新	✅ 自动更新
编译速度	⚠️ 相对较慢	✅ 极快（Vite驱动）
增量编译	❌ 通常全量生成	✅ 只编译修改部分
开发反馈	差（等待时间长）	优秀（即时反馈）

这彻底解决了我过去使用 Hexo 时的一大困扰：由于每次修改通常都需要手动重启服务器、刷新页面，有时还需要清理并重新生成，总是机械化地重复在命令行敲着同样的命令，等待测试结果，这种间断的工作流，导致调试效率低下。

原本的博客 DIY 过程变得繁琐耗时，甚至让人失去动手调整的兴致。而 Astro 的 HMR 功能将这种间断的流程变为无缝的实时调整，让过程变得直观高效，体验从拖沓繁琐直接变成丝滑流畅，省心又顺手，这点深得我心！

这种感觉，就像是终于能把时间花在“创作”本身，而不是反复等待构建和刷新——现在，每一次调整都能立刻获得视觉反馈，修改和DIY博客重新变成了一件有即时正反馈、让人愿意持续琢磨的乐趣~

💡 总结#

对于个人博客或站点而言，Astro 的核心优势在于：它既保留了静态站生成器（SSG）的简单高效，又具备了现代前端框架的灵活表现力，同时在性能上做到了极致。日常创作时，你能像用传统博客工具那样只专注内容本身，而当需要个性化定制时，Astro 所具备的拓展空间和实操体验，是传统建站工具难以企及的。

对我来说，从 Hexo 迁移到 Astro，本质上是从「能用就行」的静态博客，升级成一套高性能、易维护、灵活的现代站点体系。Lighthouse 分数拉满不过是顺带的结果，真正让我满意的，是博客终于回到了轻盈、快速、干净的纯粹样子。

1.Astro博客初体验#

如果你也想拥有这样轻、快、干净的博客，接下来的简易教程，带你轻松入门。

1.1 环境准备#

1.1.1 安装Git#

访问 Git 官网下载并安装适合你操作系统的 Git 版本。

安装完成后，打开终端或命令提示符，运行以下命令验证 Git 是否安装成功：

Terminal window

1
git --version

如果显示版本号，则表示安装成功。

1.1.2 安装Node.js#

访问 Node.js 官网下载并安装最新版本的 Node.js。建议使用 LTS 版本。

安装完成后，打开终端或命令提示符，运行以下命令验证 Node.js 是否安装成功：

Terminal window

1
node -v
2
npm -v

如果显示版本号，则表示安装成功。

Node.js和npm安装成功验证

1.1.3 安装pnpm#

pnpm 是比 npm、yarn 更节省空间、安装更快的包管理工具，能有效提升依赖管理效率，减少依赖冗余、幽灵依赖等常见问题。

通过 npm 安装 pnpm：

Terminal window

1
npm install -g pnpm

-g：--global 的缩写，代表全局安装，包会被安装到系统全局路径，这样终端任意目录可直接使用包命令。

1.2 安装最新版本Astro#

Terminal window

1
pnpm create astro@latest

执行命令后，首先会检测本地是否安装 create-astro（Astro 官方脚手架），输入 y 并回车，确认安装 / 更新该工具

1.3 初始化Astro项目#

工具安装完成后，会自动调用启动 Astro 项目创建向导。
指定项目目录（dir）：输入自定义项目名（比如my-blog）后回车确认。（默认是在当前命令行所在路径下创建项目文件夹，也可以指定具体路径）
选择模板（tmpl）：通过上下方向键选中 blog template（博客模板），回车确认。
安装依赖（deps）：确认自动安装项目依赖
初始化 Git（git）：确认自动创建 Git 仓库，完成版本控制初始化。
Astro博客项目初始化向导

1.4 启动Astro开发服务器测试#

这样基础的博客模板就生成好了，命令行进入到博客目录下，输入pnpm run dev命令启动Astro开发服务器：

启动Astro开发服务器

在浏览器输入 http://localhost:4321/ 访问博客，测试完成后，回到命令行Ctrl+C关闭服务器

Astro博客本地预览效果

2.Astro项目结构#

打开前面创建的Astro博客根目录，我们通过这个例子来了解下Astro项目的文件结构。

关键的三个部分：

src/：放所有需要处理的源码。Astro 通过构建、压缩、处理这里的文件（页面、组件、样式等）创建最终传递到浏览器的网站。
public/：放完全静态的资源。如某些图片和字体，或特殊文件（如 robots.txt 和 manifest.webmanifest）等等。
- 所谓完全静态指的是该资源的最终形态在网站构建前就已经确定，Astro在构建网站时，不会去转换、编译、打包或优化这些文件和资源。
- 这个文件夹中的文件将会被原封不动地复制到构建文件夹中，也就是直接复制到Astro最终生成的网站目录中。
src/pages/：放页面文件，决定网站页面路径。
- Astro 使用基于文件的路由，它根据项目 src/pages 目录中的文件结构来生成你的构建链接。Astro路由 | Docs

更多相关内容参考官方文档：Astro项目结构 | Docs

3.Astro博客主题模板推荐#

前面，我们使用了Astro官方提供的最基础的博客模板搭建了一个Astro博客，主题相对比较简陋，接下来给大家推荐一些github上star比较多以及更新活跃的Astro博客主题模板。

AstroPaper：非常简约、干净，页面结构简单，适合喜欢极简风格的博主。Lighthouse Score全满分，不足之处就是暂时没有侧边目录，长文章阅读起来体验不好。(官方仓库链接)
Astro Cactus：和Paper一样也是简约风，Lighthouse Score全满分。(官方仓库链接)
Astro Theme Pure：设计独特，一打开就有让人眼前一亮的感觉，在网站内容组织方面也比较新颖，Lighthouse Score全满分。(官方仓库链接)
Fuwari：优雅美观，中规中矩，页面结构和大多数博客主题设计相似，文档比较简陋。(官方仓库链接)
Firefly：基于Fuwari模板开发，做了创新升级，如双侧边栏、文章网格（多列）、瀑布流布局等，中文友好，文档丰富详细。(官方仓库链接)

4.Astro博客搭建最佳实践#

4.1 Git版本管理#

选定心仪的 Astro 博客主题后，后续需基于该主题仓库持续维护并个性化定制（DIY）自己的博客，此时版本控制的规范操作就尤为关键 —— 它能保障你后续顺利同步原仓库的更新，最大程度减少代码冲突，且在冲突不可避免时能够可控、高效地解决。接下来为你详细拆解具体的操作方法。

4.1.1 Fork主题仓库#

首先Fork一下你选择的Astro博客主题仓库（这里我用的是Firefly）到自己的Github仓库：仓库名、描述可以自定义，只拷贝主分支。

GitHub上Fork-Astro-Firefly仓库

然后再克隆到本地：

克隆Fork后的Astro博客主题仓库

终端执行git-clone命令

4.1.2 制定分支策略#

核心原则：不要直接在 master 分支做自定义修改，让 master 分支纯粹用于跟踪原博客主题仓库的更新，自定义修改放在独立的开发分支中。

具体操作：

Terminal window

1
# 1. 创建专属的开发分支（比如叫 blog-dev），所有自定义修改都在这个分支做
2
git checkout -b blog-dev
3

4
# 2. 把本地的 blog-dev 分支推送到你的 Fork 仓库（后续提交都推到这个分支）
5
git push -u origin blog-dev
6

7
# 3. 查看本地分支和远程分支的关联状态（关联后，后续可以直接 git push）
8
git branch -vv

git制定分支策略

4.1.3 日常维护博客#

平时修改博客内容、调整自定义配置等常规操作，全程在你的开发分支（如 blog-dev） 完成，master 分支保持 “干净”（仅用于跟踪原仓库更新），避免日常操作污染主分支。

Terminal window

1
# 1. 确保当前在开发分支（每次操作前先确认，避免切错分支）
2
git checkout blog-dev
3

4
# 2. 查看修改内容（可选，但建议做，确认只提交需要的修改）
5
git status
6

7
# 3. 将修改的文件加入暂存区
8
git add .
9

10
# 4. 提交修改（备注最好要清晰，方便后续追溯）
11
git commit -m "feat: 修改主页布局"
12

13
# 5. 推送到你的Fork仓库（把本地修改同步到GitHub）
14
git push

4.1.4 同步原主题仓库更新#

这是原主题作者发布更新（如修复 Bug、新增功能）后，你需要把这些更新同步到自己仓库的操作，核心是 “先更新干净的 master 分支，再合并到开发分支”。

GitHub 网页端同步你的 Fork 仓库（更新 master 分支）：

当原仓库有更新后，你的Fork 仓库会有如下图所示提示
点击 Sync fork > Update branch 同步更新
GitHub网页端Sync-fork同步更新

先让 master 分支同步原仓库最新代码，再将更新合并到你的 blog-dev 分支，冲突只在「开发分支」解决，不影响主分支。

步骤 1：更新本地 master 分支

Terminal window

1
# 1. 切到master分支
2
git checkout master
3

4
# 2. 拉取Fork仓库更新
5
git pull

步骤 2：合并到你的开发分支

Terminal window

1
# 1. 切回开发分支
2
git checkout blog-dev
3

4
# 2. 合并更新后的 master 分支到开发分支
5
git merge master
6

7
# 3. 若有冲突，本地解决后提交
8
git add . # 标记冲突文件已解决
9
git commit -m "merge: 同步主题更新，解决xxx文件冲突"
10
git push

git合并master分支到blog-dev分支

4.1.5 私有化仓库#

对于不想公开自己的博客仓库、希望将其设置为私有化的博主来说，由于 GitHub 上 fork 的仓库不支持直接设为私有，我们可按以下步骤操作：首先点击「Leave fork network」，脱离原 fork 网络；随后刷新页面，再点击「Change visibility」，将仓库可见性修改为私有。

GitHub仓库脱离fork-network-1

GitHub仓库脱离fork-network-2

脱离 fork 网络并将仓库设为私有后，无法再通过 GitHub 网页端直接同步原仓库的更新。

替代方案：你可以在本地仓库中，手动添加原仓库作为 “上游仓库”，通过 Git 命令行拉取原仓库的更新，修改完成后再推送到自己的私有仓库，就能实现间接同步（全程需在本地操作，无法通过网页端完成）

初始设置（只需做一次）：

Terminal window

1
# 切换到master分支
2
git checkout master
3

4
# 添加上游仓库
5
git remote add upstream https://github.com/原始作者/原始仓库名.git
6

7
# 检查
8
git remote -v

git添加上游仓库

同步更新（以后每次都这样操作）：

Terminal window

1
# 切换到master分支
2
git checkout master
3

4
# 从上游仓库主分支拉取最新代码
5
git pull upstream master
6

7
# 推送到你的私有仓库
8
git push

git拉取上游仓库更新

最后再按照前文的教程，将更新合并到你的开发分支即可。

4.2 配置与DIY博客#

0.首次拉取主题仓库到本地后，需要先安装依赖：

Terminal window

1
# 安装项目依赖
2
pnpm install

1.在本地启动开发服务器，在浏览器中实时预览博客效果。

运行以下命令启动开发服务器：

Terminal window

1
pnpm dev

博客将在 http://localhost:4321 可用。

2.对照所选博客主题的官方文档，修改对应配置文件。

3.根据预览结果，逐项调整、测试配置，直到效果符合预期。

这个过程的技术门槛并不高，需要投入一定耐心 —— 逐一测试每个配置项对应的视觉 / 功能效果，明确不同参数修改后会影响博客的哪个具体部分（比如站点标题、导航栏样式、文章排版、侧边栏组件、评论模块等）。

不过有了前文提到的 Astro 开发服务器自带的热更新（HMR）能力，在这个测试调整阶段能极大提升效率。你对配置文件的每一处修改都会即时同步到浏览器的预览页面中，无需手动刷新页面，也不用重启开发服务器，让你能快速验证每一项配置的效果，大幅缩短调试周期。

4.3 写文章#

不同博客主题，文章存放位置略有不同，具体要查看主题文档，比如Firefly主题的文章文件放在 src/content/posts/ 目录中。

另外文章Frontmatter字段的设定也不一样，我们只需要依据主题官方文档来配置即可。

更多内容查阅官方文档： Astro 中的 Markdown | Docs

4.4 构建与预览网站#

首先执行构建命令：

Terminal window

1
pnpm build

Astro 会把你的网站打包成可直接上线的版本，放在Astro项目根目录的 dist/ 文件夹里，打包进度会在终端里显示。
打包过程中会自动检查项目里的各类错误，帮你在正式上线前及时发现问题；如果你的 TypeScript 开启了 strict 或 strictest 严格模式，打包时还会额外检查代码的类型错误。

构建完成后，你可以在终端执行预览命令：

Terminal window

1
pnpm preview

执行后就能在本地浏览器中预览已构建好的网站。需要注意的是，预览展示的是你最后一次执行 pnpm build 时的网站状态—— 如果在打包后修改了代码，这些改动不会立刻出现在预览中，必须重新运行 pnpm build 打包，才能看到最新的修改效果。

若要退出预览模式，可按下 Ctrl + C 终止预览进程，随后在终端执行其他命令（例如重启开发服务器）即可回到开发模式。开发模式下，你的代码修改会实时同步到预览窗口，无需重复构建。

4.5 Vercel 部署#

Astro部署方案有很多，具体参考官方文档：部署你的 Astro 站点 | Docs

这里我选择Vercel，主要是Vercel原生支持Astro项目，不需要复杂的配置，只需要导入你的Astro项目仓库即可。
另外部署在Vercel的站点实测国内访问速度会比部署在Cloudflare Pages快一些，这也是我选择它的一个重要原因。

4.5.1 创建与部署项目#

首先，前往Vercel官网注册账号，然后创建一个新项目：

Vercel创建新项目

授权你的Github账户，导入你的Astro博客仓库：

Vercel导入Astro项目

Vercel自动识别出了Astro项目，帮我们做好了部署配置，无需任何修改，直接点击Deploy

Vercel自带Astro项目预设

这里Vercel导入项目就直接强制执行一次部署，而且部署分支是默认的，在这时还不能改，这个设定有点难绷。。。
而我们前文指定了master分支是用来跟踪主题更新的，blog-dev才是我们博客源码所在的分支，所以得等它部署执行完后，我们要把Vercel项目的部署分支设置为blog-dev。

打开项目设置>Environments>Production，将分支修改过来后点击保存

Vercel修改生产部署分支

这样我们的Vercel项目跟踪的就是blog-dev分支，每次推送到该分支的提交，Vercel都会自动帮我们创建一个生产部署（也就是自动更新我们线上的博客）。

所以，我们后续只需要再往blog-dev分支推送一次新的提交，就可以触发Vercel项目的自动部署。

自动部署未触发时，可检查提交作者的邮箱是否与你的 Vercel 账户邮箱一致（若通过 GitHub 登录，则需匹配关联的 GitHub 账号邮箱）。

Terminal window

1
# 检查
2
git config --global user.email
3

4
#修改为正确的邮箱
5
git config --global user.email "xxx@xxx.com"

4.5.2 自定义域名#

部署成功后，就可以通过Vercel分配的域名xxxx.vercel.app访问你的博客了，但是国内需要魔法才能访问，因为vercel.app域名被屏蔽掉了。

绑定自己的域名后，国内才能不开魔法直接访问，另外有了域名后，还可以通过优选IP，再提升国内访问速度与稳定性。

如果你还没有域名，可以通过性价比很高的 NameSilo 注册：

2026 年 NameSilo 域名购买与使用全流程 | 晚阳 Crown

域名注册好后，推荐免费托管到 Cloudflare 来管理解析：

Cloudflare 托管域名 | 晚阳 Crown （注意：这里托管到Cloudflare不要开启Cloudflare的CDN，因为我们要走Vercel自己的CDN。）

点击Add Existing添加自定义域名：

Vercel添加自定义域名-1

输入完整域名后，点击保存：

Vercel添加自定义域名-2

然后点击自动配置：

Vercel自动配置自定义域名

会自动跳到Cloudflare添加记录，非常方便，点击授权即可

Cloudflare授权Vercel添加域名解析记录

等待记录生效后，就可以通过你的自定义域名访问站点了。

4.5.3 优选IP提速#

这里我们使用这个项目提供的优选IP：GitHub - xingpingcn/enhanced-FaaS-in-China 在Cloudflare上把 cname 记录值改为：vercel-cname.xingpingcn.top即可。

通过炸了么 - 网站测速，晚高峰（22点多）实测如图所示：表现还是非常不错的

Vercel优选IP晚高峰测速表现

5.后记 - 内容更新#

5.1 git清除不需要的文件#

把不需要的文件删掉，比如主题模板中自带的默认示例文章（Firefly 主题的示例如下）

1
posts
2
├─ code-examples.md
3
├─ firefly-layout-system.md
4
├─ firefly.md
5
└─ markdown-extended.md

进入到文件所在目录：使用git命令彻底删除文件，包括本地文件和 Git 中的记录

1
git rm -f code-examples.md
2
git rm -f firefly-layout-system.md
3
git rm -f firefly.md
4
git rm -f markdown-extended.md

这样后续合并分支时，该文件就不会被重新还原到当前分支中。

5.2 解决冲突#

更新主题仓库并合并分支后，运行 pnpm run dev 时可能会报错，提示文件中存在 Git 合并冲突标记（如 <<<<<<< HEAD）。这类冲突通常发生在配置文件中：原主题仓库的配置为默认值，而我们已将其修改为自定义值。

在 VS Code 中打开冲突文件，冲突位置会被高亮显示，并且 VS Code 会在每一处冲突上方提供快捷操作选项：

Accept Current Change：接受当前分支（HEAD）的代码
Accept Incoming Change：接受合并进来的分支（master）的代码
Accept Both Changes：同时保留两边的代码
Compare Changes：对比两边的差异这里我们要保留当前分支（也就是blog-dev）的代码，所以点击Accept Current Change应用一下即可
VSCode中解决Git合并冲突

（本文完）

💬 如有疑问或不同见解，欢迎留言交流。

感谢阅读，我们下篇见！

Cloudflare R2对象存储搭建高速免费图床完全指南

Sun, 16 Feb 2025 17:57:01 GMT

0.前言#

几年前，当我第一次把域名扔进Cloudflare的怀抱时，仿佛打开了新世界的大门——高效DNS解析、免费的SSL证书、免费安全的CDN加速…

前不久，我用Cloudflare免费提供的Pages服务部署Hexo博客后，又再次感叹于Cloudflare的慷慨大方和高效优雅的网站托管服务。

而今天，当Cloudflare R2对象存储提供的大容量免费额度成为了我博客的图床服务，我终于体验到Cloudflare全站式托管的终极优雅。

1.Cloudflare R2定价解析#

官方定价说明官方费用计算器 - R2 Calculator 下面是Cloudflare R2提供的免费额度以及超额部分的收费表，对比我之前介绍的Backblaze云存储方案以及其它云存储服务商，Cloudflare R2在免费额度和出口流量政策上更具竞争力。

类型	免费额度	超额付费
存储	10 GB-月/月	$0.015/GB/月
A 类操作	100 万个请求 / 月	$4.50/100万个请求
B 类操作	1000 万个请求 / 月	$0.36/100万个请求
出口流量	全球免费①	全球免费①

注解①：
通过以下方式访问R2时，不收取数据传输（出口）费用：

通过Workers API直接访问
通过S3兼容API访问
通过r2.dev子域名访问

API有不同操作，这里指的是下载/获取（GET操作）数据，为出口流量；上传（PUT操作）数据，为入口流量（不收费），计入A 类操作。

出口流量（Egress）：数据从R2存储桶传输到公共互联网产生的流量。

在大多数云服务中，比如AWS S3或腾讯云COS，当用户下载文件时，数据从存储服务传输到用户的设备，通常会涉及到出口流量费用。而Cloudflare R2的特殊之处在于，如果通过其特定的方式访问数据（比如通过Workers、S3 API或r2.dev域名），出口流量是免费的。

传统云存储计费模式（如AWS S3）： 当用户请求资源（如图片）时 → 数据经云厂商网络出口到公网 → 按GB收费
Cloudflare R2的革新模式： 当用户请求资源（如图片）时 → 数据经Cloudflare全球网络内部路由 → 零费用

目前我的Cloudflare R2图床存储桶已经有2.43k张图片，空间才用了不到500M，而且我的图片全都是没经过压缩直接上传的。 10G容量看起来貌似挺小的，但作为个人图床的话完全够用了。

2.R2账户配置#

登录Cloudflare账号，点击R2对象存储，这里需要添加一个付款方式才能使用，支持信用卡或PayPal，添加完成后，点击将R2订阅添加到我的帐户即可。

实测支持国内银联信用卡，没有信用卡也可以用PayPal账户（可绑定普通银行卡）

只有当你使用量超过每月限额时，超额部分才会收费。

3.存储桶创建#

点击创建存储桶

存储桶名称设置一个简单好记的（比如blog），存储桶类型选择标准，如果要兼顾国内访问，存储桶地区最好选择亚太地区

4.通过后台上传文件#

后台支持文件和文件夹上传

直接拖拽上传即可

5.通过r2.dev子域名访问#

上传图片到存储桶后，存储桶需要开启公共URL访问（也就是Cloudflare R2提供的r2.dev子域名访问），这样我们才能通过链接访问图片

在存储桶页面，点击设置

往下拉，找到R2.dev 子域选项，点击允许访问

确认允许

在存储桶中点击刚上传的图片，可以看到图片已经有对应的链接了，浏览器访问这个URL就可以查看图片

6.使用自定义域访问#

前面我们为存储桶开启公共URL访问时，官方已经明确提示：公共存储桶 URL 有速率限制。请将自定义域连接到存储桶来支持生产工作负载。

根据官方文档Public buckets · Cloudflare R2 docs的说明，通过自定义域访问域有一个很重要的好处，就是允许使用Cloudflare Cache来加速对 R2 存储桶的访问，这样能显著提高我们图片的加载速度。

Cloudflare的核心优势在于其全球分布的边缘节点网络，系统会根据用户的地理位置，通过智能路由自动从最近的节点提供数据，这种动态分发机制能显著降低延迟，提升访问速度与稳定性。

要想使用自定义域访问，这里我们需要有一个自己的域名，没有的话可以到这个比较实惠的服务商购买： 2025年NameSilo域名购买与使用全流程 | 晚阳Crown 域名买好后，要将域名托管到Cloudflare： Cloudflare托管域名| 晚阳Crown

注意，要将你买的域名托管到Cloudflare后，才能进入下文的操作。

在存储桶页面，点击设置

往下拉，找到添加自定义域，设置访问链接，可以设置成img开头，比如我设置的就是img.oneyangcrown.top，然后点击继续

因为这个链接指向的都是我们的图床资源，设置一个特定的名字比较好区分，当然你也可以根据喜好自己设定一个。

Cloudflare会自动为我们已经托管在其上的域名添加DNS记录，点击连接域

这里需要等待生效

在域名的DNS记录中可以看到刚才自动添加的记录

状态变为活动后就可以正常使用了

查看我们刚上传的图片，访问链接已经变成我们自定义的链接了

有了自定义域后，前面通过R2.dev子域访问的方式我们就不需要了，可以把它关了。

7.通过rclone+S3 API便捷操作云文件#

Rclone是一个命令行程序，用于管理云存储上的文件，支持 70 多种云存储产品，通过使用rclone+S3 API的方式，我们可以更方便地对存储桶中的文件进行增删改查等操作。

7.1 配置rclone#

安装rclone后，可以在命令行输入rclone查看是否已安装。

接下来要对rclone进行配置，首先到Cloudflare R2后台创建一个API令牌，如下图所示，点击API>管理API令牌

点击创建API令牌

设置令牌名称，权限设置为对象读和写，其它的安全配置按需设置或者保持默认，然后点击创建API令牌

API令牌创建成功后，会显示凭据信息，将内容填入后文rclone的配置文件中即可

❗注意：API令牌凭据信息要保管好，避免暴露给其他人，导致数据丢失和存储桶被盗刷的风险。

这里访问密钥只会显示一次，如果忘了，可以重新更新一下：点击轮转或在编辑页面里点击更新

rclone配置文件本地位置：如果没有该文件的话自行创建一个

1
C:\Users\你的用户名\AppData\Roaming\rclone\rclone.conf

配置内容格式如下：provider提供商要设置为Cloudflare，access_key_id、secret_access_key、endpoint填入前面申请的API令牌对应的凭据信息即可

1
[cf]
2
type = s3
3
provider = Cloudflare
4
access_key_id = xxxxxx
5
secret_access_key = xxxxxx
6
endpoint = https://xxx.r2.cloudflarestorage.com
7
acl = private

配置文件可以添加多个配置，如下图所示：其中方括号中自定义的名字就是每个配置的别名，通过命令行访问云存储时，需要指定一个配置(也就是输入对应的别名)

通过rclone config命令也可以查看和操作我们的配置：

7.2 文件查询#

查看云端目录树结构：

1
rclone tree <配置文件中自定义的别名>:<你的存储桶名>

例：

列出指定路径所有对象的大小和文件名：

1
rclone ls <配置别名>:<存储桶名>/路径
2
如果文件不存在，那么没有任何输出

例：

7.3 文件上传#

1
rclone copy <本地路径> <配置别名>:<存储桶名>/云端路径
2

3
可选参数：
4
+ 查看实时传输统计信息：-P（注意是大写P） 或 --progress

注意：如果路径有空格的话要用引号""包起来

7.3.1 批量上传#

比如我们要将桌面bg文件夹中所有图片上传到云端存储桶根目录

那么命令就如下图所示：加上-P参数可以实时查看上传进度

❗注意：这里你指定的本地路径下所有的文件（不限格式）和文件夹都会被上传，所以要确保你指定本地路径下都是你要上传的文件，避免错误上传其它文件从而白白消耗了存储桶的免费容量和额度。

通过前面的tree命令可以查看到文件全部上传成功了

回到Cloudflare R2后台，也可以看到刚才上传的文件

7.3.2 上传到指定路径#

当然，我们也可以上传到存储桶的指定目录下

比如，这里我指定的云端路径是blog\mybg
也就是上传到我的blog存储桶的mybg文件夹下
如果云端目录不存在则会自动创建

Cloudflare R2后台可以看到对应目录

7.4 文件删除#

1
rclone delete <配置别名>:<存储桶名>/云端路径
2

3
可选参数：
4
测试模式（进行无永久性更改的试运行）
5
-n, --dry-run
6
交互模式（会以问答模式和你确认要执行的操作）
7
-i, --interactive

测试模式，顾名思义就是仅供测试，不会真的执行删除操作

使用这个参数可以先测试删除操作是否能够执行成功，同时会返回如下图所示的测试删除文件列表提示
通过返回的测试删除文件列表，我们也可以查看这些文件是不是我们要删除的
如果返回空，说明要删除的云端文件不存在

交互模式，如下图所示，会给你几个操作选项，输入选择后按回车即可

1
y) 是，删除这个文件
2
n) 否，跳过这个文件
3
s) 跳过所有删除操作且不再询问
4
!) 执行所有删除操作且不再询问
5
q) 现在退出rclone

如果你指定的路径下有多个文件，那么在对每个文件执行删除操作前都会先和你确认操作

如果我们没有指定具体路径，那么删除操作就是清空整个存储桶，如下图所示：存储桶中的文件都被清空了

所以执行删除操作要谨慎，在进行批量删除时，可以先用测试模式检查要删除的文件列表，防止误删。更保险点的话，可以在执行真删除操作时，开启交互模式，对每个删除操作进行手动确认。

7.5 查看文件或文件夹大小#

通过rclone查看文件夹大小：

1
rclone size 云存储名称:文件or文件夹路径

--human-readable：将文件大小转换为易读的单位（如 KB/MB/GB），而不是直接显示原始字节数。此参数为全局参数，rclone size命令默认会启用此转换功能，其它rclone命令（如 copy/sync/ls 等）需要手动启用。

输出效果示例：

1
rclone size cloudflare_r2:my-bucket /path/to/local
2
// 输出如下
3
Total objects: 127
4
Total size: 10.062 MiB (10550974 Byte)

7.6 备份数据#

前面已经介绍了Rclone的一些常用操作，这里我们还可以使用 Rclone 来将 R2 存储桶的数据备份到本地硬盘。

使用rclone sync同步存储桶数据：同步操作会确保存储桶数据和备份数据保持一致

1
rclone sync cloudflare_r2:my-bucket /path/to/local/backup

需要注意的是，rclone sync是一个 一次性的同步操作，它只会在你执行命令时同步一次文件，而不是像实时同步工具那样持续运行并自动检测变化。

使用rclone copy增量备份存储桶数据：这条命令只会复制新文件或者修改过的文件，不会删除本地文件。

1
rclone copy cloudflare_r2:my-bucket /path/to/local/backup

使用rclone check命令来验证备份是否完整：

1
rclone check cloudflare_r2:my-bucket /path/to/local/backup

如果你希望定期自动备份 R2 数据到本地，可以将 Rclone 命令添加到定时任务中，比如Linux/Mac/Windows/NAS等设备都有相关的定时任务功能。

另外，我们可以将OneDrive、坚果云、百度云或者你自己的NAS等同步文件夹作为备份目的地，这样可以多一份云存储备份，从而保障数据安全。

8.PicGo设置#

PicGo，软件安装完成后在图床设置中选择Amazon S3，点击+号添加一个配置。

图中红字标识的项目，对应前面在Cloudflare R2后台创建API令牌的凭据信息文件路径，就是云端路径，这里我设置的是根目录，如果你想指定目录，比如img目录下，那么可以设置为img/{fullName}

最后，在PicGo设置中，开启时间戳重命名，这样能够确保上传的每一张图片名字都是唯一的：

9.使用经验补充分享#

建议将图片压缩后上传，既能节省存储空间，又能提升网站加载速度。可以使用TinyPNG这个工具，压缩后，画质几乎看不出损失。

在管理账户>账单>订阅中，可以查看到每月的收费账单，其中R2 Paid就是R2云存储服务的账单

只要总存储容量不超过10GB就可以一直免费使用，只存图片的话10G可以用非常久，其它的这些A、B类操作每月正常使用几乎不可能超过免费额度，除非你的存储桶被人盗刷了

10.后记#

至此，我的博客完全实现了Cloudflare全站式托管：

[Cloudflare全站托管体系] ├── 应用层 │ └── Cloudflare Pages（网站托管 — Hexo静态博客）
├── 存储层
│ └── Cloudflare R2（对象存储引擎 — 图床）
└── 网络基础设施层
├── Cloudflare DNS（智能域名解析）
├── Cloudflare CDN（全球加速+安全防护）
└── Cloudflare SSL/TLS（全域加密 — 自动化证书管理）

最后，请允许我用程序员的方式致谢：console.log('Cloudflare, 我亲爱的赛博房东')。

（本文完）

💬 如有疑问或不同见解，欢迎留言交流。

感谢阅读，我们下篇见！

Cloudflare Pages免费部署Hexo博客

Fri, 07 Feb 2025 16:09:42 GMT

Cloudflare Pages是 Cloudflare 平台提供的基于全球边缘网络的静态网站托管服务，支持Git自动化部署，并且可以通过集成Cloudflare Workers实现动态请求处理能力。

相较于大家熟悉的GitHub Pages以及其他同类产品，Cloudflare Pages免费版简直是业界良心，对免费用户太大方了，几乎与付费版没区别！

而且，基于Cloudflare Pages部署的网站，在国内访问速度同样表现优异，您可通过我的个人博客进行实际测速体验：晚阳Crown的博客

话不多说，下面开始实操部署教程：

准备工作#

如果没有如下账号，需要自行注册一个

注册Cloudflare账户
注册Github账户

Git仓库与hexo部署配置#

在Github上创建博客部署仓库

与Github Pages不同的是，这里仓库可以设置成私有的，这点对于不想公开博客源文件的朋友来说比较友好

在hexo站点配置文件中设置好部署配置

然后执行一次部署：

1
$ hexo clean && hexo g && hexo d

hexo执行部署完成后，在Github仓库中切换到你设置hexo部署分支（上面我设置的是master分支），就可以看到推送过来的网页文件了

设置Pages项目#

进入cloudflare后台的 Workers和Pages 设置页面，点击连接到Git

连接你的Github账户，选择前面创建的博客部署仓库，点击开始设置

自定义一个项目名称，生产分支选择前面hexo站点配置中设置的部署分支

其它的保持默认，点击保存并部署

部署成功后，就可以点击Cloudflare Pages提供的链接地址访问你的博客了

自定义域名#

为了让你的博客网址更加好记和美观，也方便他人访问，建议大家使用自己购买的域名，域名可以托管到Cloudflare更方便管理

域名购买推荐我在用的NameSilo平台，价格很实惠，而且也不需要实名，比较方便： 2025年NameSilo域名购买与使用全流程 | 晚阳Crown 购买域名后强烈推荐免费托管到Cloudflare平台，速度快体验好，也方便统一管理： Cloudflare托管域名，免费CDN加速，免费申请有效期15年的证书 | 晚阳Crown

打开前面创建的Pages项目>自定义域，点击设置自定义域

打开Cloudflare Pages项目设置页面，设置你的博客访问网址，点击继续

Cloudflare会自动添加一条CNAME记录，点击激活域

这里提示正在验证，需要等待DNS记录更新

我购买的这个域名oneyangcrown.top也是托管在Cloudflare，所以可以在Cloudflare的域名管理页面查看到自动添加的CNAME记录

生效后，自定义域会显示活动状态，现在就可以通过自定义域访问你的博客了

后续我们更新博客内容，只需要执行hexo博客的部署命令，将新内容推送到Github仓库即可，Cloudflare Pages会自动抓取仓库的更新并自动部署，不要再到Cloudflare后台去操作。

📚 推荐阅读：

使用SiliconCloud高速畅享DeepSeek-R1 AI模型

Sun, 02 Feb 2025 00:11:10 GMT

最近DeepSeek新推出的AI模型很火爆，由于访问量激增再加上国外网络攻击，导致通过DeepSeek官方访问很不稳定，对于想要流畅使用的朋友就要另辟蹊径了。

刚好，近期硅基流动（SiliconFlow）与华为云联合推出基于昇腾云的DeepSeek R1/V3推理服务，通过使用硅基流动提供的API，我们可以搭建专属的AI云服务，高速畅享DeepSeek同款满血AI模型！

首先，点击注册硅基流动账号，新用户注册填入邀请码可获赠2000万tokens（14元平台配额），邀请码：Ft5kya0A

通过硅基流动API请求AI云服务时，会消耗tokens，赠送的2000万tokens低频使用的话够用上一段时间了，不够的话也可以多创建几个账号白嫖免费额度！

注册并登录成功后，在余额页面就可以看到赠送的2000万tokens（14元平台配额）到账了

在模型广场可以看到SiliconCloud提供的各种AI模型，其中的deepseek-ai/DeepSeek-R1模型，就是DeepSeek刚推出不久的很火爆的那款

要想使用SiliconCloud提供的AI模型服务，需要先新建一个API密钥，如下图所示

创建成功后，鼠标悬停在我们刚新建的密钥上，点击一下会自动复制密钥，先找个地方（比如记事本）粘贴密钥，后面会用到

这里我们使用Chatbox AI来作为使用AI模型的客户端，打开Chatbox AI下载对应平台的应用安装包，这里我装的是Windows的，也有手机端的

安装启动后，首次打开会有如下图所示模型配置指引（后续模型相关配置在设置页面可以找到）这里我们点击 “使用自己的 API Key 或本地模型”

选择 “添加自定义提供方”

填写相关模型配置

名称：可以自定义，比如SiliconCloud
API 域名填写：https://api.siliconflow.cn/

API 路径填写：/v1/chat/completions
API 密钥：填写前面刚新建并复制的 API 密钥
在模型输入框添加你需要使用的模型，可以在模型广场找到 SiliconCloud 所有模型选项，打开对应模型详情页面后点击复制模型名，这里我们用的是这个模型deepseek-ai/DeepSeek-R1

其他的保持默认，最后点击保存

这样就大功告成了，在聊天框中输入你的问题，畅快使用DeepSeek！

回到SiliconCloud费用账单页面，就可以看到消耗的额度了

关于Hexo博客收录与SEO那些事

Wed, 16 Aug 2023 14:23:51 GMT

0.问题#

在当今数字化时代，个人博客已经成为了表达思想、分享知识和提供信息的重要平台。Hexo作为一种快速、简单且强大的静态博客框架，受到了越来越多博主的喜爱和采用。

值得关注的是，个人博客、网站的成功并不仅仅依赖于其内容的质量，更重要的是如何让更多的人看到，其中一个关键点就是让你的网站内容更好地被搜索引擎收录。

1.SEO与网站收录#

网站收录，是指搜索引擎将网页添加到其索引数据库中的过程。当搜索引擎收录一个网站时，它会对网站的内容进行分析和存储，使得该网站内容可以在用户进行相关搜索时更好地匹配并显示在搜索结果中。

SEO（Search Engine Optimization），译为搜索引擎优化，是一种通过了解搜索引擎的运作规则来优化网站的内容、结构和标记等，以提高网站在搜索引擎结果页面（SERP）上的排名和可见性的策略。简而言之，SEO就是帮助网站在搜索引擎中获得更好的排名，吸引更多的访问者。

在众多搜索引擎中，谷歌（Google）、百度（Baidu）和必应（Bing）无疑是最受欢迎和广泛使用的三巨头。下文将探讨如何让这三大搜索引擎收录你的Hexo博客以及一些SEO技巧。

2.描述与关键词#

在站点配置文件中，有两项是关于SEO的，分别是description（网站描述）以及keywords（网站关键词）：

1
description: 告诉搜索引擎一个关于你站点的简单描述
2
keywords: 关键词1,关键词2,关键词3

上面的配置是针对网站首页的描述和关键词，我们还可以为每篇文章（页面）添加描述和关键词，也就是在Front-matter中定义：

1
description:
2
keywords:

通过这样优化后，站点中的每个链接都有自己的描述和关键词，这样搜索引擎就能更好地匹配。

3.外链处理—nofollow标签#

通常我们的站点中会有很多外链，比如文章中引用了外部链接、用户在评论区发布的链接等等。

有些链接可能会对SEO产生负面影响：

低质量的外链：比如垃圾网站等不受欢迎的来源链接，搜索引擎可能会认为你的网站参与了不良的链接操纵行为，从而对你的排名产生负面影响。
大量的无关外链：外链指向与你的网站内容不相关的网页，搜索引擎可能会认为你试图通过操纵链接来提高排名，从而对你的网站进行惩罚。
被惩罚的外链：外链指向被搜索引擎视为不良网站或违反搜索引擎准则的网站，你的网站可能会受到搜索引擎的惩罚，对排名产生负面影响。

nofollow是一种HTML标签属性，用于指示搜索引擎不要追踪一个链接。当在一个链接中添加了nofollow属性时，搜索引擎会忽略该链接，不会对其进行页面排名或爬取。这个属性最初是由Google提出的，旨在防止垃圾评论发送者通过在留言、论坛等地方放置链接来提高其网站的排名。

使用nofollow标签的常见使用场景：

用户生成内容：如果你运营一个网站或论坛，允许用户在评论中添加链接，你可以使用nofollow标签来防止这些链接对搜索引擎排名产生影响。
广告链接：如果你在网站上放置了广告链接，而这些链接与你的网站内容无关，你可以使用nofollow标签来告诉搜索引擎不要将这些链接考虑在内。

在Hexo中可以使用hexo-filter-nofollow自动为外链添加nofollow标签，安装

1
npm install hexo-filter-nofollow --save

修改站点配置文件，添加以下配置：

field：设置为site，表示处理全站所有页面，还可以设置为post，只处理文章
exclude：要排除的链接

1
nofollow:
2
  enable: true
3
  field: site
4
  exclude:
5
    - 'xxx1.com'
6
    - 'xxx2.com'

4.永久链接#

Hexo默认的永久链接配置为////

假如你发布了一篇名文件名为Hello World的文章，那么链接会是这样的形式：http://www.example.com/2023/08/16/Hello%20World/

其中%20是空格被转义后的结果

可以看到它是基于Front-matter中的date（文章发表时间）以及文件名来生成页面路径

当然也可以直接指定文件名作为生成的网页名，///.html，这样生成的页面路径就会变成：

但是这样的链接存在几个问题，对搜索引擎不友好：

字多会导致链接过长，使用中文名的话，链接经过URL转义会更长
如果修改了date参数或者文件名，那么原来的链接就失效了
目录层级太多，一般来说，优化到三级以内比较好

4.1 确保持久性#

所谓永久链接，一定是在网站上长期存在且不会更改的链接。因此，我们需要确保在网站维护和内容更新的过程中，保持永久链接的持久性和可访问性。

4.1.1 方案1—自定义唯一且有意义的名字#

在Front-matter中自定义一个参数，比如custom_name，每写完一篇文章，都根据内容定义一个有意义的名字（通常是使用横杆-连接起来的英文小写单词），填到custom_name中
还可以再定义一个参数，将文章都归类的一个目录下，比如lang，表示文章的语言

1
title: 你好，世界
2
date: 2023-08-16 21:53:35
3
tags:
4
custom_name: hello-world
5
lang: zh-cn

然后在站点配置文件中修改永久链接配置，使用刚定义的两个参数
lang参数可以在permalink_default中指定一个默认值，这样就不用每篇文章都要填写这个参数了
注意：custom_name后面要加斜杠才能正确生成页面，也可以换成:lang/:custom_name.html，直接以custom_name作为页面文件名

1
permalink: :lang/:custom_name/
2
permalink_defaults:
3
        lang: zh-cn

现在经过优化后的链接是这样的：http://localhost:4000/zh-cn/hello-world/
对应的页面路径如下：

这个方案的好处是：访问者通过网页链接就能够大概了解页面的主题、内容，链接包含有意义的名字也有利于SEO。

缺点是每篇文章都要自定义一个名字，而且不能重复，相对比较麻烦。

不知道起什么名的话，可以让ChatGPT生成：

请用准确、简短的英文概括以下文章标题，单词小写并用-连接：关于Hexo博客收录与SEO那些事

4.1.2 方案2—使用文件生成日期#

在Front-matter中date参数就是文件的生成日期，也是Hexo文章发表时间，这个参数是精确到秒的，能保证唯一性，而且只要不去修改date参数，那么也能保证持久性，所以很适合用来做永久链接。

永久链接配置： permalink: posts/:year-:month-:day-:hour-:minute-.html

注意这里的posts前面没有加冒号:，代表它不是Front-matter中的参数，也就是直接指定了一个名为posts的目录。

生成的链接： http://localhost:4000/posts/2023-08-16-21-53-35.html

这个方案生成的链接能提供的信息就只有页面的创建时间，显然没有方案1好，但是胜在比较省事。

4.2 hexo-abbrlink#

另一种比较常用的方式就是利用算法自动生成，一些较大的内容发布平台都是用这种方式，比如B站平台每个视频都有一个唯一的BV号，知乎的每篇文章有唯一的编码等等。

在Hexo中，我们可以使用hexo-abbrlink插件，安装：

1
npm install hexo-abbrlink --save

不同算法和进制生成的值：

1
crc16 & hex
2
http://www.example.com/posts/66c8.html
3

4
crc16 & dec
5
http://post.example.com/posts/65535.html
6

7
crc32 & hex
8
http://post.example.com/posts/8ddf18fb.html
9

10
crc32 & dec
11
http://post.example.com/posts/1690090958.html

修改站点配置文件：

1
url: https://www.oneyangcrown.top/
2
permalink: posts/:abbrlink/
3
permalink_defaults:
4
pretty_urls:
5
  trailing_index: true
6
  trailing_html: true
7

8
# abbrlink config
9
abbrlink:
10
  alg: crc32  #support crc16(default) and crc32
11
  rep: hex    #support dec(default) and hex

5.创建站点地图#

站点地图（Sitemap）是一个结构化的文件，用于列出网站上的所有主要页面、子页面或资源，并提供它们之间的层次结构和关系。它类似于一个目录或索引，帮助搜索引擎了解网站的整体结构以及更高效地抓取你的网站内容。

在Hexo博客中安装用于生成站点地图的插件hexo-generator-sitemap：

1
npm install hexo-generator-sitemap --save

然后使用hexo g -d命令生成并部署博客，生成的 sitemap 文件位于 public/ 目录下（即 Hexo 的发布路径），与博客其它静态文件一同部署到服务器

我们可以在浏览器中通过域名/sitemap.xml就可以看到生成的站点地图，后续博客每次更新内容并部署，只要索引存在变更，都会自动生成站点地图文件sitemap.xml

推荐完整流程 hexo clean && hexo g && hexo d，确保清除旧文件并能够重新生成最新 sitemap

接下来，我们只需要将Sitemap访问链接，比如www.example.com/sitemap.xml（注意要确保链接能正常访问）提交到各大搜索引擎平台即可，搜索引擎会周期性地根据站点地图分析并抓取你的网站。后文会详细说明三大搜索引擎平台提交站点地图的步骤。

虽然sitemap能帮助搜索引擎发现链接，但主动推送更直接快速，也就是下面要介绍的API提交方式。

6.API提交#

通过API直接向搜索引擎提交网站内新的页面链接，能有效提升网站收录效率。

我们可以使用hexo-submit-urls-to-search-engine这个插件，可以自动向百度、谷歌、必应三大平台推送我们博客的新链接。

安装插件：

1
npm install hexo-submit-urls-to-search-engine --save

编辑站点配置文件，添加以下配置：

❗注意：插件安装后必须添加配置，否则执行hexo g和hexo s会报错，暂时不想启用推送，就把配置中的google、bing、baidu都设为0即可。

1
```yaml
2
hexo_submit_urls_to_search_engine:
3
  submit_condition: count #链接被提交的条件，可选值：count | period 现仅支持count
4
  count: 10 # 提交最新的10个链接
5
  period: 900 # 提交修改时间在 900 秒内的链接
6
  google: 0 # 是否向Google提交，可选值：1 | 0（0：否；1：是）
7
  bing: 0 # 是否向bing提交，可选值：1 | 0（0：否；1：是）
8
  baidu: 0 # 是否向baidu提交，可选值：1 | 0（0：否；1：是）
9
  txt_path: submit_urls.txt ## 文本文档名， 需要推送的链接会保存在此文本文档里
10
  baidu_host: https://www.example.com ## 在百度站长平台中注册的域名
11
  baidu_token: 请按照文档说明获取 ## 请注意这是您的秘钥， 所以请不要把它直接发布在公众仓库里!
12
  bing_host: https://www.example.com ## 在bing站长平台中注册的域名
13
  bing_token: 请按照文档说明获取 ## 请注意这是您的秘钥， 所以请不要把它直接发布在公众仓库里!
14
  google_host: https://www.example.com ## 在google站长平台中注册的域名
15
  google_key_file: Project.json #存放google key的json文件，放于网站根目录（与hexo _config.yml文件位置相同），请不要把json文件内容直接发布在公众仓库里!
16
  google_proxy: 0 # 向谷歌提交网址所使用的系统 http 代理，填 0 不使用
17
  replace: 0  # 是否替换链接中的部分字符串，可选值：1 | 0（0：否；1：是）
18
  find_what: https://www.example.com/blog
19
  replace_with: https://www.example.com

显示更多显示更少

编辑站点配置文件，添加发布配置：

1
deploy:
2
- type: git
3
  repo:
4
    coding: git@xxx
5
  branch: master
6
  #添加本插件的配置项：
7
- type: cjh_google_url_submitter
8
- type: cjh_bing_url_submitter
9
- type: cjh_baidu_url_submitter

这样我们就有两种方式：

站点地图sitemap：向各大搜索引擎提交站点地图和访问链接后，搜索引擎爬虫会定期发现和抓取新链接，但收录速度相对较慢
主动推送新链接：通过调用搜索引擎的API 接口，提交最新文章 URL，无需等待爬虫被动发现。

了解了站点地图的生成与使用以及API主动推送两种方式后，下面我们就要到对应搜索引擎平台进行相关配置才能正常使用。

7.百度搜索引擎#

打开百度站长平台，注册、登陆百度账号

7.1 添加网站并验证所有权#

点击右上角用户中心，点击站点管理>添加网站

填写账户信息后保存

输入博客域名

设置站点领域，后续可重新修改

验证网站所有权：（这里我使用文件验证的方式）

下载百度提供的验证文件，放到MyBlog\source目录下，然后执行一次部署，在网站根目录就可以看到验证文件了

确认能正常打开该页面后，点击完成验证即可

7.2 提交站点地图#

打开普通收录>资源提交>sitemap，输入你站点地图的访问链接，然后点提交

添加成功后，往下拉，就可以看到抓取状态了：

7.3 API提交设置#

选择资源提交>API提交，复制后面的token值

打开站点配置文件，修改hexo_submit_urls_to_search_engine配置中和百度相关的：

1
hexo_submit_urls_to_search_engine:
2
  baidu: 1 # 开启百度提交
3
  baidu_host: https://www.oneyangcrown.top # 在百度搜索资源平台添加的网站域名
4
  baidu_token: 刚才复制的token值填到此处
5

6
# 发布配置添加上百度（注意格式不要写错）
7
deploy:
8
- type: git
9
  repo:
10
    coding: git@xxx
11
  branch: master
12
- type: cjh_google_url_submitter

hexo clean && hexo generate && hexo deploy执行部署执行顺利的话可以接收到百度返回的消息，如上图所示，这里success成功推送的url条数有4条，remain当天剩余的可推送url条数为96条

8.谷歌搜索引擎#

打开谷歌站长平台，注册、登陆谷歌账号

8.1 添加域名并验证所有权#

选择Domain，输入你购买的域名，点CONTINUE继续：

选择Any DNS provider，此验证方法适用于任何DNS提供商：

复制谷歌提供的文本
打开你的DNS提供商控制面板
添加一个类型为TXT的解析记录
回到此页面，点击VERIFY验证即可

如果你的域名和我一样托管在Cloudflare的话就比较方便了：选择Cloudflare.com，点击START VERIFICATION开始验证

登陆Cloudflare账号，点击Authorize授权，就可以自动添加DNS记录到Cloudflare

像这样就验证成功了：点击DONE

在左侧点击搜索框，选择刚添加的域名

8.2 提交站点地图#

点击左侧菜单栏Sitemaps，输入你站点地图的访问链接，然后点SUBMIT提交

提交成功后就可以查看状态了：

8.3 API提交设置#

提交url需要使用谷歌的Indexing API

8.3.1 创建项目与服务账号#

打开Google Cloud服务帐号页面，没有项目的话需要先创建一个：

创建服务账号

填写三项信息，服务账号ID可以随机生成，然后点创建并继续

角色为Owner所有者，点击继续

点击完成

8.3.2 生成密钥#

在服务账号页面中就可以看到新创建的服务账号了：

先把该服务账号的邮箱地址复制并保存，后续要用到
然后点击进入服务账号设置页面

选择密钥，点击创建新密钥

类型选择JSON，点击创建

这里会自动下载该文件到你的浏览器下载文件夹：

密钥文件保存好，后续要用到。

8.3.3 为项目启用Indexing API#

打开API 和服务页面，点击启用API和服务

搜索Indexing API 启用

8.3.4 将服务账号设为域名所有者#

打开谷歌站长平台，点击Settings>Users and permissions

点击ADD USER添加一个用户

填入前面服务账号的邮箱地址，设置为Owner所有者，点击ADD添加

在下面的Users列表中就可以看到新添加的用户了

8.3.5 Hexo相关#

将刚才的json密钥文件放到你的Hexo博客根目录

打开站点配置文件，修改hexo_submit_urls_to_search_engine配置中和谷歌相关的：

查看代理IP地址和端口号（以Win11为例）：Windows设置>网络和Internet>代理>使用代理服务器>设置

1
hexo_submit_urls_to_search_engine:
2
  google: 1 # 开启谷歌提交
3
  google_host: https://www.oneyangcrown.top # 域名
4
  google_key_file: xxx.json # 密钥文件名
5
  google_proxy: http://127.0.0.1:8080 # 向谷歌提交url所使用的系统 http代理
6

7
# 发布配置添加上谷歌（注意格式不要写错）
8
deploy:
9
- type: git
10
  repo:
11
    coding: git@xxx
12
  branch: master
13
- type: cjh_google_url_submitter

hexo clean && hexo generate && hexo deploy执行部署执行顺利的话可以接收到谷歌返回的消息，如上图所示。

在API 和服务页面可以看到Indexing API额度的使用情况

9.必应搜索引擎#

打开必应站长平台，这里直接用前面绑定了谷歌站长平台的谷歌账号登陆

9.1 导入站点#

这样就可以直接从谷歌站长平台导入已验证的站点：

授权必应访问数据

勾选要导入的站点，点击Import导入

9.2 提交站点地图#

点击左侧菜单栏Sitemaps，输入你站点地图的访问链接，然后点Submit提交

提交成功后就可以查看状态了：

9.3 API提交设置#

点击设置>API访问点击API密钥点击生成API密钥复制API密钥

打开站点配置文件，修改hexo_submit_urls_to_search_engine配置中和必应相关的：

1
hexo_submit_urls_to_search_engine:
2
  bing: 1 # 开启必应提交
3
  bing_host: https://www.oneyangcrown.top # 域名
4
  bing_token: 刚才复制的密钥值填到此处
5

6
# 发布配置添加上必应（注意格式不要写错）
7
deploy:
8
- type: git
9
  repo:
10
    coding: git@xxx
11
  branch: master
12
- type: cjh_bing_url_submitter

hexo clean && hexo generate && hexo deploy执行部署执行顺利的话可以接收到必应返回的消息，如上图所示。

10.查询网站是否被收录#

打开任一搜索引擎，输入 site:域名 来查看域名是否被搜索引擎收录

全站启用 HTTPS 可提升搜索引擎信任度。
对于国内的搜索引擎（如百度），未备案域名可能会影响收录。

Backblaze云存储+Cloudflare搭建高速安全的免费图床

Thu, 10 Aug 2023 19:12:25 GMT

0.前言#

搭建个人博客、网站最头疼的莫过于图片存储的问题了吧，上传到免费图床站点就怕它哪天跑路，利用Github当图床访问速度又慢。

最稳妥的方案还是使用大厂的云存储服务，比如我之前用过的腾讯云COS，只不过也并没有想象中那么美好。。。

它的后台界面极其复杂、难用就不说了。我们使用对象存储首先要考虑的就是防坏蛋盗刷流量，否则，很可能一觉醒来一套房就没了。🤣（夸张了点）而腾讯云COS服务没有提供相关防护功能，需要接入腾讯云CDN服务（这是另外收费的），接入腾讯云CDN后，才有抵御攻击以及流量封顶相关配置。再一个就是，接入腾讯云CDN还需要一个国内已备案的域名。总之，对于个人博客、网站来说过于麻烦，也不划算。

1.零成本个人图床方案#

后来无意中发现了Cloudflare+Backblaze这套组合搭建图床的方案，完美地符合了我的需求！

Cloudflare免费提供CDN全球加速、以及不计量的DDoS攻击防护，Backblaze云存储前10GB空间免费（用来当个人图床完全够用），需要更大容量的话，它也有着秒杀大厂的实惠价格：

最关键的是Cloudflare和Backblaze都是Bandwidth Alliance（带宽联盟）的成员，它们之间的数据传输（带宽）是免费的，而Cloudflare的CDN服务也不收费，那么这样一来就不用担心流量费用的问题！

没有对比就没有伤害，相比于某些知名大厂，Cloudflare和Backblaze不仅对于平民用户非常友好，最令我感到舒服的更是它们两的后台界面逻辑，非常简洁、直观，一看就懂！

说了这么多，无非就是想表达我对这套方案十分满意，好的产品、服务就应该让更多的人知道！相信你也心动了，接下来搭建教程献上~

2.Backblaze账号注册#

打开链接：The Best Unlimited Online Backup and Cloud Storage Services (backblaze.com)，进入Backblaze官网

点击B2 Cloud Storage注册账号

进入账号后台页面

3.存储桶创建与上传文件#

点击Create a Bucket创建存储桶

设置桶名（建议复杂一点，更安全），选择Public公开，其它选项保持默认

点击Lifecycle Settings

选择只保留最新版本文件—Keep only the last version of the file

点击Upload/Download随便上传一张图片

上传完成后，打开图像查看详细信息

4.Friendly URL#

在文件详细信息中，有一个Friendly URL，它就是Backblaze云存储提供的日常引用、访问文件的原始链接，但我们肯定不能使用这个原始链接

由于Backblaze云存储是有每日限额的，如果我们使用原始链接请求，那么是直接从Backblaze请求数据，是会消耗免费额度的：

Daily Storage Caps：日常存储容量前10GB免费 Daily Download Bandwidth Caps：日常下载带宽前1GB免费 Daily Class B Transactions Caps：日常B类事务前2500次免费（B类事务包括下载、获取文件） Daily Class C Transactions Caps：日常C类事务前2500次免费（C类事务包括创建存储桶、列举存储桶、列举文件版本、列举Keys）

所以如果我们公开的网站上面的图片都是用这种原始链接的话，那么免费额度很快就会被访客用完。而且这个链接不仅暴露了你用的云存储厂商，还暴露了你的桶名，坏蛋直接搞个脚本无限盗刷你的额度，一觉醒来又一套房没了🤣。。。

这时候就要用到Cloudfare了，将我们自己的域名托管到Cloudfare，使用Cloudfare代理并启用免费的CDN服务，再将域名指向自己的Backblaze云存储地址，这时候使用自己定义的链接请求就是走的Cloudfare而不是Backblaze了。

由于Cloudfare和Backblaze同属带宽联盟成员，它们之间数据传输免费，借由Cloudfare向Backblaze请求数据就不会消耗Backblaze的额度！而且Cloudfare的CDN服务还能够有效提升访问速度。

要开始下面的操作，首先你要有一个自己的域名，建议在国外注册商那里购买，这里推荐我自己最常用的NameSilo： NameSilo购买域名，免去实名、备案的麻烦 | 晚阳Crown

5.Cloudfare添加CNAME记录#

关于Cloudfare如何托管域名，在我之前写的这篇文章中有详细的步骤： Cloudflare托管域名，免费CDN加速，免费申请有效期15年的证书 | 晚阳Crown 这里就不再赘述了。

将你的域名托管到Cloudfare后，打开DNS>Records，点击Add record添加记录

在Cloudfare中添加一条CNAME记录，做好以下设置后点Save保存：

二级域名自定义，这里我设置成img
Target设置为你的Friendly URL的域名
将Proxy status设置为开启，这样就会同时启用Cloudfare代理以及CDN服务
TTL默认Auto

打开SL/TLS>Overview，将SSL/TLS的加密模式设置为完全（严格）

现在就可以用自定义的域名访问刚才的文件了：

1
// 原先的：
2
https://f005.backblazeb2.com/file/oneyangcrown-bucket/avatar.jpg
3
// 现在的：
4
https://img.oneyangcrown.top/file/oneyangcrown-bucket/avatar.jpg

6.额度消耗测试#

接下来做个简单的测试，对比使用原始链接以及自定义链接请求后，Backblaze云存储额度的消耗情况。

这是bat脚本，使用curl工具来发起请求，url参数为请求链接，iterations参数是请求次数

Terminal window

1
@echo off
2

3
set url=https://f005.backblazeb2.com/file/oneyangcrown-bucket/avatar.jpg
4
set iterations=50
5

6
for /l %%i in (1,1,%iterations%) do (
7
    curl -X GET "%url%"
8
)

测试结果：可以看到当我使用原始链接请求50次后，流量消耗了5MB，Class B事务增加了50次，而换成自定义链接再次请求50次后，额度消耗几乎没有了：

实不相瞒，我也不清楚为啥还是会有一丁点消耗😅，我预想的应该是零消耗，可能是Backblaze和Cloudfare订好的计费规则吧。我看带宽联盟的介绍也有说是折扣或免除数据传输费用，这样看来的话，那应该就不是完全免除而是折扣，不过也非常良心了！

7.优化链接#

前面我们已经更换了域名，但是链接中还是有存储桶的名称：

1
https://img.oneyangcrown.top/file/oneyangcrown-bucket/avatar.jpg

暴露存储桶名称是有风险的，如果坏蛋知道你的用的是Backblaze云存储，那么他是能拼凑出你的原始链接的，所以接下来要做的是把链接中的这一段/file/oneyangcrown-bucket去掉，这里用到的是Cloudflare的转换规则。

点击Cloudflare仪表板左侧的Rules>Transform Rules

选择Rewrite URL，点击Create rule创建URL重写规则

填上规则名称（随意，主要用来表明规则的用途），选择Custom filter expression

点击Edit expression

输入not starts_with(http.request.uri.path,"/file/oneyangcrown-bucket")

❗注意：这里第二个参数的值要改成你自己的，还有后面步骤的第一个参数

选择Rewrite to…，选择Dynamic，输入concat("/file/oneyangcrown-bucket",http.request.uri.path)

点击Deploy部署规则

这样规则就启用成功了：

现在就可以用优化好的链接访问刚才的文件了：

1
// 原先的：
2
https://img.oneyangcrown.top/file/oneyangcrown-bucket/avatar.jpg
3
// 优化的：
4
https://img.oneyangcrown.top/avatar.jpg

8.优化响应头#

在浏览器中打开开发人员工具（默认快捷键是F12），可以看到在请求链接时，响应头有一些X-Bz开头的字段，这些都是和Backblaze云存储相关的，要把它们都隐藏掉。

PS：也可以使用curl工具来获取响应头信息 curl -I https://img.oneyangcrown.top/avatar.jpg

打开Rules>Transform Rules，选择Modify Response Header，点击Create rule创建响应头修改规则

选择All incoming requests，通过点击Set new header来添加一行Header配置，将类型设置为Remove，将所有X-Bz开头的字段添加进去，然后点击Deploy部署规则即可

1
X-Bz-Content-Sha1
2
X-Bz-File-Id
3
X-Bz-File-Name
4
X-Bz-Info-Src_last_modified_millis
5
X-Bz-Upload-Timestamp

最后再次测试、查看响应头信息中，规则配置好的字段是否都已移除

9.缓存设置#

在前面的额度消耗测试中，之所以使用Cloudfare链接还会有一些消耗，其实是因为缓存控制默认是不缓存的。查看响应头中Cache-Control字段，会发现它的值是max-age=0（资源缓存的有效期限为0，也就是不缓存）。

所以每次通过Cloudfare链接去请求都无法命中CDN缓存，对应的字段就是Cf-Cache-Status的值为MISS，值为HIT才是命中缓存。

这样每次Cloudfare都会直接到Backblaze源服务器去取数据，因为Cloudfare在自己的CDN服务器上找不到缓存数据。

但得益于带宽联盟，借由Cloudfare去向Backblaze取数据，有相应折扣或免除数据传输费用，虽然官方没有明确说明，目前看来就是折扣，所以才会产生一些消耗。

所以，如果开启缓存，那么额度消耗还可以降到更低。

相关文档—Cloudfare CDN默认缓存行为： Default Cache Behavior · Cloudflare Cache (CDN) docs

点击Bucket Settings

设置Bucket Info为{"cache-control":"max-age=5184000"}，5184000秒（也就是60天），最后点Update Bucket保存设置

对于图床数据来说，图片文件不是新增就是删除，一般不会去修改一个图片文件，所以缓存有效期限可以设置更长，没必要让服务器那边频繁更新缓存数据。

查看响应头字段是否已更新过来：

缓存设置完成后，现在再通过Cloudfare链接去测试多次请求同一资源的话，只要CDN服务器上已经缓存了数据，那么后续请求就都是零消耗。

10.PicGo设置#

PicGo是一个用于快速上传图片并获取图片URL链接的工具。

10.1 申请Application Key#

在Backblaze云存储中打开Application Keys，点击Add a New Application Key

配置好Application Key后，点击Create New Key创建即可

Allow access to Bucket(s)：指定该Key允许访问的存储桶

Type of Access：访问权限，设置为Read and Write

勾选Allow List All Bucket Names

Duration：有效期（单位是秒），留空就是永久有效，直到你删除它。为了提高安全性，也可以自己设定一个期限。

复制keyID和applicationKey，特别是applicationKey，只会显示一次，忘记的话重新创建一个新的Application Key即可

10.2 s3插件设置#

首先确保你的设备已安装Node.js环境

然后在PicGo插件设置中搜索s3插件并安装：

安装完毕后左侧的图床设置会多出Amazon S3设置，对于所有与S3 API兼容的云存储均可使用。

S3设置需要填入的信息：

首先是前两项，就是前面申请的Application Key，应用密钥ID—keyID，应用密钥—applicationKey
桶名：桶相关信息的标题（如下图所示），也可以查看Bucket Settings中的Bucket Unique Name
文件路径：{fullName}，表示使用源文件名，上传到根目录
地区：对应Endpoint的第二部分，比如我这里要填的是us-east-005
自定义节点：填入Endpoint链接，前面加上https://
自定义域名：前面在Cloudfare自己设定的域名

其它选项：

ForcePathStyle：no关闭
拒绝无效TLS证书连接：yes开启，如果出现证书错误可以关闭
ACL访问控制列表：public-read
Bucket前缀：false

最后在PicGo设置中，开启时间戳重命名，这样能够确保上传的每一张图片名字都是唯一的：

11.数据备份#

为了防止一些不可预料的事故发生，导致数据丢失，建议定期做好数据备份。

11.1 手动备份#

选择要备份的桶，点击Make Full Bucket Snapshot创建一个快照

在Snapshots中就可以看到已创建的快照，等待快照准备完成就可以下载了

11.2 群晖Cloud Sync自动备份#

如果你有一台NAS，那么就可以实现自动备份，比如群晖的Cloud Sync就支持Backblaze云存储备份。

打开Cloud Sync，创建新链接，选择Backblaze B2

设置Application Key和桶名由于同步会消耗额度，所以轮询期不要设置太短，这里我设置的是24小时

📌推荐阅读：

Cloudflare托管域名，免费CDN加速，免费申请有效期15年的证书

Wed, 09 Aug 2023 09:19:47 GMT

1.将域名托管到Cloudflare#

进入Cloudflare官网注册账号，邮箱要记得验证，才能收到CF的邮件通知

点击添加>现有域

输入要托管的域名，点Continue继续

计划选择免费版，点继续

这里Cloudflare会扫描域名原有的DNS记录并复制过来如果你是新购买的域名，可能会有一些默认的解析记录，可以全部删掉，然后点击继续前往激活

提示是否稍后添加记录，点Confirm确认

这里就可以看到Cloudflare提供的NameServer了，接下来需要到你的DNS提供商（如果是新注册的域名，那就到你的域名注册商）的网站中进行操作

下面以NameSilo为例，其它的大同小异

我的域名是在NameSilo购买的，所以就要到NameSilo登录账号进行操作。

进入域名设置页面后，找到NameServers选项，删掉默认的NameServer网址，填入Cloudflare提供的两个NameServer网址，点击保存

然后回到Cloudflare，点击继续

域名注册商可能需要24小时来处理nameserver的更新，当你的网站在Cloudflare上激活后，你会收到一封邮件通知

回到首页，也可以看到已添加的域名当前的状态，如果Nameserver更新还没处理好的话，就如下图所示：

没等多久就受到CF的邮件通知提示已激活

在帐户主页也可以看到域名显示已激活状态，接下来就可以愉快地使用Cloudflare的服务了

2.域名解析#

点击对应域名进入域名设置页面

点击DNS记录

点击添加记录

以A类型记录为例，需要填入二级域名以及要指向的IPv4地址，最后点击保存即可

Cloudflare的解析速度非常快，没过多久就可以ping通了

3.启用Cloudflare代理与CDN服务#

Cloudflare开启代理非常简单，只需编辑记录，将Proxy status设置为开启即可（俗称“点亮小云朵”）

Cloudflare代理启用成功后，你会发现ping出来的IP地址变了，这时候客户端的请求是先转到Cloudflare，再由Cloudflare转发到你的源服务器。

这样除了能对潜在攻击者隐藏你的源服务器IP地址之外，Cloudflare还会阻止恶意流量到达你的源服务器，起到保护作用。

当你启用Cloudflare的代理功能时，Cloudflare CDN服务也就启用了。

💡CDN：全称Content Delivery Network，内容分发网络，由地理上分散的服务器组成，当用户请求访问特定内容时，CDN可以从最接近用户的服务器提供缓存的内容，从而减少了传输延迟和网络拥塞。
简而言之，CDN通过在全球范围内分布服务器并缓存内容，提供更快速、高效的内容交付服务。

✨启用CDN服务的好处：

缩短网站、应用加载时间：CDN将内容分发到更靠近访问者的位置，从而访问者可以体验到更快的加载速度。
降低带宽成本：对于网站、应用的托管来说，带宽消耗费用是主要开销，CDN能够减少源服务器必须提供的数据量，从而降低网站、应用所有者的托管成本。
提高内容可用性和冗余性：大量流量或硬件故障可能会中断正常的网站、应用的功能。由于其分布式特性，CDN可以处理更多的流量，并且比许多源服务器更能抵御硬件故障。
提高安全性：CDN可以通过提供DDoS攻击防护、改进安全证书和其它优化措施来提高安全性。

4.申请SSL/TLS证书#

点击侧边栏的SSL/TLS，点击配置

配置加密模式为完全（严格），点击保存

点击侧边栏的SSL/TLS>源服务器，点击创建证书

设置保持默认，有效期最长可选15年

复制源证书和私钥，保存成本地文件，源证书 > xxx.pem，私钥 > xxx.key，操作完成后再点确认

❗注意：key只会显示一次，如果不小心丢了的话，把原来的证书撤销再重新创建即可

然后将这两个文件上传到你自己的服务器上进行下一步配置即可

创建成功后，在SSL/TLS>源服务器页面就可以看到该证书了，有显示到期时间如果不需要了或想要重新创建的话，可以点击吊销取消该证书

2025年NameSilo域名购买与使用全流程

Tue, 08 Aug 2023 11:49:07 GMT

0.前言#

NameSilo是全球领先的域名注册商之一，以其简单、可靠且经济实惠的域名注册和管理服务而闻名。

✨优点：

价格非常实惠，最低0.99美金/年起步（约7人民币）
可用支付宝购买，对于中国用户来说非常方便
不需要实名、备案，保护个人信息同时免去繁琐的操作

话不多说，接下来，我将提供逐步详细的操作指引，帮助你拥有一个属于自己的域名。

1.账号注册#

点击链接：Cheap Domain Names & Web Hosting Starting at $0.99! | NameSilo，进入NameSilo官网

点击右上角头像图标进入账号页面

点击Sign Up注册账号，填入自己的账号信息，输入验证码，最后点击Create Account创建账号

❗注意：

Username是后续登录用到的账号，设置后没法更改，所以要起一个好记的

密码至少8位，且需至少包含大小写字母、特殊符号、数字各1个。

2.账号设置#

账号注册完成后，点击My Account进入账号管理页面

在左侧点击Account Settings进入账号设置页面，填写带*星号的信息

NameSilo要求设置相关信息后，才能完全访问域名控制台，信息不要求真实性

这里邮箱地址注意要填正确的地址，自己在用的邮箱，所有带*星号的信息填完后点保存

提示更新完成，点击OK确认

3.域名选购#

接下来点击链接：Website Domain Name | Search and Buy Domain | NameSilo，跳转到域名选购页面

点击Show Advanced Search显示高级搜索

域名选购要做的就两件事情，一是自定义你的二级域名，二是挑选你喜欢的一级域名，对应下图两个区域：

💡关于域名的小科普：（老司机可以跳过这一Part）
完整的域名由一级域名、二级域名和可选的子域名组成。例如，www.example.com中，.com是一级域名，example是二级域名，www是子域名。
一级域名：TLD（Top-Level Domain），也叫顶级域名，俗称域名后缀，TLD用于表示网站的分类或所属的组织类型。例如：熟悉的.com代表工商企业、.cn代表中国、.net代表网络服务等。
二级域名：SLD（Second-Level Domain），SLD是网站的唯一标识，它可以直接反映你的品牌、业务或组织的名称。通过设定一个与你的品牌相关且易于记忆的二级域名，可以增强品牌认知度并建立品牌形象。
子域名：Subdomain，子域名用来扩展和管理不同的功能、服务或内容。通过在二级域名下创建子域名，可以更好地组织和管理网站的不同部分，并提供更好的用户体验。

在输入框中填入你想好的二级域名，并筛选喜欢的一级域名

如果想要价格尽可能更便宜，推荐选择比较冷门的一级域名，比如.top .xyz之类的。

设置完成后点击Apply应用或SEARCH搜索

选择喜欢的域名后缀，点击购物车图标添加

可以看到下图这个.top域名首年优惠价格是1.88美金（人民币约13元） Ren(Renewal)表示续费价格，是4.88美金/年（人民币约35元/年），非常经济实惠的，入手不亏

添加后，点击Checkout结账

这里可以提示可以选择一些额外的付费服务，有需要可以自行勾选，继续点击Checkout结账

这里会自动弹出付款方式选项页面，支持信用卡、PayPal等方式，可以点击See more查看更多付款方式

如果没有上面这个弹窗，可以点击这里的Add New选项打开付款方式选项页面

可以看到也支持国内的支付宝付款，点击进入

点击Select确认选择

这样付款方式就切换到Alipay支付宝了

这里先别着急付款，下图输入框中可以填入优惠码326145享受折扣，点击Apply应用

折扣后只需1美金就可以拿下，美滋滋！最后，勾选同意条款和条件复选框，再点击PAY支付

使用支付宝扫码支付即可

4.域名管理#

在My Account账号管页面中，点击Domain Manager进入域名管理

在域名管理中，就可以看到已购买的域名了，点击域名可以进入对应的域名设置页面

4.1 域名解析#

在域名设置页面中，点击DNS选项，这里可以管理所有DNS记录

点击Add DNS Record根据需要添加记录并提交即可

4.2 域名续费#

在域名设置页面中，可以看到你域名的到期时间 Auto-Renewal自动续费默认是开启的，不需要的话可以设置成OFF关闭点击Renew可以进行手动续费，续费和购买流程差不多，同样也可以使用优惠码

4.3 域名托管#

购买域名后，建议将域名托管到Cloudflare，Cloudflare解析速度快，还免费提供全球CDN加速，域名管理功能很强大，后台界面也比较简单、直观。

在域名设置页面中，找到NameServers选项，点击Edit编辑

填入Cloudflare提供的NameServers即可，关于Cloudflare托管域名相关细节，可以查看我发布另一篇文章。