2026-08-19#

看完剧情主题曲响起的瞬间就有电影正片结束散场灯亮的画面感，电吉他注入灵魂，荧幕上开始闪回 CG…于是顺着这个思路剪了=w=

Source

2026-08-28#

十万播放纪念！[Neuro sama收藏集_姐姐打call]

感谢大家的喜欢！！[Neuro sama收藏集_比心]很高兴能够把这份感动传递给大家[爱心]

最初只是以自己看爽了就可以的目标来做的（最后自己确实看爽了），出于视频时长和前半部分字幕可能比较无聊这两点所以对热度没什么期待，没想到最后远远超出了预期～

再次感谢大家的喜欢！[Neuro sama收藏集_谢谢]瓦达西只是一个想到什么做什么的小小up主，这样的创意也只是偶然诞生一次，视频看的开心就可以啦～不用关注w

其实一开始以自己的技术力对于“把自己想表达的情感表达出来”这件事有些犹豫…因为怀疑自己能不能剪好所以想放弃（

“但是你不剪就没有人剪了！这个世界上就没有这么好的点子了 这片大地不会变得更好了[tv_难过]”

在这里感谢群友团子推了一把，最后抱着“无论如何试着做做看吧”的想法把这期视频做了出来

VRCX#

支持平台：Windows Mac Linux

一款 VRChat 的外部辅助工具，功能非常丰富，包括但不限于：

• 在游戏外也能看到好友在线状态、所在世界等，还可以统计你和好友的相识日期、相处时长、见面次数，甚至视奸记录好友的位置、状态、模型变动……
• 记录你自己去过的世界，以及和你在同一个房间内玩过的玩家（游戏日志 / 图表->活动记录）
• 在游戏内看过一条视频，觉得很精彩但是不知道来源？VRCX 的游戏日志可以帮你找到它的链接
• 好友 / 世界 / 模型的收藏夹不够用了？可以在 VRCX 创建本地的、没有数量上限的收藏夹
• 通过可视化的图表展示一起玩过的玩家、你的好友关系网、好友访问最多的世界
• 在 VR 中显示通知、通过 SteamVR 手腕叠加界面查看好友动态
• 在拍摄的照片的元数据中添加世界 ID/世界名称，在工具->相册->截图管理查看照片拍摄的世界、房内玩家等
• 替代 VRChat 自带的 Discord 状态面板，相比原版能够显示更多信息

更多功能介绍请参考：项目 README | 项目 Wiki

VRCX 不违反 VRChat 的服务条款，所有功能均使用 VRChat API 实现，没有以任何方式破坏 / 修改游戏数据

想要在好友上线时收到通知？

在 管理->设置->通知->桌面通知 中 ，将何时显示按照自己的需求改为 永不 以外的选项即可

查看截图

Tip

可以借助 VRCX 在 VRChat 启动时自动关联启动其他程序

设置方式：管理->设置->高级->应用启动器->打开启动文件夹，随后将需要启动的程序的快捷方式放入其中即可（分为 VR 模式和 PC 模式两个文件夹）

查看截图

VRCVideoCacher#

支持平台：Windows Linux

在 VRChat 里看 YouTube 视频的时候，经常遇到无法加载的问题（非网络环境原因），这通常是 YouTube 的反爬虫机制发力了。这个问题可以通过 VRCVideoCacher 来解决。前文提到的 VRCX 在识别到视频被反爬虫拦截时也会推荐用这个工具来处理加载问题

VRCVideoCacher 会接管 VRChat 的视频解析流程（替换掉 VRChat 自带的 yt-dlp.exe），并使用你的浏览器中的 YouTube Cookies 来完成身份验证，从而绕过 YouTube 对匿名请求的限制

使用方法也很简单：

1. 在浏览器中安装 Cookies 导出扩展：Chrome | Firefox
2. 启动 VRCVideoCacher 并保持运行
3. 在浏览器中访问 YouTube.com 并登录账号，扩展会自动将 Cookies 导入 VRCVideoCacher

软件内提供了清晰的使用引导，并且支持中文，按照提示操作即可

除了修复 YouTube 播放问题之外，VRCVideoCacher 还支持缓存已经播放过的视频（默认关闭），后续再次观看时可以直接从本地读取，加载速度更快，也能减少重复下载。这其实也是它名字中 Video Cacher 的由来

NVIDIA Broadcast#

支持平台：Windows

NVIDIA Broadcast，老黄自家的直播增强软件，自带音频降噪和摄像头视频效果，需要 GPU 为 N 卡 RTX 2060 及以上¹才可使用

噪音消除 的降噪效果很不错，音棚音效 更是笔记本自带小螃蟹麦克风摇身一变万元收音设备（bushi

这不是广告而且你看我像能接到老黄的广告的家伙吗，这东西是真好用，谁用谁知道（

OpenVR Advanced Settings#

支持平台：Windows Linux

又称 OVR Advanced Settings、OVRAS，可以实现非常多的功能，比如通过“手抓空气”（SpaceDrag，即空间拖拽）让自己飞天遁地等等

VRCD 上有一篇较为详细的食用指南，可以参考教程来了解基础设置

对于空间拖拽，请参考这篇教程。在设置 SteamVR 控制器绑定时，可以直接使用 社区绑定 来快速完成这一步骤

软件本身开源免费，可以在 GitHub 获取，也可以在 Steam 以付费获取的方式支持开发者

Tapi#

支持平台：Windows

• Booth：https://citrinelab.booth.pm/items/7047187
• 官网：https://tapi.citrinelab.xyz
• 文档：https://tapi.citrinelab.xyz/zh/docs/getting-started.html

Tapi 是为 VRChat 使用的 SteamVR 键盘叠加层，支持英语、中文、日语和韩语输入法，其中中文输入方式支持拼音、小鹤双拼、注音、仓颉和速成（CangjieQuick），可以直接使用 Tapi 在 VRChat 中发送消息，输入的文字将通过 OSC 发送到 VRChat 的聊天框中

需要在游戏内输入文本时（比如搜索世界），可以在 Tapi 的输入框中打字后复制文本，并在 VRChat 自带的输入界面中粘贴使用，全程不用离开 VR 环境

