Leehow的小站

使用 vercel 加速 Github 图床

chuxuange@gmail.com (Leehow) — Sun, 27 Oct 2024 23:48:46 +0800

考虑到 Chinajsdelivr 的审查限制，本文改用 vercel 加速 GitHub 图床访问，并通过仓库结构调整和 GitHub Action，兼容国内外分流加速策略，自动化完成分支同步。

之前的文章介绍了如何搭建图床和使用jsDelivr 加速图床图片访问。使用PicGo + GitHub 搭建 Obsidian 图床 https://haoyep.com/posts/github-graph-beds/

通过 Cloudflare 和 JsDelivr 免费加速博客 GitHub 图床等静态资源 https://www.haoyep.com/posts/github-graph-beds-cdn/

Chinajsdelivr 项目的加速效果不错，但由于成本等因素，加速的图片偶发不可访问。且加速的图片要能经过国内审查，如果图床内有违规图片（如魔法上网等），整个 Github 仓库都会被 Chinajsdelivr ban 掉。我本人的图床仓库就在使用了约1个月的时间后被 ban 掉了。虽说可以向开发者写邮件申述，但我懒得整理、清理违规图片，而且这种命运掌握在别人手中的感觉不太好。

vercel 可以将 Github 仓库当做静态网站展示，仓库内的文件也会被当做网站的一部分，通过 vercel 的 CDN 进行加速。vercel 对每个账号的免费流量限制是 100GB/月。

vercel流量限制

本人图床主要用于 Markdown 笔记和个人博客，基本没啥访问量，因此免费额度够用；且对加载速度要求不高，所以可以忍受 vercel CDN 的速度（总比直接访问 Github 仓库快）。

解决方案主要分为两方面：

将图床仓库改造，让 vercel 将其识别为静态网站资源目录。
兼容之前设计的国内外图床加速策略，国内访问走 vercel，国外走 jsdelivr

1 图床仓库改造

让 vercel 将仓库识别为静态网站的方法很简单，只需仓库根目录中存在index.html文件。你可以自定义一个简单的 html 文件，或者让 AI 帮你写一个。

例如，下面是一个用于展示当前时间的 html 代码。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>实时时钟</title>
<style>
 body {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 100vh;
 margin: 0;
 font-family: Arial, sans-serif;
 background-color: #f5f5f5;
 }
 #clock {
 font-size: 48px; /* 增大字体大小 */
 font-weight: bold;
 color: #333;
 }
</style>
<script>
function updateTime() {
 var now = new Date(); // 获取当前时间
 var hours = now.getHours(); // 小时
 var minutes = now.getMinutes(); // 分钟
 var seconds = now.getSeconds(); // 秒数
 var formattedTime = hours + ':' +
 (minutes < 10 ? '0' : '') + minutes + ':' +
 (seconds < 10 ? '0' : '') + seconds;
 document.getElementById('clock').textContent = formattedTime;
}
setInterval(updateTime, 1000); // 每1000毫秒（1秒）更新时间
</script>
</head>
<body onload="updateTime()">
<div id="clock"></div> <!-- 时间显示的位置 -->
</body>
</html>

将上述代码复制并保存到 index.html 文件中，再将 index.html 文件上传到图床仓库根目录中。

将 index.html 文件上传到图床仓库根目录中

假设使用图床仓库搭建的静态网站域名为 img.haoyep.com，图床仓库存在文件 cdnimg/test.png 图片，则可以使用链接 https://img.haoyep.com/cdnimg/test.png 来访问该图片。

2 兼容国内外加速策略

使用图床加速文章中设计的国内外分流加速策略，国内访问 cdn.haoyep.com 会被重定向到 jsd.cdn.zzko.cn，国外访问被重定向到 cdn.jsdelivr.net。二者访问的 url 路径相同，仅是域名不同。

因此假设使用图床仓库搭建的静态网站域名为 img.haoyep.com，则期待实现的效果应当为：

1
2
3
4
5
6
7
8


# Github 图床图片对外展示链接
https://cdn.haoyep.com/gh/leegical/Blog_img/cdnimg/md_img.png

# cn请求将访问到
https://img.haoyep.com/gh/leegical/Blog_img/cdnimg/md_img.png

# 国外请求将访问到
https://cdn.jsdelivr.net/gh/leegical/Blog_img/cdnimg/md_img.png

但 vercel 静态网站的 url 路径就是仓库文件的实际路径。假设仓库cdnimg文件夹中有一个a.png文件，vercel和 jsdelivr 的访问链接分别为：

1
2
3
4
5


# vercel 的访问链接
https://img.haoyep.com/cdnimg/md_img.png

# jsdelivr 的访问链接
https://cdn.jsdelivr.net/gh/leegical/Blog_img/cdnimg/a.png

可以看到，由于 jsdelivr 的加速机制，它与 vercel 链接中的路径并不一致，多出了gh/用户名/仓库名。因此，需要调整仓库结构以兼容：

只需替换域名就能实现国内外分流
让 vercel 使用 jsdelivr 格式的路径访问到文件

2.1 仓库目录结构调整

实现思路为：

为图床仓库新建一个分支，假设新分支名为 vercelcdn
在新分支中，新建文件夹 gh/用户名/仓库名
将原图床中的所有文件拷贝到文件夹 gh/用户名/仓库名 中

clone 图床仓库到本地，进入图床仓库文件夹，执行以下命令。

注意

记得将命令中的 用户名 和 仓库名 替换成你自己的。

创建新分支。

1
2
3
4


