StoicNeko's Blog

解决 kind load docker-image 多平台镜像导入失败

Tue, 31 Mar 2026 00:00:00 GMT

解决 kind load docker-image 多平台镜像导入失败

kind load docker-image 导入本地镜像到 Kind 集群时，报了一个莫名其妙的错误：

$ kind load docker-image prom/prometheus --name kind
ERROR: failed to load image: command "docker exec --privileged -i kind-control-plane ctr --namespace=k8s.io images import --all-platforms --digests --snapshotter=overlayfs -" failed with error: exit status 1
Command Output: ctr: content digest sha256:ce0e992cc801a3e5a8595e18e5a78748d69794933c529bf4a2dc14d67ac1d85c: not found

网上很多文章说这是 Docker Desktop 启用 containerd image store 导致的。不完全对。 真正的原因是多平台 manifest。

环境

WSL2 (Arch Linux) + Docker Desktop 29.2.1
Kind v0.31.0
平台：linux/amd64

根因分析

先看看 prom/prometheus 的 manifest：

$ docker manifest inspect prom/prometheus:latest

{
  "schemaVersion": 2,
  "mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
  "manifests": [
    {
      "digest": "sha256:82bb24e3...",
      "platform": { "architecture": "amd64", "os": "linux" }
    },
    {
      "digest": "sha256:ce0e992cc801a3e5a8595e18e5a78748d69794933c529bf4a2dc14d67ac1d85c",
      "platform": { "architecture": "arm64", "os": "linux" }
    },
    {
      "digest": "sha256:b355043d...",
      "platform": { "architecture": "arm", "os": "linux", "variant": "v7" }
    },
    {
      "digest": "sha256:dad74217...",
      "platform": { "architecture": "ppc64le", "os": "linux" }
    },
    {
      "digest": "sha256:68b8d469...",
      "platform": { "architecture": "riscv64", "os": "linux" }
    }
  ]
}

注意报错里的 sha256:ce0e992cc801...——正好是 arm64 平台的 digest。

整个链条是这样的：

docker pull prom/prometheus 只下载当前平台（amd64）的 layers，但本地保留了完整的 manifest list（包含 arm64、armv7、ppc64le、riscv64 的引用）
kind load docker-image 内部执行 docker save 导出镜像，再通过 docker exec 管道给 Kind 节点里的 ctr images import --all-platforms
ctr 解析 manifest list，尝试导入所有平台，找 arm64 的 content layer 时发现不存在——报错

关键：docker save 导出的 tar 里确实只有 amd64 的 layers，但 manifest list 仍然引用了其他平台。ctr --all-platforms 不会跳过缺失的平台，而是直接报错。

为什么 docker save + kind load image-archive 也不行？

你可能想到了先 docker save 再 kind load image-archive：

docker save prom/prometheus -o /tmp/prometheus.tar
kind load image-archive /tmp/prometheus.tar --name kind

同样会失败，原因一样——docker save 生成的 tar 包含了多平台 manifest list，kind load image-archive 内部也是调用 ctr images import --all-platforms。

为什么 docker pull --platform 也不行？

docker pull --platform linux/amd64 prom/prometheus
kind load docker-image prom/prometheus --name kind

Docker 拉取时虽然只下载了 amd64 的 layers，但本地存储仍然保留了 manifest list 索引。docker save 导出时这个索引会被带上，ctr 照样尝试解析所有平台。

解决方案：crane 拉单平台镜像

crane 是 Google 开源的容器镜像工具，可以精确拉取单平台镜像，生成的 tar 不包含多平台 manifest list。

安装 crane

go install github.com/google/go-containerregistry/cmd/crane@latest

拉取并导入

crane pull --platform linux/amd64 prom/prometheus /tmp/prometheus-amd64.tar
kind load image-archive /tmp/prometheus-amd64.tar --name kind
rm /tmp/prometheus-amd64.tar

没有报错，导入成功。

验证

$ docker exec kind-control-plane crictl images | grep prometheus
docker.io/prom/prometheus    latest    4a61322ac110    143MB

对比

| 方法 | 结果 | 原因 | |------|------|------| | kind load docker-image | 失败 | docker save 带多平台 manifest | | docker save + kind load image-archive | 失败 | 同上 | | docker pull --platform + kind load | 失败 | 本地仍保留 manifest list | | crane pull --platform + kind load image-archive | 成功 | 只包含单平台 manifest |

写个 helper 函数

如果经常需要导入镜像，可以加到 shell 配置里：

# ~/.config/fish/functions/kind-load.fish (Fish Shell)
function kind-load
    set -l image $argv[1]
    set -l cluster (test (count $argv) -ge 2; and echo $argv[2]; or echo "kind")
    set -l tmpfile (mktemp /tmp/kind-load-XXXXXX.tar)

    echo "Pulling $image (linux/amd64)..."
    crane pull --platform linux/amd64 $image $tmpfile
    and echo "Loading into kind cluster '$cluster'..."
    and kind load image-archive $tmpfile --name $cluster
    rm -f $tmpfile
end

# ~/.bashrc 或 ~/.zshrc (Bash/Zsh)
kind-load() {
    local image="$1"
    local cluster="${2:-kind}"
    local tmpfile
    tmpfile=$(mktemp /tmp/kind-load-XXXXXX.tar)

    echo "Pulling $image (linux/amd64)..."
    crane pull --platform linux/amd64 "$image" "$tmpfile" \
        && echo "Loading into kind cluster '$cluster'..." \
        && kind load image-archive "$tmpfile" --name "$cluster"
    rm -f "$tmpfile"
}

用法：

kind-load prom/prometheus        # 默认 kind 集群
kind-load nginx my-cluster       # 指定集群名

这个问题跟操作系统有关吗？

无关。 macOS、Linux、WSL2 都会遇到。这是 Docker 存储多平台镜像的方式和 Kind 导入逻辑之间的不兼容。macOS 上的 Docker Desktop 行为完全一样。Apple Silicon 的 Mac 甚至更容易触发，因为默认拉 arm64 但 manifest 里还引用了 amd64。

这是 Kind 的已知问题：kubernetes-sigs/kind#3053。

总结

kind load docker-image 失败的核心原因：Docker 本地保留了多平台 manifest list，但只有当前平台的 layers。Kind 用 ctr --all-platforms 导入时找不到其他平台的 content digest。

解决方案：用 crane pull --platform 拉纯粹的单平台镜像，绕过 Docker 的多平台 manifest。

解决 Kind 在 WSL2 + Docker Desktop 下无法拉取镜像的代理问题

Wed, 25 Mar 2026 00:00:00 GMT

解决 Kind 在 WSL2 + Docker Desktop 下无法拉取镜像的代理问题

在 WSL2 里跑 Kind，结果 Pod 一直 ImagePullBackOff。代理明明在 Windows 上跑着，docker pull 也能用，Kind 就是拉不到镜像。折腾了好几个小时，记录一下完整的排查过程。

环境

WSL2 (Arch Linux) on Windows
Docker Desktop (WSL2 backend)
Kind (Kubernetes in Docker)
Sparkle（Clash 内核的代理客户端），监听 7890 端口

症状

创建 Kind 集群后，部署一个简单的 nginx Pod：

kubectl run nginx --image=nginx

Pod 一直卡在 ImagePullBackOff。describe 看到的错误：

Failed to pull image "nginx:latest": ... dial tcp [::1]:7890: connect: connection refused

关键信息：[::1]:7890——Kind 节点在尝试连接 IPv6 的 localhost，但没有任何东西在容器内监听这个地址。

排查过程

第一个坑：代理只监听 127.0.0.1

在 Windows 上检查代理端口：

netstat -ano | findstr 7890

一开始看到的是：

TCP    127.0.0.1:7890    0.0.0.0:0    LISTENING    40024

只监听了 127.0.0.1，也就是说只有 Windows 本机能连，WSL2 和 Docker 容器都连不上。

原因：Sparkle 有两个"允许局域网"开关——一个在 Sub-Store 面板里（没用），一个在内核设置里。需要打开内核级别的"允许局域网"选项。

打开后确认：

netstat -ano | findstr 7890
# TCP    0.0.0.0:7890    0.0.0.0:0    LISTENING

0.0.0.0 表示监听所有网络接口，这才对。

第二个坑：Kind 节点里的 localhost 不是宿主机

代理开放了局域网访问，但 Kind 节点内的 HTTP_PROXY=http://localhost:7890 仍然不工作。

这是因为 Kind 节点本质上是 Docker 容器。容器内的 localhost 指向的是容器自身的网络命名空间，不是 Windows 宿主机。

