星沐Blog

累了毁灭吧！

Sat, 05 Sep 2026 00:00:00 GMT

前言：20岁之后的故事还不知道，但20岁前面的事情也让我痛和难忘！对了，人生的一次在哔哩哔哩，有一个纪录片，感兴趣可以去看看哦！

一.本人经历

注意：（）内心OS

我生于 2005 年 / 12 月 26 日，我呢，地地道道的农村人，看到这，你可能会疑惑，我为啥会有博客，这个后面解释噢。

在我 10 岁的时候，那会我读小学四年级，发生了一件事，放学路上我和我的同学，在下坡路段，需要去对面，在路中间的时候，上面一位开摩托车的家长撞到了我和我的同学，当然，肯定是没有避开的，后来回到家，父亲还在油菜地里收油菜，我的父亲看到我脸上的伤痕，询问原因，去了派出所，看了监控，确实是摩托车的责任。我的门牙缺了，左边的眼睛肿了，哎😭😭，第一段的故事到这了。

在我 11 岁的时候，学校，因为学生的眼睛近视的问题，安排了外面的体检，就因为我后面填了他们的表，可恶的医生打电话联系了我父亲，艹，后面永久性的戴了眼镜，‘’眼镜‘’这两个称呼伴随我初中、高中、以及后面😡😡，所以我后面所有，有问题的表格基本上不会在填家长的手机号了，这个事也为后面的事情埋下了伏笔。

在 14 岁的时候，那年发生了新冠疫情，持续到了高中😭😭😭，在后来初中升高中的时候，我们可爱的班长为我们举办了一场晚会，真的很厉害🤧🤧

在 16 岁的时候，初中毕业，升高中的时候，学校组织了一场学校参考会，就因为我前面发生的手机号，所以乱填的，导致我去了我不想去的，我不知道家长他们从哪认识的人，去大足那边的学校，这个垃圾学校，毕业证上的名字还不是学校的名字，MD😡。我这人本来就内向，后面也不是很好，接下来就是学校里面选择专业的事情，我记得当时，带我们的那个导员没说清楚不是没说清楚而是根本没说，选错了专业（电子商务），哎，世上没有后悔药。

接下来呢，聊聊笔记本的事，在我高中的第二年，学校组织去外面实习内心 OS:(没把我们当人啊)我记得 11 月份，月底时候去的，干到下一年的 1 月份，我记得离职的晚上，我去还衣服，身上就一件，短衣短裤，贼冷❄️❄️。后面我用这几个月的钱，买了我人生的第一台笔记本电脑（老伙计）。后面靠着老伙计还是干了很多的事情。

在上高中的时候，家里，因为听说我们这里会拆迁，结果也是出人意料，我们家没有拆迁到，哎🤣

在后来，因为实习（第二次😡）去了福建，真的，人生第一次去外面，但结果跟我想的不一样好吧，在我离职的几天，跟认识的一位朋友去了海边，人生的第一次看海（可恶的小日本排核辐水😡），对了因为火车票太贵了，所以选择了坐飞机，人生第一次嘛✈️。

在这回答前面的一个问题，我为什么会有博客，原本在 24 年那会做好的，因为一些原因，所以放弃了。这次也是之前一位老师的博客文章（无意间翻到的），提醒了我，我真的很感谢老师。你或许应该可能知道 Gitub，这是一个开源的网站，内容很好。这个网站也是我后来想自己做一个博客的原由，做好的内容可以帮助更多的人。, 帮我排版一下，博客文章

二.我-个人（可选择性看或不看）

我从小就是个内向的孩子。

不爱争抢，不爱吵闹，嘴不甜，也不会主动表现自己。在大人的世界里，“厉害” 的孩子永远活泼、大方、懂事、嘴巧，能被所有人看见。而我，永远是那个安安静静、默默无闻、放在人群里就会被忽略的小孩。

从小到大，我的耳边听得最多的话，就是别人家的孩子。

妈妈总会有意无意地说起：别人家的孩子成绩多好、多懂事、多能干，别人家的孩子出路多稳、多有出息。

对比的话听多了，是会刻进骨子里的。

久而久之，我真的默认了：我本来就不行。

我不够优秀，不够亮眼，不够争气，性格内向、不爱说话，好像从头到尾，都算不上一个 “拿得出手” 的小孩。别人的成长是闪闪发光的，而我的成长，好像一直在默默垫底、默默凑合。

很多时候我都会偷偷想，或许从初中结束的那一刻，我就该安安稳稳学一门手艺。

不用争名次，不用比天赋，不用被拿去和任何人对比。

踏实学一门本事，靠自己的双手过日子，安安静静、平平淡淡，不耀眼，但也不丢人。

从小到大的内向，从来都不是我的错。

只是内向的孩子，天生敏感、心软、想得多、藏得多。别人一句随口的评价，我们会记很久；家人一次无意的对比，我们会默默否定自己很久。

别人看起来是安静、佛系、不争不抢，只有自己知道：

是自卑撑不起底气，是敏感扛不住对比，是从小到大的期待落差，一点点压得自己不敢张扬。

我也慢慢明白，我这一生最大的软肋，不是不够聪明、不够优秀，而是习惯性觉得自己不行。

生气会掉眼泪，委屈会藏心里，难过从不对外说。所有的情绪都自己消化，所有的否定都照单全收。别人以为我抗压差、太脆弱，其实我只是从小被对比惯了，早就习惯了自我怀疑。

可长大之后我才慢慢懂一件事：

内向从来不是缺陷，安静也不是平庸。

不是所有小孩都要活成热烈耀眼的样子，有人天生适合慢一点、稳一点、温柔一点。

别人擅长张扬、擅长社交、擅长被人看见，而我擅长自愈、擅长坚持、擅长默默把路走通。

小时候总觉得，被对比、被否定的自己很差劲。

现在才明白：

那个默默熬过来、默默扛情绪、默默不放弃的自己，已经很厉害了。

就算没有光鲜的成绩，没有亮眼的天赋，不会嘴甜讨好，不会争强好胜。

但我踏实、真诚、善良、懂得反思、愿意成长。

如果当初真的早早学了手艺，会安稳一生；

但如今慢慢赶路、慢慢成长，也是另一种人生。

不必和任何人比。

三.将来或以后

后面的内容我随便写的，这一部分，未知数太多了，有很多的不确定性，我没谈过恋爱（更别说初恋，所以也更不可能结婚），我羡慕青梅竹马的故事。我目前只是想找一份好的工作，之后买一个属于自己的房子（一房一厨一卫，阳台可有可无）。我在个人生就走一步看一步啦。

你好，朋友如果看到这里了，真的很高兴您！

祝您每一天都高高兴兴的，记得按时吃饭，不然跟我一样，肚子痛😭，拜拜了，下一张文章见拜拜了!!

游戏平台

Sat, 05 Sep 2026 00:00:00 GMT

本篇网站内容为pc端游-游戏平台分享

pc端游/游戏平台分享

一.Steam平台

steam，网络不好的时候可以参考，本网站的加速器文章加速器文章

pc游戏公认的平台，大部分还是付费游戏为主，注册困难（哈哈哈哈哈哈哈哈哈哈哈），还有朋友注册或者下载错的steam平台，哎😭

二.Epic

epic 每周赠送免费游戏，大大的良心啊😭😭😭😭😭

三.本篇文章只提供网站链接不提供注册方法，如果需要可以在留言区域告知！！！！

网盘浏览器扩展插件

Fri, 04 Sep 2026 00:00:00 GMT

浏览器网盘扩展插件分享和安装使用方法

（一）浏览器扩展

1.打开浏览器→右上角三个点→扩展→管理扩展

2.加载解压缩的扩展：获取Microsoft Edge扩展，如果里面没有你需要的插件可以导入外面的插件，导入外部插件，比如你在外面下载的插件，也可以直接把插件的包直接拖入到扩展这个界面!右上角会提示安装！

注：某些插件如果运行不了记得开开发者模式噢！！！🫥

（二）网盘插件

1.在获取Microsoft Edge扩展商店搜索→篡改猴测试版→安装

2.获取插件

1.根据我提供的这个：LinkSwift下载页面前往下载

3.在插件界面点击安装

（三）插件+Motrix下载

一.插件开启

1. 右上角方块拼图图标（红色上框）Edge 浏览器的扩展程序弹出面板入口，点击之后展开全部已安装扩展列表。

2. 下面这个红色框，把插件的图标固定在上方

3.前面的插件安装完成后来到网盘界面，能看到下载助手，说明在网盘可以用了

二.接下来下载Motrix-1.8.19，配合下载助手使用

1.前往下载界面，下载Motrix，推荐下载第三个方框的.zip，解压即用，不用安装！！！

2.下载解压并得到这个界面

3.在左下角方框位置，更改默认下载路径，注：最好用字母/英文，防止路径报错，完成后点击下方的保存并应用

朋友看到这，你就差一步就能用了，在坚持一下噢！！！

（四）插件使用

1.将你需要下载的文件保存

(1).勾选上你需要下载的文件

(2).点击上方的Aria2下载

（3）.在Aria2下载界面，点击推送链接到Aria2下载器，来到Motrix，可以看到下载了