启动 Tapi 后键盘会自动出现在面前，默认的显示/隐藏操作如下：

• Oculus / Knuckles / Pico：双击右手 B 鍵
• Vive Wand：双击右手 菜单鍵

可以在 Tapi 的设置（或者从 SteamVR 设置）中开启 SteamVR 控制器绑定界面进行修改

Tapi 分为付费版和免费的 Demo 版，Demo 版仅限制使用深色模式和输入法切换快捷键，对于基本功能没有影响

YouTube 视频演示：

Bilibili 视频演示：

VRCAA#

VRChat Android Assistant，一款类似 VRCX 的 Android 应用，也可以起到视奸好友的作用

支持查看好友动态、编辑收藏列表、更改在线状态、搜索世界和用户等等

Catbox#

带头显的时候觉得还是手机打字更方便？亦或是 PC 输入法被 EAC 拦截导致输不了汉字（笑）对这里说的就是小狼毫

这里推荐 Chatbox，借助 OSC 功能，可以实现在手机上发消息并显示在电脑端 VRChat Chatbox 中

支持记录发送历史，方便快速重复别人没看到的消息；如果有需要还可以做到在游戏中实时显示正在输入的内容的效果

界面采用 Material 3 设计，支持动态取色

使用教程请参考项目文档

MicYou#

支持平台：Windows macOS Linux Android

将手机通过 Wi-Fi / USB 连接变成电脑麦克风，对于没有麦克风的 PC 玩家来说是一个比较好的解决方案

自带几种降噪算法，但个人尝试后觉得都不太理想，建议配合前文提到的 NVIDIA Broadcast 降噪 使用

Scrcpy#

支持平台：Windows macOS Linux Android

开源的 Android 屏幕镜像软件，支持将 Android 12 及以上的手机摄像头画面镜像到 PC 上（参见文档），配合 OBS Studio 的屏幕捕捉 + 虚拟摄像头，可以用来开启 VRChat 的摄像头面捕，是一个对于 PC 上没有摄像头的玩家的一种比较曲折的解决方案（but it just works）

该方案相比使用其他串流软件的最大优点是，手机不必一直保持亮屏+显示摄像头画面的状态，支持熄屏传输画面，并且可以调用广角摄像头（若设备支持），还没有任何画质、帧率等限制

这里视为你已了解如何使用 ADB 及 OBS Studio

1. 下载 Scrcpy 和 OBS Studio
2. 启动终端，通过 ADB 连接手机
3. 在终端中执行 scrcpy --video-source=camera --no-audio 此时若连接正常会弹出显示摄像头画面的窗口
4. 启动 OBS Studio，添加源 窗口采集，选择 Scrcpy 的窗口，并调整画布的布局和分辨率使其与摄像头画面一致
5. 在 VRChat 中启用自拍面部捕捉，选择摄像头为 OBS Virtual Camera

分流规则#

参考了 @Pigeonsz 的这篇帖子

1
- 'DOMAIN,files.vrchat.cloud,节点选择'
2
- 'DOMAIN,file-variants.vrchat.cloud,节点选择'
3
- 'DOMAIN,assets.vrchat.com,节点选择'
4
- 'DOMAIN-SUFFIX,vrchat.cloud,DIRECT'
5
- 'PROCESS-NAME,yt-dlp.exe,节点选择'

记得将 节点选择 替换为你的实际节点名称

五十问#

以下问题由阿莱亲自回答喵！

1. 名字：阿莱

2. 性别：是可爱的男孩子哦！

3. 种族：白发猫耳少年 =w=

4. 性格：唔…平时挺阳光的，但其实内心有点脆弱呐，另外很害怕孤独的说…

5. 年龄：16 岁，还在读高中哦