需要找到一个从容器内部能到达宿主机的地址。

尝试过的地址

| 地址 | 结果 | 原因 | |------|------|------| | localhost:7890 | connection refused | 指向容器自身 | | 172.22.0.1:7890 (网关 IP) | connection refused | 这是 Docker 虚拟网络的网关，不是 Windows 主机 | | host.docker.internal:7890 | 成功 | Docker Desktop 提供的特殊 DNS，解析到宿主机 |

在 Kind 节点里验证：

docker exec kind-control-plane getent hosts host.docker.internal
# 192.168.65.254  host.docker.internal

解决方案

两步：

1. Sparkle 内核开启"允许局域网"

打开 Sparkle → 内核设置（不是 Sub-Store）→ 允许局域网 → 开启。

确认代理监听在 0.0.0.0:7890。

2. 创建 Kind 集群时使用 host.docker.internal

Kind 会自动读取宿主机的 HTTP_PROXY / HTTPS_PROXY / NO_PROXY 环境变量，并注入到节点中。所以创建集群时，把代理地址指向 host.docker.internal：

HTTP_PROXY=http://host.docker.internal:7890 \
HTTPS_PROXY=http://host.docker.internal:7890 \
NO_PROXY=localhost,127.0.0.1,::1,10.96.0.0/16,10.244.0.0/16,kind-control-plane,.svc,.svc.cluster,.svc.cluster.local \
kind create cluster

创建完成后验证：

docker exec kind-control-plane crictl pull nginx:latest
# Image is up to date for sha256:...

已有集群怎么办？

如果不想重建集群，可以直接修改运行中的 Kind 节点：

docker exec kind-control-plane bash -c '
mkdir -p /etc/systemd/system/containerd.service.d
cat > /etc/systemd/system/containerd.service.d/http-proxy.conf <<EOF
[Service]
Environment="HTTP_PROXY=http://host.docker.internal:7890"
Environment="HTTPS_PROXY=http://host.docker.internal:7890"
Environment="NO_PROXY=localhost,127.0.0.1,::1,10.96.0.0/16,10.244.0.0/16,kind-control-plane,.svc,.svc.cluster,.svc.cluster.local"
EOF
systemctl daemon-reload
systemctl restart containerd
'

另一个坑：kind load docker-image 失败

在排查代理的过程中，我还尝试了先用 Docker 拉镜像再导入 Kind：

docker pull nginx:latest
kind load docker-image nginx:latest

结果报错：

ctr: content digest sha256:...: not found

这其实不是 containerd image store 的问题，而是 Docker 本地保留了多平台 manifest list，但只有当前平台的 layers，kind load 内部的 ctr --all-platforms 找不到其他平台的 content digest 就报错了。详细分析和解决方案见 kind load docker-image 多平台镜像导入失败。

总结

| 问题 | 根因 | 解决 | |------|------|------| | 代理连不上 | Sparkle 只监听 127.0.0.1 | 内核设置开启"允许局域网" | | Kind 节点连不上代理 | 容器内 localhost ≠ 宿主机 | 使用 host.docker.internal | | kind load 失败 | containerd image store 兼容性 | 让 Kind 节点直接拉镜像 |

核心就一句话：Kind 节点是 Docker 容器，容器里的 localhost 是它自己，要用 host.docker.internal 才能连到 Windows 宿主机上的代理。

用 NoneBot2 + NapCat 做一个 QQ 点歌机器人

Wed, 18 Mar 2026 00:00:00 GMT

用 NoneBot2 + NapCat 做一个 QQ 点歌机器人

想在 QQ 里用歌代替文字——发 #我爱你，对方收到一张《我爱你》的音乐卡片。听起来很简单，实际做下来踩了不少坑。

整体架构

用户发送: #我爱你
       │
       ▼
┌──────────────┐   OneBot v11 WS   ┌──────────────────┐
│  NapCat      │ ◄────────────────► │    NoneBot2      │
│  (QQ 协议端)  │                    │  plugins/        │
└──────────────┘                    │  └─ music_search │
                                    └──────────────────┘
                                           │
                                    ┌──────┴──────┐
                                    ▼             ▼
                              网易云音乐API   QQ音乐API

NapCat 负责 QQ 登录和收发消息，NoneBot2 负责业务逻辑，两者通过 WebSocket 通信。搜索优先走网易云，搜不到 fallback 到 QQ 音乐。

部署 NapCat

NapCat 是基于 NTQQ 的第三方 QQ 协议端，支持 Docker 部署。WSL2 下直接跑：

docker run -d --name napcat \
  -p 3001:3001 -p 6099:6099 \
  mlikiowa/napcat-docker:latest

国内 Docker Hub 被墙，用 DaoCloud 镜像：

docker run -d --name napcat \
  -p 3001:3001 -p 6099:6099 \
  m.daocloud.io/docker.io/mlikiowa/napcat-docker:latest

启动后访问 http://127.0.0.1:6099/webui，token 在日志里：

docker logs napcat | grep token

扫码登录后，在 NapCat 配置里需要改两个东西：

WebSocket 监听端口设为 3001
reportSelfMessage: true —— 后面处理 bot 自发消息要用

注意：NapCat 和桌面版 QQ 不能同时登录同一个号。 测试时得用手机 QQ 或另一个号。

NoneBot2 项目搭建

python -m venv .venv
source .venv/bin/activate
pip install nonebot2[fastapi,websockets] nonebot-adapter-onebot httpx

bot.py 就几行：

import nonebot
from nonebot.adapters.onebot.v11 import Adapter

nonebot.init()
driver = nonebot.get_driver()
driver.register_adapter(Adapter)
nonebot.load_plugins("plugins")

if __name__ == "__main__":
    nonebot.run()

.env 配置：

DRIVER=~fastapi+~websockets
HOST=127.0.0.1
PORT=8080
COMMAND_START=["#"]
ONEBOT_WS_URLS=["ws://127.0.0.1:3001"]

搜索逻辑

网易云音乐 API

用的是网易云非官方的搜索接口：

async with httpx.AsyncClient(timeout=10) as client:
    response = await client.post(
        "https://music.163.com/api/search/get",
        data={"s": keyword, "type": 1, "limit": 20, "offset": 0},
        headers={"Referer": "https://music.163.com"},
    )

Referer 头必须带，不然返回 403。

模糊匹配

搜索结果往往不是精确匹配，比如搜"我爱你"，返回的可能是"我爱你中国"、"我爱你不是因为你美丽"之类的。用 difflib.SequenceMatcher 做模糊匹配：

from difflib import SequenceMatcher

scored = [
    (song, SequenceMatcher(None, keyword, song["name"]).ratio())
    for song in songs
]
scored.sort(key=lambda x: x[1], reverse=True)

阈值设 0.4——低于这个分数认为没有匹配，但还是会把最接近的结果作为 fallback 返回。

QQ 音乐 fallback

网易云搜不到的话，再试 QQ 音乐：

async with httpx.AsyncClient(timeout=10) as client:
    response = await client.get(
        "https://c.y.qq.com/soso/fcgi-bin/client_search_cp",
        params={"w": keyword, "p": 1, "n": 20, "format": "json", "t": 0},
        headers={"Referer": "https://y.qq.com"},
    )

两个源都搜完后，取分数最高的那个结果。

踩坑记录

坑 1：音乐卡片格式

OneBot v11 的音乐卡片有两种格式：

简写格式：type: "163" + id，让协议端自己去拉歌曲信息
自定义格式：type: "custom" + 完整的 url/audio/title/content/image

一开始用了简写格式，结果 NapCat 直接报错：

ActionFailed: 消息体无法解析, 请检查是否发送了不支持的消息类型

NapCat 不支持简写格式的音乐卡片解析。改成 custom 格式，手动提供所有字段就好了：

MessageSegment(
    type="music",
    data={
        "type": "custom",
        "url": f"https://music.163.com/song?id={song_id}",
        "audio": f"https://music.163.com/song/media/outer/url?id={song_id}.mp3",
        "title": song_name,
        "content": artist_name,
        "image": pic_url,
    },
)

坑 2：bot 自发消息不被识别

需求是 bot 自己在聊天窗口输入 #歌名 也能触发。NapCat 上报自发消息的 post_type 是 message_sent，但 NoneBot2 只认 message。

解决方案是自定义 Event 类，覆盖 get_type() 返回 "message"：

class SelfSentMessageEvent(MessageEvent):
    post_type: Literal["message_sent"]

    def get_type(self) -> str:
        return "message"

class SelfSentPrivateMessageEvent(SelfSentMessageEvent):
    message_type: Literal["private"]
    target_id: int = 0

