Hexvork-Blog

CloudflarePages优选指南【20260125亲测有效】

Sun, 25 Jan 2026 00:00:00 GMT

Cloudflare是知名的免费CDN服务商，节点遍布全球（环大陆区域），国际访问速度表现优异，不过国内使用体验却不尽如人意。虽说升级企业套餐能改善这一问题，但想必普通博主都不会选择。今天就给大家分享一个实用野路子，教大家提升Cloudflare的国内访问速度。

<div style="background-color: #fff9e8; border-left: 4px solid #ff0000; padding: 12px 16px; border-radius: 4px; display: flex; align-items: center; gap: 8px; margin: 16px 0;"> <div style="width: 20px; height: 20px; background-color: #ff0000; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; flex-shrink: 0;">!</div> <span style="font-size: 14px; color: #595959; line-height: 20px; margin: 0; padding: 0; display: inline-block;">Cloudflare明令禁止用户在其平台进行任何形式的“优选”操作。若违反该规定，不仅可能面临法律诉讼，Cloudflare还将采取包括终止账户、向相关执法部门举报在内的一切必要措施。请自行权衡是否开展此类操作，本人对相关行为概不承担任何责任。</span> </div>

<div style="background-color: #fff9e8; border-left: 4px solid #ffb800; padding: 12px 16px; border-radius: 4px; display: flex; align-items: center; gap: 8px; margin: 16px 0;"> <div style="width: 20px; height: 20px; background-color: #ffb800; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; flex-shrink: 0;">!</div> <span style="font-size: 14px; color: #595959; line-height: 20px; margin: 0; padding: 0; display: inline-block;">首先，你得有个Pages项目并绑定自己的域名，且已经托管到Cloudflare上了，本文章<b>假设</b>Cloudflare给你Pages项目分配的域名是<code style="background: #f0f0f0; padding: 2px 4px; border-radius: 2px; font-size: 13px;">w.pages.dev</code>，你自己绑定的域名是<code style="background: #f0f0f0; padding: 2px 4px; border-radius: 2px; font-size: 13px;">cf.com</code>，请自行替换成你自己实际的地址</span> </div>

准备工作

1.注册华为云国际账号

<a href="https://console-intl.huaweicloud.com/dns" style="text-decoration: none; display: block; max-width: 400px;"> <div style="display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 8px; background: #f5f5f5; cursor: pointer; transition: background 0.2s;"> <div style="width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;"> <img src="https://img.hexvork.com/0/link.svg"
style="width: 100%; height: 100%; object-fit: contain; display: block;"> </div> <div style="flex: 1; min-width: 0;"> <div style="font-size: 15px; font-weight: 500; color: #1f2937; margin: 0;">华为云官网</div> <div style="font-size: 12px; color: #6b7280; margin: 2px 0 0 0;">Huawei</div> </div> <div style="width: 20px; height: 20px; color: #9ca3af; flex-shrink: 0;">→</div> </div> </a>

有条件的帆船注册国际账号，无需实名，没条件的注册国内账号，老老实实实名

2.添加自定义域至云解析服务 DNS

点击前往云解析服务 DNS，后点击【公网域名】

点击右上角【创建公网域名】

填入需要优选的 Pages 自定义域名，也就是cf.com，然后点击【确定】

方案一：直接CNAME已优选过的域名

在我的挑选下，只有一个CNAME域名符合我的要求：cf.468123.xyz

cf.468123.xyz支持IPV4和IPV6，境内和境外速度都不错

登录华为云，点击cf.com的【管理解析】

进入【管理解析】后点击【添加记录集】

新添加一个【CNAME 记录】，线路类型为【全网默认】，记录值为Pages 项目分配的域名w.pages.dev。

再添加一个【CNAME 记录】，线路类型为【地域解析】 > 【中国大陆】，记录值为优选域名cf.468123.xyz。

最后在Cloudflare上添加下列华为云的NS地址

ns1.huaweicloud-dns.com.  
ns1.huaweicloud-dns.cn.  
ns1.huaweicloud-dns.net.  
ns1.huaweicloud-dns.org.

大功告成

方案二：自己一一添加Cloudflare质量好的IP

登录华为云，点击【管理解析】

进入【管理解析】后点击【添加记录集】

新添加一个【CNAME 记录】，线路类型为【全网默认】，记录值为Pages 项目分配的域名w.pages.dev。

再添加一个【A 记录】，线路类型为【运营商线路解析】 > 【电信】，记录值请复制以下所有IP