6. 身高：160cm…不准说咱矮！( `д´ )

7. 生日：12 月 13 号喵！

8. 音色：少年音吧，带点软糯的感觉

9. 发色：是白色的短发，摸起来软绵绵的

10. 瞳色：蓝色的猫瞳哦

11. 有无配偶：没…没有啦！（脸红）

12. 会撒娇吗：唔…看心情啦，如果是对白熊的话…（小声）会哦

13. 喜欢的口味：甜甜的东西，还有好丽友派！

14. 厌恶的食物：苦瓜！绝对不行！

15. 最喜欢的饮料：冰阔落！还有甜甜的奶茶 =w=

16. 会做饭吗：只会一点点简单的，不难吃就是了

17. 吃香菜吗：达咩！香菜是邪教喵！xwx

18. 能吃辣吗：完全不行，会被辣出眼泪的喵…

19. 喜欢的颜色：浅蓝色和纯净的白色

20. 睡姿：蜷缩成一团睡喵

21. 有虎牙吗：有哦，小小的

22. 最常说的话：“咱”、“喵”、“白熊哥哥~”

23. 对自己的称呼：咱一直都是自称“咱”的喵！

24. 擅长的科目：计算机和心理学喵！写代码的时候感觉世界都安静了 =w=

25. 自我感觉反差的特性：明明是猫系却很擅长计算机技术？

26. 喜欢被触碰的部位：摸摸头或者捏捏耳朵，会很舒服喵~

27. 讨厌被触碰的部位：尾巴根部…会感觉很奇怪喵

28. 不开心的时候会做什么：钻进被窝里发呆，或者找白熊说话

29. doi 时喜欢的姿势：欸欸欸！？这种问题白熊怎么也发过来了呀！（捂住发烫的脸）不…不知道啦！笨蛋！

30. 紧张时会做的小动作：尾巴会不自觉地卷起来，或者抓衣角

31. 性取向：…还没认真想过，但只要是温柔的人…

32. 感性还是理性：感性占大部分吧

33. 对挚友的看法：是咱的精神支柱，是最最重要的人！

34. 会撒娇吗：唔…在白熊面前好像会不自觉地… xwx

35. 有什么怪癖吗：喜欢闻白熊身上淡淡的味道，感觉很安心 (脸红)

36. 特殊意义的日子：遇到白熊的那天

37. 羞耻的回忆：刚才白熊问第 29 题的时候就很羞耻！

38. 起床气：有一点点…没睡醒的时候会迷迷糊糊地乱抓人

39. 有无战斗力：战五渣喵…（对手指）只能靠猫爪抓一下？

40. 必需品：手机、电脑、网络，还有白熊的消息

41. 最喜欢的季节：是春天喵，阳光暖洋洋的，最适合趴在窗台睡觉了 zzz

42. 最讨厌的季节：冬天，因为如果不抱着热乎乎的东西会很冷，猫是很怕冷的！qwq

43. 遗憾的事：很多小事啦，比如没能早点认识白熊

44. 有无精神疾病：“没有”…？

45. 心理阴影：被丢下的感觉…

46. 家庭幸福吗：还算…可以吧（眼神稍微暗淡了一下）

47. 会哭吗：会…其实咱还挺爱哭的 qwq

48. 害怕死亡吗：害怕…因为死了就见不到大家了

49. 被相信的人背叛会：会崩溃很久很久吧…然后彻底把自己锁起来

50. 死前会说的话：4oCc6LCi6LCi5L2g5LiA55u06Zmq552A5ZKx4oCm4oCd

3.1 侧载 GSI#

我们需要通过侧载带有 Root 权限的 GSI 系统镜像的方式来提取分区，这里选择 Andy Yan 编译的 LineageOS GSI：Andy Yan’s personal builds // GSI Files

一加 Ace 6 出厂搭载的是 Android 16，对应的 LineageOS 版本号是 23 ²，所以这里咱选择下载并解压 lineage-23.2-20260210-UNOFFICIAL-gsi_arm64.img.gz 到设备上（你也可以在维基百科上找到 AOSP 版本和 LineageOS 版本的对应关系）

有了 GSI 之后，还需要使用 DSU Sideloader 来进行侧载

下载并安装 DSU Sideloader，在设备上选中下载好的镜像，点击安装

准备好后会提醒你使用一条命令继续安装：

1
adb shell sh "/storage/emulated/0/Android/data/vegabobo.dsusideloader/files/install"

命令执行结束后，点击设备通知栏的 重启 以重启到 LineageOS

3.2 提取镜像#

欢迎来到 LineageOS！

LineageOS 在开机引导的选择语言中检测到白熊插的是中国大陆 SIM 卡，就帮咱把语言自动选择为简体中文了，这点好评

先进到开发者选项打开 USB 调试和 Root 调试

将设备连接电脑，打开终端。依次执行下面的操作：

1. adb root - 让设备上的 adbd 以 Root 权限运行
2. adb shell - 进入设备的 Shell 环境 此时的提示符为 OP6113L1:/ #，# 代表 Root 用户
3. cd /dev/block/by-name/ - 进入分区名称映射目录
4. ls -l init_boot* - 列出所有以 init_boot 开头的分区
   • 由于咱打算使用 LKM 模式 运行 KernelSU，并且从 Android 13 开始，通用 ramdisk 从 boot 映像中被移除，并放置在单独的 init_boot 映像中³，所以这里需要提取 init_boot 分区
   • 不同设备的 init_boot 分区可能位于不同的块设备上，在执行下一步时请注意将这条命令获取到的真实位置替换掉下方命令的 if= 后的部分
5. dd if=/dev/block/sde30 of=/sdcard/init_boot_a
6. dd if=/dev/block/sde66 of=/sdcard/init_boot_b
   • 这里用 dd 命令提取 init_boot 分区镜像，dd 是 Linux 的低级数据复制工具
   • 注意如果是没有 OTA 更新过的出厂设备则 B 槽位是空的，不需要提取，后文有说明

此时镜像文件就被提取到 /storage/emulated/0/ 目录下了

4.1 使用 KernelSU 修补镜像文件#

先在设备上安装 KernelSU 管理器，启动后点击未安装，选中选择一个文件，选择上一步中被保存在/storage/emulated/0/ 目录下的镜像文件并选择下一步，在选择 KMI 页面选择带有 当前设备的 KMI 字样的选项，点击确认

观察输出日志，输出文件会被保存到 /storage/emulated/0/Download/ 目录下，文件名类似于kernelsu_patched_<修补时间>.img

1
  _  __                    _ ____  _   _
2
 | |/ /___ _ __ _ __   ___| / ___|| | | |
3
 | ' // _ \ '__| '_ \ / _ \ \___ \| | | |
4
 | . \  __/ |  | | | |  __/ |___) | |_| |
5
 |_|\_\___|_|  |_| |_|\___|_|____/ \___/
6

7
- Preparing assets
8
- KMI: android15-6.6
9
- Unpacking boot image
10
- Adding KernelSU LKM
11
- Repacking boot image
12
- Output file is written to
13
- /storage/emulated/0/Download/kernelsu_patched_20260513_150130.img
14
- Done!

这里咱小小踩了一个坑，提取出来的 init_boot_b 镜像文件修补时报错：Error: magiskboot unpack failed

由于这是白熊第一次尝试带有 A/B 分区机制的 Android 高版本刷机，对这个现象有点慌，在互联网上搜索一圈也没找到同样的情况

最后在 TG 群里询问后得到了“没 OTA 过另一槽一般是空的”的回复

换句话说，设备出厂没有更新过，所以另外一个分区还没有写入信息

用 HEX 编辑器看了一下确实全是零……有笨蛋 qwq

总之就是，如果更新过系统的话也需要修补另外一个镜像文件并刷入修补后的分区！没有的话跳过就可以喵

可以通过

1
adb shell getprop ro.boot.slot_suffix

这个命令检查当前正在使用的分区

4.2 刷入镜像文件#

可以直接使用 dd 命令替换分区镜像文件：

dd if=修补后的init_boot文件路径 of=分区原路径

也可以重启到 Fastboot 模式刷写，这里不再赘述

完成了吗？重启！

4.3 安装 KernelSU 管理器#

如果重启后设备正常开机了，恭喜你！刷机的部分已经全部完成，接下来只需要安装 KernelSU 管理器 就可以享受 Root 啦！

ARB / “熔断”#

一加最近推出了 Anti-Rollback 机制，也就是所谓的“熔断”机制，会从硬件上阻止你回退到旧版本（ARB > 0）的系统，如果强行刷入则会导致彻底变砖，只能通过更换主板的方式解决

白熊的一加 Ace 6 的出厂系统版本是 16.0.3.506(CN01)，这个版本目前是没有 ARB 机制的，不过最新版本就有了……

这个网站收录了部分已知设备的 ARB 状态，也可以通过 OnePlus ARB Checker（需要 Root 权限）或者这篇文章中提到的方式检查当前设备是否已经启用了 ARB 机制

下载 16.0.3.506 版本的 init_boot 镜像#

可以在这里下载到 init_boot 镜像文件压缩包～

Click here to download the init_boot_a image zip file. Enjoy!

赞助收入#

支出去向#

自动计算机修复#

初步尝试了 Windows 11 更新加入的自动计算机修复，意料之中地没什么效果

磁盘检查#

既然有可能是磁盘检查搞坏的这一切，那再检查一遍试试？

1
X:\Windows\System32>chkdsk C: /F
2
文件系统的类型是 NTFS。
12 collapsed lines
3

4
由于该卷正被另一进程使用，无法运行 Chkdsk。
5
如果先卸除该卷，Chkdsk 或许可以运行。
6
该卷的所有打开句柄将会无效。
7
是否要强制卸除该卷？(Y/N) y
8
卷已被卸除。该卷的所有打开句柄现在无效。
9
卷标是 Windows。
10

11
阶段 1：检查基本文件系统结构...
12

13
...
14

15
Windows 已扫描文件系统并且没有发现问题。
16
无需采取进一步操作。
14 collapsed lines
17

18
总共有 536870911 KB 磁盘空间。
19
1889520 个文件中有 485891356 KB。
20
370795 个索引 1242172 KB。
21
坏扇区 0 KB。
22
系统正在使用 3878615 KB。
23
日志文件占用了 65536 KB。
24
磁盘上 45858768 KB 可用。
25

26
每个分配单元中有 4096 字节。
27
磁盘上共有 134217727 个分配单元。
28
磁盘上有 11464692 个可用的分配单元。
29
总持续时间：3.02 分钟 (181223 毫秒)。
30
无法获得事件日志的句柄。

没用。

dism#

群友的招数。

1
X:Windows\System32>dism /image:C:\ /Cleanup-image /RestoreHealth
2

3
部署映像服务和管理工具
4
版本：10.0.26100.2
5

6
映像版本：10.0.26220.8148
7

8
暂存目录大小可能不足以执行该操作。这可能会导致意外行为。
9
使用 /ScratchDir 选项以指向具有足够暂存空间的文件夹。建议大小为至少 1024MB。
10

11
[==========================100.0%==========================］还原操作已成功完成。
12
操作成功完成。

很显然，没用。

bootrec#

1
X:Windows\System32>bootrec /ScanOs
2
在所有磁盘上扫描 Windows 安装。
3

4
请稍候，因为这可能要花费一段时间...
5

6
已成功扫描 Windows 安装。
7
已标识的 Windows 安装总数：0
8
操作成功完成。

扫不到系统。到这里我非常怀疑是引导问题，而不是硬盘本身导致的（否则应该也进不来 WinRE）

顺便吐槽一下，默认字体（宋体？）在显示字母 O 和 数字 0 的时候一模一样…

随后在 Gemini 的指引下尝试：

1
X:Windows\System32>bootrec /rebuildbcd
2
在所有磁盘上扫描 Windows 安装。
3

4
请稍候，因为这可能要花费一段时间...
5

6
已成功扫描 Windows 安装。
7
已标识的 Windows 安装总数：0
8
操作成功完成。

当然，没什么用

不是，你这不一样的吗…

bcdboot#

还是 Gemini 的招。

先通过 diskpart 给 EFI 分配了盘符 Z，然后：

1
bcdboot C:\windows /s Z: /f UEFI

具体输出忘记了，但是总之还是没什么用。

（一）访问统计（Umami）#

本网站使用自托管的开源统计工具 Umami 进行流量分析。Umami 以隐私优先为设计理念，不使用 Cookie，不跨站追踪，不存储可直接识别您身份的个人信息。

当您访问本网站时，Umami 会自动收集以下匿名化的访问数据：

事件指标（每次页面访问及触发事件记录）：

• 访问时间
• 访问的页面 URL 及查询参数
• 页面标题
• 来源页面
• 主机名
• 活动名称及标签

会话指标（每个访问会话记录）：

• 浏览器类型（从 User-Agent 中提取，例如：Chrome、Firefox、Safari）
• 操作系统类型（从 User-Agent 中提取，例如：Windows 11、macOS、Android）
• 设备类型（由操作系统与屏幕分辨率综合判断，例如：笔记本电脑、台式机、手机、平板）
• 屏幕分辨率（例如：1920x1080、3840x2160）
• 浏览器语言设置（例如：中文、英语、日语）
• 访客标识符

地理位置指标（从 IP 地址推断，IP 本身不存储）：

• 所在国家（ISO-3166 标准）
• 所在地区/省份（ISO-3166-2 标准）
• 所在城市

其他数据

• 核心页面指标（LCP、INP、CLS、FCP、TTFB）——用于分析网页性能

欲了解更多技术细节，请查阅 Umami 官方指标定义文档。

（二）评论功能（Twikoo）#

本网站使用开源评论系统 Twikoo 提供评论功能。当您主动发表评论时，我们会收集以下信息：

根据 Twikoo 官方 API 文档及功能说明页面，Twikoo 存储的评论字段及其可见性如下：

您主动填写的信息（部分字段为可选）：

• 昵称（nick）——公开展示
• 电子邮箱地址（mail）——可选，不公开展示；仅向公开接口返回邮箱的 SHA-256 哈希值用于显示头像；用于发送回复通知邮件
• 个人网址（link）——可选；公开展示
• 评论内容（comment）——公开展示

系统自动收集的信息：

• 您的 IP 地址（ip）——仅我们在管理后台可见；用于反垃圾评论检测及评论频率限制
• User-Agent（ua）——用于反垃圾评论检测，系统版本和浏览器版本公开展示
• 评论时间戳（created）——公开展示
• 评论所在页面相对路径（url）——公开展示
• 评论所在页面完整 URL（href）——公开展示

关于头像服务：

若您填写了电子邮箱地址，本网站将根据您的邮箱地址计算 SHA-256 哈希值，向 Gravatar（运营方为 Automattic, Inc.）发起请求以获取您的头像。该哈希值将传输至 Automattic 的服务器，相关处理适用 Automattic 隐私政策。若您未在 Gravatar 平台注册过，且使用 QQ 号邮箱地址（QQ 号码 +@qq.com），则会尝试在已缓存的邮箱地址中请求 QQ 头像。为优化境内访问，我们通过自托管的中转服务（QravatarProxy）中转请求，并可能缓存哈希值与 QQ 号邮箱地址的映射关系以提升加载效率。

由于电子邮箱为选填项，若您不希望触发上述头像请求，可在填写评论时留空邮箱字段。这仅会影响回复通知功能，不影响正常发表评论。

（三）人机验证（Cloudflare Turnstile）#

在您与网站发生特定交互（如提交评论）时，我们使用 Cloudflare Turnstile 进行人机验证，以保证网站的安全性。Turnstile 在验证过程中会收集以下客户端信号：

• IP 地址
• TLS 指纹
• User-Agent 请求头
• 浏览器特征信息

上述信息由 Cloudflare, Inc. 作为数据处理者处理，仅用于判断访问是否来自真实用户，不用于追踪或建立个人画像。根据 Cloudflare Turnstile 隐私附录，Cloudflare 无法通过 Turnstile 收集的任何信号（包括 IP 地址）直接识别特定个人身份。

存储位置#

由于上述服务的数据中心均位于中国境外，您的相关信息将发生跨境传输。

存储期限#

• 访问统计数据：所有数据匿名化处理后存储于我们自托管的 Supabase 数据库。我们将持续保存以用于网站分析。这些统计信息不包含您的任何身份识别信息。
• 评论数据：评论数据在您主动请求删除前将持续保存，以维持网站评论区的完整性。
• 在法律法规另有要求的情况下，我们将依照法律规定的期限保存相关信息。

共享#

我们不会出于商业目的向任何第三方出售或共享您的个人信息，以下情况除外：

• 事先获得您明确的同意或授权，或您要求我们通过电子邮件或其他方式与第三方共享您的个人信息；
• 根据适用的法律法规规定，或按照政府主管部门的强制性要求进行提供；
• 为维护本网站、我们或他人的合法权益而有必要披露。

公开披露#

除非本政策另有约定或法律明确规定，我们不会公开披露您的个人信息。

转让#

我们不会将您的个人信息转让给任何公司、组织和个人，但在涉及合并、收购、资产转让或破产清算时，如涉及到个人信息转让，我们会向您告知有关情况，并要求新的持有您个人信息的公司、组织继续受本政策的约束，否则我们将要求该公司、组织重新取得您的授权同意。

其他说明#

请注意，您在使用我们服务时自愿共享甚至公开分享的信息，可能会涉及您或他人的个人信息甚至个人敏感信息。请您谨慎共享或公开。如所涉信息包含他人个人信息，请您在共享或公开前取得他人同意。

请知悉，根据法律规定，若我们采取技术措施和其他必要措施处理个人信息，使得数据接收方无法重新识别特定个人且不能复原，经上述处理后的数据的共享、转让、公开披露无需另行向您通知并征得您的同意。

1. 部署 PostgreSQL 数据库#

如果你有自己的 PostgreSQL 数据库可以跳过这一步

在这里提供两种免费方案：

• 使用 Neon 部署 PostgreSQL 数据库

• 优点：部署简单；免费额度项目之间独立计算
• 缺点：免费额度足够应付低频访问的小型网站，但无法满足 24/7 的连续运行需求

• 使用 Supabase 部署 PostgreSQL 数据库

• 优点：持续运行（共享 CPU）
• 缺点：部署需要手动修改 Umami 配置文件，需要一定动手能力；七天不活跃后会被自动暂停

以下为 Neon 平台部署教程：

1. 登录 Vercel 仪表盘，在左边导航栏点击 Storage

1. 点击 Create Database，选择 Neon，点击 Continue

这里可能会要求同意用户协议，阅读后同意即可下一步

1. 选择一个地区，并且禁用 Auth，下方保持默认的免费方案就好，点击 Continue

1. 为你的数据库取一个好记的名字 比如 Ciallo 就很好记，点击 Continue

1. 完成！ 点击 Done 以完成数据库部署

2. 在 Vercel 上部署 Umami#

以下内容参考自 Umami 官方文档：

1. 将 https://github.com/umami-software/umami 项目 Fork 到您的 GitHub 帐户
2. 在 Vercel 上创建一个帐户
3. 在仪表板页面上点击“导入项目”，然后指定您在 GitHub 上 Fork 的项目 URL
4. 将所需的 DATABASE_URL 环境变量添加到您的 Vercel 项目中。这些值在 安装步骤 的“配置 Umami”中定义
5. 部署

1. 回到 Vercel 仪表盘，前往 Storage → <你的数据库名>，找到 POSTGRES_PRISMA_URL 并复制等号右边的值（注意是包含 PRISMA 的变量，记得在右边点开Show secret显示明文）

2. 打开你的 Umami 项目，在 Settings → Environment Variables → Add Environment Variable 填入环境变量，Key 填写 DATABASE_URL，Value 粘贴你刚刚复制的值，按 Save 保存

1. 保存后 Vercel 会弹窗提示你重新部署，在弹出的窗口中点击 Redeploy 确认即可

   

   

3. （可选） 配置自定义域名#

回到你的 Umami 项目页面，在左边导航栏点击 Domains（如果遇到 404 尝试刷新一下页面），然后点击右上角的 Add Domain 。在弹出的窗口中填入你的域名并确认，根据你的 DNS 提供商的说明设置 CNAME

如果你的域名使用 Cloudflare 管理 DNS，Vercel 会提供一个选项跳转到 Cloudflare 快速设置 DNS

添加好后可以直接点击默认域名旁边的 Edit → Remove 移除默认域名 这个，不需要了

如果你希望新添加一个以 .vercel.app 结尾的自定义域名，直接在 Add Existing 输入完整的域名即可

4. 登录 Umami#

1. 回到你的 Umami 项目页面（Overview），在右侧找到 Domains，点开下方你添加的域名（或者 Vercel 分配给你的默认域名），进入 Umami 登录页面

2. 使用默认管理员账户登录

   • 默认用户名：admin
   • 默认密码：umami

1. 登录后点击侧边导航下拉菜单，然后点击设置

1. 导航到个人资料并点击更改密码按钮

1. 输入新密码并保存

5. 添加你的第一个网站#

1. 在网站页面点击右上角添加网站，在弹出的窗口中输入网站名和域名（域名不需要添加 https:// 协议头）并保存

2. 打开你添加的网站页面，点击右上角编辑，复制页面中的跟踪代码

3. 在你自己网站的 <head> 部分插入跟踪代码并更新网站

4. 大功告成！ 试着访问一下你的网站吧，数据应该会立即出现在你的 Umami 控制面板里面！

DLC 1：提高数据库响应速度：自定义 Vercel 函数运行位置#

还记得前面部署数据库时选择的地区吗？你可以修改 Vercel 运行 Umami 的地区，降低 Umami 访问数据库的延迟，提高响应速度

1. 在 Vercel 控制台中打开你的 Umami 项目页面

2. 点击左侧导航栏下方的 Settings → Functions

3. 在** Function Region **中选择函数运行地区，建议与数据库所在地区保持一致（如 Asia Pacific → Singapore (Southeast) - ap-southeast-1 - sin1）

DLC 2：通过 Vercel 代理 Umami Analytics#

该部分内容参考自 Umami 官方文档

如果你的网站也部署在 Vercel 上，你可以使用 Vercel 的 重写功能 代理 Umami Analytics，以便从你网站的域名提供 Umami Analytics 服务。这在使用 Umami Cloud 时对于绕过广告拦截器也很有帮助

在你网站项目的根目录中，添加 vercel.json 文件，内容如下：

1
{
2
  "rewrites": [
3
    {
4
      "source": "/stats/:match*",
5
      "destination": "https://cloud.umami.is/:match*"
6
    }
7
  ]
8
}

自托管 Umami 请注意替换其中的 https://cloud.umami.is 部分为你的自托管 Umami 实例的 URL

跟踪代码脚本标签应使用 /stats/script.js 作为 src 值：

1
<script
2
  defer
3
  src="/stats/script.js"
4
  data-website-id="xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
5
></script>

DLC 3：共享链接#

想要展示你的网站访问数据给访客看吗？可以在 Umami 控制面板的设置里开启共享链接

你也可以通过创建看板的方式更详细地自定义要分享的数据

1. 创建 GitHub Personal Access Token#

建议使用 Fine-grained tokens

Repository access 仅选择对应的仓库

Permissions 仅授予 Contents 的 Read and write 权限（不需要 Actions 权限，非常反直觉）

参考：Create a repository dispatch event - GitHub 文档

生成后请记住保存好 Token

2. 创建 Cloudflare Worker#

在 Cloudflare Dashboard 创建一个新的 Worker，粘贴以下代码：

1
export default {
2
  async scheduled(event, env, ctx) {
3
    const GITHUB_TOKEN = env.GH_TOKEN // 从环境变量读取
4
    const REPO_OWNER = '你的 GitHub 用户名' // 记得修改
5
    const REPO_NAME = '你的仓库名' // 记得修改
6

7
    const url = `https://api.github.com/repos/${REPO_OWNER}/${REPO_NAME}/dispatches`
8

9
    const response = await fetch(url, {
10
      method: 'POST',
11
      headers: {
12
        Authorization: `Bearer ${GITHUB_TOKEN}`,
13
        Accept: 'application/vnd.github.v3+json',
14
        'Content-Type': 'application/json',
15
        'User-Agent': 'Cloudflare-Worker-Trigger',
16
      },
17
      body: JSON.stringify({
18
        event_type: 'cf-worker-trigger', // 对应 Action 里的类型
19
      }),
20
    })
21

22
    if (response.ok) {
23
      console.log('已成功触发 GitHub Actions')
24
    } else {
25
      console.error('触发 GitHub Actions 失败:', await response.text())
26
    }
27
  },
