wait4xandGLM-5.3
945a9ee610
- 首页：名片+身份陈述空槽+按年分组分轨列表（情绪色/mono标签）+影像格+项目墙
- 文章 /archives/{slug}（与 Halo 旧 URL 1:1）：reading→衬线纸墨 / tech→
TOC 侧栏(≥1120 sticky)+2px 进度条+Artalk 容器占位
- 图库：grid masonry（构建期 aspect-ratio 零 JS）+原生 dialog lightbox
（←→/Esc+EXIF 底栏）+分组筛选
- 瞬间时间线 / 关于（三轨版图+构建说明）
- sharp ^0.35.5 入依赖（Astro 7 不内置，astro:assets 缩略图管线前提）
- 裸 blockquote 默认吃 A 墨线样式（markdown 原生输出无类名的缝隙）
- 车道 30min 超时，产物完整，主会话补 sharp+断言脚本递归修正后收编
验证: pnpm astro build exit 0（7 页）；五路由产物断言过；
scripts/check-responsive.sh 11/11 ok（1120/820/760/560 全档）
Spec: 2026-10-24_add-blog-skeleton
Co-authored-by: GLM-5.3
28 lines
612 B
Plaintext
28 lines
612 B
Plaintext
---
|
|
// 名片区（首页/关于共用）：渐变头像占位 + 称呼；图标行等内容由使用页经 slot 注入
|
|
import Avatar from './Avatar.astro';
|
|
---
|
|
|
|
<div class="idcard">
|
|
<Avatar />
|
|
<div class="idcard-main">
|
|
<p class="idcard-name">wait4x</p>
|
|
<!-- 身份陈述：用户后续撰写（一句话自我介绍，落在称呼下方） -->
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.idcard {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--space-4);
|
|
margin-block: var(--space-5);
|
|
}
|
|
.idcard-name {
|
|
font-size: 21px;
|
|
font-weight: 700;
|
|
color: var(--ink-1);
|
|
}
|
|
</style>
|