172.64.41.182
108.162.198.136
172.64.40.177
108.162.198.178
162.159.44.33
162.159.39.58
162.159.44.190
172.64.40.191
172.64.41.178
172.64.229.249
172.64.40.192
162.159.45.54
162.159.38.122
162.159.44.94
108.162.198.144
162.159.38.66
172.64.40.54
172.64.229.133
172.64.229.221
172.64.41.177
172.64.41.155
172.64.229.208
162.159.38.45
104.18.39.178
162.159.45.125
162.159.38.180
172.64.41.169
108.162.198.101
172.64.40.196
162.159.44.11
172.64.229.75
162.159.45.71
162.159.44.60

再添加一个【A 记录】，线路类型为【运营商线路解析】 > 【移动】，记录值请复制以下所有IP

104.19.43.4
104.19.60.41
104.19.54.7
104.19.37.29
172.64.147.55
104.19.48.43
104.19.35.36
104.19.49.27
104.19.59.28
104.18.38.216
104.19.52.9
104.19.46.12
104.19.54.14
104.19.34.26
104.19.45.43
104.19.52.46
104.19.61.16
104.19.53.35
104.19.34.7
104.19.50.4
104.19.37.8
104.19.35.23
104.19.46.13
104.19.60.2
104.19.57.37
104.19.42.19
104.19.35.45
104.19.46.4
104.19.61.25
104.19.45.22
104.19.37.22
104.19.57.17
104.18.40.34
104.19.57.50

再添加一个【A 记录】，线路类型为【运营商线路解析】 > 【联通】，记录值请复制以下所有IP

104.16.153.163
104.17.190.51
104.18.250.6
172.67.72.55
104.17.171.110
104.17.16.46
104.19.60.110
104.18.195.135
104.17.72.133
104.16.199.103
104.17.222.171
104.17.34.177
104.16.220.135
104.16.48.214
162.159.140.194
104.16.197.196
104.17.47.37
104.18.164.154
104.18.168.59
104.18.117.165
104.18.181.245
104.18.123.231
104.17.73.204
104.19.216.17
104.17.38.156

再添加一个【AAAA 记录】，线路类型为【运营商线路解析】 > 【电信】，记录值请复制以下所有IP

2606:4700:ff00::294d
2803:f800:50::6ca:2c0ee
2a06:98c1:50::ac40:20f2
2606:4700:52::6fda:3223
2803:f800:50::6ca:2c0ef
2606:4700:440d::4763:1ed6
2606:4700:50::adf5:3af2
2a06:98c1:50::ac40:20f1
2803:f800:50::6ca:2c095
2606:4700:56::66d8:6718
2606:4700:440e::476b:550
2606:4700:4700::43e7:7825
2803:f800:50::6ca:2c0f2
2803:f800:50::6ca:2c093
2a06:98c1:50::ac40:20eb
2606:4700:440a::1cb6:6b92
2606:4700:4405::7180:63d4
2a06:98c1:50::ac40:2095
2a06:98c1:50::ac40:20ef
2606:4700:ff00::1d3c
2606:4700:ff00::a3f1
2606:4700:50::adf5:3a95
2606:4700:ff00::f0a2
2803:f800:50::6ca:2c0eb
2606:4700:50::adf5:3af1
2a06:98c1:50::ac40:2093
2606:4700:4700::5540:c18
2606:4700:50::adf5:3a93
2606:4700:ff00::5e4b

再添加一个【AAAA 记录】，线路类型为【运营商线路解析】 > 【移动】，记录值请复制以下所有IP

2606:4700:83b0::a989:1c8f
2606:4700:5a::781b:9982
2606:4700:440d::3165:2694
2606:4700:83b9::9a7c:fe60
2606:4700:440d::5c47:8edc
2606:4700:5a::1702:6a46
2606:4700:83b5::4ed7:866a
2606:4700:83b1::b71f:219f
2606:4700:5a::f7f3:506d
2606:4700:5a::7320:fa86
2606:4700:52::27a1:1237
2606:4700:440f::b4eb:6595
2606:4700:300a::6505:7ee9
2606:4700:5a::d1ea:baed

再添加一个【AAAA 记录】，线路类型为【运营商线路解析】 > 【联通】，记录值请复制以下所有IP