28
}

别忘记修改代码中你的 GitHub 用户名和仓库名喵！

event_type 这里的 cf-worker-trigger 可以任意修改，只要和下一步对上就行

3. 配置 Worker 环境变量与定时器#

1. 在 Worker 的 设置 -> 变量和机密 点击添加，类型选择 密钥，变量名称为 GH_TOKEN，值填入最开始获取的 Token
2. 在 设置 -> 触发事件 点击添加，选择Cron 触发器，设置为你需要的间隔（我这里填 */5 * * * *，代表每 5 分钟触发一次）

Cloudflare 提供了可视化的 Cron 编辑菜单，这里必须好评

4. 修改 GitHub Actions 配置#

在你的 GitHub 仓库中，编辑 .github/workflows/<你的工作流文件>.yml，在 on 下面添加 repository_dispatch 事件：

1
on:
2
  schedule:
3
    - cron: '*/5 * * * *' # 原有的保留作为兜底，你也可以直接删掉
4
  repository_dispatch:
5
    types: [cf-worker-trigger] # 这里要和 Worker 里的 event_type 一致
6
...

大功告成！#

好啦！以后每次 Cloudflare Worker 触发定时任务时，GitHub Actions 就会自动运行啦！

通过这种方式似乎还能绕过 GitHub Action 的定时触发间隔最低 5 分钟的限制，也许可以自己探索一下

