wait4xandGLM-5.3
328ab68f18
- T1 关于页=markdown 文档：about.yaml intro 扩为多段 markdown（zh/en），
AboutPage 用 @astrojs/markdown-remark 的 createMarkdownProcessor（进程
内单例复用）+ set:html 渲染，正文 p/ul/strong/a 对齐站点排版；名片与
技能卡结构不动
- T2 社交链接单一数据源：home.yaml socials[]（label/url/icon）+
SocialLinks.astro（图标注册表白名单：github/rss/email/bilibili/x，
未登记 icon 回退纯文字），首页 zh/en 内联硬编码社交块删除
- T3 头像与 favicon 可上传：schema avatar: image()（Astro Image 出 60px
WebP，未设回退渐变 SVG）；home.yaml favicon → BaseLayout link[rel=icon]
按扩展名给 type，留空回退 /favicon.svg
- T4 首页分轨：PostList perTrack → 阅读轨/技术轨两段各限 6，各自出口
（阅读→/books/ 技术→/archives/，en 同构）；E2E 断言改为两段各≤6+各自
出口+阅读在前
- T5 后台列表日期：posts summary「{{pubDate}} · {{title}}」、moments
「{{fields.pubDate}} · {{fields.text}}」+sortable；photos 无 frontmatter
日期（JSON sidecar）保持分组 · 标题并在文档写明原因
- 顺手修 content-lint 漏报：中文文件名在 HTML 里为 %XX 编码，脚本直接
拼盘上路径导致 6 条"缺图"误报 → 加 decodeURI
- 清理：删除书封误传遗留的双重嵌套目录文件
车道：op-gitea（5/5，build+E2E 37/37+lint 47 页 0/0/0）；收编复验：
build 46 页 + E2E 37/37 连跑（首跑两红为车道并发构建擦 dist 的瞬时态，
复跑绿）
验证: node v26.13.0 + astro 7.4.4 全量构建 46 页 exit 0；E2E 37/37；
content-lint 0/0/0；books details/命令面板 playwright 实测
Spec: none (后台能力扩展，车道级交付)
Co-authored-by: GLM-5.3
61 lines
1.4 KiB
Plaintext
61 lines
1.4 KiB
Plaintext
---
|
|
// 名片头像：后台「主页设置 → 头像」上传后在 content/site/assets/ 落图，
|
|
// 经 Astro 图片管线出 60px WebP；未配置则回退内置渐变占位（历史视觉不变）
|
|
import { Image } from 'astro:assets';
|
|
import { homeAvatar } from '../lib/site-content';
|
|
|
|
const src = await homeAvatar();
|
|
---
|
|
|
|
{src ? (
|
|
<Image
|
|
class="avatar"
|
|
src={src}
|
|
alt="wait4x 头像"
|
|
width={60}
|
|
height={60}
|
|
format="webp"
|
|
quality={82}
|
|
/>
|
|
) : (
|
|
<svg
|
|
class="avatar"
|
|
viewBox="0 0 60 60"
|
|
width="60"
|
|
height="60"
|
|
role="img"
|
|
aria-label="头像占位"
|
|
>
|
|
<defs>
|
|
<linearGradient id="avatar-grad" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0" stop-color="var(--mood-3)"></stop>
|
|
<stop offset="1" stop-color="var(--accent)"></stop>
|
|
</linearGradient>
|
|
</defs>
|
|
<rect width="60" height="60" rx="14" fill="url(#avatar-grad)"></rect>
|
|
<circle cx="44" cy="15" r="10" fill="#fff" opacity=".25"></circle>
|
|
<path d="M0 46 20 28 34 40 46 32 60 46 60 60 0 60Z" fill="#000" opacity=".14"></path>
|
|
<text
|
|
x="30"
|
|
y="38"
|
|
text-anchor="middle"
|
|
font-size="16"
|
|
font-weight="700"
|
|
fill="#fff"
|
|
opacity=".92"
|
|
font-family="var(--font-mono)"
|
|
>
|
|
w4
|
|
</text>
|
|
</svg>
|
|
)}
|
|
|
|
<style>
|
|
.avatar {
|
|
flex: none;
|
|
border-radius: 14px;
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
object-fit: cover;
|
|
}
|
|
</style>
|