# 创建新分支
git checkout -b vercelcdn
# 删除全部文件
rm -rf ./*

添加 index.html。在当前目录中新建文件，并粘贴代码。

1
2
3


# 新建 index.html文件
touch index.html
# 使用 nano/vim/vs code 编辑文件并粘贴代码

添加 vercel 缓存配置文件 touch vercel.json。复制下面的代码到 vercel.json 文件中并保存。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39


{
 "headers": [
 {
 "source": "/sw.js",
 "headers": [
 {
 "key": "Cache-Control",
 "value": "public, max-age=0, must-revalidate"
 }
 ]
 },
 {
 "source": "/(.*).(jpe?g|png|ico|webp|svg|mp4|gif|xml|ttf|otf|woff2?)",
 "headers": [
 {
 "key": "Cache-Control",
 "value": "public, max-age=31536000, immutable"
 }
 ]
 },
 {
 "source": "(.*)",
 "headers": [
 {
 "key": "Cache-Control",
 "value": "public, s-maxage=86400, max-age=86400"
 },
 {
 "key": "CDN-Cache-Control",
 "value": "max-age=86400"
 },
 {
 "key": "Vercel-CDN-Cache-Control",
 "value": "max-age=86400"
 }
 ]
 }
 ]
}

恢复图床图片到指定路径，推送。

1
2
3
4
5
6
7
8


# 克隆图床仓库到新分支的新文件夹
git clone https://github.com/用户名/仓库名.git gh/用户名/仓库名
# 删除多余的 .git 文件夹
rm -rf ./gh/用户名/仓库名/.git
# 保存并提交到 Github 远程分支
git add .
git commit -m "初始化vercel分支内容"
git push --set-upstream origin/vercelcdn

2.2 部署到 vercel

打开 vercel，使用图床仓库的 Github 账号登录。

新建项目，选择图床仓库，点击 Import
使用图床仓库新建vercel项目
随便改个项目名，其他不用动，点击 Deploy 部署
部署图床项目到vercel
部署成功后，点击项目——设置——Git。将分支更改为上一步新建的分支名 vercelcdn。这里没有保存按钮，用鼠标随便点一下其他地方就行
更改分支
项目——设置——Functions。将地域改成香港（Hong Kong）
更改地域为香港

2.3 设置自定义域名

部署成功后，vercel 会自动为你的项目分配 xxx.vercel.app 域名。但这类域名已经被墙，无法用于图床图片链接。因此，你需要为项目设置一个自定义域名。

使用 Vercel CDN:利用 CNAME 负载均衡实现的 Vercel 加速 CDN 可以加速 vercel 访问。

加速原理

Vercel 在大陆周围还有很多节点，其中包含中国台湾、韩国、日本、新加坡等，这些节点的访问延迟在接受范围，且相对香港节点来说带宽更充足。

Vercel 的 Anycast 会自动将节点解析至距离最近的香港服务器，但如果手动解析则太过麻烦。

vercel.cdn.yt-blog.top 经过不断测速（大约消耗了200MB 流量）手动解析，并通过监控检查状态，无法访问时会及时暂停节点。使用时自动解析至附近可用节点，尽可能的选择优质节点。

名称：img
目标：vercel.cdn.yt-blog.top
代理状态：仅 DNS
添加vercel图床加速域名

规则——重定向规则，将国内的重定向域名改为 img.haoyep.com。

更改重定向规则

回到 vercel，项目——设置——Domains。添加自定义域名 img.haoyep.com。稍等片刻，等待 vercel 验证通过。

vercel添加自定义域名

Project——右下角三个点——Redeploy。重新部署一下项目。

重新部署项目

3 自动化同步分支

完成上面的设置后，就会自动将国内访问重定向到 vercel 图床项目中。但是如何做到每次上传新图片后，vercelcdn 分支都能自动同步呢？每次手动删除、更新主分支图片实在麻烦，好在可以使用 Github Action 自动化完成操作。

回到主分支，新建 .github/workflows/sync.yml 文件。记得将下面的master改为你自己的主分支名称。

1
2
3
4


git checkout master
mkdir -p .github/workflows
cd .github/workflows
touch sync.yml

复制下面的代码，粘贴并保存到 sync.yml 文件。

注意

记得替换 28-34 行中的邮箱、用户名、仓库名。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43


name: sync

on:
 push:
 branches:
 - master  # Set a branch to deploy
 pull_request:
 branches:
 - master  # Set a branch to deploy
 workflow_dispatch:
 schedule:
 # Runs everyday at 0:00 AM
 - cron: "0 0 * * *"

jobs:
 build:
 runs-on: ubuntu-latest
 permissions: write-all
 steps:
 - name: Check out repository code
 uses: actions/checkout@v4
 with:
 fetch-depth: 0 # Fetch all history for .GitInfo and .Lastmod

			# 记得替换下面的 邮箱、用户名、仓库名
 - name: Sync vercelcdn
 run: |
 git config --global user.email "邮箱"
 git config --global user.name "用户名"
 git checkout vercelcdn
 cd gh/用户名
 rm -rf 仓库名
 git clone https://github.com/用户名/仓库名.git
 cd 仓库名
 rm -rf .git 
 
 - name: Commit changes
 uses: stefanzweifel/git-auto-commit-action@v5
 with:
 branch: vercelcdn
 commit_message: ':arrow_up: sync vercelcdn img with master'
 commit_author: 'github-actions[bot] <github-actions[bot]@users.noreply.github.com>'
 push_options: '--set-upstream'

以后，每次向 master 分支上传图片，GitHub Action 都会自动将其同步到 vercelcdn 分支。vercel 也会在检测分支有更新后，自动重新构建项目。

4 PicGo

无需设置，按照之前设定好的自定义域名上传图片即可。

不过建议转到 Piclist，可以使用更多图片预处理功能，如添加水印、裁剪、转换为 webp 格式等。

利用 Cloudflare Pages 和 BPB 面板搭建免费VPN订阅节点

chuxuange@gmail.com (Leehow) — Thu, 29 Aug 2024 01:32:43 +0800

无需域名，无需 SSL，通过 Cloudflare 和 BPB Panel，搭建一个永久免费且高速的免费 VPN。结合 Cloudflare 实现优选订阅、永久免费 vless 节点订阅，为使用（singbox-core 和 xray-core）的跨平台客户端提供配置。

1 前提

有一个 Cloudflare 账号，以及一个域名。登录 Cloudflare。

2 创建 Pages

2.1 下载代码文件

从以下几个链接任选其一，下载最新的 worker.zip 到本地。

2.2 上传并创建

点击左侧栏 Compute (Workers) -> 【Workers 和 Pages】，点击创建。

创建 Pages

点击 Pages -> 【上传资产】。

上传worker

项目名称：随便取，但是不能包含 bpb。
上传压缩包：将第一步中下载的 worker.zip 上传。
上传worker

稍等片刻，部署成功！

部署成功

2.3 设置变量

部署成功后，点击右下角 继续处理项目 回到创建的 Pages 的界面。点击设置 -> 【变量和机密】，点击添加。添加以下3个变量：

UUID：直接安装的 BPB 面板默认使用同一个 UUID [89b3cbba-e6ac-485a-9481-976a0415eab9]，可能存在安全隐患。可以去在线生成 UUID 1 | 在线生成 UUID 2 等网站随机生成一个新的 UUID。
PROXYIP：去这里随机选择一个代理 IP，或者你也可以直接把代理 IP 设置为 cdn-b100.xn--b6gac.eu.org 或 bpb.yousef.isegaro.com。
TR_PASS: 去随机字符串生成器 | 随机字符串生成生成一串复杂字符串做为密码。

设置变量

3 绑定 KV

3.1 创建

点击左侧栏 存储和数据库 -> 【KV】，点击创建。

名称：随便取一个，但是不能包含 bpb。
创建kv

3.2 绑定

回到创建的 Pages 界面。点击设置 -> 【绑定】，点击添加，选择添加 KV 命名空间。

添加KV

变量名称：能且仅能填写 kv
KV 命名空间：选择创建 KV 中设置的命名空间

绑定kv

4 绑定域名（可选）

Cloudflare 为 Pages 分配的 .pages.dev 域名被墙了，无法直接访问。你可以为创建的 pages 设定一个自定义域名，从而访问它。

点击自定义域。假设你的域名是 example.com，这里分配一个三级域名 shop.example.com 给这个 page。这样，你就可以通过shop.example.com/panel 来访问你的面板了！

设置自定义域名

5 重新部署

设置变量、KV 空间绑定后，点击右上角 创建部署，再上传一次 worker.zip，重新部署。

注意

注意：在项目有任何改动后，都需要进行重新部署，否则改动不会生效。

重新部署

6 BPB 面板

访问项目网址： https://你的项目地址.pages.dev/panel

或者 https://自定义域名/panel 。

6.1 修改密码

第一次访问面板会提示你修改密码，建议修改成一个复杂密码，避免面板被盗用。

修改密码

6.2 面板配置

使用修改后的密码重新登录面板。

FakeDNS：可以设置为 enable，理论上会加快速度。但可能出现与浏览器 dns 缓存冲突等问题，导致无法正常上网。
Proxy IPs / Domains：填写cdn-b100.xn--b6gac.eu.org或bpb.yousef.isegaro.com
Clean IPs / Domains：前往 Scan Now 点击扫描 Clean IP。一般来说，Clean IP 的节点 RTT 会更短。

注意

为了扫描出与你实际网络通信时间最短的 IP，扫描时记得关闭代理。

点击 Start Scan，开始扫描。第一次扫描的 IP 数较少，你可以点击下方提示，扫描更多 IP。

扫描Clean IP

将扫描到的 Clean IP 填到 BPB 面板配置中。

Scan Now

TLS 端口处勾选你想启用的端口，或者默认使用443端口。
启用TLS端口
ROUTING RULES：配置一些路由规则。Bypass xxx是指 xxx 不走代理（直连访问）；Block xxx是指 xxx 被屏蔽访问（无法访问）。可以按需勾选。
- Bypass LAN：绕过本地局域网
- Block Ads：屏蔽广告网址
- Bypass Iran：绕过伊朗
- Block Porn：屏蔽颜色网站
- Bypass China：绕过中国大陆
- Block QUIC：屏蔽 QUIC 协议
- Bypass Russia：绕过俄罗斯
- CUSTOM RULES：除了上面预设的规则外，你可以在这里自定义一些需要直连（Bypass）和屏蔽（Block）的 IP 地址/网站。
  路由规则

最后，点击 APPLY SETTINGS，应用设置。

6.3 导入节点

根据你所使用的代理应用，点击【NORMAL SUB】或【FULL NORMAL SUB】对应的 COPY SUB 按钮，复制 BPB 面板生成的订阅链接。

复制订阅链接

6.3.1 PC-V2rayN

6.3.1.1 导入

打开 V2rayN，【订阅分组】->【订阅分组设置】->【添加】

别名：随机写一个
可选地址：输入 BPB 面板导出的订阅链接
V2rayN导入订阅链接

6.3.1.2 更新/获取节点

【订阅分组】->【更新全部订阅(不通过代理)】，获取节点

获取节点

6.3.2 安卓-V2rayNG

6.3.2.1 导入

【左上角三条横线】->【订阅分组设置】-> 右上角+

新建订阅分组

备注：随便写一个
可选地址：输入 BPB 面板导出的订阅链接
添加订阅分组

6.3.2.2 更新/获取节点

首页右上角三个点 -> 更新订阅

更新订阅

6.4 修改密码

如果你觉得原来设置的密码太简单，也可以重新修改密码。登录你的 BPB 面板，到页面最底端，点击 Change Password 来修改密码。

修改密码

通过Cloudflare tunnel访问内网端口

chuxuange@gmail.com (Leehow) — Tue, 14 May 2024 15:00:08 +0800

通过Cloudflare Tunnel内网穿透，访问内网主机端口。

1 Tunnel 可以做什么

将本地网络的服务暴露到公网，可以理解为内网穿透。 例如我们在本地服务器 192.168.1.1:3000 搭建了一个 Transmission 服务用于 BT 下载，我们只能在内网环境才能访问这个服务，但通过内网穿透技术，我们可以在任何广域网环境下访问该服务。相比 NPS 之类传统穿透服务，Tunnel 不需要公网云服务器，同时自带域名解析，无需 DDNS 和公网 IP。
将非常规端口服务转发到 80/443 常规端口。 无论是使用公网 IP + DDNS 还是传统内网穿透服务，都免不了使用非常规端口进行访问，如果某些服务使用了复杂的重定向可能会导致 URL 中端口号丢失而引起不可控的问题，同时也不够优雅。
自动为你的域名提供 HTTPS 认证。
为你的服务提供额外保护认证。
最重要的是——免费。

2 Tunnel 工作原理

Tunnel 通过在本地网络运行的一个 Cloudflare 守护程序，与 Cloudflare 云端通信，将云端请求数据转发到本地网络的 IP + 端口。

3 前置条件

持有一个域名
将域名 DNS 解析托管到 CF
内网有一台本地服务器，用于运行本地与 cloudflare 通信的 cloudflared 程序
一张境内双币信用卡（仅用于添加付款方式，服务是免费的）

4 开始

4.1 创建 Cloudflare Zero Trust

打开 Cloudflare Zero Trust 工作台面板。
创建 Cloudflare Zero Trust ，选择免费计划。需要提供付款方式，使用境内的双币卡即可。

随意填写一个team name

选择Free计划

添加付款方式

填写信用卡信息（仅验证，不会扣款），完成配置

4.2 创建 Tunnel

点击 Access——Tunnels，创建一个 Tunnel。

创建一个 Tunnel

为创建的 tunnel 取一个名字。

为tunnel取一个名字

4.3 部署 Tunnel

Tunnel 部署方式，这里推荐选择 docker。

获取 Cloudflared docker部署命令及 Token

将图中的 token 替换到下面的命令中，然后执行，启动 docker。

1

docker run --name cf-tunnel -d --restart always cloudflare/cloudflared:latest tunnel --no-autoupdate run --token <YourToken>

4.4 配置域名和转发 URL

子域名（Subdomain）：自定义一个。Path 留空。
Type：SSH。URL ：localhost:22。

提示

如果需要转发其他协议和端口，你可以选择相应的 Type 和 URL。

配置域名

5 完成

接着访问刚刚配置的三级域名，例如https://app.yourdomain.com（是的，你没看错，是 https，cloudflare 已经自动为域名提供了 https 证书）就可以访问到内网的非公端口号服务了。一个 Tunnel 中可以添加多条三级域名来跳转到不同的内网服务，在 Tunnel 页面的 Public Hostname 中新增即可。

6 为你的服务添加额外验证

如果你觉得这种直接暴露内网服务的方式有较高的安全风险，我们还可以使用 Application 功能为服务添加额外的安全验证。

点击 Application - Get started。

Application

创建 Application

选择 Self-hosted。

选择 Self-hosted

选择类型

填写配置，注意 Subdomain 和 Domain 需要使用刚刚创建的 Tunnel 服务相同的 Domain 配置。

配置三级域名

选择验证方式。填写 Policy name（任意）。在 Include 区域选择验证方式，示例图片中使用的是 Email 域名的方式，用户在访问该网络时需要使用指定的邮箱域名（如@gmail.com）验证，这种方式比较适合自定义域名的企业邮箱用户。另外你还可以指定特定完整邮箱地址、IP 地址范围等方式。

选择验证方式

完成添加

完成添加

此时，访问 https://app.yourdomain.com 可以看到网站多了一个验证页面，使用刚刚设置的域名邮箱，接收验证码来访问。

验证页面

7 评价

除了上述直接转发 http 服务之外，Tunnel 还支持 RDP、SSH 等协议的转发，玩法丰富，有待各位探索。作为一款免费的服务，简单的配置，低门槛使用条件，适合各位 Self-hosted 玩家尝试。不过要注意的是 Tunnel 在国内访问速度不快，并且有断流的情况，请酌情使用。

8 参考文章

CloudFlare Tunnel 免费内网穿透的简明教程 https://niu.sspai.com/post/79278

重装Windows系统记录

chuxuange@gmail.com (Leehow) — Tue, 14 May 2024 14:48:37 +0800

本文主要是记录给小白（女朋友）重装系统的流程，包括重装系统使用的工具和进入新系统后的软件配置。

一、重装系统

1 1.1 启动盘工具

ventoy可以满足一个U盘安装多个系统，下载地址

ventoy

插入U盘，打开Ventoy2Disk.exe，配置选项——分区类型，勾选GPT。点击安装，注意此步骤会清空U盘全部数据。如果U盘已经安装过ventoy，则点击升级，升级操作不会清空U盘数据。

2 1.2 系统镜像文件

2.1 Windows

建议直接参考教程从微软官网下载，Windows11同理。原理是更改浏览器为非Windows UA以获取下载直链。注意，下载Windows 10/11 64bit版本，不要下载家庭中文版。

注意事项

建议选择专业工作站版本
条件允许的情况下，可以将Windows安装到200GB以上的分区（需提前清空该分区所有数据）。毕竟小白不懂，只会狂点下一步把软件都安装到C盘。
Windows无法安装到这个磁盘，选中的磁盘采用GPT分区形式

弹出这个提示，主要是电脑硬盘格式为GPT分区表，而U盘启动引导方式为“Legacy”模式，导致了开机引导方式和磁盘数据结构不匹配导致的问题！正确的开机引导方式和磁盘数据结构：Legacy引导对应的是MBR分区；UEFI引导对应的是GPT分区。 推荐的解决方法：将U盘启动UEFI模式 将电脑重启，重新选择U盘启动模式，在BIOS界面选择“UEFI：”开头的U盘名称。同理，如果电脑硬盘格式为MBR，那么在BIOS界面选择不带“UEFI：”开头的U盘启动。

安装系统时建议使用本地账号登陆，账号名设为全英文。进入系统后再去设置里登录自己的微软账号

2.2 Ubuntu 22.04 LTS

2.3 Ubuntu 20.04 LTS

注意事项 Ubuntu分区没必要那么复杂，完全可以直接all in在一个硬盘分区上。总之，按需调整各逻辑分区对应的硬盘分区位置、大小。

二、Windows 软件设置

当给其他人安装软件时，切记以人为本，放下技术优越性，不要搞一些好用但需要折腾、破解的软件。小白需要的是稳定易维护，版本升级简单。下面提到的软件都以易更新为主（微软商店、联想软件管家），部分特殊软件也保证可以锁死版本使用。

1 2.1 系统相关

系统激活：淘宝买激活码或者使用HEU KMS Activator，可能会报毒，关闭Windows安全保护后再运行，或安装火绒后再运行。用完即删
驱动：驱动天使、驱动总裁 用完即卸载
软件卸载工具：geek：单文件、免费、可以自动删除注册表等痕迹
微软常用运行库合集（果核版本）。用完即删
DirectX修复工具（果核版本），启用扩展，强力修复C++。用完即删
多软件音量调节：EarTrumpet
剪贴板增强：Ditto Clipboard
多显示器亮度调节工具：Twinkle Tray
系统安全：火绒，下载完整版，开启广告拦截。安静无打扰

也可以直接下载联想电脑管家，相当于集成了火绒、驱动管理、软件商店，还是很不错的。

2 2.2 办公类

Office：Office Tool Plus 选择包含框架的版本。用完即删

产品Microsoft365 64位，选择Word、Excel、PowerPoint，如有需求可选安装OneNote、Visio等。先清除所有许可证，再安装激活Office Mondo 2016 - 批量版许可证。kms地址网上随便搜索填一个，如kms.loli.beer、kms.03k.org，端口不用填。

PDF：Adobe Acrobat DC @vposy
思维导图：百度脑图桌面离线版、可能需要科学上网drawio、支持正版xmind

3 2.3 工具类

软件商店：联想应用商店
解压缩：NanaZip（微软商店）
图片：2345看图王果核版，第一次使用，请使用绿化卸载.exe进行绿化
输入法：搜狗输入法云联想、细胞词库仍然是天花板级别，广告就交给火绒拦截吧
截图：Snipaste
浏览器：edge（关闭后台运行、硬件加速）登录微软账号同步扩展、密码，或Firefox、360极速浏览器X

不建议安装Chrome，除非会科学上网同步数据浏览器扩展推荐：uBlock Origin 去广告、Awesome Screenshot 截图录屏、Infinity 新标签页 (Pro)、沙拉查词、学术需求：easyScholar

通讯：微信、QQ。不得不用，在联想应用商店里直接下载
桌面管理：腾讯桌面管理：去除快捷方式小箭头、替代everthing、关闭壁纸
腾讯桌面管理

4 2.4 音视频（可选安装）

音乐
- 洛雪音乐，配合六音音源
- Listen 1，全平台免费听歌
本地音乐播放器：MusicPlayer2
播放器：potplayer

Potplayer无边框设置：选项——基本——默认皮肤，勾选视频下自动隐藏、全屏时防止遮盖；进阶皮肤，方式设置为使用 Direct3D 9
Potplayer无边框设置

5 2.5 下载工具（可选安装）

IDM+迅雷组合秒杀一切。下方都是特殊版本，没事别升级

IDM：有浏览器扩展，资源嗅探能力最强，下载速度也是最快。但没法下种子
NDM：IDM平替，免费，没汉化
Motrix：颜值高，能下种子。但有时会没速度

在 Word 中使用 Zotero 插入参考文献

chuxuange@gmail.com (Leehow) — Mon, 01 Apr 2024 16:30:01 +0800

本文介绍了如何在 Word 中使用 Zotero 插入参考文献，并设定东北大学要求的参考文献引用列表格式。

1 准备工作

1.1 参考文献引用格式

安装 GB/T 7714-2015 参考文献引用格式。

1.1.1 Zotero 官方7714样式（不推荐）

警告

此官方格式存在一些问题，如不能区分中英文文献，导致引用英文文献也是“等”，而不是“et al”。因此并不推荐。

打开 Zotero，点击编辑->首选项->引用
在样式中点击获取更多样式
搜索7714即可安装国标引用样式。注意有1987、2005和2015三个时间，note、author-date 和 numeric 三个格式，鼠标悬停即可预览样式
安装Zotero 官方7714样式

1.1.2 比较贴近 NEU 要求的7714样式

Github 上的Chinese-STD-GB-T-7714-related-csl仓库（或Gitee 镜像仓库）提供7714 2015的官方样式及众多修改版，其中002gb样式比较符合东北大学的要求，除了网络文献的引用顺序有点差异。

002gb样式

点击 [Github | Gitee ]下载引用格式文件
打开 Zotero，依次进入编辑->首选项->引用
点击+号添加样式。选中已下载的002 csl 样式，打开。
导入样式

会提示***.csl不是一个有效的 CSL 1.0.2 样式文件，你可能不能和Zotero一起正常工作，不用管，点击 OK 继续导入。
不管提示，继续导入

点击 OK 保存退出首选项。然后重新打开编辑->首选项->导出—>条目格式，设置成刚才导入的7714样式
设置默认导出样式

1.2 在 Word 中安装 Zotero 插件

关闭所有已经打开的 Word
打开 Zotero，点击编辑->首选项->引用
在文档编辑软件中点击安装加载项 Microsoft Word，记得勾选使用经典版"添加引注"
安装加载项 Microsoft Word

2 Zotero Word 插件选项卡

Zotero Word 插件选项卡

一般情况下，Zotero 安装时会安装 Zotero Word 插件，其会在 Microsoft Word 里添加一个 Zotero 选项卡。如果你的 Word 里没有 Zotero 选项卡，请参见故障排除 | 安装 Zotero 的 Word 插件。

Zotero 选项卡包含以下图标：

名称	图标	描述
添加/编辑引注	插入引文	在光标位置添加新引注或编辑文档中的现有引注。
添加/编辑参考文献表	添加参考文献表	在光标位置插入参考文献表或编辑现有书目。
添加笔记	添加笔记	在光标当前位置插入笔记。请注意，此功能不常用，点击后会出现黄色插入框。如果不小心点开了，可以用键盘上的 `Esc` 键关闭黄色插入框。
文档首选项	文档首选项	打开“文档首选项”窗口，例如更改引文样式。
刷新	刷新	立即刷新所有引注和参考文献表，更新 Zotero 库中已更改的项目元数据。
取消链接引注	unlink	通过删除域代码来取消文档中 Zotero 引文的链接。这可以防止引文和书目的任何进一步自动更新。请注意，删除域代码是不可逆的，通常只能在文档的最终副本中完成。

其中，文档首选项窗口允许您设置以下针对该文档的设置：

引文样式：一般情况下，你只需要修改这一项，其余设置均保持默认即可。
设置引注和参考文献表的格式的语言。
对于基于注释的样式，例如“China National Standard GB/T 7714-2015（note，Chinese）”，引文是插入为脚注还或尾注。脚注和尾注的样式和格式由 Word（而不是 Zotero）控制。
将引文存储为字段还是书签。默认为“字段”。除非您需要使用 LibreOffice 与同事协作，否则应始终选择“字段”。
对于缩写期刊标题的样式（例如，“Nature”），是否使用 MEDLINE 缩写列表来缩写标题。如果选择此选项（默认值），则 Zotero 中“ ”字段的内容将被忽略。
是否自动更新引注和参考文献表：一般情况下开启即可。当文档中引文非常多，每次更新都会卡顿时，可以关闭此功能，添加一部分或最终手动进行更新。

3 插入参考文献

重要

注意：插入参考文献时要保证Zotero在后台运行。

3.1 设置默认引用格式

打开要插入参考文献的 Word，点击 Zotero 选项卡->Document Reference，设置参考文献默认引用格式为 GB/T 7714-2015

设置参考文献默认引用格式为GB/T 7714-2015

3.2 插入单篇文献

在 Word 正文中点击要插入参考文献的位置，然后在Zotero 选项卡中点击Add/Edit Citation，从 Zotero 中选择要插入的参考文献，点击OK即可插入。

插入单篇参考文献

3.3 插入参考文献引用列表

在 Word 正文中点击要插入参考文献引用列表的位置，然后在Zotero 选项卡中点击Add/Edit Bibliography，即可出现参考文献引用列表。

插入参考文献引用列表

3.4 插入多篇参考文献

只需要在插入参考文献时，选择多重来源，逐个添加参考文献到右边侧栏，然后点击OK即可。

插入多篇参考文献

3.5 删除或更换多重来源

选中 Word 中多重引用的位置，在Zotero 选项卡中点击Add/Edit Citation。左箭头：删除其中一个文献；右箭头：添加一个文献。上、下箭头：对引文重新排序。

删除或更换多重来源

4 设置参考文献格式

Zotero 插入的参考文献引用列表，默认使用了 Word 中的书目样式。因此，只需要修改书目样式为学校要求的参考文献格式，就能保证刷新后不改变，且格式与学校要求保持一致。 NEU 硕士毕业论文参考文献的格式要求如下：

NEU硕士毕业论文参考文献格式要求

将书目样式修改为如上格式后，再次插入或刷新参考文献，格式就会保持此样式不变。也可以从 NEU Zotero 参考文献格式 Word分享中下载已经改好样式的 Word 文件。

NEU-zotero-citation

5 注意事项

5.1 等与 et al

如果英文文献作者超过3个，但显示为中文的等，而不是英文 et al。这是没有设置文献语言的原因。

英文但显示等

需要手动将英文文献信息中的 语言 字段修改为 en。同理，将中文文献的 语言 字段修改为 zh-CN。

修改文献语言

你也可以使用茉莉花插件实现自动识别语言。只需要全选文献——右键——小工具——Auto:智能识别语言，就可以自动更新文献语言。

Auto:智能识别语言

5.2 文献名大小写

有些期刊或出版社（如 ACS）导出的文章题目（Title）是每个实词的首字母是大写，如：

Measurement-Based Probabilistic Timing Analysis for Multi-path Programs

但一些杂志或学校要求是句子（Sentence）格式，即只是题目的首字母大写（缩写除外，都是大写），如：

Measurement-based probabilistic timing analysis for multi-path programs

修改方法有两种。

5.2.1 单一文献手动修改

选中文章，然后在右侧文章信息 信息/Info 中 标题/Title 字段处右击，选择 句首大写/Transform Text-Sentence case，然后再把缩略语等需要大写的手动修改一下。

手动句首大写

5.2.2 批量修改

批量转为句首字母大写，即 Sentence 模式的实现方法参考如下链接： Zotero批量文章题目大小写转为首字母大写的方法（含视频） https://zhuanlan.zhihu.com/p/283889592

操作有风险，建议先备份库再进行下面的操作。

选中需要转换的文献，本例中为4条全选。
在Zotero中依次点击：Zotero>Tools>Developer>Run Javascript
运行js

3.在弹出的对话框中将以下代码复制进去：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14


zoteroPane = Zotero.getActiveZoteroPane();
items = zoteroPane.getSelectedItems();
var result = "";
for (item of items) {
 var title = item.getField('title');
 result += " " + title + "\n";
 var new_title = title.replace(/\b([A-Z][a-z0-9]+|A)\b/g, function (x) { return x.toLowerCase(); });
 new_title = new_title.replace(/(^|\?\s*)[a-z]/, function (x) { return x.toUpperCase(); });
 result += "-> " + new_title + "\n\n";
 // Do it at your own risk
 item.setField('title', new_title);
 await item.saveTx();
}
return result;

点击Run，右侧会显示题目的修改情况。
Run js
关闭此窗口，则在Zotero主窗口发现已经修改完成，都成为句首字母大写，最好再核实一下，如果有不正确的，手动再修改一下。
句首字母大写效果

5.3 交叉引用

Zotero 在 Word 中参考文献的上标并不是超链接/交叉引用格式，因此无法点击上标跳转到具体参考文献列表条目。可以通过 Word 中的宏实现交叉引用。

参考教程：Zotero 和 Word 参考文献与文末引用条目的超链接设置

打开Word -> 视图 -> 宏，选择查看宏
查看宏
输入宏名：ZoteroLinkCitation，点击创建宏
创建宏ZoteroLinkCitation
将代码全部替换为：

 1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216


Public Sub ZoteroLinkCitation()
 
' get selected area (if applicable)
 Dim nStart&, nEnd&
 nStart = Selection.Start
 nEnd = Selection.End
 
' toggle screen updating
 Application.ScreenUpdating = False
 
' define variables
 Dim title As String
 Dim titleAnchor As String
 Dim style As String
 Dim fieldCode As String
 Dim numOrYear As String
 Dim pos&, n1&, n2&, n3&

 ActiveWindow.View.ShowFieldCodes = True
 Selection.Find.ClearFormatting
 
' find the Zotero bibliography
 With Selection.Find
 .Text = "^d ADDIN ZOTERO_BIBL"
 .Replacement.Text = ""
 .Forward = True
 .Wrap = wdFindContinue
 .Format = False
 .MatchCase = False
 .MatchWholeWord = False
 .MatchWildcards = False
 .MatchSoundsLike = False
 .MatchAllWordForms = False
 End With
 Selection.Find.Execute
 
 ' add bookmark for the Zotero bibliography
 With ActiveDocument.Bookmarks
 .Add Range:=Selection.Range, name:="Zotero_Bibliography"
 .DefaultSorting = wdSortByName
 .ShowHidden = True
 End With
 
 ' loop through each field in the document
 For Each aField In ActiveDocument.Fields
 ' check if the field is a Zotero in-text reference
 '##################################################
 If InStr(aField.Code, "ADDIN ZOTERO_ITEM") > 0 Then
 fieldCode = aField.Code
 '#############
 ' Prepare
 ' Plain citation== Format of Textfield shown
 ' must be in Brackets
 Dim plain_Cit As String
 plCitStrBeg = """plainCitation"":""["
 plCitStrEnd = "]"""
 n1 = InStr(fieldCode, plCitStrBeg)
 n1 = n1 + Len(plCitStrBeg)
 n2 = InStr(Mid(fieldCode, n1, Len(fieldCode) - n1), plCitStrEnd) - 1 + n1
 plain_Cit = Mid$(fieldCode, n1 - 1, n2 - n1 + 2)
 'Reference 'as shown' in word as a string
 
 'Title array in fieldCode (all referenced Titles within this field)
 Dim array_RefTitle(32) As String
 i = 0
 Do While InStr(fieldCode, """title"":""") > 0
 n1 = InStr(fieldCode, """title"":""") + Len("""title"":""")
 n2 = InStr(Mid(fieldCode, n1, Len(fieldCode) - n1), """,""") - 1 + n1
 If n2 < n1 Then 'Exception the type 'Article'
 n2 = InStr(Mid(fieldCode, n1, Len(fieldCode) - n1), "}") - 1 + n1 - 1
 End If
 array_RefTitle(i) = Mid(fieldCode, n1, n2 - n1)
 fieldCode = Mid(fieldCode, n2 + 1, Len(fieldCode) - n2 - 1)
 i = i + 1
 Loop
 Titles_in_Cit = i
 
 'Number array with References shown in PlainCit
 'Numer is equal or less than Titels, depending on the type
 '[3], [8]-[10]; [2]-[4]; [2], [4], [5]
 ' All citations have to be in Brackets each! [3], [8] not [3, 8]
 ' This doesnt work otherwise!
 ' --> treatment of other delimiters could be implemented here
 Dim RefNumber(32) As String
 i = 0
 Do While (InStr(plain_Cit, "]") Or InStr(plain_Cit, "[")) > 0
 n1 = InStr(plain_Cit, "[")
 n2 = InStr(plain_Cit, "]")
 RefNumber(i) = Mid(plain_Cit, n1 + 1, n2 - (n1 + 1))
 plain_Cit = Mid(plain_Cit, n2 + 1, Len(plain_Cit) - (n2 + 1) + 1)
 i = i + 1
 Loop
 Refs_in_Cit = i
 'treat only the shown references (skip the rest)
 '[3], [8]-[10] --> skip [9]
 'Order of titles given from fieldcode, not checked!
 If Titles_in_Cit > Refs_in_Cit Then
 array_RefTitle(Refs_in_Cit - 1) = array_RefTitle(Titles_in_Cit - 1)
 i = 1
 Do While Refs_in_Cit + i <= Titles_in_Cit
 array_RefTitle(Refs_in_Cit + i - 1) = ""
 i = i + 1
 Loop
 End If
 
 '#############
 'Make the links
 For Refs = 0 To Refs_in_Cit - 1 Step 1
 title = array_RefTitle(Refs)
 array_RefTitle(Refs) = ""
 ' make title a valid bookmark name
 titleAnchor = title
 titleAnchor = MakeValidBMName(titleAnchor)
 
 ActiveWindow.View.ShowFieldCodes = False
 Selection.GoTo What:=wdGoToBookmark, name:="Zotero_Bibliography"
 
 '' locate the corresponding reference in the bibliography
 '' by searching for its title
 Selection.Find.ClearFormatting
 With Selection.Find
 .Text = Left(title, 255)
 .Replacement.Text = ""
 .Forward = True
 .Wrap = wdFindContinue
 .Format = False
 .MatchCase = False
 .MatchWholeWord = False
 .MatchWildcards = False
 .MatchSoundsLike = False
 .MatchAllWordForms = False
 End With
 Selection.Find.Execute
 
 ' select the whole caption (for mouseover tooltip)
 Selection.MoveStartUntil ("["), Count:=wdBackward
 Selection.MoveEndUntil (vbBack)
 lnkcap = "[" & Selection.Text
 lnkcap = Left(lnkcap, 70)
 
 ' add bookmark for the reference within the bibliography
 Selection.Shrink
 With ActiveDocument.Bookmarks
 .Add Range:=Selection.Range, name:=titleAnchor
 .DefaultSorting = wdSortByName
 .ShowHidden = True
 End With
 
 ' jump back to the field
 aField.Select
 ' find and select the numeric part of the field which will become the hyperlink
 Selection.Find.ClearFormatting
 With Selection.Find
 .Text = RefNumber(Refs)
 .Replacement.Text = ""
 .Forward = True
 .Wrap = wdFindContinue
 .Format = False
 .MatchCase = False
 .MatchWholeWord = False
 .MatchWildcards = False
 .MatchSoundsLike = False
 .MatchAllWordForms = False
 End With
 Selection.Find.Execute
 
 numOrYear = Selection.Range.Text & ""
 
 ' store current style这一行如果不注释可能会存在格式变化
 ' style = Selection.style
 
 ' Generate the Hyperlink -->Forward!
 ActiveDocument.Hyperlinks.Add anchor:=Selection.Range, Address:="", SubAddress:=titleAnchor, ScreenTip:=lnkcap, TextToDisplay:="" & numOrYear
 
 ' reset the style这一行如果不注释可能会存在格式变化
 ' Selection.style = style

 ' comment if you want standard link style
 aField.Select
 With Selection.Font
 .Underline = wdUnderlineNone
 .Color = wdColorBlack
 End With
 
 Next Refs 'References in Cit

 End If 'If Zotero-Field
 '#########################

 Next aField ' next field

 ' go back to original range selected
 ActiveWindow.View.ShowFieldCodes = False
 ActiveDocument.Range(nStart, nEnd).Select
 
 End Sub
 Function MakeValidBMName(strIn As String)
 Dim pFirstChr As String
 Dim i As Long
 Dim tempStr As String
 strIn = Trim(strIn)
 pFirstChr = Left(strIn, 1)
 If Not pFirstChr Like "[A-Za-z]" Then
 strIn = "A_" & strIn
 End If
 For i = 1 To Len(strIn)
 Select Case Asc(Mid$(strIn, i, 1))
 Case 49 To 57, 65 To 90, 97 To 122
 tempStr = tempStr & Mid$(strIn, i, 1)
 Case Else
 tempStr = tempStr & "_"
 End Select
 Next i
 tempStr = Replace(tempStr, " ", " ")
 MakeValidBMName = Left(tempStr, 40)
 End Function

Ctrl+s 保存，左下角重命名为 ZoteroLinkCitation，关闭页面，并关闭 Word
重命名宏
重新打开 Word -> 视图 -> 宏，选择ZoteroLinkCitation，点击运行即可
运行宏ZoteroLinkCitation

Ubuntu 22.04 LTS 64位系统安装 clang10 版本

chuxuange@gmail.com (Leehow) — Sun, 07 Jan 2024 15:44:57 +0800

本文记录了Ubuntu 22.04 LTS 64位系统安装 clang10 版本的过程。

1 安装 clang10

编辑 apt 源文件。

1

sudo nano /etc/apt/sources.list

添加以下内容：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10


# clang 9/10
# i386 not available
deb http://apt.llvm.org/focal/ llvm-toolchain-focal main
deb-src http://apt.llvm.org/focal/ llvm-toolchain-focal main
# 9
deb http://apt.llvm.org/focal/ llvm-toolchain-focal-9 main
deb-src http://apt.llvm.org/focal/ llvm-toolchain-focal-9 main
# 10
deb http://apt.llvm.org/focal/ llvm-toolchain-focal-10 main
deb-src http://apt.llvm.org/focal/ llvm-toolchain-focal-10 main

添加clang9/10源

安装 clang10

1
2
3
4
5
6


# 先添加key
wget -O - https://apt.llvm.org/llvm-snapshot.gpg.key | sudo apt-key add -
# 更新源
sudo apt update
# 安装 clang10
sudo apt-get install clang-10 llvm-10-dev llvm-10-tools -y

2 切换默认命令版本

安装完成后，默认的命令是clang-10和clang++-10，需要使用update-alternatives来设置成clang和clang++。

首先查看当前 clang 默认版本：

1

clang --version

如图，当前版本是 clang14

clang 默认版本输出

2.1 切换成 clang10

1

sudo update-alternatives --install /usr/bin/clang clang /usr/bin/clang-10 1 --slave /usr/bin/clang++ clang++ /usr/bin/clang++-10

切换成 clang10

2.2 恢复原有的 clang 版本

这里也给出切换回 clang14的命令：

1

sudo update-alternatives --install /usr/bin/clang clang /usr/bin/clang-14 2 --slave /usr/bin/clang++ clang++ /usr/bin/clang++-14

zsh 安装与配置，使用 oh-my-zsh 美化终端

chuxuange@gmail.com (Leehow) — Tue, 02 Jan 2024 23:30:39 +0800

传统的 bash 功能比较简陋，且不美观。本文基于 Ubuntu22.04 LTS 系统，安装 zsh，并使用 oh-my-zsh 对终端进行美化。Oh My Zsh 是基于 zsh 命令行的一个扩展工具集，提供了丰富的扩展功能。

1 环境配置

1.1 安装基本工具

1
2
3
4


# 更新软件源
sudo apt update && sudo apt upgrade -y
# 安装 zsh git curl
sudo apt install zsh git curl -y

设置默认终端为 zsh（注意：不要使用 sudo）。

1

chsh -s /bin/zsh

1.2 安装 oh-my-zsh

官网：http://ohmyz.sh/。安装方式任选一个即可。

Method	Command
curl	`sh -c "$(curl -fsSL https://install.ohmyz.sh/)"`
wget	`sh -c "$(wget -O- https://install.ohmyz.sh/)"`
fetch	`sh -c "$(fetch -o - https://install.ohmyz.sh/)"`
国内curl镜像	`sh -c "$(curl -fsSL https://gitee.com/pocmon/ohmyzsh/raw/master/tools/install.sh)"`
国内wget镜像	`sh -c "$(wget -O- https://gitee.com/pocmon/ohmyzsh/raw/master/tools/install.sh)"`

注意：同意使用 Oh-my-zsh 的配置模板覆盖已有的 .zshrc。

安装 oh-my-zsh

1.3 从`.bashrc`中迁移配置（可选）

如果之前在使用bash时自定义了一些环境变量、别名等，那么在切换到zsh后，你需要手动迁移这些自定义配置。

1
2
3
4
5
6


# 查看bash配置文件，并手动复制自定义配置
cat ~/.bashrc
# 编辑zsh配置文件，并粘贴自定义配置
nano ~/.zshrc
# 启动新的zsh配置
source ~/.zshrc

root用户在执行sudo su命令后，再运行上述代码查看、手动复制、粘贴自定义配置。

2 配置主题

2.1 自定义主题

1

sudo wget -O $ZSH_CUSTOM/themes/haoomz.zsh-theme https://cdn.haoyep.com/gh/leegical/Blog_img/zsh/haoomz.zsh-theme

编辑 ~/.zshrc 文件，将 ZSH_THEME 设为 haoomz。当然你也可以设置为其他主题，例如lukerandall、robbyrussell。

1
2
3
4
5


nano ~/.zshrc

ZSH_THEME="haoomz"

source ~/.zshrc

设置ZSH_THEME

效果如下（robbyrussell → haoomz）：

haoomz主题

2.2 推荐主题

你可以在内置主题样式截图中查看所有 zsh 内置的主题样式和对应的主题名。这些内置主题已经放在～/.oh-my-zsh/themes 目录下，不需要再下载。

1

cd ~/.oh-my-zsh/themes && ls

zsh 内置的主题样式

2.2.1 powerlevel10k

根据 What’s the best theme for Oh My Zsh? 中的排名，以及自定义化、美观程度，强烈建议使用 powerlevel10k 主题。

1
2
3
4


git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}/themes/powerlevel10k

# 中国用户可以使用 gitee.com 上的官方镜像加速下载
git clone --depth=1 https://gitee.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}/themes/powerlevel10k

在 ~/.zshrc 设置 ZSH_THEME="powerlevel10k/powerlevel10k"。接下来，终端会自动引导你配置 powerlevel10k。

3 安装插件

oh-my-zsh 已经内置了 git 插件，内置插件可以在 ～/.oh-my-zsh/plugins 中查看，下面介绍一下我常用的插件，更多插件可以在 awesome-zsh-plugins 里查看。

3.1 插件推荐

3.1.1 zsh -autosuggestions

zsh-autosuggestions 是一个命令提示插件，当你输入命令时，会自动推测你可能需要输入的命令，按下右键可以快速采用建议。效果如下：

zsh-autosuggestions自动补全

安装方式：把插件下载到本地的 ~/.oh-my-zsh/custom/plugins 目录。

1
2
3
4
5
6
7
8
9


git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions

# 中国用户可以使用下面任意一个加速下载
# 加速1
git clone https://github.moeyy.xyz/https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions
# 加速2
git clone https://gh.xmly.dev/https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions
# 加速3
git clone https://gh.api.99988866.xyz/https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions

3.1.2 zsh-syntax-highlighting

zsh-syntax-highlighting 是一个命令语法校验插件，在输入命令的过程中，若指令不合法，则指令显示为红色，若指令合法就会显示为绿色。效果如下：

命令语法校验

安装方式：把插件下载到本地的 ~/.oh-my-zsh/custom/plugins 目录。

1
2
3
4
5
6
7
8
9


git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

# 中国用户可以使用下面任意一个加速下载
# 加速1
git clone https://github.moeyy.xyz/https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting
# 加速2
git clone https://gh.xmly.dev/https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting
# 加速3
git clone https://gh.api.99988866.xyz/https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

3.1.3 z

oh-my-zsh 内置了 z 插件。z 是一个文件夹快捷跳转插件，对于曾经跳转过的目录，只需要输入最终目标文件夹名称，就可以快速跳转，避免再输入长串路径，提高切换文件夹的效率。效果如下：

使用z跳转目录

3.1.4 extract

oh-my-zsh 内置了 extract 插件。extract 用于解压任何压缩文件，不必根据压缩文件的后缀名来记忆压缩软件。使用 x 命令即可解压文件，效果如下：

extract 解压

3.1.5 web-search

oh-my-zsh 内置了 web-search 插件。web-search 能让我们在命令行中使用搜索引擎进行搜索。使用搜索引擎关键字+搜索内容 即可自动打开浏览器进行搜索。效果如下：

web-search搜索

重要

最后，记得启用所有插件。

3.2 启用插件

修改~/.zshrc中插件列表为：

1

plugins=(git zsh-autosuggestions zsh-syntax-highlighting z extract web-search)

zsh插件列表

提示

部分插件需要参考插件介绍进行安装。

开启新的 Shell 或执行 source ~/.zshrc，就可以开始体验插件。

4 Tips

4.1 root 用户

当你配置好登陆用户的 zsh 后，如果使用sudo su命令进入root用户的终端，发现还是默认的bash。建议在root用户的终端下，也安装on my zsh，设置与普通用户不同的主题以便区分，插件可以使用一样的。 root用户的~/.zshrc配置，仅供参考：

1
2
3
4


ZSH_THEME="ys"
plugins=(git zsh-autosuggestions zsh-syntax-highlighting z extract web-search)
# 或
plugins=(git colored-man-pages colorize cp man command-not-found sudo suse ubuntu archlinux zsh-navigation-tools z extract history-substring-search python zsh-autosuggestions zsh-syntax-highlighting)

4.2 配置本地代理

如果你配置了本地代理，并希望终端的 git 等命令使用代理，那么可以在~/.zshrc中添加：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11


# 为 curl wget git 等设置代理
proxy () {
 export ALL_PROXY="socks5://127.0.0.1:1089"
 export all_proxy="socks5://127.0.0.1:1089"
}

# 取消代理
unproxy () {
 unset ALL_PROXY
 unset all_proxy
}

提示

这里假设本地代理的端口是1089。

使用本地代理命令

以后在使用 git 等命令之前，只需要在终端中输入 proxy 命令，即可使用本地代理。

4.2.1 WSL 配置本地代理

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16


host_ip=$(cat /etc/resolv.conf |grep "nameserver" |cut -f 2 -d " ")
# 为 curl wget git npm apt 等设置代理
proxy () {
 export ALL_PROXY="http://$host_ip:10811"
 export all_proxy="http://$host_ip:10811"
 # echo -e "Acquire::http::Proxy \"http://$host_ip:10811\";" | sudo tee -a /etc/apt/apt.conf > /dev/null
 # echo -e "Acquire::https::Proxy \"http://$host_ip:10811\";" | sudo tee -a /etc/apt/apt.conf > /dev/null
}

# 取消代理
unproxy () {
 unset ALL_PROXY
 unset all_proxy
 # sudo sed -i -e '/Acquire::http::Proxy/d' /etc/apt/apt.conf
 # sudo sed -i -e '/Acquire::https::Proxy/d' /etc/apt/apt.conf
}

注意

这里假设宿主机局域网 http 代理的端口是10811。

4.3 卸载 Oh My Zsh

终端输入：

1
2


uninstall_oh_my_zsh
Are you sure you want to remove Oh My Zsh? [y/N] Y

终端提示信息：

1
2
3
4
5
6


Removing ~/.oh-my-zsh
Looking for original zsh config...
Found ~/.zshrc.pre-oh-my-zsh -- Restoring to ~/.zshrc
Found ~/.zshrc -- Renaming to ~/.zshrc.omz-uninstalled-20170820200007
Your original zsh config was restored. Please restart your session.
Thanks for trying out Oh My Zsh. It's been uninstalled.

4.4 手动更新 Oh My Zsh

Oh My Zsh 的自动更新提示误触关掉了解决办法
打开终端输入：

1

upgrade_oh_my_zsh

Ubuntu 22.04 安装 AFL 及 qemu mode 实践

chuxuange@gmail.com (Leehow) — Mon, 25 Dec 2023 21:24:00 +0800

Ubuntu 22.04 LTS 64位系统安装 American Fuzzy Lop (AFL) 2.56b 踩坑记录，使用 QEMU mode 进行简单测试实践。

1 安装依赖

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12


sudo apt update
sudo apt-get install -y cargo \
						python2 \
 cmake \
 g++ \
 git \
 bison \
 libz3-dev \
 ninja-build \
 python3-pip \
 zlib1g-dev
pip3 install lit

1.1 添加环境变量 Path

编辑终端配置文件。

1
2
3
4
5


# bash
sudo nano ~/.bashrc

# zsh
sudo nano ~/zshrc

添加环境变量：

1

export PATH=${HOME}/.local/bin:${PATH}

编辑Path变量

启用配置文件，bash 使用source ~/.bashrc；zsh 使用~/.zshrc。

1.2 设置 Python

AFL 使用的是 Python2，Ubuntu22.04 上没有安装。因此需要安装 Python2并将其设置为默认 Python。

1

sudo ln -s /usr/bin/python2 /usr/bin/python

1.3 安装 clang10

参考此文章安装并设置 clang10 为默认版本。

Ubuntu 22.04 LTS 64位系统安装 clang10 版本 https://www.haoyep.com/posts/ubuntu22-install-clang10/

2 安装 Z3

要求版本号大于4.5

1
2
3
4


git clone https://github.com/Z3Prover/z3.git
cd z3 && mkdir build && cd build
cmake -G "Ninja" ../
ninja

Git Clone错误解决方案

执行 git clone 报错： fatal: unable to access ' https://github.com/Z3Prover/z3/ ': GnuTLS recv error (-110): The TLS connection was non-properly terminated.
解决方案

1
2
3
4


sudo apt-get update
sudo apt-get install gnutls-bin
git config --global http.sslVerify false
git config --global http.postBuffer 1048576000

到此问题解决，重新进行git clone，可以顺畅下载。

3 安装 AFL

1
2


git clone -b v2.56b https://github.com/google/AFL.git afl
cd afl && make

afl工具列表

3.1 安装 qemu 模式

编译 qemu，支持二进制文件黑盒分析。

3.1.1 依赖环境

安装 libtool 等资源库

1

sudo apt-get install libtool-bin libgtk2.0-dev -y

3.1.2 patch 代码

为了避免 AFL/issues/41 中出现的error: ‘SIOCGSTAMP’ undeclared here (not in a function); did you mean ‘SIOCSRARP’?、error: ‘SIOCGSTAMPNS’ undeclared here (not in a function); did you mean ‘SIOCGSTAMP_OLD’?，需要修改为 patch 中的文件内容。修改 afl/qemu_mode/patches目录中的syscall.diff文件内容如下：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87


--- qemu-2.10.0-clean/linux-user/syscall.c	2020-03-12 18:47:47.898592169 +0100
+++ qemu-2.10.0/linux-user/syscall.c	2020-03-12 19:16:41.563074307 +0100
@@ -34,6 +34,7 @@
 #include <sys/resource.h>
 #include <sys/swap.h>
 #include <linux/capability.h>
+#include <linux/sockios.h> // https://lkml.org/lkml/2019/6/3/988
 #include <sched.h>
 #include <sys/timex.h>
 #ifdef __ia64__
@@ -116,6 +117,8 @@ int __clone2(int (*fn)(void *), void *ch
 
 #include "qemu.h"
 
+extern unsigned int afl_forksrv_pid;
+
 #ifndef CLONE_IO
 #define CLONE_IO 0x80000000 /* Clone io context */
 #endif