Adapter.add_custom_model(SelfSentPrivateMessageEvent)

Adapter.add_custom_model() 的参数必须是 Event 子类，不能传字符串——它通过 Literal 类型注解自动推断匹配规则。

坑 3：自发消息发回给了自己

bot.send(event, message) 对自发消息会发回给 bot 自己，因为 user_id == self_id。得判断事件类型，用 target_id 发给实际的聊天对方：

async def _send(bot, event, message):
    if isinstance(event, SelfSentPrivateMessageEvent) and event.target_id:
        await bot.send_private_msg(user_id=event.target_id, message=message)
    else:
        await bot.send(event, message)

坑 4：网易云 album.picUrl 经常为空

搜索结果里 album.picUrl 不一定有值，但 album.picId 通常有。可以用 picId 拼封面 URL：

pic_url = album.get("picUrl") or ""
if not pic_url:
    pic_id = album.get("picId")
    if pic_id:
        pic_url = f"https://p1.music.126.net/{pic_id}/{pic_id}.jpg"

不过用了 custom 卡片格式后，封面字段对 QQ 客户端的渲染影响不大，空着也能正常显示。

仅响应私聊

handler 里加个 isinstance 检查就行：

@song_cmd.handle()
async def handle_song(bot: Bot, event: MessageEvent):
    if not isinstance(event, (PrivateMessageEvent, SelfSentPrivateMessageEvent)):
        return
    # ...

最终效果

私聊 bot 发 #我爱你，收到一张可以直接播放的音乐卡片。bot 自己在聊天窗口发也能触发。

项目代码：GitHub - nonebot-diange

总结

整个项目的核心逻辑不复杂——搜索 API + 模糊匹配 + 构造卡片消息。大部分时间花在了 NapCat 的部署和各种边界情况（自发消息、卡片格式、封面 URL）上。

几个经验：

NapCat 的 custom 音乐卡片比简写格式可靠得多
NoneBot2 的自定义 Event 机制很灵活，但文档不太够，得看源码
非官方 API 随时可能变，做好降级方案（双源 fallback）比较稳妥
第三方 QQ 协议端有封号风险，建议用小号

用 Tailscale 从其他设备 SSH 进 WSL2

Tue, 17 Mar 2026 00:00:00 GMT

用 Tailscale 从其他设备 SSH 进 WSL2

想从手机或另一台电脑 SSH 进自己的 WSL2，折腾了一圈，最后发现根本不是 SSH 配置的问题。

问题排查

WSL2 用的是 Mirrored 网络模式，和 Windows 共享同一个 IP（比如 10.66.180.15）。SSH 已经跑在端口 3456，Windows 防火墙也开了，但另一台设备死活连不上。

加 -v 参数也没走到握手阶段，直接 timeout。于是在另一台设备上 ping：

ping 10.66.180.15

一直 timeout。再查 ARP 表：

arp -n
10.66.180.15    (incomplete)

ARP incomplete——说明网络层根本没有收到对方的响应，IP 在网络上"不存在"。

这不是 SSH 的锅，也不是 WSL 配置的锅。

真正的原因：AP 客户端隔离

学校和公司的 Wi-Fi 普遍开启 Client Isolation（客户端隔离），同一个无线网络下的设备之间无法直接通信。路由器可以 ping 通，但设备互相 ping 不通。

端口转发、防火墙规则、WSL 网络配置——全是白费力气。

解决方案：Tailscale

Tailscale 通过 DERP 中继或直接 P2P 打洞，绕过 AP 隔离，建立加密隧道。

1. WSL2 中安装

curl -fsSL https://tailscale.com/install.sh | sh

2. 启动并登录

sudo tailscaled &
sudo tailscale up

终端会输出一个授权链接，浏览器打开，用 GitHub/Google 账号登录即可。

3. 获取 Tailscale IP

tailscale ip
# 100.x.x.x

4. 另一台设备

去 tailscale.com/download 下载对应平台的客户端，登录同一个账号。

然后就可以连了：

ssh -p 3456 zhaole_lv@100.x.x.x

总结

遇到连接问题先在网络层排查，ping + arp 两条命令就能判断是不是网络隔离。如果 ARP incomplete，再怎么配 SSH 都没用，Tailscale 是最省事的解法。

在 WSL 中提取 Chrome Cookie：从 PyPI 撞名到 App-Bound Encryption

Sat, 14 Mar 2026 00:00:00 GMT

在 WSL 中提取 Chrome Cookie：从 PyPI 撞名到 App-Bound Encryption

想在终端里直接刷 BOSS直聘职位，发现有个开源工具 kabi-boss-cli，于是开始折腾。没想到一个"装个包、登录、搜索"的简单任务，踩了好几个坑。

第一坑：PyPI 包撞名

项目 README 写的安装命令是：

uv tool install boss-cli

装完之后 boss --help 只有一个 init 命令，没有 login、search 之类的。

原因是 PyPI 上恰好有个完全不相关的项目也叫 boss-cli（一个服务器部署工具），而 jackwener/boss-cli 根本没有发布到 PyPI。

后来作者把包名改成了 kabi-boss-cli 并发布到 PyPI，正确的安装方式：

uv tool install kabi-boss-cli

第二坑：QR 登录拿不到 `__zp_stoken__`

安装完之后用 boss login 扫码登录，boss status 显示已登录（4 个 cookies），但一执行 boss search：

{
  "ok": false,
  "error": {
    "code": "not_authenticated",
    "message": "环境异常 (__zp_stoken__ 已过期)。请重新登录: boss logout && boss login"
  }
}

反复 logout && login 没用。查看 credential 文件：

{
  "cookies": {
    "wt2": "...",
    "wbg": "0",
    "zp_at": "...",
    "bst": "..."
  }
}

少了 __zp_stoken__。这个 cookie 是 BOSS直聘网页端 JavaScript 动态生成的，APP 扫码登录流程根本不会产生它，只有在浏览器里访问 zhipin.com 才会被设置。

第三坑：在 WSL 里提取 Chrome Cookie

知道问题所在了：需要从 Windows Chrome 里拿到完整的 cookie，写进 credential 文件。

尝试一：browser-cookie3

boss-cli 本身就依赖 browser-cookie3 库，所以有 boss login --cookie-source chrome 命令。但在 WSL 下，Chrome 是 Windows 应用，cookie 文件在 Windows 路径下，WSL Python 找不到。

换 Windows Python（D:\Python3\python.exe）试试：

/mnt/d/Python3/python.exe -m pip install browser-cookie3
/mnt/d/Python3/python.exe -c "import browser_cookie3 as bc3; print(bc3.chrome(domain_name='.zhipin.com'))"

报错：

browser_cookie3.BrowserCookieError: Unable to get key for cookie decryption

原因是 Chrome v127 引入了 App-Bound Encryption，cookie 加密不再只依赖 DPAPI，而是绑定到 Chrome 进程本身，第三方程序（包括 browser-cookie3）无法解密。

尝试二：直接读 SQLite 文件

Chrome cookie 存在 SQLite 数据库里：

C:\Users\<用户名>\AppData\Local\Google\Chrome\User Data\Default\Network\Cookies

Chrome 运行时文件被锁，关掉 Chrome 用 PowerShell 复制后，用 sqlite3 查询：

sqlite3 /mnt/c/Temp/chrome_cookies.db \
  "SELECT name, is_httponly, expires_utc FROM cookies WHERE host_key LIKE '%zhipin%'"

可以看到 cookie 名字和元信息（包括 __zp_stoken__ 存在、未过期、非 HttpOnly），但值是加密的，依旧无法解密。

尝试三：Bookmarklet（部分成功）

__zp_stoken__ 不是 HttpOnly，JavaScript 可以读取。BOSS直聘会检测 F12 开发者工具导致页面崩溃，但书签里的 JavaScript 不受限制：

javascript:void(prompt("cookies",JSON.stringify(Object.fromEntries(document.cookie.split(";").map(c=>[c.trim().split("=")[0],c.trim().split("=").slice(1).join("=")])))))

拿到了 __zp_stoken__ 等非 HttpOnly cookie。但写入 credential 文件后仍然报错。

关键发现：Session 不匹配

排查发现，QR 登录的 wt2/zp_at 和浏览器的 __zp_stoken__ 属于不同 session，服务器会验证它们是否匹配。混用两套 session 的 cookie 会被拒绝。

用 curl 直接测试也确认了这一点：

curl -s "https://www.zhipin.com/wapi/zpgeek/search/joblist.json?query=Python" \
  --cookie "wt2=<QR登录的值>; __zp_stoken__=<浏览器的值>"