2606:4700:5a::1702:6a46
2606:4700:5a::781b:9982
2606:4700:440f::da92:7100
2606:4700:310c::2f41:2cc6
2606:4700:83b5::4ed7:866a
2606:4700:83b0::a989:1c8f
2606:4700:440a::683d:281d
2606:4700:52::27a1:1237
2606:4700:440d::5c47:8edc
2606:4700:5a::face:bf67

最后在Cloudflare上添加下列华为云的NS地址

ns1.huaweicloud-dns.com.  
ns1.huaweicloud-dns.cn.  
ns1.huaweicloud-dns.net.  
ns1.huaweicloud-dns.org.

大功告成，希望对你有帮助

SOS,找IP眼睛都要花了

彻底告别会员续费：MusicFree使用指南

Sun, 21 Dec 2025 00:00:00 GMT

以前为了听全喜欢的歌，我得在 QQ 音乐和网易云之间反复横跳，每年会员费没少交，体验还割裂。后来我索性删了那些臃肿的官方 App，换成了 MusicFree。这是一款插件化、开源且完全免费的播放器，只要配置好插件，全网音效基本都能一网打尽。

一、软件下载与架构选择

下载前得先看清自己设备的“底子”，选错了版本可能会出现闪退或者卡顿。

1.移动端（安卓）

你可以直接去 Github 的 Releases 页面下载。

app-arm64-v8a-release.apk： 2016 年以后的主流手机闭眼选这个，性能最强。
app-armeabi-v7a-release.apk：给家里的老旧安卓备用机续命用。
app-universal-release.apk：实在搞不清楚架构就选这个，体积大点但胜在什么手机都能装。

2.桌面端（Win/Mac/Linux）

桌面端同样在 Github 的 MusicFreeDesktop 获取。

Windows 用户：建议下 portable（便携版），解压就能用，不占系统盘。如果是 Win7 或 Win8 的老古董系统，记得选带 legacy 字样的安装包。
Mac 用户： M 系列芯片选 arm64，Intel 芯片选 x64。

二、核心灵魂：配置音源插件

刚装好的 MusicFree 只是个空壳。点击侧边栏的 插件管理，你会发现这里才是“通往新世界”的入口。

操作步骤：

点击 订阅设置 -> 添加。
链接一栏直接贴入这个聚合接口：https://musicfreepluginshub.2020818.xyz/plugins.json
点击 保存并更新。

你会发现搜索列表里一下子多了十几个平台。如果这个链接失效了，还可以试试 长青聚合音源（https://13413.kstore.space/musicfree.json）或者 Gitee 官方插件库。

三、进阶玩法：歌单迁移与云同步

1.歌单导入

不用担心以前收藏的歌白费。直接去网易云或 QQ 音乐分享你的歌单链接，然后在 MusicFree 对应的插件里粘贴导入，几秒钟就能把几百首歌同步过来。

2.坚果云多端同步

这是我最喜欢的功能。利用 WebDAV，你可以让手机和电脑共享同一套歌单和配置。

去 坚果云官网 注册，在 第三方应用管理 里创建一个 应用密码。
回到 MusicFree 的设置 -> 备份与恢复。
URL 填 https://dav.jianguoyun.com/dav/，账号是你的手机号/邮箱，密码填刚才生成的那个。

四、碎碎念（私藏避坑经验）

音效调教：软件自带了音频偏移修复和采样率设置，如果是连蓝牙耳机听，记得在设置里微调一下延迟。
封面加载：有时候插件源多了，封面出不来，可以在设置里开启 代理加载封面。
不要乱更新：如果目前的插件用得很稳，没必要天天点更新，有时候新版本反而会导致某些小众音源失效。

这款工具最大的魅力就在于它不属于任何一家大厂，没有广告，没有满屏的直播间，只有音乐本身。折腾一次，清爽一年。

CloudflarePages+Telegraph构建免费图床

Sun, 07 Dec 2025 00:00:00 GMT

你是否想要一个稳定、免费、自主可控的图床？你可能在想，哪有这么好的事，但现在可以通过CloudflarePages+Telegraph构建这个理想的图床

<h2 style="color: #fff; margin: 0;">一、fork仓库</h1>

打开官方仓库，点击star&fock

