 dsh
|
c841fa2047
|
修复评论区切页后排版崩坏：twikoo 基础样式改为静态引入
Astro 的 ClientRouter 切页时会清掉 head 里它不认识的 <style>，而 twikoo
的 CSS 正是 twikoo.min.js 运行时 appendChild 到 head 的；脚本本身又只执行
一次（window.twikoo 已存在就跳过），样式不会重新注入。
表现：从一篇带评论的文章点链接进另一篇后，评论区样式整段丢失 ——
markdown 图标被 .twikoo svg{width:100%;height:100%} 撑成 768x1240px、
文件输入框 .tk-input-image 从 display:none 变回可见、.OwO-items 从 flex
塌成 block 竖排成一列；整页刷新后恢复。
修复：把官方 twikoo.css 放进 public/assets/css/（与现有 twikoo.min.js 同为
1.7.20，已核对两个文件都来自同一个 npm 包、md5 一致），在 Comments.astro
里用静态 <link> 引入，排在 twikoo-custom.css 之前。静态 link 在 <body> 里，
切页时会随新页面一起换进来，不再依赖运行时注入。
没有换用官方 twikoo.nocss.js：它是 all 完整版去掉 CSS（997 KB），比
twikoo.min.js（506 KB，CSS 打包在内）大近一倍，而本站服务器没开 gzip，
换过去等于访客多下 491 KB。
验证（headless Chrome 131，禁用缓存，对本地 dist 实测）：
- 直接打开文章页：icon 18.75px / fileInput none / .tk-submit 179px
- 文章 -> 文章切页：修复前 768px / inline-block / 2919px；
修复后与直接打开逐像素一致（diff bbox = None，差异像素 0.0000%）
- 连续切页 3 次、切页后展开 OwO 表情面板，均正常
|
2026-09-15 08:39:41 +08:00 |
|
|
dsh
|
0b99eabfbe
|
评论区改为自托管 twikoo 前端，并适配主题
- 前端脚本从 jsDelivr 改为自托管 public/assets/js/twikoo.min.js，
版本与后端对齐（1.7.20）。国内访问 jsDelivr 实测 3 秒以上且常被墙，
是评论区空白的根因
- 新增 public/assets/css/twikoo-custom.css 主题适配层：选择器加 #twikoo
前缀以覆盖运行时注入的样式，颜色引用主题变量，自动跟随亮/暗色
- 修复首屏重复初始化：astro:page-load 在首屏也会触发，用 dataset.mounted 去重
- 评论配置移除已无用的 version 字段；README 与操作指南同步更新
|
2026-09-14 20:58:37 +08:00 |
|
|
dsh
|
e029c69899
|
删除 9 个孤儿配图：8.72 MB
这些文件只出现在 vitepress-blog-guide.md 的代码块示例里，从未被真实渲染。
删除后 public/assets 从 9.1 MB 降到 280 KB。
|
2026-09-14 20:47:52 +08:00 |
|
|
dsh
|
8ecc08cfce
|
压缩文章配图：9 张转 WebP，1.99 MB -> 0.25 MB
- 限宽 1920px、质量 82；有真实透明通道的两张（ubuntu-2604-desktop、
墨菲定律图1）保留 alpha，其余去 alpha 转 RGB
- 同步更新 8 个 markdown 文件中的 9 处引用（含 Caddy 那篇的 frontmatter）
- Caddy.png 1368 KB -> 22.8 KB（原为截图存成 PNG）
- 已核对：全项目 0 处缺失引用
|
2026-09-14 20:47:00 +08:00 |
|
|
dsh
|
6f4cc13a20
|
初始提交：时之刃的小站
基于 VermilionVoid（朱墨留白）主题的个人博客。
- 站点配置集中在 src/data/site.ts 与 src/data/profile.ts
- 30 篇文章、8 条偶得、相册
- 评论使用自托管 twikoo
- 部署走 deploy.sh（rsync 到树莓派 + 云服务器）
|
2026-09-14 20:44:12 +08:00 |
|