# 返回 code=37, "您的环境存在异常"

所以必须从同一个浏览器 session 中同时获取所有 cookie，包括 HttpOnly 的 wt2 和 zp_at。

尝试四：Playwright（失败）

试图用 Playwright 挂载 Chrome 现有 profile 提取 cookie：

使用默认 profile → Chrome 报错 "DevTools remote debugging requires a non-default data directory"
使用临时 profile → 触发 BOSS直聘反自动化检测

尝试五：Chrome 远程调试端口（失败）

powershell.exe -Command "Start-Process chrome.exe -ArgumentList '--remote-debugging-port=9222'"

WSL2 的 localhost 不通 Windows，用 Windows IP 也无响应——Chrome 在已有用户数据目录的情况下会复用现有实例，忽略调试端口参数。

最终方案：EditThisCookie 扩展

Chrome 内置的 Cookie-Editor 扩展只导出了非 HttpOnly cookie，缺少关键的 wt2、zp_at。

换用 EditThisCookie 扩展后，成功导出了所有 cookie（包括 HttpOnly），拿到了来自同一 session 的完整 cookie 集合：

{
  "wt2": "...(HttpOnly)",
  "zp_at": "...(HttpOnly)",
  "wbg": "0(HttpOnly)",
  "bst": "...",
  "__zp_stoken__": "...",
  "__a": "...",
  "__c": "...",
  ...
}

将所有 cookie 写入 ~/.config/boss-cli/credential.json，boss search 终于成功返回职位列表。

总结

| 坑 | 原因 | 解法 | |---|---|---| | 安装了错误的包 | PyPI 有同名不同包 | uv tool install kabi-boss-cli | | __zp_stoken__ 缺失 | QR 登录不经过网页端 JS | 从浏览器提取 | | browser-cookie3 失败 | Chrome v127 App-Bound Encryption | 放弃，改用扩展 | | Bookmarklet 拿到 cookie 但不能用 | wt2/zp_at（HttpOnly）和 __zp_stoken__ 来自不同 session | 必须从同一 session 提取全部 cookie | | Cookie-Editor 扩展不完整 | 未导出 HttpOnly cookie | 换用 EditThisCookie | | Playwright / CDP 失败 | 反自动化检测 + WSL2 网络隔离 | 放弃 |

正确流程（WSL + Chrome）

在 Chrome 中登录 zhipin.com
安装 EditThisCookie 扩展
在 zhipin.com 页面点击 EditThisCookie 图标，导出所有 cookie
URL 解码 __zp_stoken__ 等含 %xx 的值
写入 ~/.config/boss-cli/credential.json
boss search 正常工作

注意：__zp_stoken__ 有过期时间（通常几天），过期后需要重新用 EditThisCookie 提取一次。

使用 Astro + Cloudflare Pages 搭建个人博客

Thu, 05 Mar 2026 12:00:00 GMT

为什么选择 Astro + Cloudflare Pages

选择 Astro 是因为它专注于内容驱动的网站，构建速度快，默认零 JS 加载。主题选用了 astro-theme-pure，简洁美观，功能齐全。

部署平台选了 Cloudflare Pages，免费额度够用，全球 CDN 速度快，和 GitHub 集成后 push 即部署，非常方便。

搭建过程

1. 克隆模板

git clone https://github.com/cworld1/astro-theme-pure.git blogs
cd blogs

模板本身是一个 monorepo 结构，主题核心在 packages/pure/ 下，站点配置在 src/site.config.ts。

2. 切换适配器

模板默认使用 Vercel 适配器，需要改为 Cloudflare：

npm install @astrojs/cloudflare

修改 astro.config.ts：

import cloudflare from '@astrojs/cloudflare'

export default defineConfig({
  adapter: cloudflare({ imageService: 'compile' }),
  output: 'server',
  // ...
})

这里有个注意点：Cloudflare 适配器使用 compile 模式处理图片，不需要 sharp。如果配置里还保留了 image.service: sharp，需要删掉，否则会冲突。

3. 添加 Wrangler 配置

创建 wrangler.jsonc：

{
  "name": "blogs",
  "pages_build_output_dir": "dist",
  "compatibility_date": "2026-03-05",
  "compatibility_flags": ["nodejs_compat"]
}

关键字段是 pages_build_output_dir，告诉 Cloudflare 构建产物在 dist 目录。nodejs_compat 是必须的兼容性标志，否则一些 Node.js API 在 Cloudflare Workers 运行时中不可用。

4. 依赖问题

模板原本使用 bun 管理依赖，切换到 npm 后可能遇到依赖缺失的问题。我碰到了 @unocss/astro 找不到的情况，手动安装解决：

npm install @unocss/astro

5. 自定义站点信息

编辑 src/site.config.ts，修改标题、作者、描述、社交链接等。同时更新 astro.config.ts 中的 site 字段为实际域名。

踩坑记录

Worker vs Pages：最大的坑

这是整个过程中最折腾的一个问题。在 Cloudflare Dashboard 创建项目时，我选成了 Worker 项目而不是 Pages 项目。

这两者的区别：

| | Workers | Pages | |---|---|---| | 用途 | API、边缘计算 | 静态站点 + SSR | | 配置 | main + assets | pages_build_output_dir | | 部署命令 | wrangler deploy | wrangler pages deploy |

因为选错了项目类型，构建成功后部署一直失败，报错 Must specify a project name。反复修改配置都没用，最后发现根本原因就是项目类型不对。

解决方案：删掉 Worker 项目，重新创建 Pages 项目，连接 GitHub 仓库，构建命令填 npm run build。

Node 版本问题

Cloudflare 构建环境默认使用 Node 22，项目依赖也要求 Node >= 20。如果通过 .node-version 文件指定了 Node 18，会导致 oxc-parser 等包找不到原生绑定而构建失败。

教训：不要随意降低 Node 版本，先看看依赖的最低要求。

image service 冲突

astro.config.ts 中同时配置了 sharp image service 和 Cloudflare 适配器的 compile 模式，需要去掉 sharp 的配置：

// 删掉这部分
image: {
  service: {
    entrypoint: 'astro/assets/services/sharp'
  }
}

// 只保留
image: {
  responsiveStyles: true
}

最终项目结构

blogs/
├── astro.config.ts          # Astro 配置
├── wrangler.jsonc            # Cloudflare Pages 配置
├── src/
│   ├── site.config.ts        # 站点信息配置
│   ├── content/blog/         # 博客文章
│   └── assets/               # 静态资源
├── packages/pure/            # 主题核心包
└── public/                   # 公共静态文件

总结

整个搭建过程其实并不复杂，核心步骤就是：克隆模板 → 换适配器 → 加 wrangler 配置 → Cloudflare Pages 连接 GitHub。

最大的坑是在 Cloudflare 上创建了错误的项目类型（Worker 而非 Pages），导致走了很多弯路。记住：部署静态站点或 SSR 网站用 Pages，部署 API 或边缘函数用 Workers。

在 iPhone 上用 Agmente 远程连接 Claude Code

Thu, 05 Mar 2026 00:00:00 GMT

在 iPhone 上用 Agmente 远程连接 Claude Code

Agmente 是一个 iOS 客户端，可以通过 ACP（Agent Client Protocol）连接到远程编码代理。本文记录如何在 Linux 服务器（WSL2）上配置 Claude Code，让 iPhone 上的 Agmente 随时随地与 Claude Code 对话。

架构概览

iPhone (Agmente App)
    |
    | wss:// (加密 WebSocket)
    |
Cloudflare Tunnel (快速隧道或命名隧道)
    |
    | http://localhost:8765
    |
stdio-to-ws (WebSocket 桥接)
    |
    | stdin/stdout (ACP 协议)
    |
Claude Code ACP 适配器

Agmente 通过 WebSocket 与服务器通信。stdio-to-ws 负责将 Claude Code 的 ACP stdio 协议桥接为 WebSocket。Cloudflare Tunnel 提供免费的公网 HTTPS 入口，不需要你拥有公网 IP。本文提供两种隧道方案：

方案 A：快速隧道 — 零配置，无需域名，但每次启动 URL 会变
方案 B：命名隧道 — 需要一个域名，但 URL 固定，一次配置永久使用

前置条件

一台 Linux 机器（本文以 Arch Linux / WSL2 为例）
Node.js 18+
Claude Code CLI 已安装并登录（claude 命令可用）
iPhone 上安装 Agmente App
（方案 B 额外需要）一个域名（任意注册商均可，需将 DNS 托管到 Cloudflare）

第一步：安装 cloudflared