<a href="https://github.com/MarSeventh/CloudFlare-ImgBed" style="text-decoration: none; display: block; max-width: 400px;"> <div style="display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 8px; background: #f5f5f5; cursor: pointer; transition: background 0.2s;"> <div style="width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;"> <img src="https://img.hexvork.com/0/github.avif"
style="width: 100%; height: 100%; object-fit: contain; display: block;"> </div> <div style="flex: 1; min-width: 0;"> <div style="font-size: 15px; font-weight: 500; color: #1f2937; margin: 0;">CloudFlare-ImgBed Github仓库</div> <div style="font-size: 12px; color: #6b7280; margin: 2px 0 0 0;">MarSeventh@CloudFlare-ImgBed</div> </div> <div style="width: 20px; height: 20px; color: #9ca3af; flex-shrink: 0;">→</div> </div> </a>

为避免有小废物不会操作，这里附上图

二、通过Cloudflare部署图床

1.注册账号

2.展开左侧侧边栏的计算和AI

3.点击Workers 和 Pages

4.点击右上角的构建应用程序

5.在最下方 Looking to deploy Pages? 点击Get started

6.在 "导入现有 Git 存储库" 处点击 开始使用

7.绑定你的Github

8.⚠配置项目设置

配置项	值
项目名称	`cloudflare-imgbed`（或自定义）
生产分支	`main`
构建命令	`npm install`
构建输出目录	`/`

9.点击 "保存并部署"

10.绑定自己的域名

三、配置数据库

可选数据库为 KV 数据库和 D1 数据库

1. KV 数据库配置

创建 KV 命名空间

1.在 Cloudflare Dashboard 中选择 "存储和数据库" 2.点击 "Workers KV" 3.点击 "创建实例" 4.输入命名空间名称：img_url（建议使用此名称） 5.点击 "创建"

绑定 KV 到项目

1.返回您的 Pages 项目 2.选择 "设置" → "绑定" 3.点击 "添加" → "KV 命名空间" 4.填写绑定信息： - 变量名称：img_url（必须是这个名称） - KV 命名空间：选择刚创建的命名空间 5.点击 "保存"

D1 数据库配置

创建 D1 数据库

1.在 Cloudflare Dashboard 中选择 "存储和数据库" 2.点击 "D1 SQL 数据库" 3.点击 "创建数据库" 4.输入数据库名称：img_d1（建议使用此名称） 5.点击 "创建"

初始化 D1 数据库

1.创建完成后，点击进入数据库详情页 2.选择 "控制台" 选项卡 3.在 SQL 输入框中逐段粘贴并执行初始化语句

-- CloudFlare ImgBed D1 Database Initialization Script
-- 这个脚本用于初始化D1数据库

-- 删除已存在的表（如果需要重新初始化）
-- 注意：在生产环境中使用时请谨慎
-- DROP TABLE IF EXISTS files;
-- DROP TABLE IF EXISTS settings;
-- DROP TABLE IF EXISTS index_operations;
-- DROP TABLE IF EXISTS index_metadata;
-- DROP TABLE IF EXISTS other_data;

-- 执行主要的数据库架构创建
-- 这里会包含 schema.sql 的内容

-- 1. 文件表 - 存储文件元数据
CREATE TABLE IF NOT EXISTS files (
    id TEXT PRIMARY KEY,
    value TEXT,
    metadata TEXT NOT NULL,
    file_name TEXT,
    file_type TEXT,
    file_size TEXT,
    upload_ip TEXT,
    upload_address TEXT,
    list_type TEXT,
    timestamp INTEGER,
    label TEXT,
    directory TEXT,
    channel TEXT,
    channel_name TEXT,
    tg_file_id TEXT,
    tg_chat_id TEXT,
    tg_bot_token TEXT,
    is_chunked BOOLEAN DEFAULT FALSE,
    tags TEXT, 
    created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
    updated_at DATETIME DEFAULT CURRENT_TIMESTAMP
);

-- 2. 系统配置表
CREATE TABLE IF NOT EXISTS settings (
    key TEXT PRIMARY KEY,
    value TEXT NOT NULL,
    category TEXT,
    description TEXT,
    created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
    updated_at DATETIME DEFAULT CURRENT_TIMESTAMP
);

-- 3. 索引操作表
CREATE TABLE IF NOT EXISTS index_operations (
    id TEXT PRIMARY KEY,
    type TEXT NOT NULL,
    timestamp INTEGER NOT NULL,
    data TEXT NOT NULL,
    processed BOOLEAN DEFAULT FALSE,
    created_at DATETIME DEFAULT CURRENT_TIMESTAMP
);