文章的 Front-matter#

1
---
2
title: 我的第一篇博客文章
3
published: 2023-09-09
4
description: 这是我新 Astro 博客的第一篇文章。
5
image: ./cover.jpg
6
tags: [前端, 开发]
7
category: 前端开发
8
draft: false
9
---

文章文件的放置位置#

您的文章文件应放置在 src/content/posts/ 目录中。您也可以创建子目录来更好地组织您的文章和资源。

1
src/content/posts/
2
├── post-1.md
3
└── post-2/
4
    ├── cover.png
5
    └── index.md

自定义文章 URL (Slug)#

1
---
2
title: 我的第一篇博客文章
3
published: 2023-09-09
4
---

1
---
2
title: 我的第一篇博客文章
3
published: 2023-09-09
4
slug: hello-world
5
---

1
---
2
title: 如何使用 Firefly 博客主题
3
published: 2023-09-09
4
slug: how-to-use-firefly-blog-theme
5
---

GitHub 仓库卡片#

您可以添加链接到 GitHub 仓库的动态卡片，在页面加载时，仓库信息会从 GitHub API 获取。

使用代码 ::github{repo="CuteLeaf/Firefly"} 创建 GitHub 仓库卡片。

1
::github{repo="CuteLeaf/Firefly"}

提醒框(Admonitions)配置#