Cloudflare Tunnel 客户端，用于将本地端口暴露到公网。

# Arch Linux
paru -S cloudflared

# Debian/Ubuntu
curl -fsSL https://pkg.cloudflare.com/cloudflare-main.gpg | sudo gpg --dearmor -o /usr/share/keyrings/cloudflare-main.gpg
echo 'deb [signed-by=/usr/share/keyrings/cloudflare-main.gpg] https://pkg.cloudflare.com/cloudflared any main' | sudo tee /etc/apt/sources.list.d/cloudflared.list
sudo apt update && sudo apt install cloudflared

# macOS
brew install cloudflared

第二步：启动 Claude Code ACP 桥接

使用 @rebornix/stdio-to-ws 将 Claude Code ACP 适配器桥接到 WebSocket：

env -u CLAUDECODE npx -y @rebornix/stdio-to-ws \
  --persist \
  --grace-period 604800 \
  "npx @zed-industries/claude-code-acp" \
  --port 8765

参数说明：

| 参数 | 作用 | | ----------------------- | -------------------------------------------- | | env -u CLAUDECODE | 清除环境变量，避免嵌套会话检测冲突 | | --persist | 保持 Claude Code 进程在 WebSocket 断连后存活 | | --grace-period 604800 | 允许 7 天内重新连接而不丢失会话 | | --port 8765 | WebSocket 监听端口 |

踩坑提醒：如果你在 Claude Code 终端内启动这个命令，子进程会继承 CLAUDECODE 环境变量，导致报错 "Claude Code cannot be launched inside another Claude Code session"。务必加上 env -u CLAUDECODE。

启动成功后会看到：

[stdio-to-ws] WebSocket server listening on port 8765 (persistence enabled, grace period: 604800s)

第三步：启动 Cloudflare 隧道

方案 A：快速隧道（无需域名，URL 每次变化）

最简单的方式，零配置，适合临时使用或试用：

cloudflared tunnel --url http://localhost:8765

输出中会包含一个临时公网 URL：

https://xxx-xxx-xxx-xxx.trycloudflare.com

记下这个 URL，后面要用。

快速隧道的 URL 每次启动都会变，需要重新在 Agmente 中添加 server。如果你希望 URL 固定，请使用方案 B。

方案 B：命名隧道（需要域名，URL 固定）

使用命名隧道可以获得固定域名，一次配置永久使用，无需每次重新添加 server。

3B.1 将域名托管到 Cloudflare

登录 Cloudflare Dashboard
点击 "Add a site"，输入你的域名
选择 Free 计划
Cloudflare 会给你两个 NS 服务器地址
去域名注册商（如阿里云）将 DNS 服务器改为 Cloudflare 提供的地址
等待域名状态变为 Active

3B.2 登录 cloudflared 并创建隧道

# 登录（浏览器中选择你的域名授权）
cloudflared tunnel login

# 创建命名隧道
cloudflared tunnel create agmente-claude

# 配置 DNS 路由（将子域名指向隧道）
cloudflared tunnel route dns agmente-claude claude.yourdomain.com

3B.3 编写隧道配置文件

# ~/.cloudflared/config.yml
tunnel: agmente-claude
credentials-file: ~/.cloudflared/<TUNNEL_ID>.json

ingress:
  - hostname: claude.yourdomain.com
    service: http://localhost:8765
  - service: http_status:404

<TUNNEL_ID> 替换为 cloudflared tunnel create 输出的隧道 ID。

3B.4 启动隧道

cloudflared tunnel --config ~/.cloudflared/config.yml run

现在 wss://claude.yourdomain.com 就是你的固定地址，每次启动都不会变。

第四步：在 Agmente 中连接

打开 iPhone 上的 Agmente App
点击添加新 Agent
URL 填入：
- 方案 A：wss://xxx-xxx-xxx-xxx.trycloudflare.com（替换为你的实际 URL）
- 方案 B：wss://claude.yourdomain.com（替换为你的实际域名）
协议默认为 ACP，无需修改
点击连接

连接成功后，绿灯亮起，创建新 Session 即可开始对话。

一键启动脚本

方案 A 脚本（快速隧道）

#!/bin/bash
# ~/bin/agmente-start.sh

# 启动 ACP 桥接
env -u CLAUDECODE npx -y @rebornix/stdio-to-ws \
  --persist --grace-period 604800 \
  "npx @zed-industries/claude-code-acp" \
  --port 8765 &
WS_PID=$!

# 等待 WebSocket 就绪
sleep 3

# 启动 Cloudflare 隧道
cloudflared tunnel --url http://localhost:8765 &
CF_PID=$!

echo "服务已启动 (stdio-to-ws PID: $WS_PID, cloudflared PID: $CF_PID)"
echo "查看 cloudflared 输出获取公网 URL"
echo "按 Ctrl+C 停止所有服务"

trap "kill $WS_PID $CF_PID 2>/dev/null; exit" INT TERM
wait

方案 B 脚本（命名隧道，固定 URL）

使用命名隧道后，每次启动的 URL 都是固定的，还支持同时启动多个代理：

#!/bin/bash
# ~/bin/agmente-start.sh
# 用法: agmente-start.sh [claude|codex|both]

MODE=${1:-both}

cleanup() {
    echo ""
    echo "正在停止所有服务..."
    kill $WS_PID $CODEX_PID $CF1_PID $CF2_PID 2>/dev/null
    exit 0
}
trap cleanup INT TERM

if [[ "$MODE" == "claude" || "$MODE" == "both" ]]; then
    echo "启动 Claude Code ACP 桥接 (端口 8765)..."
    env -u CLAUDECODE npx -y @rebornix/stdio-to-ws \
        --persist --grace-period 604800 \
        "npx @zed-industries/claude-code-acp" --port 8765 &
    WS_PID=$!
    sleep 3

    echo "启动 Cloudflare 命名隧道 (Claude Code)..."
    cloudflared tunnel --config ~/.cloudflared/config.yml run &
    CF1_PID=$!
    sleep 3

    echo ""
    echo "=================================="
    echo " Claude Code URL:"
    echo " wss://claude.yourdomain.com"
    echo "=================================="
    echo ""
fi

if [[ "$MODE" == "codex" || "$MODE" == "both" ]]; then
    echo "启动 Codex app-server (端口 9000)..."
    env -u CLAUDECODE codex app-server --listen ws://0.0.0.0:9000 &
    CODEX_PID=$!
    sleep 2

    echo "启动 Cloudflare 命名隧道 (Codex)..."
    cloudflared tunnel --config ~/.cloudflared/config-codex.yml run &
    CF2_PID=$!
    sleep 3

    echo ""
    echo "=================================="
    echo " Codex URL:"
    echo " wss://codex.yourdomain.com"
    echo "=================================="
    echo ""
fi

echo "服务已全部启动，按 Ctrl+C 停止"
wait

如果同时运行 Codex，需要额外创建一个隧道和配置文件：

cloudflared tunnel create agmente-codex
cloudflared tunnel route dns agmente-codex codex.yourdomain.com

# ~/.cloudflared/config-codex.yml
tunnel: agmente-codex
credentials-file: ~/.cloudflared/<CODEX_TUNNEL_ID>.json

ingress:
  - hostname: codex.yourdomain.com
    service: http://localhost:9000
  - service: http_status:404

chmod +x ~/bin/agmente-start.sh

停止服务

pkill -f "stdio-to-ws.*8765"
pkill -f "cloudflared"

其他代理

同样的方式也可以连接其他 ACP 代理：

# Gemini CLI
env -u CLAUDECODE npx -y @rebornix/stdio-to-ws --persist --grace-period 604800 \
  "npx @google/gemini-cli --experimental-acp" --port 8765

# Copilot CLI
env -u CLAUDECODE npx -y @rebornix/stdio-to-ws --persist --grace-period 604800 \
  "copilot --acp" --port 8765

# Qwen
env -u CLAUDECODE npx -y @rebornix/stdio-to-ws --persist --grace-period 604800 \
  "qwen --experimental-acp" --port 8765

原理解析：这和 SSH 有什么不同？

SSH 的连接方式

客户端 ──TCP 连接──> 服务器 22 端口（需要公网 IP）

SSH 是客户端主动连接服务器。服务器必须有公网 IP（或做端口转发），客户端才能找到它。SSH 协议自带加密，用途包括远程终端、文件传输、端口转发等。

我们这个方案的连接方式

iPhone (Agmente)
    │
    │ wss:// (WebSocket over HTTPS)
    ▼
Cloudflare CDN 边缘节点
    │
    │ Cloudflare 内部网络 (QUIC)
    ▼