-- 4. 索引元数据表
CREATE TABLE IF NOT EXISTS index_metadata (
    key TEXT PRIMARY KEY,
    last_updated INTEGER,
    total_count INTEGER DEFAULT 0,
    last_operation_id TEXT,
    chunk_count INTEGER DEFAULT 0,
    chunk_size INTEGER DEFAULT 0,
    created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
    updated_at DATETIME DEFAULT CURRENT_TIMESTAMP
);

-- 5. 其他数据表
CREATE TABLE IF NOT EXISTS other_data (
    key TEXT PRIMARY KEY,
    value TEXT NOT NULL,
    type TEXT,
    description TEXT,
    created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
    updated_at DATETIME DEFAULT CURRENT_TIMESTAMP
);

-- 创建索引
CREATE INDEX IF NOT EXISTS idx_files_timestamp ON files(timestamp DESC);
CREATE INDEX IF NOT EXISTS idx_files_directory ON files(directory);
CREATE INDEX IF NOT EXISTS idx_files_channel ON files(channel);
CREATE INDEX IF NOT EXISTS idx_files_file_type ON files(file_type);
CREATE INDEX IF NOT EXISTS idx_files_upload_ip ON files(upload_ip);
CREATE INDEX IF NOT EXISTS idx_files_created_at ON files(created_at DESC);
CREATE INDEX IF NOT EXISTS idx_files_tags ON files(tags);

CREATE INDEX IF NOT EXISTS idx_settings_category ON settings(category);

CREATE INDEX IF NOT EXISTS idx_index_operations_timestamp ON index_operations(timestamp);
CREATE INDEX IF NOT EXISTS idx_index_operations_processed ON index_operations(processed);
CREATE INDEX IF NOT EXISTS idx_index_operations_type ON index_operations(type);

CREATE INDEX IF NOT EXISTS idx_other_data_type ON other_data(type);

-- 创建触发器
CREATE TRIGGER IF NOT EXISTS update_files_updated_at 
    AFTER UPDATE ON files
    BEGIN
        UPDATE files SET updated_at = CURRENT_TIMESTAMP WHERE id = NEW.id;
    END;

CREATE TRIGGER IF NOT EXISTS update_settings_updated_at 
    AFTER UPDATE ON settings
    BEGIN
        UPDATE settings SET updated_at = CURRENT_TIMESTAMP WHERE key = NEW.key;
    END;

CREATE TRIGGER IF NOT EXISTS update_index_metadata_updated_at 
    AFTER UPDATE ON index_metadata
    BEGIN
        UPDATE index_metadata SET updated_at = CURRENT_TIMESTAMP WHERE key = NEW.key;
    END;

CREATE TRIGGER IF NOT EXISTS update_other_data_updated_at 
    AFTER UPDATE ON other_data
    BEGIN
        UPDATE other_data SET updated_at = CURRENT_TIMESTAMP WHERE key = NEW.key;
    END;

-- 插入初始的索引元数据
INSERT OR REPLACE INTO index_metadata (key, last_updated, total_count, last_operation_id)
VALUES ('main_index', 0, 0, NULL);

-- 初始化完成

绑定 D1 到项目

1.返回Pages项目 2.选择 "设置" → "绑定" 3.点击 "添加" → "D1 数据库" 4.填写绑定信息： - 变量名称：img_d1（必须是这个名称） - D1 数据库：选择刚创建的数据库 5.点击 "保存"

重新部署项目

四、配置Telegraph

1.获取 `TG_BOT_TOKEN`

在 Telegram 中搜索 @BotFather
发送 /newbot 命令
按提示输入 Bot 名称和用户名
获得 Bot Token

2.获取`TG_CHAT_ID`

创建一个新的 Telegram 频道
将创建的 Bot 添加为频道管理员
给予 Bot 消息管理的权限
在频道中发送一条消息
向 @VersaToolsBot 转发这条消息
获得TG_CHAT_ID

<div style="background-color: #fff9e8; border-left: 4px solid #ffb800; padding: 12px 16px; border-radius: 4px; display: flex; align-items: flex-start; gap: 8px; margin: 16px 0;"> <div style="width: 20px; height: 20px; background-color: #ffb800; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; flex-shrink: 0; margin-top: 2px;">!</div> <div style="font-size: 14px; color: #595959; line-height: 24px; margin: 0; padding: 0;"> 1.频道 ID 前面有 <code style="background: #f0f0f0; padding: 2px 4px; border-radius: 2px; font-size: 13px;">-</code> 号时需要保留<br> 2.Bot 必须具有频道管理员权限 </div> </div>