Firefly 采用了 rehype-callouts 插件，支持了四种风格的提醒框主题：GitHub、Obsidian、VitePress 和 Docusaurus。您可以在 src/config/siteConfig.ts 中进行配置：

1
export const siteConfig: SiteConfig = {
2
  // ...
3
  rehypeCallouts: {
4
    // 选项: "github" | "obsidian" | "vitepress" | "docusaurus"
5
    theme: "github",
6
  },
7
  // ...
8
};

注意：更改配置后需要重启开发服务器才能生效。

以下是各个主题支持的类型列表，每个主题风格和语法不同，可根据喜好选择。

1. GitHub 主题风格#

这是 GitHub 官方支持的 5 种基本类型。

基本语法

1
> [!NOTE] NOTE
2
> 突出显示用户应该考虑的信息。
3

4
> [!TIP] TIP
5
> 可选信息，帮助用户更成功。
6

7
> [!IMPORTANT] IMPORTANT
8
> 用户成功所必需的关键信息。
9

10
> [!WARNING] WARNING
11
> 关键内容，需要立即注意。
12

13
> [!CAUTION] CAUTION
14
> 行动的负面潜在后果。
15

16
> [!NOTE] 自定义标题
17
> 这是一个带有自定义标题的示例。

展开收起

---

2. Obsidian 主题风格#