cloudflared (你的机器上，主动向外连接)
    │
    │ http://localhost:8765
    ▼
stdio-to-ws (WebSocket 桥接)
    │
    │ stdin/stdout (JSON-RPC)
    ▼
Claude Code ACP 适配器

关键区别在于连接方向反了：

SSH：客户端 → 服务器（服务器被动等待连接，需要公网 IP）
Cloudflare Tunnel：服务器 → Cloudflare（服务器主动向外建立隧道，外部请求通过 Cloudflare 转发进来）

这就是为什么它能在 WSL2、NAT 后面、甚至校园网里工作——出站连接几乎不受限制，不需要公网 IP，不需要开放端口。

各层协议的作用

| 层 | 协议 | 作用 | | ------------------------- | -------------------------------- | ------------------------------------- | | Agmente ↔ Cloudflare | wss://（WebSocket over TLS） | 加密的双向实时通信 | | Cloudflare ↔ cloudflared | QUIC | Cloudflare 内部隧道传输，高效穿透 NAT | | cloudflared ↔ stdio-to-ws | HTTP → WebSocket | 本地端口转发 | | stdio-to-ws ↔ Claude Code | stdin/stdout | ACP 协议，JSON-RPC 格式的消息交换 |

类比 SSH 反向隧道

如果用 SSH 术语来理解，Cloudflare Tunnel 最接近 SSH 反向隧道（ssh -R）：

# SSH 反向隧道：你的机器主动连到中转服务器，把本地端口暴露出去
ssh -R 8765:localhost:8765 中转服务器

Cloudflare Tunnel 本质上就是这个思路，只不过"中转服务器"换成了 Cloudflare 的全球 CDN 网络，自动处理了 TLS 加密、DNS 解析、负载均衡等问题，而且完全免费。

wss:// vs ws://

类似 HTTPS 和 HTTP 的关系：

ws:// — 明文 WebSocket，数据不加密
wss:// — WebSocket over TLS，数据加密传输

Cloudflare Tunnel 自动提供 TLS，所以 Agmente 连接时使用的是 wss://，通信全程加密。

进阶：用自己的服务器替代 Cloudflare Tunnel

如果你有一台公网服务器，可以完全不依赖 Cloudflare，获得固定 URL 和更低延迟。

方式 A：直接部署在公网服务器上

把所有服务跑在公网服务器上，用 Caddy 自动签发 TLS 证书：

iPhone (Agmente)
    │
    │ wss://agent.yourdomain.com
    ▼
Caddy (自动 TLS)
    │
    │ http://localhost:8765
    ▼
stdio-to-ws → Claude Code ACP

1. 在服务器上启动 ACP 桥接：

env -u CLAUDECODE npx -y @rebornix/stdio-to-ws \
  --persist --grace-period 604800 \
  "npx @zed-industries/claude-code-acp" --port 8765

2. 配置 Caddy 反向代理（自动 HTTPS）：

# /etc/caddy/Caddyfile
agent.yourdomain.com {
    reverse_proxy localhost:8765
}

sudo systemctl restart caddy

Caddy 会自动申请和续期 Let's Encrypt 证书，Agmente 中填 wss://agent.yourdomain.com 即可。

方式 B：服务器做跳板，Claude Code 留在本地

如果你需要 Claude Code 访问本地文件和项目，可以用 SSH 反向隧道把本地端口映射到公网服务器：

iPhone (Agmente)
    │
    │ wss://agent.yourdomain.com
    ▼
公网服务器 Caddy/Nginx (TLS 终结)
    │
    │ localhost:8765
    ▼
SSH 反向隧道
    │
    ▼
本地机器 stdio-to-ws → Claude Code ACP (localhost:8765)

1. 本地启动 ACP 桥接（同前）：

env -u CLAUDECODE npx -y @rebornix/stdio-to-ws \
  --persist --grace-period 604800 \
  "npx @zed-industries/claude-code-acp" --port 8765

2. 本地建立 SSH 反向隧道：

ssh -R 8765:localhost:8765 your-server

这会把本地的 8765 端口映射到服务器的 8765。

3. 服务器上配置 Caddy（同方式 A）。

这其实就是 Cloudflare Tunnel 干的事——本质都是"本地机器主动向外建立连接，把本地端口暴露出去"。区别只是中转节点从 Cloudflare CDN 换成了你自己的服务器。

方案对比

| | Cloudflare 快速隧道 | Cloudflare 命名隧道 | 自有服务器直接部署 | 自有服务器 + SSH 隧道 | | -------------------- | ------------------- | ------------------------- | ------------------ | --------------------- | | 需要公网 IP | 不需要 | 不需要 | 需要 | 需要（服务器） | | 需要域名 | 不需要 | 需要（托管到 Cloudflare） | 需要 | 需要 | | URL 固定 | 否（每次变化） | 是 | 是 | 是 | | 延迟 | 较高（经 CDN 中转） | 较高（经 CDN 中转） | 最低 | 中等 | | Claude Code 运行位置 | 本地 | 本地 | 服务器 | 本地 | | 能访问本地文件 | 能 | 能 | 不能 | 能 | | 配置复杂度 | 最低（零配置） | 低（一次配置） | 中等 | 较高 |

常见问题

Q: 连接后显示 "Internal error" A: 检查服务端日志，最常见的原因是 CLAUDECODE 环境变量未清除，导致嵌套会话冲突。确保启动命令包含 env -u CLAUDECODE。

Q: 连接后显示 "initialize needed" A: 尝试删除 Agmente 中的 Agent 连接，重新添加并创建新 Session。

Q: 隧道 URL 每次都变怎么办？ A: 快速隧道（方案 A）的 URL 每次启动都会变。使用命名隧道（方案 B）即可获得固定 URL，只需一个域名（将 DNS 托管到 Cloudflare 免费计划），配置一次后永久生效。

Q: 想让服务开机自启？ A: 可以用 systemd service 管理，或者用 tmux/screen 保持后台运行。

Tips to improve concentration

Sat, 10 May 2025 00:00:00 GMT

import { Aside } from 'astro-pure/user'

You're trying to concentrate, but your mind is wandering or you're easily distracted. What happened to the laser-sharp focus you once enjoyed? As we age, we tend to have more difficulty filtering out stimuli that are not relevant to the task at hand.

What's fogging up focus?

Like a computer that slows with use, the brain accumulates wear and tear that affects processing. This can be caused by a number of physiological stressors such as inflammation, injury to blood vessels (especially if you have high blood pressure), the buildup of abnormal proteins, and naturally occurring brain shrinkage.

The following factors can also affect your concentration.

Underlying conditions. Depression or sleep disorders (such as sleep apnea) can undermine your ability to concentrate. So can the effects of vision or hearing loss. You waste precious cognitive resources when you spend too much time trying to make out what's written on a page or just hear what someone is saying.

Medication side effects. Some drugs, especially anticholinergics (such as treatments for incontinence, depression, or allergies), can slow processing speed and your ability to think clearly.

Excessive drinking. Having too much alcohol impairs thinking and causes interrupted sleep, which affects concentration.

Information overload. We are bombarded with information from TVs, computers, and messages such as texts or emails. When there's too much material, it burdens our filtering system and it's easy to get distracted.

Strategies to stay focused

To improve attention, consider the following strategies.

Mindfulness. "Mindfulness is about focusing attention on the present moment, and practicing mindfulness has been shown to rewire the brain so that attention is stronger in everyday life," says Kim Willment, a neuropsychologist with Brigham and Women's Hospital. She recommends sitting still for a few minutes each day, closing your eyes, and focusing on your breathing as well as the sounds and sensations around you.

Cognitive training. Computerized cognitive training games aim to improve your response times and attention. Evidence that this works has been mixed. "The goal of playing these games is not to get better at them, but to get better in the cognitive activities of everyday life," Willment says. "But there is evidence that a person's ability to pay attention can be improved by progressively pushing the person to higher levels of performance. So if you reach a certain level of sustained attention, pushing it to the next level can help improve it, and this may translate to everyday life."

A healthier lifestyle. Many aspects of a healthy lifestyle can help attention, starting with sleep and exercise. There is a direct link between exercise and cognitive ability, especially attention. When you exercise, you increase the availability of brain chemicals that promote new brain connections, reduce stress, and improve sleep. And when we sleep, we reduce stress hormones that can be harmful to the brain, and we clear out proteins that injure it.

Aim for seven to eight hours of sleep each night, and 150 minutes per week of aerobic exercise, such as brisk walking.