五、Telegraph绑定进Pages

1.访问https://你的域名/dashboard

2.点击系统设置

3.点击上传设置

4.填入配置

结语

CloudFlare-ImgBed项目为我们提供了一个理想的图床，它还有许多强大的功能，例如上传图片加密码、管理员用户名密码、图片审核，请各位自行探索

参考

<a href="https://cfbed.sanyue.de/" style="text-decoration: none; display: block; max-width: 400px;"> <div style="display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 8px; background: #f5f5f5; cursor: pointer; transition: background 0.2s;"> <div style="width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;"> <img src="https://img.hexvork.com/0/link.svg"
style="width: 100%; height: 100%; object-fit: contain; display: block;"> </div> <div style="flex: 1; min-width: 0;"> <div style="font-size: 15px; font-weight: 500; color: #1f2937; margin: 0;">CloudFlare-ImgBed 官方文档</div> <div style="font-size: 12px; color: #6b7280; margin: 2px 0 0 0;">安心存取，轻松分享</div> </div> <div style="width: 20px; height: 20px; color: #9ca3af; flex-shrink: 0;">→</div> </div> </a>

国内环境下的 CDN 加速源选购与替换全指南

Sat, 06 Dec 2025 00:00:00 GMT

在搭建 Hexo 博客时，由于网络环境的特殊性， jsdelivr 官方节点的国内访问速度往往波动较大。通过配置高效的第三方镜像源，可以显著提升网站静态资源的加载速度，优化首屏开启体验。

一、 Jsdelivr 加速源深度测评

目前市面上主流的加速节点在速度与可用性上表现各异，建议根据实测效果选择最适合你的方案。

1.官方节点对比

节点名称	推荐指数	国内速度	可用性	官方链接
Cloudflare 节点	⭐⭐⭐	快	高	点击进入
Fastly 节点	⭐⭐	较快	较高	点击进入
Gcore 节点	⭐	慢	高	点击进入
Quantil 节点	⭐⭐	慢	较高	点击进入

2.第三方镜像源（推荐）

对于追求极致加载速度的国内玩家，第三方镜像源通常是更优选。

镜像名称	推荐指数	国内速度	可用性	加速链接
JSDMirror	⭐⭐⭐⭐⭐	快	高	https://cdn.jsdmirror.com/
Topthink (未知)	⭐⭐⭐⭐	快	高	https://jsdelivr.topthink.com/
括彩云	⭐⭐⭐⭐	快	高	https://cdn.iocdn.cc/

二、 CDNjs 资源的国内平替

如果你需要加速 CDNjs 托管的库， ZSTATIC 是目前公认的优质非官方加速源。

推荐指数： ⭐⭐⭐⭐⭐
加速地址： https://s4.zstatic.net/
核心优势：国内边缘节点覆盖广，响应延迟极低。

三、核心实操：如何高效替换 CDN

方法 A：单个资源手动替换

这种方法适合微调，直接修改链接中的域名部分即可。

原始链接： https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.min.js
替换后： https://cdn.jsdmirror.com/npm/jquery@3.6.4/dist/jquery.min.js

方法 B：Butterfly 主题全局替换

如果你使用 Butterfly 主题，可以通过修改底层脚本实现一劳永逸的加速。

1. 修改脚本逻辑：

打开 blog\themes\butterfly\scripts\events\cdn.js，在 cdnSource 对象中插入你的镜像源定义（以 JSDMirror 为例）：

const cdnSource = {
  local: cond === 'internal' ? `${cdnjs_file + verType}` : `/pluginsSrc/${name}/${file + verType}`,
  jsdelivr: `https://cdn.jsdelivr.net/npm/${name}${verType}/${min_file}`,
  unpkg: `https://unpkg.com/${name}${verType}/${file}`,
  cdnjs: `https://cdnjs.cloudflare.com/ajax/libs/${cdnjs_name}/${version}/${min_cdnjs_file}`,
  // 新增 jsdmirror 加速源定义
  jsdmirror: `https://cdn.jsdmirror.com/npm/${name}${verType}/${min_file}`,
}

2. 应用主题配置：

打开主题根目录下的 _config.yml，找到 CDN 配置部分进行如下修改：

CDN:
  internal_provider: local
  third_party_provider: jsdmirror

四、总结与建议

避雷提示：虽然第三方源速度飞快，但建议定期检查链接的 可用性。
部署习惯：修改完成后，务必执行 hexo clean && hexo g 重新生成静态文件，确保所有资源路径都已正确重定向。