2.如果上面看不懂可以观看下面的视频解析噢😭😭😭😭

<video controls width="100%" preload="metadata"> <source src="/assets/mp4/wp1.mp4" type="video/mp4"> 你的浏览器不支持播放视频 </video>

（五）问题和注意事项

1.Aria2 服务设置，看一下服务端口：16800，和Motrix，是否一样

下方视频解析 <video controls width="100%" preload="metadata"> <source src="/assets/mp4/wp2.mp4" type="video/mp4"> 你的浏览器不支持播放视频 </video>

2.如果遇到插件不能用，可直接更换插件，总有一个是能用的

谢谢广大网友的观看噢！本篇博客文章到这就结束了，希望本篇可以帮到您！

下次见，拜拜

blender软件便携式

Thu, 03 Sep 2026 00:00:00 GMT

blender软件便携式+插件和使用®

注：便携式，不用安装，如果你采用安装包也行，除了前面步骤，后面都一样的

阅读建议：

1.下面所有的蓝色字体为链接都可以直接点击跳转!!!

2. 每张图片点击都可以放大的噢~⛷️

3.下载的所有路径和所有文件夹都采用英文或者字母的方式，一律不准采用汉字！防止报错！

（一）blender软件便携包😉

1.前往 Blender官方下载页下载blender便携式包

2.下载完成后，看一下便携式包版本号对不对！blender-5.2.1

3.对便携式包解压！尽量创建文件夹时候这个路径不要带中文，用字母不会报错！！！！！

4视频解析

<video controls width="100%" preload="metadata"> <source src="/assets/mp4/bl1.mp4" type="video/mp4"> 你的浏览器不支持播放视频 </video>

（二）blender插件😘

一.插件安装分为两种安装方式

1.在线安装方式

1.在线安装方式,点击左上角编辑→最下面偏好设置

2.在偏好设置可以看到有获取扩展和插件

注：获取扩展可以看到有，已安装：已经安装的。可用项：没有安装的、如果搜索的时候没有这个插件说明是真的没有这个插件 插件：已经安装的，前面的勾✅是已经启用了，没有☑️则是没有启用

1.本地安装方式

1.点击插件→右上角v→从磁盘安装...

注意：尽量创建的文件夹名字都用字母，路径也是用字母 <img src="/assets/blg/blcp.png" style="zoom:75%;" >

2点击你保存插件的文件夹，注意：下载的插件压缩包不用解压，直接选择就行

二.插件使用

1.在blender模型界面，注：shift，切换成英文，点击字母N,右侧便会弹出插件的面板！

（三）blender使用设置✌️

注：下面看不懂可以看图片 <img src="/assets/blg/blsjwb.jpg" style="zoom:100%;" > 操作快捷键外+设置

注：所有的路径都采用字母不用汉字会报错

（一）设置

序号	设置项	原文描述
1	偏好设置→系统	撤销次数一定要改，过来人痛心。
2	渲染设置	更换渲染引擎，下面的渲染→最大采样弄小一点，渲染能快一点，大型模型和时间帧长的不要选太高
3	输出路径	记得更换输出文件夹

（二）快捷键

1.1 物体相关操作

表格

快捷键	原文完整说明
`A`	全选物体，[场景集合也可以点噢，按 shift 点第 1 个，鼠标滚轮滑到最后一个点击]
`B`	框选物体
`Ctrl+I`	反选物体
`X`	删除物体（可以直接单手操作好嘛，左手键盘，右手鼠标，不至于一直放开右手去按原称→Delete，— 简化 Del）
`N`	相机范围 ——N->View->Clip Start（如果旋转视角的时候，模型乱乱的，就设置这个参数，一般为最小，0.001）N→视图→视图锁定→摄像机到视图方位摄像机视角‑0，没有数字小键盘也可以直接点↓如图
`W`	选择物体 —— 鼠标左键 / W (切换 W 有不同的选择模式) 对象选择框选点选套索选

1.2 移动物体

表格

快捷键	原文完整说明
`G`	快捷键 ——G，然后跟着鼠标移动
`G+X`	顺着 X 轴移动 ——X
`G+Y`	顺着 Y 轴移动 ——Y
`G+Z`	顺着 Z 轴移动 ——Z
鼠标左键	使用当前位置 —— 鼠标左键
鼠标右键	取消编辑 —— 鼠标右键
`G+X`吸附	G+X 吸附
`G+Y / G+Z / G+X`	固定方向移动 G+Y，G+Z，G+X

1.3 旋转物体

表格

快捷键	原文完整说明
`R`	快捷键 ——R，然后跟着鼠标旋转
`R+X`	顺着 X 轴旋转 ——X
`R+Y`	顺着 Y 轴旋转 ——Y
`R+Z`	顺着 Z 轴旋转 ——Z
鼠标左键	使用当前位置 —— 鼠标左键
鼠标右键	取消编辑 —— 鼠标右键
鼠标中键	鼠标中键
`R+X+90` / `R+Y+90,180,360` / `R+Z+90`	R+X+90 度，根据具体的数字去旋转， R+Y+90，180，360 R+Z+90

1.2.3 缩放物体

表格

快捷键	原文完整说明
`S`	快捷键 ——S，然后跟着鼠标缩放
`S+X`	顺着 X 轴缩放 ——X
`S+Y`	顺着 Y 轴缩放 ——Y
`S+Z`	顺着 Z 轴缩放 ——Z
鼠标左键	使用当前位置 —— 鼠标左键
鼠标右键	取消编辑 —— 鼠标右键
编辑模式 + 面 + S	在编辑模式下→选择面→S
`S+X / S+Y / S+Z`	固定缩放 S+X，S+Y，S+Z

1.2.4 坐标轴小技巧

原文：移动 / 旋转 / 缩放的时候，按住鼠标中键可以随时切换轴进行操作。

1.2.5 视图

表格

小键盘按键	原文映射关系
`7`	7→Z
`1`	1→‑Y
`3`	3→X
`9`	9→‑X

原文：1. 可以直接点击右上角如图：2. 数字小键盘

附加组合快捷键

表格

快捷键	原文完整说明
`Shift+X/Y/Z`	可以去掉这个轴，只在另外两个轴构成的平面上移动
`Shift+C`	重置游标
`Shift+S`	shift+s
`Shift+A`	新建物体
`Shift+D`	复制，→G+，Z.Y.X

（四）blender参考和学习😎

<div style="position:relative;width:100%;height:0;padding-bottom:56.25%;"> <iframe style="position:absolute;top:0;left:0;width:100%;height:100%;" src="https://player.bilibili.com/player.html?isOutside=true&bvid=BV14u41147YH&p=1&autoplay=0&danmaku=1" title="Bilibili Kurt Blender零基础入门教程" frameborder="0" scrolling="no" allowfullscreen> </iframe> </div>

图片筛选

Thu, 03 Sep 2026 00:00:00 GMT

图像相似度去重工具

本人之前苦于图片太多又可能重复，所有我用Ai开发了一个图片筛选的工具

基于 pHash 感知哈希 的本地离线图像去重桌面程序。纯本地运行, 不联网、不上传, 支持打包为 单文件 Windows EXE, 双击即用, 无需安装 Python 或任何依赖。

niezhenhao/ImageDeduplicationTool: 2组图片对比筛选

核心特性

感知哈希匹配: 基于 DCT 的 pHash (64bit), 多线程并行计算; 大图自动降采样预处理, 批量快速扫描。
三种工作模式:
1. 双文件夹对比 (A vs B) — 仅在 A、B 之间比较; 可开关「忽略各自内部自重复」。
2. 单文件夹去重 — 同一目录内查找重复。
3. 参照图 vs 文件夹 — 用一张图匹配整个目录。
视觉内容判定: 不依赖 MD5 / 文件名 / 文件大小。可识别:
- 同内容同分辨率;
- 同内容不同分辨率/尺寸;
- 反复另存产生的压缩伪影、画质损失、轻微噪声 (文件哈希完全不同亦能命中);
- 同分辨率但内容完全不同 → 不判为重复。
可视化结果: 分组缩略图预览, 每项显示来源(左/右)、相似度%、分辨率、文件大小、压缩标记; 点击缩略图弹出原图大图预览; 相似度阈值滑块 (0-100) 实时调节。
人工复核 (程序绝不自动删除): 全部由用户勾选; 两种处理方式:
1. 物理删除勾选项 — 二次确认弹窗; 可选「仅左文件夹 / 仅右文件夹 / 全部」。
2. 保留原文件, 将勾选项导出为 ZIP 备份归档。
容错与安全: 自动跳过损坏/不可读图像与空目录; 完整支持中文及特殊符号路径; 异常不崩溃; 持久化日志 (扫描数、分组、左右来源、勾选记录、删除事件、ZIP 事件); 随时一键中止扫描。

目录结构

tpQC/
├── image_dedup_app.py     # 主程序源码 (GUI + pHash 引擎 + 扫描/分组/删除/导出)
├── image_dedup.spec       # PyInstaller 打包配置 (单文件 EXE)
├── requirements.txt       # 运行/构建依赖
└── README.md              # 本文档

开发运行 (源码运行)

1. 环境要求