Other healthy steps to improve focus: eat a Mediterranean-style diet, which has been shown to support brain health; treat underlying conditions; and change medications that may be affecting your ability to focus.

Getting older is out of your control, but healthier living is something you determine, and it may improve concentration.

Article from: Harvard Health Publishing

Using MDX

Sun, 01 Jun 2025 00:00:00 GMT

This theme comes with the @astrojs/mdx integration installed and configured in your astro.config.ts config file. If you prefer not to use MDX, you can disable support by removing the integration from your config file.

Why MDX?

MDX is a special flavor of Markdown that supports embedded JavaScript & JSX syntax. This unlocks the ability to mix JavaScript and UI Components into your Markdown content for things like interactive charts or alerts.

If you have existing content authored in MDX, this integration will hopefully make migrating to Astro a breeze.

Example

Here is how you import and use a UI component inside of MDX.
When you open this page in the browser, you should see the clickable button below.

import { Button } from 'astro-pure/user'

Click Me

What Is 3D Rendering? Complete Guide to 3D Visualization

Sun, 09 Feb 2025 00:00:00 GMT

3D rendering is all around us. From huge action movies to car commercials to previews of upcoming buildings or product designs, 3D visualization has become so widespread and realistic that you probably don’t even know it’s there.

In this introductory piece, Chaos’ Ricardo Ortiz explains the basics of 3D rendering, from the computational methods that create imagery to the artistic techniques that create great computer-generated (CG) content and its various uses.

What is 3D Rendering?

Put simply, 3D rendering is the process of using a computer to generate a 2D image from a digital three-dimensional scene.

To generate an image, specific methodologies and special software and hardware are used. Therefore, we need to understand that 3D rendering is a process—the one that builds the image.

Types of 3D rendering

We can create different types of rendered image; they can be realistic or non-realistic.

A realistic image could be an architectural interior that looks like a photograph, a product-design image such as a piece of furniture, or an automotive rendering of a car. On the other hand, we can create a non-realistic image such as an outline-type diagram or a cartoon-style image with a traditional 2D look. Technically, we can visualize anything we can imagine.

How is 3D rendering used?

3D rendering is an essential technique for many industries including architecture, product design, advertising, video games and visual effects for film, TV and animation.

In design and architecture, renders allow creative people to communicate their ideas in a clear and transparent way. A render gives them the chance to evaluate their proposals, experiment with materials, conduct studies and contextualize their designs in the real world before they are built or manufactured.

For the media and entertainment industries, 3D rendering is fundamental to the creation of sequences and animations that tell stories, whether we’re watching an animated movie, a period drama, or an action sequence with explosions, ships from the future, exotic locales, or extraterrestrial creatures.

Over the past few years, the evolution of computer graphics in these industries has replaced traditional techniques. For example, special effects are being replaced by visual effects, which means stunt people no longer risk their lives in car crashes.

In advertising, I would dare to say that 90% of automotive commercials are CG—or even more. In the architecture industry, many traditional techniques to create representations, such as scale models, have been replaced with photorealistic imagery to ensure we can see exactly how something will look once it’s built.

Accelerating processes, reducing costs and the demand for better quality results have helped technology evolve. Hardware is more powerful than ever and the switch to CG was inevitable.

How is a 3D rendered image generated?

Two pieces of software, with different characteristics, are used to computer-generate images and animations: render engines and game engines. Render engines use a technique called ray tracing, while game engines use a technique called rasterization—and some engines mix both techniques, but we will talk about that later on.

The Impact of Technology on the Music World

Sat, 30 Nov 2024 00:00:00 GMT

The evolution of music is a symphony of creativity, rhythm, and technology. From the humble beginnings of acoustic instruments to the present-day digital era, the relationship between music and technology has been transformative. In this article, we will explore the historical milestones, digital revolution, and emerging technologies that have shaped the music world. Join us on a journey through the chords of innovation as we discuss how technology has changed music.

Historical Perspective

The marriage of music and technology dates back centuries, with pivotal moments shaping the industry. The invention of the phonograph by Thomas Edison in the late 19th century marked the first time music could be recorded and replayed. Subsequent milestones, such as the electric guitar and the synthesizer, revolutionized music creation, paving the way for new genres and sounds.

These technological leaps didn't merely shape the musical landscape of their time but laid a foundation for the continuous evolution of the intersection between music and technology. As artists embraced these innovations, they unlocked new avenues for creativity, paving the way for diverse sounds and genres that have become integral to the vibrant tapestry of the modern music industry. The historical perspective illuminates the symbiotic relationship between music and technology, highlighting the transformative impact that each innovation has had on the way we create, consume, and experience music.

Digital Revolution

The digital revolution has been a seismic shift in the music industry, altering how music is consumed, distributed, and produced. The transition from physical formats like CDs and vinyl to digital formats such as MP3s and streaming services has democratized access to music. The ease of streaming has transformed how listeners discover and enjoy music, challenging traditional revenue models while offering unparalleled convenience.

Technology in Music Consumption and Distribution

Streaming services have become the heartbeat of music consumption, causing a decline in traditional music stores. The accessibility of music online has reshaped distribution channels, impacting both artists and record labels. While it provides exposure to a global audience, it also poses challenges regarding fair compensation for artists. The dynamics of the industry are evolving, reflecting the intricate dance between technology and music. Music Production and Creation

The advent of digital audio workstations (DAWs), software instruments, and electronic production techniques has democratized music creation. Artists now have powerful tools at their fingertips, enabling them to experiment with sounds, collaborate remotely, and produce music independently. This technological shift has broken down barriers, allowing for a diverse array of voices to be heard in the ever-expanding realm of music.

Markdown Syntax Support

Wed, 26 Jul 2023 08:00:00 GMT

Basic Syntax

Markdown is a lightweight and easy-to-use syntax for styling your writing.

Headers

When the content of the article is extensive, you can use headers to segment:

# Header 1

## Header 2

## Large Header

### Small Header

Header previews would disrupt the structure of the article, so they are not displayed here.

Bold and Italics

_Italic text_ and **Bold text**, together will be **_Bold Italic text_**

Preview:

Italic text and Bold text, together will be Bold Italic text

Links

