wait4xandGLM-5.3
d4fe273812
视觉终审（glm-5.3-flash:max）判 BLOCK，逐条修完并复测。
P1 阻断：
- 瞬间页日期折成两行（`2026-` / `04-29`）：日期列复用 var(--space-5)=40px，
而 10 字符 mono 日期需 ≈75px 且缺 nowrap。抽 --tl-rail(5.4rem) 统一驱动
轨道宽度与两处偏移，加 nowrap；实测日期单行（高度 20px）且圆点与卡片对齐
P2 交付可见破形：
- 关于页「关于我」行首 emoji 在无彩色 emoji 字体的环境渲染成黑方块：
正文行首 emoji 全部去掉（改纯文字段落），并给 --font-serif/--font-sans
链尾补 Apple/Segoe/Noto emoji 回退——用户内容里的 emoji（瞬间、书评）
同样不再落豆腐块
移动端导航两字折行（开/源、文/章）：
- ≤450px 的 overflow-x 内滚从未生效：flex 子项默认可压缩，中文词被压到就地
折行。给 nav ul > li 加 flex:none + .nav-link nowrap；实测 360/390/430
三档全部单行（Range.getClientRects 计数逐项验证）
灰阶纪律：
- 项目墙原来按 GitHub linguist 给每个仓染语言色点，开源页铺 15 个仓 = 15 种
彩色，破「外壳灰阶、彩色只作正文强调」红线 → 统一改灰阶点，语言靠文字承载
- 语言占比并列（Python/TypeScript 各 36%）只有第一名着色，读起来像谁领先 →
判定改为「百分比等于最大值者一并着色」
版式与文案细节：
- prose 标题到正文比 tracks 多一档（16+16=32 vs 16）→ .sec-title + .prose-body
margin-top: 0
- 开源页 bio 破折号贴链接（`blog—— Astro`）→ 破折号前补空格
- 页脚 built from<hash> 缺空格（Astro 吃掉换行处空白）→ 显式 {' '}
- 新增一条真实瞬间（含青色楷体富文本）替代只有占位串的样本，让评论区与标签行
的间距可在真实数据下验收
验证: 构建 51 页 exit 0；content-lint 51 页 0/0/0；E2E **46/46 PASS**；
390px 四页 scrollWidth == innerWidth（无横向滚动）；
导航 360/390/430 全部单行；日期单行；config-check 全过
Spec: 2026-11-02_blog-5h-content-social (视觉修复)
Co-authored-by: GLM-5.3
154 lines
6.0 KiB
YAML
154 lines
6.0 KiB
YAML
# 关于页（后台「页面文案 → 关于页」可改）
|
||
# ── 一级：blocks 块式正文（按顺序渲染，可拖拽排序；某块 enabled: false 即隐藏）
|
||
# ── 二级：intro 多段 markdown（仅在 blocks 为空时使用）
|
||
# ── 三级：内置默认文案（两者都空时兜底，构建永不炸）
|
||
layout:
|
||
# 名片区（头像/名字/身份语/社交）开关：头像等数据事实源在「主页设置」
|
||
showIdCard: true
|
||
|
||
blocks:
|
||
- type: prose
|
||
width: narrow
|
||
body:
|
||
zh: |
|
||
<span class="font-huiwen c-red">写作者</span> · 读者 · 快门按压者，拥抱开源。
|
||
|
||
这里是我三条轨道的公开工作台：**读过的书**留下评注，**写过的代码**进项目墙，**按下的快门**收入图库。
|
||
|
||
所有内容都有一个明确去处：
|
||
|
||
- 长文沉淀在文章与书架
|
||
- 短句与随手拍落在瞬间
|
||
- 影像收进图库，配一点 EXIF 与一句策展
|
||
|
||
本站本身即开源，构建与发布全链都在仓里。
|
||
en: |
|
||
<span class="font-huiwen c-red">Writer</span> · Reader · Shutter-presser, embracing open source.
|
||
|
||
This is the public workbench of my three tracks: **books** that left notes, **code** that reaches the project wall, and **shutters** I pressed that land in the gallery.
|
||
|
||
Everything has a clear destination:
|
||
|
||
- Long-form writing goes to posts and the bookshelf
|
||
- Short lines and snapshots land in moments
|
||
- Images go to the gallery, with a bit of EXIF and one line of curation
|
||
|
||
This site is itself open source — the full build and deploy pipeline lives in the repo.
|
||
|
||
- type: tracks
|
||
title:
|
||
zh: 兴趣版图
|
||
en: Interests
|
||
items:
|
||
- icon: book
|
||
name:
|
||
zh: 阅读
|
||
en: Reading
|
||
desc:
|
||
zh: 文学与戏剧为主，读到哪写到哪。
|
||
en: Mostly literature and drama; I write as I read.
|
||
- icon: terminal
|
||
name:
|
||
zh: 技术
|
||
en: Tech
|
||
desc:
|
||
zh: Linux、容器与自托管，把家里的小机器折腾成顺手的工具。
|
||
en: Linux, containers, and self-hosting — turning the little machines at home into handy tools.
|
||
- icon: camera
|
||
name:
|
||
zh: 摄影
|
||
en: Photography
|
||
desc:
|
||
zh: 街拍与山野，随身一台无反，在等光的间隙按快门。
|
||
en: Street and landscapes with a mirrorless camera, pressing the shutter while waiting for the light.
|
||
|
||
- type: prose
|
||
title:
|
||
zh: 关于我
|
||
en: About me
|
||
body:
|
||
zh: |
|
||
气象是我起点的专业——一个想做预报的人，依旧把云图当日常读物。
|
||
|
||
写代码是第二条主线：Linux、容器、自托管，把日常工具一件件磨顺手。
|
||
|
||
作品大多在 [wait4x.online](https://wait4x.online/)。
|
||
|
||
信条：**拥抱开源，热爱开源**。
|
||
en: |
|
||
Meteorology is where I started — an aspiring forecaster who still reads weather charts for fun.
|
||
|
||
Coding is the second thread: Linux, containers, self-hosting — polishing everyday tools one by one.
|
||
|
||
Most of my work lives at [wait4x.online](https://wait4x.online/).
|
||
|
||
Motto: **embrace open source, love open source**.
|
||
|
||
- type: linklist
|
||
title:
|
||
zh: 找到我
|
||
en: Find me
|
||
items:
|
||
- label:
|
||
zh: 本站
|
||
en: Website
|
||
href: 'https://wait4x.online/'
|
||
note:
|
||
zh: 文章、图库与瞬间
|
||
en: Posts, gallery and moments
|
||
- label:
|
||
zh: 邮件
|
||
en: Email
|
||
href: 'mailto:admin@wait4x.online'
|
||
note:
|
||
zh: 有话直说
|
||
en: Say hello directly
|
||
- label:
|
||
zh: GitHub
|
||
en: GitHub
|
||
href: 'https://github.com/wait4xx'
|
||
note:
|
||
zh: 开源项目与提交
|
||
en: Open-source projects and commits
|
||
- label:
|
||
zh: 自托管 gitea
|
||
en: Self-hosted gitea
|
||
href: 'https://git.wait4x.online/wait4x/blog'
|
||
note:
|
||
zh: 本站源码
|
||
en: Source of this site
|
||
- label:
|
||
zh: RSS
|
||
en: RSS
|
||
href: /rss.xml
|
||
note:
|
||
zh: 订阅更新
|
||
en: Subscribe to updates
|
||
|
||
- type: prose
|
||
title:
|
||
zh: 本站如何构建
|
||
en: How this site is built
|
||
body:
|
||
zh: 页面由 Astro 静态生成，不含运行时框架 JS；内容住在自托管 gitea——本地编辑器与 gitea 网页写的是同一个 git 仓库，push 之后由 homelab 自动构建发布；评论走自托管 Artalk。页脚 built from 一行链到本次构建对应的 commit，构建过程透明可追溯。
|
||
en: Pages are statically generated by Astro with no runtime framework JS. Content lives on a self-hosted gitea — my local editor and the gitea web UI write to the same git repository, and each push is built and published automatically by the homelab. Comments run on self-hosted Artalk. The built-from line in the footer links to the commit behind this build, keeping the process transparent and traceable.
|
||
|
||
# ---- 二级回退（blocks 为空时使用）----
|
||
intro:
|
||
zh: |
|
||
写作者 · 读者 · 快门按压者，拥抱开源。
|
||
|
||
这里是我三条轨道的公开工作台：**读过的书**留下评注，**写过的代码**进项目墙，**按下的快门**收入图库。
|
||
en: |
|
||
Writer · Reader · Shutter-presser, embracing open source.
|
||
|
||
This is the public workbench of my three tracks: **books** that left notes, **code** that reaches the project wall, and **shutters** I pressed that land in the gallery.
|
||
|
||
# 页面级排版覆盖（层 2）
|
||
# 页面级排版覆盖（后台「关于页 → 页面排版覆盖」可改）：
|
||
# 整页换字族会带来字体体积成本（如 font-huiwen 整页 ≈694KB），默认留空=全站默认排版
|
||
# typography:
|
||
# font: font-huiwen # 字族：font-serif/font-sans/font-kai/font-huiwen/font-kuaile…
|
||
# accent: c-red # 强调色类：c-blue/c-red/…（外壳仍灰阶）
|
||
# scale: 1.05 # 字号缩放 0.8–1.25
|