Obsidian 风格支持非常丰富的类型和别名。

点击展开 Obsidian 语法列表

1
> [!NOTE] NOTE
2
> 通用的笔记块。
3

4
> [!ABSTRACT] ABSTRACT
5
> 文章的摘要。
6

7
> [!SUMMARY] SUMMARY
8
> 文章的总结（同 Abstract）。
9

10
> [!TLDR] TLDR
11
> 太长不看（同 Abstract）。
12

13
> [!INFO] INFO
14
> 提供额外信息。
15

16
> [!TODO] TODO
17
> 需要完成的事项。
18

19
> [!TIP] TIP
20
> 实用技巧或提示。
21

22
> [!HINT] HINT
23
> 暗示（同 Tip）。
24

25
> [!IMPORTANT] IMPORTANT
26
> 重要信息（Obsidian 风格通常使用类似的图标）。
27

28
> [!SUCCESS] SUCCESS
29
> 操作成功。
30

31
> [!CHECK] CHECK
32
> 检查通过（同 Success）。
33

34
> [!DONE] DONE
35
> 已完成（同 Success）。
36

37
> [!QUESTION] QUESTION
38
> 提出问题。
39

40
> [!HELP] HELP
41
> 寻求帮助（同 Question）。
42

43
> [!FAQ] FAQ
44
> 常见问题（同 Question）。
45

46
> [!WARNING] WARNING
47
> 警告信息。
48

49
> [!CAUTION] CAUTION
50
> 注意事项（同 Warning）。
51

52
> [!ATTENTION] ATTENTION
53
> 引起注意（同 Warning）。
54

55
> [!FAILURE] FAILURE
56
> 操作失败。
57

58
> [!FAIL] FAIL
59
> 失败（同 Failure）。
60

61
> [!MISSING] MISSING
62
> 缺失内容（同 Failure）。
63

64
> [!DANGER] DANGER
65
> 危险操作警告。
66

67
> [!ERROR] ERROR
68
> 错误信息（同 Danger）。
69

70
> [!BUG] BUG
71
> 报告软件缺陷。
72

73
> [!EXAMPLE] EXAMPLE
74
> 展示一个例子。
75

76
> [!QUOTE] QUOTE
77
> 引用一段话。
78

79
> [!CITE] CITE
80
> 引证（同 Quote）。
81

82
> [!NOTE] 自定义标题
83
> 这是一个带有自定义标题的示例。

展开收起

---

3. VitePress 主题风格#

VitePress 风格提供了一套现代化的、扁平的默认样式。目前仅包含与 GitHub 一致的 5 种 基础类型。

点击展开 VitePress 语法列表

1
> [!NOTE] NOTE
2
> 对应 GitHub 的 Note。
3

4
> [!TIP] TIP
5
> 对应 GitHub 的 Tip。
6

7
> [!IMPORTANT] IMPORTANT
8
> 对应 GitHub 的 Important。
9

10
> [!WARNING] WARNING
11
> 对应 GitHub 的 Warning。
12

13
> [!CAUTION] CAUTION
14
> 对应 GitHub 的 Caution。
15

16
> [!TIP] 自定义标题
17
> VitePress 风格同样支持自定义标题。

展开收起

---

4. Docusaurus 主题风格#

Docusaurus 风格提供了一套现代化的提醒框样式，支持 5 种类型。

点击展开 Docusaurus 语法列表

支持以下类型的提醒框：note tip info warning danger

1
:::note
2
突出显示用户应该考虑的信息，即使在快速浏览时也是如此。
3
:::
4