Text link [Link Name](http://link-url)

Preview:

Text link Link Name

Inline Code

This is an `inline code`

Preview:

This is an inline code

Code Blocks

```js
// calculate fibonacci
function fibonacci(n) {
  if (n <= 1) return 1
  const result = fibonacci(n - 1) + fibonacci(n - 2) // [\!code --]
  return fibonacci(n - 1) + fibonacci(n - 2) // [\!code ++]
}
```

Preview:

// calculate fibonacci
function fibonacci(n) {
  if (n <= 1) return 1
  const result = fibonacci(n - 1) + fibonacci(n - 2) // [!code --]
  return fibonacci(n - 1) + fibonacci(n - 2) // [!code ++]
}

Currently using shiki as the code highlighting plugin. For supported languages, refer to Shiki: Languages.

Inline Formula

This is an inline formula $e^{i\pi} + 1 = 0$

Preview:

This is an inline formula $e^{i\pi} + 1 = 0$

Formula Blocks

$$
\hat{f}(\xi) = \int_{-\infty}^{\infty} f(x) e^{-2\pi i x \xi} \, dx
$$

Preview:

$$ \hat{f}(\xi) = \int_{-\infty}^{\infty} f(x) e^{-2\pi i x \xi} , dx $$

Currently using KaTeX as the math formula plugin. For supported syntax, refer to KaTeX Supported Functions.

Images

![CWorld](https://cravatar.cn/avatar/1ffe42aa45a6b1444a786b1f32dfa8aa?s=200)

Preview:

Strikethrough

~~Strikethrough~~

Preview:

~~Strikethrough~~

Lists

Regular unordered list

- 1
- 2
- 3

Preview:

Regular ordered list

1. GPT-4
2. Claude Opus
3. LLaMa

Preview:

GPT-4
Claude Opus
LLaMa

You can continue to nest syntax within lists.

Blockquotes

> Gunshot, thunder, sword rise. A scene of flowers and blood.

Preview:

Gunshot, thunder, sword rise. A scene of flowers and blood.

You can continue to nest syntax within blockquotes.

Line Breaks

Markdown needs a blank line to separate paragraphs.

If you don't leave a blank line
it will be in one paragraph

First paragraph

Second paragraph

Preview:

If you don't leave a blank line it will be in one paragraph

First paragraph

Second paragraph

Separators

If you have the habit of writing separators, you can start a new line and enter three dashes --- or asterisks ***. Leave a blank line before and after when there are paragraphs:

---

Preview:

Advanced Techniques

Inline HTML Elements

Currently, only some inline HTML elements are supported, including <kdb> , such as

Key Display

Use <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>Del</kbd> to reboot the computer

Preview:

Use Ctrl + Alt + Del to reboot the computer

Bold Italics

<b> Markdown also applies here, such as _bold_ </b>

Preview:

Markdown also applies here, such as bold

Other HTML Writing

Foldable Blocks

<details><summary>Click to expand</summary>It is hidden</details>

Preview:

Tables

| Header1  | Header2  |
| -------- | -------- |
| Content1 | Content2 |

Preview:

| Header1 | Header2 | | -------- | -------- | | Content1 | Content2 |

Footnotes

Use [^footnote] to add a footnote at the point of reference.

Then, at the end of the document, add the content of the footnote (it will be rendered at the end of the article by default).

[^footnote]: Here is the content of the footnote

Preview:

Use [^footnote] to add a footnote at the point of reference.

Then, at the end of the document, add the content of the footnote (it will be rendered at the end of the article by default).

[^footnote]: Here is the content of the footnote

To-Do Lists

- [ ] Incomplete task
- [x] Completed task

Preview:

[ ] Incomplete task
[x] Completed task

Symbol Escaping

If you need to use markdown symbols like _ # * in your description but don't want them to be escaped, you can add a backslash before these symbols, such as \_ \# \* to avoid it.

\_Don't want the text here to be italic\_

\*\*Don't want the text here to be bold\*\*

Preview:

_Don't want the text here to be italic_

**Don't want the text here to be bold**

Embedding Astro Components

See User Components and Advanced Components for details.

Markdown 语法支持

Wed, 26 Jul 2023 08:00:00 GMT

基本语法

Markdown 是一种轻量级且易于使用的语法，用于为您的写作设计风格。

标题

文章内容较多时，可以用标题分段：

# 标题 1

## 标题 2

## 大标题

### 小标题

标题预览会打乱文章的结构，所以在此不展示。

粗斜体

_斜体文本_

**粗体文本**

**_粗斜体文本_**

预览：

斜体文本

粗体文本

粗斜体文本

链接

文字链接 [链接名称](http://链接网址)

预览：

文字链接链接名称

行内代码

这是一条 `单行代码`

预览：

这是一条 行内代码

代码块

```js
// calculate fibonacci
function fibonacci(n) {
  if (n <= 1) return 1
  return fibonacci(n - 1) + fibonacci(n - 2)
}
```

预览：

// calculate fibonacci
function fibonacci(n) {
  if (n <= 1) return 1
  return fibonacci(n - 1) + fibonacci(n - 2)
}

当前使用 shiki 作为代码高亮插件，支持的语言请参考 shiki / languages。

行内公式

这是一条行内公式 $e^{i\pi} + 1 = 0$

预览：

这是一条行内公式 $e^{i\pi} + 1 = 0$

公式块

$$
\hat{f}(\xi) = \int_{-\infty}^{\infty} f(x) e^{-2\pi i x \xi} \, dx
$$

预览：

$$ \hat{f}(\xi) = \int_{-\infty}^{\infty} f(x) e^{-2\pi i x \xi} , dx $$

当前使用 KaTeX 作为数学公式插件，支持的语法请参考 KaTeX Supported Functions。

图片

![CWorld](https://cravatar.cn/avatar/1ffe42aa45a6b1444a786b1f32dfa8aa?s=200)

预览：

删除线

~~删除线~~

预览：

~~删除线~~

列表

普通无序列表

- 1
- 2
- 3

预览：

普通有序列表

1. GPT-4
2. Claude Opus
3. LLaMa

预览：

GPT-4
Claude Opus
LLaMa

列表里可以继续嵌套语法

引用

> 枪响，雷鸣，剑起。繁花血景。

预览：

枪响，雷鸣，剑起。繁花血景。

引用里也可以继续嵌套语法。

换行

markdown 分段落是需要空一行的。

如果不空行
就会在一段

第一段

第二段

预览：

如果不空行就会在一段

第一段

第二段

分隔符

如果你有写分割线的习惯，可以新起一行输入三个减号--- 或者星号 ***。当前后都有段落时，请空出一行：

---

预览：

高级技巧

行内 HTML 元素

目前只支持部分段内 HTML 元素效果，包括 <kdb>  ，如

键位显示

使用 <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>Del</kbd> 重启电脑

预览：

使用 Ctrl + Alt + Del 重启电脑

粗斜体

<b> Markdown 在此处同样适用，如 _加粗_ </b>

预览：

Markdown 在此处同样适用，如加粗

其他 HTML 写法

折叠块

<details><summary>点击展开</summary>它被隐藏了</details>

预览：

表格

| 表头1 | 表头2 |
| ----- | ----- |
| 内容1 | 内容2 |

预览：

| 表头1 | 表头2 | | ----- | ----- | | 内容1 | 内容2 |

注释

在引用的地方使用 [^注释] 来添加注释。

然后在文档的结尾，添加注释的内容（会默认于文章结尾渲染之）。

[^注释]: 这里是注释的内容

预览：

在引用的地方使用 ^注释来添加注释。

然后在文档的结尾，添加注释的内容（会默认于文章结尾渲染之）。

To-Do 列表

- [ ] 未完成的任务
- [x] 已完成的任务

预览：

[ ] 未完成的任务
[x] 已完成的任务

符号转义

如果你的描述中需要用到 markdown 的符号，比如 _ # * 等，但又不想它被转义，这时候可以在这些符号前加反斜杠，如 \_ \# \* 进行避免。

\_不想这里的文本变斜体\_

\*\*不想这里的文本被加粗\*\*

预览：

_不想这里的文本变斜体_

**不想这里的文本被加粗**

内嵌 Astro 组件

See User Components and Advanced Components for details.

StoicNeko's Blog

解决 kind load docker-image 多平台镜像导入失败

解决 kind load docker-image 多平台镜像导入失败

环境

根因分析

为什么 docker save + kind load image-archive 也不行？

为什么 docker pull --platform 也不行？

解决方案：crane 拉单平台镜像

安装 crane

拉取并导入

验证

对比

写个 helper 函数

这个问题跟操作系统有关吗？

总结

解决 Kind 在 WSL2 + Docker Desktop 下无法拉取镜像的代理问题

解决 Kind 在 WSL2 + Docker Desktop 下无法拉取镜像的代理问题

环境

症状

排查过程

第一个坑：代理只监听 127.0.0.1

第二个坑：Kind 节点里的 localhost 不是宿主机

尝试过的地址

解决方案

1. Sparkle 内核开启"允许局域网"

2. 创建 Kind 集群时使用 host.docker.internal

已有集群怎么办？

另一个坑：kind load docker-image 失败

总结

用 NoneBot2 + NapCat 做一个 QQ 点歌机器人

用 NoneBot2 + NapCat 做一个 QQ 点歌机器人

整体架构

部署 NapCat

NoneBot2 项目搭建

搜索逻辑

网易云音乐 API

模糊匹配

QQ 音乐 fallback

踩坑记录

坑 1：音乐卡片格式

坑 2：bot 自发消息不被识别

坑 3：自发消息发回给了自己

坑 4：网易云 album.picUrl 经常为空

仅响应私聊

最终效果

总结

用 Tailscale 从其他设备 SSH 进 WSL2

用 Tailscale 从其他设备 SSH 进 WSL2

问题排查

真正的原因：AP 客户端隔离

解决方案：Tailscale

1. WSL2 中安装

2. 启动并登录

3. 获取 Tailscale IP

4. 另一台设备

总结

在 WSL 中提取 Chrome Cookie：从 PyPI 撞名到 App-Bound Encryption

在 WSL 中提取 Chrome Cookie：从 PyPI 撞名到 App-Bound Encryption

第一坑：PyPI 包撞名

第二坑：QR 登录拿不到 __zp_stoken__

第三坑：在 WSL 里提取 Chrome Cookie

尝试一：browser-cookie3

尝试二：直接读 SQLite 文件

尝试三：Bookmarklet（部分成功）

关键发现：Session 不匹配

尝试四：Playwright（失败）

尝试五：Chrome 远程调试端口（失败）

最终方案：EditThisCookie 扩展

总结

正确流程（WSL + Chrome）

使用 Astro + Cloudflare Pages 搭建个人博客

为什么选择 Astro + Cloudflare Pages

搭建过程

1. 克隆模板

2. 切换适配器

3. 添加 Wrangler 配置

4. 依赖问题

5. 自定义站点信息

踩坑记录

Worker vs Pages：最大的坑

第二坑：QR 登录拿不到 `__zp_stoken__`