@@ -256,7 +259,9 @@ static type name (type1 arg1,type2 arg2,
 #endif
 
 #ifdef __NR_gettid
-_syscall0(int, gettid)
+// taken from https://patchwork.kernel.org/patch/10862231/
+#define __NR_sys_gettid __NR_gettid
+_syscall0(int, sys_gettid)
 #else
 /* This is a replacement for the host gettid() and must return a host
 errno. */
@@ -6219,7 +6224,8 @@ static void *clone_func(void *arg)
 cpu = ENV_GET_CPU(env);
 thread_cpu = cpu;
 ts = (TaskState *)cpu->opaque;
- info->tid = gettid();
+ // taken from https://patchwork.kernel.org/patch/10862231/
+ info->tid = sys_gettid();
 task_settid(ts);
 if (info->child_tidptr)
 put_user_u32(info->tid, info->child_tidptr);
@@ -6363,9 +6369,11 @@ static int do_fork(CPUArchState *env, un
 mapping. We can't repeat the spinlock hack used above because
 the child process gets its own copy of the lock. */
 if (flags & CLONE_CHILD_SETTID)
- put_user_u32(gettid(), child_tidptr);
+ // taken from https://patchwork.kernel.org/patch/10862231/
+ put_user_u32(sys_gettid(), child_tidptr);
 if (flags & CLONE_PARENT_SETTID)
- put_user_u32(gettid(), parent_tidptr);
+ // taken from https://patchwork.kernel.org/patch/10862231/
+ put_user_u32(sys_gettid(), parent_tidptr);
 ts = (TaskState *)cpu->opaque;
 if (flags & CLONE_SETTLS)
 cpu_set_tls (env, newtls);
@@ -11402,7 +11410,8 @@ abi_long do_syscall(void *cpu_env, int n
 break;
 #endif
 case TARGET_NR_gettid:
- ret = get_errno(gettid());
+ // taken from https://patchwork.kernel.org/patch/10862231/
+ ret = get_errno(sys_gettid());
 break;
 #ifdef TARGET_NR_readahead
 case TARGET_NR_readahead:
@@ -11688,8 +11697,20 @@ abi_long do_syscall(void *cpu_env, int n
 break;
 
 case TARGET_NR_tgkill:
- ret = get_errno(safe_tgkill((int)arg1, (int)arg2,
- target_to_host_signal(arg3)));
+ {
+ int pid = (int)arg1,
+ tgid = (int)arg2,
+ sig = (int)arg3;
+
+ /* Not entirely sure if the below is correct for all architectures. */
+
+ if(afl_forksrv_pid && afl_forksrv_pid == pid && sig == SIGABRT)
+ pid = tgid = getpid();
+
+ ret = get_errno(safe_tgkill(pid, tgid, target_to_host_signal(sig)));
+
+ }
+
 break;
 
 #ifdef TARGET_NR_set_robust_list

替换syscall.diff文件内容

在 afl/qemu_mode/patches目录中新增memfd_create.diff文件，内容如下：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12


diff -ru qemu-2.10.0-clean/util/memfd.c qemu-2.10.0/util/memfd.c
--- qemu-2.10.0-clean/util/memfd.c 2018-11-20 18:11:00.170271506 +0100
+++ qemu-2.10.0/util/memfd.c 2018-11-20 18:11:13.398423613 +0100
@@ -37,7 +37,7 @@
 #include <sys/syscall.h>
 #include <asm/unistd.h>
 
-static int memfd_create(const char *name, unsigned int flags)
+int memfd_create(const char *name, unsigned int flags)
 {
 #ifdef __NR_memfd_create
 return syscall(__NR_memfd_create, name, flags);

新增memfd_create.diff文件

3.1.3 修改脚本

修改build_qemu_support.sh文件

修改QEMU_URL为QEMU_URL="https://download.qemu.org/qemu-${VERSION}.tar.xz"
修改QEMU_URL
在patch -p1 <../patches/syscall.diff || exit 1的下一行添加patch -p1 <../patches/memfd_create.diff || exit 1
添加memfd_create.diff patch命令

3.1.4 编译及安装

在 afl 的根目录打开终端执行以下命令：

1
2
3
4
5
6


cd qemu_mode

./build_qemu_support.sh

cd ..
sudo make install

afl编译成功示例

3.2 运行 qemu mode

假设存在文件目录结构如下。其中in文件夹中的a.in文件是输入的初始种子，手动输入一个命令行参数进去即可。

1
2
3
4
5


./qemu-test/
├── benchmark /* 要测试的程序二进制文件 */
├── in /* 输入文件夹，存储用户自定义的输入种子 */
│ └── a.in
└── out /* 输出文件夹，存储AFL探索到的测试用例 */

则使用以下命令运行 AFL qemu mode。稍等片刻，就可以看到 AFL 运行界面。

1

afl-fuzz -i in/ -o out/ -Q ./benchmark

运行 qemu mode

3.2.1 停止运行

当cycles done的数字变成绿色，说明 AFL 已找不到更有价值的路径。此时，就可以按下Ctrl+C终止 AFL 运行。

绿色，可以停止运行AFL

4 失败报错解决方案

4.1 core_pattern

core_pattern错误

参考 AFL fuzzing without root - avoid modifying /proc/sys/kernel/core_pattern，这是因为 AFL 希望系统将 coredump 输出到文件，而不是上报给系统的处理程序。报错信息如下：

core dump报错

[-] Hmm, your system is configured to send core dump notifications to an external utility. This will cause issues: there will be an extended delay between stumbling upon a crash and having this information relayed to the fuzzer via the standard waitpid() API.

To avoid having crashes misinterpreted as timeouts, please log in as root
and temporarily modify /proc/sys/kernel/core_pattern, like so:

echo core >/proc/sys/kernel/core_pattern

[-] PROGRAM ABORT : Pipe at the beginning of ‘core_pattern’ Location : check_crash_handling(), afl-fuzz.c:7314

解决方法有两种：

添加环境变量，参考 Disabling the /proc/sys/kernel/core_pattern check

1

export AFL_I_DONT_CARE_ABOUT_MISSING_CRASHES=1

注意

按照之前 stackoverflow问题中的评论，这个环境变量只是抑制了有关它的警告？使用此标志，AFL 将运行并且不会显示警告消息，并可能错过崩溃。

按照 AFL 提示修改文件

1
2


sudo su
echo core >/proc/sys/kernel/core_pattern

4.2 CPU frequency

CPU frequency错误

报错信息如下：

core dump报错

[-] Whoops, your system uses on-demand CPU frequency scaling, adjusted between 781 and 1660 MHz. Unfortunately, the scaling algorithm in the kernel is imperfect and can miss the short-lived processes spawned by afl-fuzz. To keep things moving, run these commands as root:

cd /sys/devices/system/cpu
echo performance | tee cpu*/cpufreq/scaling_governor

You can later go back to the original state by replacing 'performance' with
'ondemand'. If you don't want to change the settings, set AFL_SKIP_CPUFREQ
to make afl-fuzz skip this check - but expect some performance drop.

[-] PROGRAM ABORT : Suboptimal CPU scaling governor Location : check_cpu_governor(), afl-fuzz.c:7376

这是 CPU 频率未固定的错误提示，参考这里，解决方案是引入环境变量：

1

export AFL_SKIP_CPUFREQ=1

Github Pages 博客网站访问速度优化

chuxuange@gmail.com (Leehow) — Sun, 17 Dec 2023 15:00:18 +0800

个人博客访问速度优化记录。使用自定义域名、分流CDN等方法实现加快加载速度。

使用 Github Pages 可以方便地搭建自己的静态网站，详细过程参考我的这篇文章。使用 hugo 和 Github Pages 搭建个人博客 https://www.haoyep.com/posts/windows-hugo-blog-github/

但由于众所周知的原因，此方法搭建的博客在国内访问速度不佳。因此考虑采用一些方法来加速访问，主要思路是使用 CDN 加速网站的静态资源。

对于不同的静态资源，加速方法分别如下：

使用自定义域名，见个人 Github 博客设置自定义域名；
js/css文件
- ~~使用jsdelivr 和 unpkg 进行 CDN 加速~~，亲测使用自定义域名后，这两个 CDN 反而会降速。因此不需要单独对js/css文件加速。
托管在 Github 仓库上的图床图片。
- 本人博客上的图片都是使用 PicGo 上传到图床，图床是用 GitHub 仓库搭建的，见图床搭建过程。为了加快 GitHub 文件访问速度，参考通过 Cloudflare 和 jsDelivr 免费加速博客 GitHub 图床等静态资源，通过自定义域名区分国内外请求，分配不同的 CDN 资源。最后，替换博客内所有 Github 文件链接即可。
  替换 Github 文件链接
加速谷歌字体
加速 avatar 头像

1 图片加速

首先参考这篇文章，搭建加速域名。通过 Cloudflare 和 jsDelivr 免费加速博客 GitHub 图床等静态资源 https://www.haoyep.com/posts/github-graph-beds-cdn/

对于要使用的图片，使用 PicGo 上传到 GitHub 图床，获取 CDN 加速链接。然后在配置文件中使用相应的链接即可。下面介绍几个配置中常见的图片。

1.1 网站图片

1
2


# 网站图片，用于 Open Graph 和 Twitter Cards
 images = ["https://cdn.haoyep.com/gh/leegical/Blog_img/cdnimg/weblogo.png"]

网站图片，用于 Open Graph 和 Twitter Cards

1.2 网站图标

配置：[params]——[params.app]。

1
2
3
4
5
6
7
8


# 应用图标配置
 [params.app]
 # 当添加到 iOS 主屏幕或者 Android 启动器时的标题，覆盖默认标题
 title = "Leehow"
 # 是否隐藏网站图标资源链接
 noFavicon = false
 # 更现代的 SVG 网站图标，可替代旧的 .png 和 .ico 文件
 svgFavicon = "https://cdn.haoyep.com/gh/leegical/Blog_img/favicon.svg"

网站图标

1.3 网站 logo

配置：[params]——[params.header]——[params.header.title]。

1
2
3
4


# 页面头部导航栏标题配置
 [params.header.title]
 # LOGO 的 URL
 logo = "https://cdn.haoyep.com/gh/leegical/Blog_img/cdnimg/weblogo.png"

网站 logo

1.4 主页头像

配置：[params]——[params.home]——[params.home.profile]。

1
2
3
4
5
6
7


# 主页个人信息
 [params.home.profile]
 enable = true
 # Gravatar 邮箱，用于优先在主页显示的头像
 gravatarEmail = ""
 # 主页显示头像的 URL
 avatarURL = "https://cdn.haoyep.com/gh/leegical/Blog_img/cdnimg/avatar.png"

主页头像

2 加速谷歌字体

FixIt 主题默认使用系统字体作为博客渲染字体，免去了加载字体。

Fixit主题全局字体

但是想要为一些特定区域，如 code 设置特别字体时，就需要用到谷歌字体。这里选择使用 fonts.loli.net 加速。在 assets/css 中新建 _override.scss 文件，内容如下：

1
2


@import url('https://fonts.loli.net/css?family=JetBrains+Mono:400,700&display=swap&subset=latin-ext');
$code-font-family: JetBrains Mono, Fira Mono, Source Code Pro, Menlo, Consolas, Monaco, monospace;

加速code的谷歌字体

3 加速 avatar 头像

在 hugo.toml 设置 Gravatar 主机为七牛云地址 dn-qiniu-avatar.qbox.me：

1
2
3
4
5
6
7


 # FixIt 0.2.14 | NEW Gravatar 设置
 [params.gravatar]
 # 取决于作者邮箱，作者邮箱未设置则使用本地头像
 enable = true
 # Gravatar 主机，默认：“www.gravatar.com”
 host = "dn-qiniu-avatar.qbox.me" # ["cn.gravatar.com", "gravatar.loli.net", ...]
 style = "identicon" # ["", "mp", "identicon", "monsterid", "wavatar", "retro", "blank", "robohash"]

设置 Gravatar 主机为七牛云地址

通过 Cloudflare 和 jsDelivr 免费加速博客 GitHub 图床等静态资源

chuxuange@gmail.com (Leehow) — Thu, 14 Dec 2023 19:16:31 +0800

通过 Cloudflare 和 jsDelivr 免费加速博客 GitHub 静态资源(GitHub图床)，自动实现 CDN 资源的海内外分流，加速博客访问速度。

1 前言

上一篇文章讲述了如何使用 PicGo + GitHub 搭建图床，这样搭建的图床很稳定，但缺点是国内访问速度慢。可以使用 jsDelivr 对 Github 图床等静态资源进行免费 CDN 加速使用PicGo + GitHub 搭建 Obsidian 图床 https://www.haoyep.com/posts/github-graph-beds/

jsDelivr是什么？

jsDelivr是国外的一家优秀的公共 CDN 服务提供商，该平台是首个「打通中国大陆与海外的免费 CDN 服务」，无须担心中国防火墙问题而影响使用。官网：http://www.jsdelivr.com/(opens new window)

但是jsDelivr因为掉 ICP 等原因，国内速度越来越慢。好在 Chinajsdelivr 项目将它在国内“复活”了。

因此，本文思路是，对于 Github 公开仓库中的静态资源：

如果访问来源是国内，则使用 Chinajsdelivr 进行加速，域名为jsd.cdn.zzko.cn
如果访问来源是国内，则使用原版 jsDelivr 进行加速，域名为cdn.jsDelivr.net

即：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10


# 1-1. Github raw 链接
https://raw.githubusercontent.com/leegical/Blog_img/main/md_img202305061640828.png
# 1-2. Github 仓库文件链接
https://github.com/leegical/Blog_img/blob/main/md_img202305061640828.png

# 国内请求将访问到
https://jsd.cdn.zzko.cn/gh/leegical/Blog_img/md_img202305061640828.png

# 国外请求将访问到
https://cdn.jsdelivr.net/gh/leegical/Blog_img/md_img202305061640828.png

也就是说，我希望对于同一个资源链接，能够根据国内外请求来源自动重定向，使用不同的 CDN 加速链接。这就可以使用 Cloudflare 的重定向规则。

2 Cloudflare

2.1 配置域名

使用 Cloudflare 托管域名，这一点教程很多，跟着做就行，

托管域名

在 DNS 配置中，新增一条 CNAME 解析记录，并启用代理。如图，我这里是将 cdn.haoyep.com 解析到了 jsd.cdn.zzko.cn，并使用 Cloudflare 代理（点亮小云朵）。

添加CNAME解析记录

2.2 配置重定向规则

目标：资源链接都使用 cdn.haoyep.com，Cloudflare 在代理 cdn.haoyep.com 时，判断请求来源是国内，则将 cdn.haoyep.com 重定向到 jsd.cdn.zzko.cn；国外的请求则重定向到 cdn.jsdelivr.net。

配置国内重定向
- 规则名称（必需）：标注国内，方便区分
- 自定义筛选表达式：(http.host eq "cdn.haoyep.com" and ip.geoip.country eq "CN")
- URL 重定向
  - 类型：动态
  - 表达式：concat("https://jsd.cdn.zzko.cn", http.request.uri.path)
  - 状态代码：302

国内重定向规则配置

配置国外重定向
- 规则名称（必需）：标注国外，方便区分
- 自定义筛选表达式：(http.host eq "cdn.haoyep.com" and ip.geoip.country ne "CN")
- URL 重定向
  - 类型：动态
  - 表达式：concat("https://cdn.jsdelivr.net", http.request.uri.path)
  - 状态代码：302

国外重定向规则配置

提示

HTTP 重定向状态选择302而不是301。虽然两类请求都会被 Cloudflare 缓存，但301理论上是永久跳转而302是临时跳转，因此301可能会导致长时间缓存，不利于今后修改重定向到新地址。

3 PicGo 设置

为了让上传的图片自动生成 CDN 链接，还需要配置 PicGo：

PicGo Github 图床设置

设定存储路径：可以不填，也可以填仓库的某个文件夹
自定义域名：改为https://<cdn加速链接>/gh/<用户名>/<图床仓库名>，如图我这里改成 https://cdn.haoyep.com/gh/leegical/Blog_img 即可。

对于之前文章中的 Github raw 或文件链接，替换成 CDN 链接即可。本文只需要进行以下替换：

1
2
3
4
5
6


# 要替换的
https://raw.githubusercontent.com/leegical/Blog_img/main
https://github.com/leegical/Blog_img/blob/main

# 替换为
https://cdn.haoyep.com/gh/leegical/Blog_img

4 参考文章

Chinajsdelivr简介 https://github.com/54ayao/Chinajsdelivr?tab=readme-ov-file 利用 Cloudflare 重定向规则实现 CDN 资源的海内外分流 https://upup.dev/posts/cloudflare-country-based-cdn-redirect/ 使用npm加速静态资源 https://irithys.com/p/%E4%BD%BF%E7%94%A8npm%E5%8A%A0%E9%80%9F%E9%9D%99%E6%80%81%E8%B5%84%E6%BA%90/