Windows 10/11
Python 3.8 ~ 3.13 (需自带 Tkinter; 官方 python.org 安装包默认包含, 安装时请勾选 "tcl/tk and IDLE")

2. 安装依赖

cd c:\Users\Administrator\Desktop\tpQC
python -m pip install --upgrade pip
python -m pip install -r requirements.txt

仅运行 GUI 只需 Pillow 与 numpy; pyinstaller 仅打包时需要。

3. 启动程序

python image_dedup_app.py

构建 Windows EXE (一键打包)

方式 A: 使用 spec 配置文件 (推荐)

cd c:\Users\Administrator\Desktop\tpQC
python -m pip install -r requirements.txt      # 含 pyinstaller
pyinstaller image_dedup.spec --clean --noconfirm

产物: dist\图像去重工具.exe (单文件, 约 40-60 MB, 已包含 Python 运行时与全部依赖)。

方式 B: 直接用命令行打包 (等效)

pyinstaller --onefile --windowed --name "图像去重工具" ^
  --hidden-import PIL --hidden-import PIL._tkinter_finder --hidden-import numpy ^
  --exclude-module matplotlib --exclude-module scipy --exclude-module pandas ^
  image_dedup_app.py

自定义图标 (可选)

将 app.ico 放入项目根目录, 打开 image_dedup.spec, 取消最后一行 icon='app.ico' 的注释, 重新执行 pyinstaller image_dedup.spec --clean --noconfirm。

分发

将 dist\图像去重工具.exe 拷贝给最终用户即可。双击运行, 零配置、零安装。日志文件 dedup_app.log 自动生成在 EXE 所在目录。

使用说明

顶部选择工作模式 (双文件夹 / 单文件夹 / 参照图)。
点「浏览…」选择对应文件夹或参照图; 拖动「相似度阈值」滑块 (值越大越严格, 建议 80~95)。
双文件夹模式下可勾选「忽略各自内部自重复」(默认开启, 仅做跨文件夹比较)。
点「开始扫描」; 扫描中可随时点「中止扫描」。
结果区按分组展示疑似重复; 每项含缩略图与元数据, 点缩略图查看原图大图。
勾选要处理的项 (可「全选本组 / 全选勾选 / 全部取消」); 损坏文件单独列于底部。
选择处理方式:
- 物理删除: 选「仅左/仅右/全部」, 二次确认后执行 (不可恢复)。
- 导出 ZIP: 保留原文件, 将勾选项打包备份 (按来源分目录存放)。
所有操作均写入 dedup_app.log; 点底部「打开日志所在目录」可查看。

技术说明

pHash: 图像转灰度 → 降采样至 32×32 → 二维 DCT-II → 取左上 8×8 低频系数 → 以中位数为阈值生成 64bit 指纹。两图汉明距离 d 越小越相似; 相似度 = (1 - d/64) × 100%。阈值滑块按 d ≤ ⌊(1-阈值/100)×64⌋ 判定为重复。
分组: 并查集 (Union-Find) 对所有满足阈值的图像对连通合并; 组代表取文件最大者 (更可能是原图), 其余成员相似度相对代表计算。
性能: ThreadPoolExecutor 多线程计算哈希 (线程数 = CPU 核数, 上限 8); JPEG 利用 draft 快速解码小尺寸; 大图降采样显著降低单图耗时。

常见问题

EXE 启动慢 (3~6 秒): 单文件 EXE 需先解压到临时目录, 属正常现象。如需更快启动, 可改用 --onedir 打包 (生成文件夹, 内含 exe)。
杀毒软件误报: 单文件 EXE 常被误报, 可加白名单或改用 onedir 打包。
Tkinter 缺失: 报 No module named tkinter 时, 请用 python.org 完整安装包重装 Python 并勾选 tcl/tk 组件。

加速器和浏览器插件

Thu, 03 Sep 2026 00:00:00 GMT

软件加速器和浏览器插件分享

前言：本篇文章为加速器或者浏览器插件分享

本篇文章只用于学习噢！,出了事情，博主本人不负一切责任！

想看哪个右边可以直接跳转噢！！

对了蓝色字体是链接可以直接跳转噢！

还有大家安装的时候尽量路径选择字母以防报错！

（一）软件加速器

先说第一个加速器我这边只推荐两个加速器，剩下的大部分都收费了

1.Steam++，又名Watt Toolkit

开源跨平台的多功能 Steam 工具箱。支持的 Windows 、macOS 和 Android,目前ios还在开发中！

WattToolkit

2.Steamcommunity_302

羽翼城大佬的加速器工具，目前个人加速器挺好用的，目前最新版本：Ver.15.0.4

大家下载的时候，注意版本不要弄错了！

Steamcommunity 302

(二)浏览器插件加速🍔

这一部分针对浏览器而设立的

浏览器扩展插件

Astar VPN - 适合所有人的免费且快速的 VPN

AstarVPN Edge插件

注意事项

1.开启加速器不要开网页版vpn插件，会去抢网络分配

2.如果遇到网页打不开，电脑设置→网络和lnternet→代理→手动代理设置→关了

好了朋友感谢您的观看噢，咱们下次见，拜拜！<img src="https://dl4.weshineapp.com/gif/20200110/794921bfe58ab9d879f3094a518ad6f5.gif?f=micro_5ouc5ouc" alt="img" style="zoom:80%;" />

博客大改造：一言、音乐播放器、评论加速，全都安排上了

Wed, 02 Sep 2026 00:00:00 GMT

前言

博客搭好没几天，这两天一直在折腾各种小功能和美化。感觉进度不错，就一起写出来留个记录。

🎨 首页美化

Banner 图片 + 居中一言

原来的 Banner 只有一张图，看起来比较单调。我在图片正中间加了一个 Hitokoto 一言 组件，毛玻璃样式，每 5 分钟自动刷新一次。

实现方式：用绝对定位 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 让它完美居中，Banner 上再叠一层半透明渐变遮罩，既不抢 Banner 图片的风头，又能看清文字。

重要提醒 vs TOC 目录

右边栏原来固定显示"重要提醒"，但文章页的 TOC 目录也在那个位置，两个卡片重叠了。

解决方案很简单：互斥显示。用 Astro.url.pathname 判断当前页面：

首页（/）→ 显示重要提醒
文章页（/posts/...）→ 显示 TOC

这样就再也不会打架了。

头像下方的联系方式

原来只有一个 GitHub 图标按钮，现在加了 QQ 邮箱，用 mailto: 链接，访客点一下就能调起邮件客户端。

🎵 侧边栏音乐播放器

这是今天最耗时的功能了。做了两轮迭代：

第一轮：放在头像下面

用的是 APlayer + MetingJS 组合——基于公开的 meting-api 解析网易云音乐歌单。纯前端零后端，访客手动控制播放。

但放在头像下面后，跟 Categories 和 Tags 贴得太紧，整体不协调。

第二轮：移到标签下面（当前）

把播放器移到 sticky 区域，跟着 Categories、Tags 一起滚动，始终可见。同时把迷你模式（mini）去掉了，换成了完整模式，保留所有控制按钮：上一首、播放/暂停、下一首、进度条、音量、展开歌单、循环模式。

歌单用的是我自己的网易云歌单（ID 8481596988），访客点一下 ▶ 就能听。

技术选型：为什么选 Aplayer + MetingJS？

公开 meting-api（api.injahow.cn/meting）已经处理好了跨域问题
一行 <meting-js> 自定义标签搞定歌单加载
不自动播放，符合浏览器自动播放策略
体积小（APlayer 100KB 左右），CDN 加载不影响首屏

💬 评论区刷新慢的问题

Waline 评论跑在 Vercel 上，Serverless 冷启动第一次请求要 6 秒左右。

客户端预热方案

在 Layout 里加了个 requestIdleCallback，页面加载空闲时静默请求一次 Waline API，把 Vercel 实例"唤醒"。真正用户切到文章页看评论时，API 已经热了，TTFB 从 6 秒降到 0.6 秒左右。

两次刷新才出来的问题

原来用了延迟加载（IntersectionObserver 滚到评论区才初始化），后来发现是 Swup 切页后没有重新 init 导致的。改成立即初始化 + Swup page:view hook 重新 init，评论直接出现在文章底部。

📝 总结

改动	状态
Banner 居中一言	✅
重要提醒/TOC 互斥	✅
QQ 邮箱按钮	✅
侧边栏音乐播放器	✅
Waline 预热加速	✅
首页文章卡片封面图	✅（本次）

博客还在持续折腾中，Cloudflare CDN 加速 Waline 也在计划里，有时间再搞。

附：封面图功能

顺手给首页文章卡片加了右侧缩略图。原来 Fuwari 主题就已经支持 image frontmatter 字段和右侧 28% 宽度的封面布局，只是之前没给文章配图。现在模板里默认带 image: /assets/cover-xxx.jpg，以后每发新文都有封面了。

博客折腾第二弹：周刊、时间线、封面自动生成、音乐不停、移动端全适配

Wed, 02 Sep 2026 00:00:00 GMT

这是博客大改造：一言、音乐播放器、评论加速，全都安排上了的续篇。上一篇写完后，又改了一堆东西，一起记下来。

📰 周刊：手动收藏 + RSS 自动聚合