Hexo-butterfly主题增加友链界面

Sun, 16 Nov 2025 00:00:00 GMT

在从 Stellar 切换到 Butterfly 主题的过程中，友链界面的配置往往是容易卡壳的一环。经过实测和填坑，我整理了这套标准的部署流程，希望能帮你快速搭建出理想的友链展示区。

一、初始化页面文件

首先，你需要在博客根目录下手动创建对应的页面文件夹。

在 source/link 路径下新建一个 index.md 文件。打开该文件，将 Front-matter 区域配置如下：

---
title: 友链展示
date: 2025-11-16
type: "link"
---

设置 type: "link" 是关键，这会告诉主题调用专门的友链模板来渲染该页面。

二、构建友链数据池

Butterfly 采用数据驱动的方式管理友链。你需要在博客根目录的 _data 文件夹下新建 link.yml 文件。

按照以下格式填入你的友链信息：

- class_name: 友情链接
  class_desc: 这里的每个站点，都耐人寻味……
  flink_style: flexcard
  link_list:
    - name: 雨砚Blog
      link: https://www.yuyano.com
      avatar: https://www.yuyano.com/img/0/favicon.webp
      descr: 一个技术博客丫

name：网站名称。 link：网站跳转链接。 avatar：站长头像地址。 descr：网站的一句话介绍。

后续每增加一个朋友，只需在 link_list 下按格式新增这四项信息即可。

三、挂载到导航菜单

页面和数据准备好后，需要让它在导航栏显示出来。

打开主题配置文件 _config.butterfly.yml，在 menu 栏目下新增一行入口：

友链展示: /link/ || fas fa-link

四、编译与发布

最后，执行 Hexo 标准的“三连”命令来清理缓存并部署上线：

hexo clean
hexo g
hexo d

小结

折腾个人博客的乐趣就在于这种从零到一的 DIY 过程。现在刷新一下你的站点，应该就能看到那个整齐划一、极客范儿十足的友链展示区了。

Hexo-butterfly主题修改默认字体

Fri, 14 Nov 2025 00:00:00 GMT

如果你觉得 Butterfly 主题默认的字体缺少一点“设计感”，可以通过 CDN 引入或本地部署的方式来更换。这篇文章会以霞鹜文楷 (LXGW WenKai) 作为全局字体， JetBrains Mono 作为代码字体进行演示。

方案一：通过 CDN 引入（推荐，免维护）

这种方法最省心，直接调用公共资源库的字体文件，不需要占用你自己的服务器带宽。

1. 注入资源链接

打开主题配置文件 _config.butterfly.yml，找到 inject 部分，添加以下代码来引入外部样式表：

inject:
  head:
    - <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lxgw-wenkai-screen-webfont/1.7.0/style.min.css">
    - <link rel="stylesheet" href="https://fonts.cdnfonts.com/css/jetbrains-mono">

2. 应用字体声明

在同一个配置文件中找到 font 部分，将字体家族指向刚才引入的资源：

font:
  global_font_size: 16px
  code_font_size: 14px
  font_family: '"LXGW WenKai Screen", sans-serif'
  code_font_family: '"JetBrains Mono", monospace'

温馨提示：如果修改后发现字体没变化，请优先检查 CDN 链接是否依然有效。另外，由于中文字体包体积较大，首次加载稍有延迟是正常现象。

方案二：本地部署字体（适合追求极致稳定）

如果你希望博客资源完全可控，不依赖外部链接，可以选择将字体文件放在本地。

1. 准备字体文件

从 GitHub 仓库下载 LXGWWenKai-Regular.ttf 字体文件，并将其放入博客目录的 themes\butterfly\source\fonts 路径下。

2. 编写 CSS 索引

在 fonts 文件夹内新建一个 font.css 文件，写入以下定义以告知浏览器如何调用该文件：

@font-face {
  font-family: 'LXGW WenKai Screen';
  font-display: swap;
  src: url('/fonts/LXGWWenKai-Regular.ttf') format("truetype");  
}

3. 配置引用与生效

回到 _config.butterfly.yml，先在 inject 中引入你刚写的 CSS 文件：

inject:
  head:
    - <link rel="stylesheet" href="/fonts/font.css">

最后在 font 配置项中完成应用：

font:
  global_font_size: 16px
  code_font_size: 14px
  font_family: '"LXGW WenKai Screen", sans-serif'
  code_font_family: '"LXGW WenKai Screen", sans-serif'