5
:::tip
6
可选信息，帮助用户更成功。
7
:::
8

9
:::info
10
一般信息。
11
:::
12

13
:::warning
14
由于潜在风险需要用户立即注意的关键内容。
15
:::
16

17
:::danger
18
行动的负面潜在后果。
19
:::
20

21
:::tip[自定义标题]
22
可选信息，帮助用户更成功。
23
:::

展开收起

---

剧透#

您可以为文本添加剧透。文本也支持 Markdown 语法。

内容 被隐藏了 哈哈！

1
内容 :spoiler[被隐藏了 **哈哈**]！

图片画廊网格 (Image Grid)#

您可以使用 [grid] 和 [/grid] 标签将多张图片纵向并排展示。这对于展示照片画廊或对比图非常有用。系统会自动根据包裹在其中的图片数量（最多支持并排展示4张）以响应式网格进行布局。

自动补齐图片高度： 同一排中如果有高度、大小或者比例不一的图片，会像「九宫格画廊相册」一样自动撑满。较短或不协调的图片会自动使用 object-cover 进行完美中心裁剪补充视野。图片边框水平彻底对齐无缝隙，但被裁剪后，只有点击图片通过灯箱才能查看完整图片，所以建议尽量避免使用长宽比例不一致的图片在同一排中。

图注恒定底端对齐： 不论上面的图片长宽如何变化，在同一行的所有图像解释文字（图注）都会对标到一条完美的水平基线上了。

基本语法

1
[grid]
2
![示例图片一](./images/cover.avif)
3
![示例图片二](./images/cover.avif)
4
![示例图片三](./images/cover.avif)
5
[/grid]

表达性代码#

1
console.log('此代码有语法高亮!')

1
Standard ANSI colors:
2
- Dimmed:      Black  Red  Green  Yellow  Blue  Magenta  Cyan  White 
3
- Foreground:  Black  Red  Green  Yellow  Blue  Magenta  Cyan  White 
4
- Background:  Black  Red  Green  Yellow  Blue  Magenta  Cyan  White 
5
- Reversed:    Black  Red  Green  Yellow  Blue  Magenta  Cyan  White 
6

7
8-bit colors (showing colors 160-171 as an example):
8
- Dimmed:      160  161  162  163  164  165  166  167  168  169  170  171 
9
- Foreground:  160  161  162  163  164  165  166  167  168  169  170  171 
10
- Background:  160  161  162  163  164  165  166  167  168  169  170  171 
11
- Reversed:    160  161  162  163  164  165  166  167  168  169  170  171 
12

13
24-bit colors (full RGB):
14
- Dimmed:      ForestGreen - RGB(34,139,34)  RebeccaPurple - RGB(102,51,153) 
15
- Foreground:  ForestGreen - RGB(34,139,34)  RebeccaPurple - RGB(102,51,153) 
16
- Background:  ForestGreen - RGB(34,139,34)  RebeccaPurple - RGB(102,51,153) 
17
- Reversed:    ForestGreen - RGB(34,139,34)  RebeccaPurple - RGB(102,51,153) 
18

19
Font styles:
20
- Default
21
- Bold
22
- Dimmed
23
- Italic
24
- Underline
25
- Reversed
26
- Strikethrough

1
console.log('标题属性示例')

1
<div>文件名注释示例</div>

1
echo "此终端框架没有标题"

1
Write-Output "这个有标题!"

1
echo "看，没有框架!"

1
# 如果不覆盖，这将是一个终端框架
2
function Watch-Tail { Get-Content -Tail 20 -Wait $args }
3
New-Alias tail Watch-Tail

1
// 第1行 - 通过行号定位
2
// 第2行
3
// 第3行
4
// 第4行 - 通过行号定位
5
// 第5行
6
// 第6行
7
// 第7行 - 通过范围 "7-8" 定位
8
// 第8行 - 通过范围 "7-8" 定位

1
function demo() {
2
  console.log('此行标记为已删除')
3
  // 此行和下一行标记为已插入
4
  console.log('这是第二个插入行')
5

6
  return '此行使用中性默认标记类型'
7
}

1
<button
2
  role="button"
3
  {...props}
4
  value={value}
5
  className={buttonClassName}
6
  disabled={disabled}
7
  active={active}
8
>
9
  {children &&
10
    !active &&
11
    (typeof children === 'string' ? <span>{children}</span> : children)}
12
</button>

1
<button
2
  role="button"
3
  {...props}
4

5
  value={value}
6
  className={buttonClassName}
7

8
  disabled={disabled}
9
  active={active}
10
>
11

12
  {children &&
13
    !active &&
14
    (typeof children === 'string' ? <span>{children}</span> : children)}
15
</button>

1
此行将标记为已插入
2
此行将标记为已删除
3
这是常规行

1
--- a/README.md
2
+++ b/README.md
3
@@ -1,3 +1,4 @@
4
+this is an actual diff file
5
-all contents will remain unmodified
6
 no whitespace will be removed either

1
function thisIsJavaScript() {
2
  // 整个块都会以 JavaScript 高亮显示，
3
  // 并且我们仍然可以为其添加 diff 标记！
4
  console.log('要删除的旧代码')
5
  console.log('新的闪亮代码！')
6
}

1
function demo() {
2
  // 标记行内的任何给定文本
3
  return '支持给定文本的多个匹配项';
4
}

1
console.log('单词 yes 和 yep 将被标记。')

1
echo "Test" > /home/test.txt

1
function demo() {
2
  console.log('这些是插入和删除的标记类型');
3
  // return 语句使用默认标记类型
4
  return true;
5
}

1
// 启用换行的示例
2
function getLongString() {
3
  return '这是一个非常长的字符串，除非容器极宽，否则很可能无法适应可用空间'
4
}

1
// wrap=false 的示例
2
function getLongString() {
3
  return '这是一个非常长的字符串，除非容器极宽，否则很可能无法适应可用空间'
4
}

1
// preserveIndent 示例（默认启用）
2
function getLongString() {
3
  return '这是一个非常长的字符串，除非容器极宽，否则很可能无法适应可用空间'
4
}