导航栏加了「周刊」，页面结构分两块：

📌 我的收藏：纯手动，src/content/weekly/ 下放 markdown 就行，frontmatter 只需要 title + url + published，不用写正文（这是外链收藏，不是原创）
🔄 每日精选：自动聚合 4 个 RSS 源——阮一峰、奇舞周刊、V2EX、少数派

关键技术决策：客户端 JS 做聚合，用 rss2json.com 免费 API 把 RSS 转 JSON（支持 CORS），四个源并发 fetch → 合并去重 → 按时间倒序 → localStorage 缓存 1 小时。每次访问都是最新内容，零后端零服务器。

🎵 音乐播放器：三轮迭代，最终极简

第一轮：APlayer + MetingJS CDN

用 <meting-js> 自定义标签，方便但有问题：MetingJS 在页面加载时扫描替换，Swup 切页后自定义元素可能重复初始化或状态丢失，导致封面一直转圈、播放按钮显示成 loading circle。

第二轮：手动 fetch + new APlayer

改成手动 fetch 拉歌单 → new APlayer() 手动创建实例。能播了，但加了 swup.hooks.on('content:replace', init) 每次切页重建，结果自己在主动杀自己的音频——切页就断。

第三轮（当前）：极简原生 audio + 自写 UI

砍掉 Aplayer CDN、砍掉 MetingJS CDN，只保留一个 fetch 请求拉歌单。

核心发现：SideBar 根本不在 Swup 替换范围内！Swup 只动 #swup-container（main 内容区），SideBar 和它平级，切页时 SideBar 的 DOM 不变，所以根本不需要重新 init。

改完后：

音乐切页完全不停（Swup 不动 SideBar）
localStorage 持久化当前歌曲 + 播放进度
刷新页面自动恢复（不自动播放，遵守浏览器策略）
零外部 CDN 依赖，只有一个 fetch 拉歌单

代码量从 200+ 行减到 120 行，还更稳。

🖼️ 文章封面自动生成

原来的 PostCard 要求每篇文章 frontmatter 里必须有 image 字段。忘记配的文章，右侧封面会显示 "The image is generating..."。

原因：封面图路径都是 /assets/xxx.jpg（public 目录）或 data URI，ImageWrapper 的 Astro 压缩优化根本用不上，反而因为路径拼接逻辑干扰了正确显示。

解决方案

PostCard 改用原生 <img>：跳过 ImageWrapper 复杂的 path.join("../../", basePath, src) 逻辑，直接 <img src={coverSrc} loading="lazy" />
generateAutoCover() 函数：文章没有 image 字段时，用字符串模板拼一个 SVG data URI：紫蓝渐变背景 + 三个半透明白色光斑 + 白色粗体标题（自动截断到 18 字）+ 文字阴影