避雷指南：本地部署最容易在文件路径上栽跟头，配置时请务必核对路径是否准确。虽然目前本地部署主要针对全局字体，但这种方法能确保你的博客在任何网络环境下都有稳定的视觉呈现。

各大域名购买网站优缺点对比

Fri, 24 Oct 2025 00:00:00 GMT

买域名这事儿，核心就看三点：实名政策、价格、支付便利性。折腾了一圈，把几个主流平台的优缺点拆开了给大家对比一下。

一、Spaceship ⭐⭐⭐⭐⭐

目前我最推荐的一家。界面现代，操作逻辑很顺。

优势：
1. 无需实名，这对隐私保护和减少折腾非常关键。
2. 支持支付宝，国内用户绑定支付方式很方便。
3. 送 WHOIS 隐私保护，防止你的个人信息被公开抓取。
4. 后缀全，像 .com、 .net、 .xyz 这些常规后缀价格都很能打。
槽点：
1. 国内访问慢，官网偶尔需要转圈，建议配合好一点的网络环境使用。
2. 小众国家后缀缺席，比如 .kg 或 .mk 这种冷门后缀搜不到。

二、Namesilo ⭐⭐⭐⭐

老牌域名商，虽然界面看起来有点年代感，但主打一个稳。

优势：
1. 同样无需实名，且支持 支付宝。
2. 老牌稳定，送免费的隐私保护。
槽点：
1. 价格略贵，部分主流后缀如 .com 的续费或注册价格比 Spaceship 稍高。
2. 界面繁琐，新用户上手可能需要点时间找入口。

三、阿里云 ⭐⭐

国内大厂，适合特定需求的玩家。

优势：
1. 本土化无敌，不仅支持支付宝，还支持 .cn 以及 中文后缀 域名（如 .网络）。
2. 访问速度快，不需要挂任何代理。
槽点：
1. 必须实名，这是绕不过去的门槛。
2. 价格偏贵，主流域名的定价通常高于国外平台。
3. 隐私保护限制，部分后缀（如 .cn）不支持隐私保护。

四、选购总结

个人首选：直接冲 Spaceship。价格低且不折腾实名，是目前性价比最高的数字花园入口。
备选方案：如果 Spaceship 支付绑定失败，可以考虑 Namesilo 作为平替。
特殊需求：如果你非要买 .cn 域名或者 中文域名，那没得选，只能去 阿里云 走实名流程。

Hexo 静态博客搭建全攻略：从零到一建立你的数字花园

Tue, 30 Sep 2025 00:00:00 GMT

Hexo 是一个基于 Node.js 的静态博客框架，适合追求加载速度和版本控制体验的开发者。

一、环境准备

在开始之前，请确保系统中已安装以下基础组件：

Git：用于版本管理和远程部署。
Node.js：建议使用 LTS 版本 以保证插件兼容性。
VS Code：用于编辑配置文件及撰写 Markdown 原稿。

二、初始化项目

选定一个空文件夹作为项目根目录，在终端执行以下操作：

# 安装全局工具
npm install hexo-cli -g

# 初始化博客程序
hexo init blog
cd blog

# 安装依赖并启动本地预览
npm install

hexo s

访问 http://localhost:4000 即可查看本地生成的初始页面。

三、主题切换

Hexo 的外观由主题决定。你可以从官方主题中心挑选，并通过 git clone 将其拉取到 themes 文件夹中。

配置生效的关键在于修改 _config.yml 站点配置文件中的 theme 字段，将其指定为对应的主题文件夹名称。

四、部署至 GitHub Pages

创建仓库：在 GitHub 新建名为你的用户名.github.io 的公开仓库。

配置 SSH：通过 ssh-keygen 生成密钥，并将公钥添加至 GitHub 个人设置，以实现免密推送。

安装插件：在项目目录执行

npm install hexo-deployer-git --save

修改 _config.yml 末尾的部署配置：

deploy:
  type: 'git'
  repository: git@github.com:你的用户名/你的用户名.github.io.git
  branch: main

五、常用指令

日常撰写与维护主要涉及以下命令：

新建文章：

hexo new post "文章标题"

部署组合拳：执行 hexo clean && hexo g && hexo d 来完成缓存清理、静态文件生成及云端同步。

域名绑定：若需使用自定义域名，请在仓库设置中添加 Custom domain，并配置相应的 CNAME 记录。