feat(opensource): 项目墙恢复居中,README 动效以自托管方式回归(5i T6/T8)
用户两项要求:开源页 Projects「依旧采取居中即可,不用左对齐」;README 迁移后
「很多图片元素还有一些 svg 基本上都摒弃了,可以在 readme 的基础上进行再创新,
保留那些动效的图,以及创新更多一些显示方式」。
T6 项目墙居中:`.repo` 从 align-items:stretch/text-align:left 改回 center/center,
`.repo-desc` 加 max-width:34em 防居中后长描述散架;语言点保持灰阶(与对齐无关)。
T8 动效回归(零运行时外链):
- 新增 geek/TypingLines.astro:自绘打字机(SSR 先出首行防闪白,JS 逐字打出/删除/
轮播,光标 CSS 闪烁,prefers-reduced-motion 与单条文案时保持静态,min-height
防抖,astro:page-load 重挂兼容软导航)——替代 readme-typing-svg 外链,且跟随主题
- 新增 scripts/build-perf/fetch-readme-assets.mjs:抓 stats/top-langs/streak/snake
到 public/github-assets/(10s 超时 + UA、透明底、亮暗两套站点色),产物入仓保证
离线可构建;单资产失败保留旧文件、无旧文件则该卡不渲染
- GithubProfile 新增「数据板」:灰阶 hairline 卡 + mono 小标题 + 2 列网格(移动单列),
与原生统计四格、语言占比、热力图组合成展示区;贡献蛇在暗色加 grayscale+invert
滤镜(SVG 内部是自带绿阶,直接贴暗底刺眼)
- build.sh 只做存在性守卫 + 缺资产 WARN,**不挂抓取**(发布链不被外网抖动拖累)
- 后台开源页新增 typing 字段(list,zh/en 双语,≤6 条,summary 取 zh)+ schema 声明
验证: 构建 51 页 exit 0;config-check 211 字段/66 hint 全过;E2E 46/46;
产物断言第三方外链零命中、本地引用 streak-light/streak-dark/snake;
Playwright 实测打字机文本 900ms 内变化(动效在跑)、streak naturalWidth=495、
snake=880、暗色自动切 streak-dark、项目墙 center/center、1280 与 390 均零横向溢出
备注: github-readme-stats 今日全局 503,stats/top-langs 两卡按契约跳过(原生四格与
语言条已覆盖同一信息);服务恢复后跑一次 fetch-readme-assets.mjs 即自动补上。
Spec: 2026-11-02_blog-5i-fonts-polish (T6/T8)
Co-authored-by: GLM-5.3
This commit is contained in:
1 parent
23303bd39a
commit
0ff4ede91f
11 files changed
+608
-5
No files matched your search
@@ -292,6 +292,11 @@ export const collections = {
|
||||
perSource: z.enum(['both', 'github', 'gitea']).optional(),
|
||||
/** 开篇文案来源:off(默认,用本文件 blurb)/ github-readme(构建期取 profile 仓 README) */
|
||||
intro_from: z.enum(['off', 'github-readme']).optional(),
|
||||
/**
|
||||
* 档案卡顶部的打字机动效文案(自绘 CSS/JS,非第三方 SVG)。
|
||||
* 越界(>6 条)由访问器截断;全空则组件用内置默认三行。
|
||||
*/
|
||||
typing: z.array(bilingual).optional(),
|
||||
}),
|
||||
}),
|
||||
// slug 即文件名(glob loader 默认按文件名生成 id)
|
||||
|
||||
Reference in new issue
Block a user