function generateAutoCover(title: string): string {
  const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="800" height="450">
    <linearGradient id="g" ... />
    <rect width="800" height="450" fill="url(#g)"/>
    <circle cx="680" cy="80" r="120" fill="#ffffff" opacity="0.08"/>
    <text ...>${safeTitle}</text>
  </svg>`;
  return `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`;
}

零外部请求、零服务器依赖、不会挂、和博客紫色主题色统一。

📅 发布时间线：按月热力图 → 按天展开

原来的日历是 GitHub 风格月度热力图，点击月份跳转到 /archive/。用户反馈"点击不能跳转，要把每一天分开"。

改成按天展开的时间线：

顶部保留月份热度胶囊条（只做展示，不跳转）
每天一个独立条目：日期圆点（紫蓝渐变 + 当天号数）+ 日期标签 + 文章数 chip + 当天文章列表
同日连发显示 🎉 标签
竖线串联，最后一天自动隐藏底部竖线

刷新首页就能一眼看到哪天发了什么。

🎨 专题页重设计

原来的专题页是纯文字列表，border + title，所有分类一个样式。

改成渐变封面卡片式布局：

每个分类独立配色（紫/粉/橙/绿/蓝青/洋紫轮换）
卡片头部：渐变背景 + 装饰圆 + 分类名 + 文章数 chip
卡片主体：最多 6 篇文章，超过显示「查看全部 N 篇」
移动端单列 / md: 两列网格

📱 全站移动端适配

原来移动端很多组件用了固定 px-9、text-3xl 不响应，改了三个文件：

组件	改动
WeeklyFeed.astro	`px-9` → `px-4 md:px-9`，JS 生成列表项 `flex-col md:flex-row`，日期 `hidden md:inline`
weekly.astro	同上 padding + 字号响应式
PostCard.astro	标题 `text-3xl` → `text-xl md:text-3xl`

移动端 SideBar 从左侧列堆到 main 下面，播放器跟着在底部，不影响主内容区。

🎬 Banner 首屏加载优化

原来的 Banner 是 2.10 MB 的 jpg，用 sharp 转成 quality:82 的 webp：

banner.jpg  →  2.10 MB  ❌ 已删除
banner.webp →  0.25 MB  ✅ 压缩率 88%

首屏加载直接省 1.85MB，FCP（首次内容绘制）大幅提前。

📊 运行时长：改建站日

原来从第一篇文章日期算运行时长，只显示"2天"。改成从 siteConfig.since（2026-09-01）算建站累计日。

改了 3 处：

src/config.ts 加 since: "2026-09-01" 字段
src/types/config.ts SiteConfig 类型加 since: string
src/components/HomeDashboard.astro 用 new Date(siteConfig.since) 替代 firstPost.data.published

以后想改建站日，只改 config.ts 里的一个字段就行。

🍔 汉堡菜单完整优化

原来的 NavMenuPanel 桌面端能用，移动端体验差——点了可能不出来，没有关闭按钮，点击遮罩不关闭。

重写后：

响应式宽度：手机几乎全屏 w-[calc(100vw-1rem)]，桌面端小浮窗 md:min-w-[12rem]
移动端标题栏 + 关闭按钮：顶部显示「导航菜单」+ ✕ 按钮
点击遮罩关闭：点面板外部自动收起
ESC 关闭：键盘快捷键支持
更大的点击区：py-2.5 pl-4 pr-3，手指好戳

📝 总结

改动	状态	相对上一篇的增量
周刊功能	✅	🆕 全新
音乐播放器（最终版）	✅	🔄 从 Aplayer 改极简原生 audio
自动 SVG 封面	✅	🆕 无 image 时自动生成
封面图显示修复	✅	🐛 ImageWrapper 路径拼接问题
发布时间线（按天）	✅	🔄 从月度热力图改按天展开
专题页卡片重设计	✅	🔄 纯文字改渐变封面卡片
移动端全适配	✅	🆕
Banner webp 压缩	✅	🆕 2.1MB → 0.25MB
运行时长改建站日	✅	🐛 2天 → 固定建站累计
汉堡菜单优化	✅	🔄 加关闭按钮/遮罩/ESC

博客从搭好到现在两个星期，改了快 20 个 commit。下一批计划：Cloudflare CDN 加速 Waline（当前 Vercel 冷启动问题）、友链页面完善。继续折腾 🚀

博客折腾第三弹：樱花飘落、音乐切页真不停、手机单栏布局

Wed, 02 Sep 2026 00:00:00 GMT

这是博客大改造和第二弹的续篇。第二弹写完后，樱花飘落、移动端适配、音乐切页三个坑还没完全填完，继续折腾。

🌸 樱花飘落：从组件内到 body 层级的三次迭代

最初想在 MusicPlayer.astro 旁边加个 SakuraPetals.astro 组件，canvas 放在组件里。但 Astro 组件在 swup-container 内部，切页时 Swup 替换 DOM，inline script 不会重新执行，樱花就没了。

方案 A：组件内 + Swup hook 重跑

把樱花代码写成 IIFE，加 swup.hooks.on('content:replace', init) 每次切页重建 canvas。能跑，但 Astro 编译器在处理 <script> 块时会把 document.getElementById 这种全局调用包一层，导致 TypeError: document.getElementById(...) is not a function——Astro bundler 的副作用。

方案 B（当前）：body 层级 + is:inline

把樱花的 <canvas> 放在 Layout.astro 的 <body> 开头（Swup 永远碰不到 body 根节点之外的 DOM），脚本用 <script is:inline> 完全绕过 Astro bundler：

<!-- Layout.astro body 开头 -->
<canvas id="sakura-canvas" class="pointer-events-none fixed inset-0 z-40 w-full h-full block"></canvas>

<!-- body 末尾独立脚本 -->
<script is:inline>
(function() {
    var canvas = document.getElementById('sakura-canvas');
    if (!canvas) return;
    // Swup 切页只控制显隐，不重建 canvas
    // window.swup.hooks.on('content:replace', ...)
})();
</script>

关键决策：所有页面都渲染 canvas（让 Swup 不删除它），只用 JS display 控制首页显隐。之前用 {isHomePage && <canvas>} 条件渲染，导致周刊页面 HTML 里没有 canvas，切过去后樱花脚本找不到元素就 return 了。

花瓣 Canvas 实现：贝塞尔曲线画花瓣形状 + 径向渐变（中心浅粉→边缘半透明）+ 正弦波水平漂移模拟自然飘动。桌面端 80 朵，手机端 35 朵且更小。

🎵 音乐切页真不停了：global-audio 方案

之前为什么停：SideBar 里的 <audio id="audio"> 在 MainGridLayout.astro 布局内，Swup 配置了 containers: ["main", "#toc"]，但实际运行时 SideBar 也被整体替换了——因为不同页面 headings 不同（文章页有目录、首页没有），Astro 输出的 HTML 里 SideBar 内容有差异，Swup 发现后就整体替换。每次替换 = <audio> 被销毁重建 = 从 src 重新加载 = 暂停。

解决方案：把 <audio> 元素移到 Layout.astro 的 <body> 层级：

<!-- Layout.astro body 开头，Swup 永远不碰 -->
<audio id="global-audio" preload="metadata"></audio>

MusicPlayer 组件里只留 UI（按钮、歌名、歌单列表），不再渲染 <audio>。JS 逻辑改成：

var audio = document.getElementById('global-audio');
var S = window.__mpState = window.__mpState || { songs: [], current: -1, loaded: false };

if (!window.__mpInited) {
    // 第一次加载：fetch 歌单 + 绑定 audio 事件 + 恢复状态
    window.__mpInited = true;
    audio.addEventListener('play', updatePlayIcon);
    // ... fetch
} else {
    // Swup 切页后重建 SideBar：不碰 audio/songs，只恢复 UI 显示
    renderList();
    updatePlayIcon();
}

核心：global-audio 永远不被 Swup 替换（它在 body 根层级，Layout 静态部分），播放状态自然保持。UI 重建时只恢复显示不碰 audio 对象本身。

📱 手机单栏布局：grid 默认值修正

之前 MainGridLayout.astro 的 grid 是 grid-cols-[17.5rem_auto]——从 0px 开始就是两栏！手机上 SideBar 被压成 280px 宽，主内容区也被挤得很小，完全不可用。

改成：

<div id="main-grid" class="grid grid-cols-1 grid-rows-[auto_auto_auto]
                               lg:grid-cols-[17.5rem_auto] lg:grid-rows-[auto]">

手机（<1024px）：grid-cols-1 单栏竖排，SideBar → Main → Footer 自然堆叠
桌面（lg+）：grid-cols-[17.5rem_auto] 左 SideBar 右主内容

配合樱花 canvas 去掉 hidden lg:block 限制（改成 block），手机上花瓣更小更少（35 朵，5-12px），性能友好。

🐛 Astro TypeError 排坑

樱花代码写完后线上报错：

TypeError: document.getElementById(...) is not a function
Layout.astro_astro_type_script_index_1_lang.CLMsTfqK.js:9

原因：Astro 把所有非 is:inline 的 <script> 都当作模块处理，用 Vite bundle。bundle 过程中 document.getElementById 这种全局函数调用可能被异常处理（比如 IIFE 包装导致作用域丢失）。

解决：樱花脚本独立成 <script is:inline> 块，放在 body 末尾。is:inline 告诉 Astro：完全原样输出，不 bundle、不处理。

🧠 踩坑总结

坑	现象	根因	解法
樱花切页消失	非首页没有 canvas	`{isHomePage && <canvas>}` 条件渲染	所有页面都渲染，JS 控制显隐
TypeError	`document.getElementById is not a function`	Astro bundler 处理模块脚本时副作用	`is:inline` 独立脚本块
音乐切页暂停	播放中断	SideBar 被 Swup 整体替换，audio 销毁重建	audio 移到 body 层级 global-audio
手机布局挤	两栏挤成小窄条	`grid-cols-[17.5rem_auto]` 无断点	默认单栏，`lg:` 才两栏
EdgeOne CDN 旧 HTML	新代码不上线	HTML 无 hash 文件名，CDN 长缓存	empty commit 触发重建 + 等 CDN TTL

NieBlog 项目维护指南

Wed, 02 Sep 2026 00:00:00 GMT

NieBlog 项目维护指南

本文档面向博客的日常维护者，说明项目结构、文件规范，以及「发布文章」「上传图片」「部署更新」的完整操作流程。技术栈：Astro（静态站点）+ Fuwari 模板 + Tailwind CSS + EdgeOne Pages 部署 + Waline 评论。

一、目录结构总览

NieBlog/
├── public/                     # 静态资源（原样复制到网站，无需编译）
│   ├── assets/                 # ★ 站点图片（文章封面、壁纸、Banner 等）
│   ├── gallery/                # ★ 图库照片（没有可自建此目录）
│   ├── favicon/                # 网站图标
│   └── .well-known/            # 域名验证文件（勿动）
│
├── src/                        # 网页源代码
│   ├── content/
│   │   ├── posts/              # ★ 文章目录（Markdown 文件，一篇一个 .md）
│   │   ├── spec/               # 「关于」等特殊页面（about.md）
│   │   └── weekly/             # 周刊数据（自动聚合，一般不动）
│   ├── pages/                  # 路由页面（文件名即网址）
│   │   ├── [...page].astro     # 首页（含统计仪表盘+时间线）
│   │   ├── archive.astro       # 归档页
│   │   ├── about.astro         # 关于页
│   │   ├── friends.astro       # 友链页
│   │   ├── gallery.astro       # 图库页
│   │   ├── guestbook.astro     # 留言板
│   │   ├── hubs.astro          # 专题页
│   │   ├── weekly.astro        # 周刊页
│   │   └── posts/[...slug].astro  # 文章详情页模板（自动带评论区）
│   ├── components/             # 页面组件
│   │   ├── widget/             # 侧边栏组件（音乐播放器、重要提醒、公告等）
│   │   ├── control/            # 控件（分页、返回顶部等）
│   │   ├── misc/               # 通用小组件（图片包装等）
│   │   └── *.astro             # Navbar 导航栏、Footer 页脚、PostCard 文章卡片等
│   ├── layouts/                # 页面骨架（Layout.astro 全局 / MainGridLayout 主布局）
│   ├── config.ts               # ★ 站点配置（标题、建站日期、导航栏、横幅等）
│   ├── styles/                 # 全局样式
│   ├── constants/              # 常量（颜色、尺寸）
│   ├── utils/                  # 工具函数（文章排序、URL 处理）
│   ├── i18n/                   # 多语言文案
│   └── types/                  # 类型定义
│
├── dist/                       # 构建产物（自动生成，勿手动改）
├── astro.config.mjs            # Astro 构建配置
├── package.json                # 依赖与脚本命令
└── PROJECT_GUIDE.md            # 本文档

带 ★ 的是日常维护最常打交道的三个位置：public/assets/（图片）、src/content/posts/（文章）、src/config.ts（站点配置）。

二、图片文件规范

1. 存放路径

用途	路径	说明
文章封面图	`public/assets/`	在文章 frontmatter 里引用
网站壁纸	`public/assets/`	文件名 `wallpaper-1.jpg`、`wallpaper-2.jpg`（导航栏调色板里引用）
网站横幅	`public/assets/`	由 `src/config.ts` 的 `banner.src` 指定
图库照片	`public/gallery/`	目录不存在就新建一个

2. 命名规范

只用小写英文 + 数字 + 连字符，禁止中文、空格、大写字母
- 推荐：cover-my-blog-road.jpg、gallery-2026-09-01.jpg
- 不推荐：我的封面.JPG、Screen Shot 2026.png
文章封面建议统一前缀：cover-<文章文件名>.jpg，方便对应查找
图片格式：优先 .jpg / .webp（截图可用 .png）；单张建议 小于 500KB，宽度 1200px 左右即可

3. 如何在文章中使用图片

---
title: 文章标题
published: 2026-09-01
image: /assets/cover-my-blog-road.jpg   # 必须以 /assets/ 开头（对应 public/assets/）
---

注意是 /assets/... 而不是 public/assets/...（public 目录在网址里不出现）
不填 image 字段时，首页卡片会自动生成一张紫蓝渐变的 SVG 封面，标题会写上去，不用害怕没图

三、文章文件规范

1. 存放位置与文件名

所有文章放在 src/content/posts/，一个 .md 文件 = 一篇文章
文件名就是文章网址，所以必须用英文：
- hello-my-friend.md → 网址 https://niezhenhaoblog.cc.cd/posts/hello-my-friend/
- 文件名一旦发布就不要再改，否则网址会变

2. 文件格式（frontmatter + Markdown 正文）

每个 .md 文件开头必须有一段 --- 包裹的配置（frontmatter），然后是正文：

---
title: 这里是文章标题
published: 2026-09-01
description: 一两句话的摘要，显示在首页卡片和搜索里
tags: [标签1, 标签2]
category: 分类名
image: /assets/cover-xxx.jpg        # 可选，不填自动生成渐变封面
draft: false                        # true = 草稿，网站上不显示
---

正文从这里开始，正常写 Markdown 即可：

## 二级标题

普通文字，**加粗**，*斜体*，[链接](https://example.com)

![图片说明](/assets/xxx.jpg)

字段说明：

字段	必填	说明
`title`	✅ 必填	文章标题
`published`	✅ 必填	发布日期，格式 `2026-09-01`（首页时间线按它排序）
`description`	可选	摘要，建议写
`tags`	可选	标签数组
`category`	可选	分类（专题页 hub 会自动归组）
`image`	可选	封面图路径
`draft`	可选	`true` 为草稿，不显示在网站
`updated`	可选	更新日期

⚠️ frontmatter 格式错误会导致构建失败（比如 published 少写、--- 没配对）。写完不确定就先跑一次本地构建（见第五节）。

四、操作指南

A. 发布一篇新文章（最常用）

新建文件：在 src/content/posts/ 下新建一个英文文件名的 .md，例如 my-new-post.md
填写 frontmatter + 写正文（参考上面第三节格式）
提交并推送：在项目根目录打开终端（PowerShell），依次执行：

npm run build
git add .
git add src/content/posts/my-new-post.md
git commit -m "post: 新文章 标题"
git push

如果很久没推送，提示冲突：先执行

git pull --rebase origin main

等待自动部署：推送后 EdgeOne 会自动拉取代码并构建，大约 5 分钟生效
刷新网站：打开 https://niezhenhaoblog.cc.cd/ 确认文章出现；没变化就按 Ctrl + F5 强制刷新

一条命令也行（新文章+图片一起发）：
git add .; git commit -m "post: 新文章 标题"; git push

B. 给文章配封面图

把图片放进 public/assets/，命名为 cover-<文章名>.jpg
在文章 frontmatter 加一行：image: /assets/cover-<文章名>.jpg
图片和文章可以一起 git add . 推送

C. 图库页添加照片

把照片放进 public/gallery/（目录没有就新建）
打开 src/pages/gallery.astro，在顶部数组里照格式加一行：

const photos = [
    { src: "/gallery/2026-09-01.jpg", title: "照片说明", date: "2026-09-01" },
];

推送后等自动部署

D. 修改网页内容 / 样式后的部署

直接修改对应的源码文件（改前建议备份或记住改了什么）
（可选）本地预览确认效果：

npm run dev        # 启动本地开发服务器，浏览器打开提示的 http://localhost:4321
# 按 Ctrl + C 停止

提交推送：

git add .; git commit -m "style: 改了什么简短说明"; git push

等 EdgeOne 自动构建（约 5 分钟），Ctrl + F5 刷新网站验证

E. 常用命令速查

命令	作用
`npm run dev`	本地实时预览（改代码即时生效，最推荐调试用）
`npm run build`	本地完整构建（验证能不能部署成功，产物在 `dist/`）
`npm run preview`	预览 `dist/` 构建产物
`git add .`	暂存所有改动
`git commit -m "说明"`	创建提交
`git push`	推送到远程 → 触发 EdgeOne 自动部署

F. 出问题了怎么办

现象	排查方法
推送后网站没更新	1. 等 5-8 分钟；2. `Ctrl + F5` 强刷；3. 登录 EdgeOne 控制台看构建状态
构建失败（EdgeOne 显示失败）	本地跑 `npm run build` 复现真实报错（90% 是 frontmatter 写错或路径引用错）
新文章没出现	检查文件是否在 `src/content/posts/`、frontmatter 是否有 `title` 和 `published`、是否写了 `draft: true`
图片不显示	检查 frontmatter 里是否写成了 `/assets/...`（不能带 `public`）、文件名大小写是否完全一致
评论加载慢/不出	刷新一次（冷启动），还不行看Waline 服务状态

五、注意事项

文件名纪律：文章文件名、图片文件名一律小写英文 + 连字符；发布后的文章文件名不再修改
不要手动改：dist/（构建产物）、pnpm-lock.yaml（依赖锁）、.astro/（缓存）
敏感信息：不要把密钥、密码写进任何被提交的文件
站点基础信息（标题、建站日期、导航栏、横幅开关）集中在 src/config.ts，改完同样走「提交 → 推送 → 自动部署」流程
建站天数：页脚和首页仪表盘的「运行 X 天」由 config.ts 的 since 字段计算，页面每次打开都会实时算，不会滞后

我的博客之路（实操篇）

Tue, 01 Sep 2026 00:00:00 GMT

前言：构建、权限、命名、区域、备案、解析，这一路全踩了一遍。

本篇文章主要介绍如何部署，搭建，主要以静态博客为主，动态博客这篇文章不是嗷，有机会后面也会出的！

一，准备工作

cnb.cool帐号，部署平台Github、cnb，Git工具用于文件上传、博客模板（Hexo新人首选界面干净可以自由发挥、Astro，也可以用其它的模板），域名（免费或付费或永久），本地环境：Node.js、Git、Hexo 完整博客项目，开通腾讯云 EdgeOne Pages.

1、创建仓库

1、在cnb.cool，https://cnb.cool，准备账号

2、在下面cnb，这里，去右上角，头像左边加号，注意：先创建个人组织，在创建仓库，；完成实名认证（流水线构建需要）

3、创建组织，组织名称最好字母不少于3个、组织别名：随便写、组织描述：无

4、创建仓库，仓库归属选择已经创建好的组织，仓库名称按照这个模板提供的去写，URL根据仓库名称配置好可以不用管，公开性：在这里我踩过一个坑，设置的公开，然后后面在配置EdgeOne，API Token的时候报错了，记住公开性设置为私有，保存源码、密钥。然后点创建。好了到这里完成第一步了恭喜啊朋友！！！

5、点右上角头像， →个人设置 → 访问令牌，新建令牌，勾选【代码仓库‑读写】，复制保存 Token（只显示 1 次）

2、把博客模板传上去

本地装好 Git 后，把模板项目初始化并推送到刚建的仓库：

git init
git add .
git commit -m "init blog"
git remote add origin https://cnb:你的Token@cnb.cool/你的组织/你的仓库.git
git push -u origin main

两个细节：

用户名固定填 cnb，密码就是你刚建的访问令牌（直接把 cnb:Token@ 写进仓库地址最省事，以后推送不用再输）
分支必须是 main，后面所有构建都认它

推完刷新仓库页面，能看到文件树就成功了。至此仓库就位，接下来让它变成"每推一次代码就自动更新一次"的流水线模式。

二、文件上传

1、日常发文就是三连

以后写文章、改配置，全是同一套动作：

git add .
git commit -m "新增文章：xxx"
git push

push 完就什么都不用管了，构建和部署是全自动的。

不想在本地装环境？cnb 自带 云开发 WebIDE：仓库页面点进去，就是一个长在浏览器里的 VSCode，左侧文件树找到 src/content/posts/ 新建 .md 文件直接写，写完在左侧 Git 图标里点提交推送，效果和本地一模一样。手机浏览器也能打开它应急改东西。

2、EdgeOne Pages 托管

1、打开腾讯云控制台，搜 EdgeOne Pages，开通（免费）

2、创建项目，选择 从 Git 仓库导入，授权并绑定你的 cnb 仓库

3、构建配置照抄：

构建命令：pnpm install --frozen-lockfile && pnpm run build
输出目录：dist（⚠️ Astro 的产物是 dist，不是 public，填错了网站就是空白）

4、首次部署完成后会拿到一个临时预览域名，但正式访问要用自定义域名（往下看）。

到这里，"推代码 → 自动构建 → 自动上线"的流水线就通了，可以随手 push 一篇文章试试。

三、域名与备案

1、域名哪来

付费的随便买（.com/.cn 几十块一年）；

白嫖党可以找免费二级域名（如 us.ci、cc.cd 的发放站），缺点是解析功能简陋、且永远过不了 ICP 备案。我这里提供一个免费的域名：my.dnshe.com

2、备案这关怎么过

EdgeOne 给域名做接入时默认会校验 ICP 备案，免费域名直接被拦。解法在创建/设置项目时找一个关键选项：加速区域选「全球可用区（不含中国大陆）」——这个区域不要求备案，免费域名也能绑，国内访问走海外节点，速度够用。

3、DNS 解析（坑最多的一节）

去域名发放站的解析面板，加一条 CNAME：

名称	类型	内容
`@`（或你的子域前缀）	CNAME	EdgeOne 域名管理页要求的接入地址

三个我亲手踩过的坑：

加错平台：解析必须加在"域名的 DNS 归属方"（给你发域名的那个站的面板），加到腾讯云/阿里云的解析控制台等于白加，全球都查不到
主机名写错：多数面板里主机名填前缀（如 waline），不要填完整域名，除非面板明确要求
负缓存：解析改对了但就是访问不通，很可能是各地 DNS 还缓存着旧的"查无此域名"结果，等 10 分钟到 1 小时自动好，或者电脑上 ipconfig /flushdns 手动清

解析生效、EdgeOne 那边状态变绿后，HTTPS 证书会自动签发，直接就能访问了。

四、评论与统计

静态博客没有后端，评论和访客统计全靠外部服务补齐：

评论：Waline（部署在 Vercel + Neon 免费数据库，拿到服务地址后嵌入文章页模板，全站文章自动带评论区）
统计：不蒜子，一行 script 引入就出阅读量

两个提醒：

⚠️ Vercel 默认送的 *.vercel.app 域名在国内被 DNS 污染，评论接口会加载不出来；给 Waline 绑一个你自己的子域名（如 waline.你的域名）即可解决
Waline 的第一个注册账号自动成为管理员，部署完第一时间去注册，别被人抢了

五、踩坑清单（浓缩版）

EdgeOne 项目名不允许大写：只收小写字母/数字/连字符，NieBlog 直接创建失败，用 nieblog
仓库公开性：要存 Token/密钥就设私有，公开仓库配 Token 会报错
Decap CMS 这类网页后台不支持 cnb.cool：它们只认 GitHub/GitLab 等有标准 OAuth 的平台，教程说能用 git-gateway 的都是没实测过的
免费域名绑不上含大陆的加速区域：选全球（不含中国大陆）区域就绕开备案
DNS 改完不生效先别慌：九成是负缓存，等一等或手动清缓存
构建产物目录：Astro 是 dist，Hexo 是 public，别照抄别的教程

六、收尾验收清单

[ ] push 一篇文章，2 分钟后公网域名能打开
[ ] 手机流量（不连 Wi-Fi）访问正常
[ ] 文章底部评论区能加载、能发评论
[ ] RSS（/rss.xml）能订阅
[ ] 暗色模式切过去样式不乱

全打勾，博客就算真正上线了。之后的日子只剩一件事：写文章，push，等它自己上线。

新手小白的博客开发之路

Tue, 01 Sep 2026 00:00:00 GMT

前言：构建、权限、命名、区域、备案、解析——所有内容完完全全跑完了。这篇把我从一个什么都不会的新手，到博客正式上线的全过程整理成教程，每个坑都标出来，照着走可以少走很多弯路。

最终成果长什么样

博客地址：https://niezhenhaoblog.cc.cd，手机浏览器直接打开
文章用 Markdown 写，git push 之后全自动构建部署，大约 2 分钟全网生效
带评论系统（Waline）、阅读量统计（不蒜子），全程零服务器、零费用

整套架构一句话说清：静态博客没有后端，文章在本地写好推到 Git 仓库，云流水线自动构建成纯静态文件，托管到腾讯云 EdgeOne Pages 上；评论和访问统计这类"动态能力"靠第三方嵌入脚本补齐。

一、准备工作

注册 cnb.cool，创建组织，新建一个代码仓库（主分支 main），这就是博客的家
开通腾讯云 EdgeOne Pages，它负责把静态文件变成一个真实可访问的网站
本地准备好博客模板：我用的 Astro 框架的 Fuwari 模板，开箱即用、颜值高、原生支持 Markdown 写文章

pnpm create astro@latest --template saicaca/fuwari

⚠️ 坑 1：构建输出目录是 ./dist，后面流水线部署时要用到，先记住它。

二、流水线：让 push 自动变成上线

在仓库根目录放一个 .cnb.yml，内容大致是三步：装依赖 → 构建 → 部署。

main:
  push:
    - name: blog-build-deploy
      docker:
        image: node:22-alpine
        volumes:
          - /root/.pnpm-store:cow
      stages:
        - name: 安装依赖
          script: |
            npm config set registry https://registry.npmmirror.com
            npm install -g pnpm
            pnpm install --frozen-lockfile
        - name: Astro构建静态博客
          script: |
            pnpm run build
        - name: 部署EdgeOne Pages
          image: tencentcom/deploy-eopages:latest
          script: |
            edgeone pages deploy ./dist -n 你的项目名 -t ${EO_SECRET}

其中 EO_SECRET 是 EdgeOne 的 API 密钥，通过 密钥仓库 导入，不能明文写在流水线文件里。

⚠️ 坑 2：cnb 的令牌是有"作用范围"的。我最早的令牌只授权了博客仓库，结果推密钥仓库时一直 403。要么建仓库时把权限给够，要么干脆把主仓库设为私有、密钥文件直接放主仓库里用相对路径导入（我最后选了后者，少一环少一个坑）。

⚠️ 坑 3：EdgeOne Pages 项目名不允许大写字母（只允许小写字母、数字、连字符）。我配置里写了 NieBlog，流水线在这个步骤反复失败，还一度以为是密钥的问题，排查了半天。

三、域名与"备案"这道坎

网站要有域名才能访问。我在 EdgeOne Pages 控制台里绑自定义域名时，弹出提示：

检测到当前域名未在工信部备案，将无法被顺利添加

这里的关键是加速区域：

加速区域	要不要备案	说明
全球可用区（不含中国大陆）	❌ 不需要	走海外节点，国内可访问
含中国大陆的区域	✅ 必须	速度最快，但备案要买合规域名 + 等待审核

我用的是免费域名，根本没法备案，所以选择了"全球可用区（不含中国大陆）"，免备案直接绑。

⚠️ 坑 4：EdgeOne 平台自带的默认域名在国内访问会被 401 拦截（平台合规策略，改不掉），系统生成的预览链接只有 3 小时有效期。想长期访问，绑自定义域名是唯一正路。

四、DNS 解析：最折磨人的一环

域名在面板里加了解析记录，为什么全世界都查不到？我踩了三个坑：

记录加错了平台：解析记录必须加在域名权威 DNS 对应的服务商面板里。我的免费域名权威服务器是 dnshe.org，加到腾讯云 DNSPod 或其他平台等于白加
主机名填错：想解析根域名，主机名要填 @；填成了别的名字，就成了一个奇怪的子域名
负缓存：记录修正后，公共 DNS 可能还缓存着"查无此域名"的旧结果，等一会儿才生效

我的域名最终形态：

主机名	类型	记录值	用途
`@`	CNAME	`niezhenhaoblog.cc.cd.pages.dnsoe5.com`	博客主站 → EdgeOne
`waline`	CNAME	`xxx.vercel-dns-017.com`	评论系统 → Vercel
`_dnsauth`	CNAME	EdgeOne 要求的验证值	SSL 证书签发
`edgeonereclaim`	TXT	EdgeOne 要求的验证值	域名认领

排查 DNS 的神命令（指定公共 DNS 直接问）：

nslookup 域名 223.5.5.5

五、评论系统：Waline + Vercel

静态博客没有后端，评论靠 Waline：前端嵌入脚本，后端部署在 Vercel（免费），数据存 Neon 数据库（免费）。

部署步骤：

注册 Vercel，从 waline.js.org 点一键部署
Vercel 项目里 Storage → Create Database → Neon 建库
在 Neon 的 SQL Editor 里执行 Waline 官方的初始化脚本，然后 Redeploy
把 Waline 的地址填进博客配置：

export const walineConfig = {
	enable: true,
	serverURL: "https://waline.你的域名",
};

⚠️ 坑 5：*.vercel.app 域名在国内被 DNS 污染，直接用会"无法加载评论"。解决办法是在 Vercel 项目 Settings → Domains 里绑一个自己的子域名（比如 waline.你的域名），再回域名面板加一条 CNAME。

⚠️ 坑 6：Waline 第一个注册的账号自动成为管理员。服务一旦公开，尽快去注册，不然被人抢注就尴尬了。

六、评论区的颜值：CSS 主题化

Waline 默认样式和博客风格不搭，可以用它暴露的 CSS 变量做主题化，引用博客自己的设计变量，暗色模式自动跟随，不用写两套：

#waline {
	--waline-theme-color: var(--primary);
	--waline-bgcolor: var(--card-bg);
	--waline-border-color: var(--line-color);
}
#waline .wl-panel {
	background-color: var(--page-bg);
	border-radius: 0.75rem;
}

再给输入面板加个聚焦描边、给按钮加个按压动效，评论区就和整个博客长在一起了。

七、上线验收清单

全部改完后逐项打勾：

[x] git push 后流水线跑通，构建部署全自动
[x] https://域名 返回 200，标题正确
[x] 文章页正常渲染，评论区出现
[x] Waline API 返回 errno: 0（数据库连接正常）
[x] HTTPS 证书自动签发，HTTP 自动跳转
[x] 手机流量（不连 Wi-Fi）打开测试一遍

写在最后

回头看，整个过程没有任何服务器，费用为零，但踩的坑一点不少：构建随机爆炸、令牌权限 403、项目名不许大写、免费域名不能备案、解析记录加错地方、vercel.app 被污染……每一个都卡过我。

但也正是这些坑让我把整条链路彻底搞明白了。现在我的写作流程简单到只有三步：写 Markdown → git push → 两分钟后全网可访问。

如果你也想搭一个自己的博客，照着这篇走一遍，祝你好运，欢迎在评论区找我玩。

你好，这个素未谋面的朋友

Mon, 31 Aug 2026 00:00:00 GMT

当你看到这个的时候说明俺的博客搭建好了，我不知道说什么，但是祝你有一个好的心情┗|｀O′|┛ 嗷~~！

接下来呢，讲点你不知道的~，我呢出生于农村-2005/12/26是我的生日，自小时候我不是很会说话，自卑.不爱说话，内向，这个标签，也是钉在了我这身上了真就现在长大了也是，难道内向的人活该没有出路呗。

跑题了—我们这一代经历过乡土中国，可是乡土中国背后的故事没有去说没人去讲，我见证过，也经历过.

我的博客之路

Mon, 31 Aug 2026 00:00:00 GMT

上一篇《你好，这个素未谋面的朋友》发出去的时候，这个博客其实才刚搭好骨架。这一篇就来复盘一下：这个博客到底是怎么从无到有的，中间踩了多少坑，又是怎么一个个爬出来的。

我想做一个什么样的博客

想法很简单：不要服务器，不要花钱，手机上能直接打开。

所以技术方案一开始就定了——纯静态：

写作：本地写 Markdown 文章
框架：Astro（选了 Fuwari 这个模板，颜值在线，开箱即用）
托管：腾讯云 EdgeOne Pages（免费额度，自带 CDN）
流水线：cnb.cool 的云构建（push 代码自动触发安装依赖 → 构建 → 部署）
动态补齐：Waline 评论（后期部署）+ 不蒜子访问统计

整套流程串起来就是：

写 Markdown → git push → cnb 流水线自动构建 → 部署 EdgeOne Pages → 公网直接访问

没有后端、没有服务器、没有运维。写完文章推上去，剩下的全自动。

坑一：模板构建随机爆炸

Fuwari 模板拉下来，本地一构建就报错：

The `link` class does not exist. If you are sure that `link` exists, then the issue may be related to the import ordering of your CSS.

更诡异的是它是随机出现的——有时构建能过，有时又换一个地方报同样的错（这次是 btn-regular-dark）。

查了 issue 才知道是模板的已知问题：样式文件里用 @apply 去引用另一个 CSS 文件里定义的自定义类，Tailwind 的解析在多文件并行处理时偶发失败。

解决办法：把这些 @apply 自定义类 全部展开成底层的工具类写法。比如原来写 @apply btn-regular-dark，就改成它背后那一串 flex items-center justify-center bg-[oklch(...)] ...。改完之后构建再没炸过。

坑二：令牌权限的连环 403

为了自动化，我申请了 cnb 的访问令牌。结果发现它的权限范围很窄：

想 API 创建仓库 → 403（没有建仓权限）
想读仓库信息 → 403
想读流水线构建日志 → 403（scope 不匹配）

而流水线又需要一个密钥仓库来存放 EdgeOne 的 API 密钥。我推不动、建不了，最后只能自己在网页上建好密钥仓库、手动把密钥文件粘进去。

后来又发现一个更绝的设计：密钥仓库连令牌都不允许读（Secret repos do not support token access）。安全是安全了，但也意味着想自动往里写文件是不可能的，老老实实网页操作。

最终我换了更省事的方案：把博客仓库转成私有，密钥文件直接放在仓库根目录，流水线里用相对路径 ./tencent.yml 导入。少一个仓库、少一环依赖，出错的概率也小了。

坑三：项目名不允许大写

流水线配置里我给 EdgeOne Pages 项目起名叫 NieBlog，结果部署一直失败。最后直接在本地用官方 CLI 部署，才看到真实的报错：

Error creating pages project: Name can only contain lower case letters, numbers and hyphen

原来 EdgeOne Pages 的项目名只允许小写字母、数字和连字符，大写都不行。改成 nieblog 一次通过，项目还自动创建好了。这也告诉我们：云端流水线报错看不了日志的时候，把同样的命令在本地跑一遍，报错信息就全出来了。

坑四：默认域名国内打不开

部署成功后以为万事大吉，结果项目自带的默认域名在大陆网络访问直接 401。查官方文档才知道：

平台的默认域名/部署域名，大陆访问会被拦截（内容合规策略）
系统生成的预览链接只有 3 小时有效期
想要稳定访问，必须绑定自定义域名

坑五：免费域名没法备案

绑自定义域名时又被拦：域名必须有 ICP 备案。而我手里的免费域名（.ci / .cc.cd 这种）根本没法走备案流程。

好在有解：EdgeOne 的加速区域选「全球可用区（不含中国大陆）」时，绑自定义域名不需要备案。选好区域，域名就顺利添加进去了。

坑六：解析记录加了却"全世界都看不到"

域名添加了，解析也按提示加了，结果网站还是 500。用公共 DNS（阿里 223.5.5.5、谷歌 8.8.8.8）一查——全球都查不到这条记录。

直接问域名的权威 DNS 服务器才发现问题：这个免费域名的权威 DNS 在服务商自己手里，解析记录必须加在它的面板里才有效。如果加到腾讯云 DNSPod 或者别的平台，你的域名根本不归人家管，加了等于没加。

排查 DNS 问题的套路也记一下：

Resolve-DnsName 域名 -Server 223.5.5.5 → 查公共 DNS 有没有记录
Resolve-DnsName 主域 -Type NS → 找到域名真正的权威 DNS 在谁手里
直接问权威服务器 → 记录到底存没存上

写在最后

一个"不要服务器"的博客，从想法到能访问，实际上跨过了构建、权限、命名、区域、备案、解析六道坎。每一道坎单拿出来都不难，但叠在一起，就足够让一个新手在深夜对着 403 和 500 发呆了。

好在这条流水线现在是真正跑通了：以后写文章，只是一个 Markdown 文件加一次 git push 的事。

剩下的小目标：把 Waline 评论部署上，让这个素未谋面的你，也能在文章下面留言。

星沐Blog

累了毁灭吧！

一.本人经历

二.我-个人（可选择性看或不看）

三.将来或以后

游戏平台

pc端游/游戏平台分享

一.Steam平台

二.Epic

三.本篇文章只提供网站链接不提供注册方法，如果需要可以在留言区域告知！！！！

网盘浏览器扩展插件

浏览器网盘扩展插件分享和安装使用方法

（一）浏览器扩展

1.打开浏览器→右上角三个点→扩展→管理扩展

2.加载解压缩的扩展：获取Microsoft Edge扩展，如果里面没有你需要的插件可以 导入外面的插件，导入外部插件，比如你在外面下载的插件，也可以直接把插件的包直接拖入到扩展这个界面!右上角会提示安装！

（二）网盘插件

1.在获取Microsoft Edge扩展商店搜索→篡改猴测试版→安装

2.获取插件

1.根据我提供的这个：LinkSwift下载页面前往下载

3.在插件界面点击安装

（三）插件+Motrix下载

一.插件开启

1. 右上角方块拼图图标（红色上框）Edge 浏览器的扩展程序弹出面板入口，点击之后展开全部已安装扩展列表。

2. 下面这个红色框，把插件的图标固定在上方

3.前面的插件安装完成后来到网盘界面，能看到下载助手，说明在网盘可以用了

二.接下来下载Motrix-1.8.19，配合下载助手使用

1.前往下载界面，下载Motrix，推荐下载第三个方框的.zip，解压即用，不用安装！！！

2.下载解压并得到这个界面

3.在左下角方框位置，更改默认下载路径，注：最好用字母/英文，防止路径报错，完成后点击下方的保存并应用

朋友看到这，你就差一步就能用了，在坚持一下噢！！！

（四）插件使用

1.将你需要下载的文件保存

(1).勾选上你需要下载的文件

(2).点击上方的Aria2下载

（3）.在Aria2下载界面，点击推送链接到Aria2下载器，来到Motrix，可以看到下载了

2.如果上面看不懂可以观看下面的视频解析噢😭😭😭😭

（五）问题和注意事项

1.Aria2 服务设置，看一下服务端口：16800，和Motrix，是否一样

2.如果遇到插件不能用，可直接更换插件，总有一个是能用的

谢谢广大网友的观看噢！本篇博客文章到这就结束了，希望本篇可以帮到您！

blender软件便携式

blender软件便携式+插件和使用®

注：便携式，不用安装，如果你采用安装包也行，除了前面步骤，后面都一样的

阅读建议：

1.下面所有的蓝色字体为链接都可以直接点击跳转!!!

2. 每张图片点击都可以放大的噢~⛷️

3.下载的所有路径和所有文件夹都采用英文或者字母的方式，一律不准采用汉字！防止报错！

（一）blender软件便携包😉

1.前往 Blender官方下载页 下载blender便携式包

2.下载完成后，看一下便携式包版本号对不对！blender-5.2.1

3.对便携式包解压！尽量创建文件夹时候这个路径不要带中文，用字母不会报错！！！！！

4视频解析

<video controls width="100%" preload="metadata"> <source src="/assets/mp4/bl1.mp4" type="video/mp4"> 你的浏览器不支持播放视频 </video>

（二）blender插件😘

一.插件安装分为两种安装方式

1.在线安装方式

1.在线安装方式,点击左上角编辑→最下面偏好设置

2.在偏好设置可以看到有获取扩展和插件

1.本地安装方式

1.点击插件→右上角v→从磁盘安装...

2点击你保存插件的文件夹，注意：下载的插件压缩包不用解压，直接选择就行

二.插件使用

（三）blender使用设置✌️

（一）设置

（二）快捷键

1.1 物体相关操作

1.2 移动物体

1.3 旋转物体

1.2.3 缩放物体

1.2.4 坐标轴小技巧

1.2.5 视图

附加组合快捷键

（四）blender参考和学习😎

图片筛选

图像相似度去重工具

核心特性

目录结构

开发运行 (源码运行)

1. 环境要求

2. 安装依赖

2.加载解压缩的扩展：获取Microsoft Edge扩展，如果里面没有你需要的插件可以导入外面的插件，导入外部插件，比如你在外面下载的插件，也可以直接把插件的包直接拖入到扩展这个界面!右上角会提示安装！

1.前往 Blender官方下载页下载blender便携式包