Skip to content

feat(site): 钢蓝色魂 + 精致组件 + OnlineCompilerDemo 弹出式 IDE 重构#90

Merged
Charliechen114514 merged 1 commit into
mainfrom
feat/site-color-soul
Jul 3, 2026
Merged

feat(site): 钢蓝色魂 + 精致组件 + OnlineCompilerDemo 弹出式 IDE 重构#90
Charliechen114514 merged 1 commit into
mainfrom
feat/site-color-soul

Conversation

@Charliechen114514

Copy link
Copy Markdown
Member

色魂(品牌色 identity,治"无色魂"短板):

  • :root 钢蓝品牌色 #2563EB 系 + 暖中性骨白底,消除 4 套散落配色 (1:1 镜像 C-Journey 已验证的 :root 模板,只把锈橙换钢蓝)
  • 终端硬编码色抽 var(--term-*),::selection/滚动条美化,blockquote/ HomeTipBanner/HomeRoadmap chip 配色统一到品牌色,补 theme-color meta

精致组件 + 脆弱性清理:

  • ReadingProgress 顶部阅读进度条(rAF 节流 + 钢蓝 glow + 路由双重重算)
  • .VPFeature 卡片 rail(::before 伪元素 + 三档 tier 着色)
  • 代码折叠按钮优化(brand-soft 容器 chevron + 行数 chip + 通知条质感)
  • .VPFeature .title 字号冲突修(:where 零特异性)+ !important 74→61
  • OnlineCompilerDemo dup-output 修复(extractExecutionText/extractAsmText 改 || 取 first-non-empty,对齐 C-Journey f85300b)

OnlineCompilerDemo 弹出式重构:

  • 默认只读源码 + "动手试一试" CTA,点开 Teleport 浮层(灰色遮罩 + 比页面小一圈的 1280px 卡片 + 完整 IDE),✕/遮罩/Esc 关闭 + 锁滚
  • 编辑态高亮 overlay(shiki backdrop + 透明 textarea + 像素 line-height 对齐 + 边打边高亮 + 滚动同步)
  • 编译错误信息友好化(透出 stderr 真实诊断 + ❌ 编译失败 前缀)
  • 结果区 shimmer 骨架屏

修复:

  • sidebar 超大字体下长标题溢出视口(VitePress .text 默认 min-width:auto 不收缩,补 min-width:0 + ellipsis 优雅截断)

色魂(品牌色 identity,治"无色魂"短板):
- :root 钢蓝品牌色 #2563EB 系 + 暖中性骨白底,消除 4 套散落配色
  (1:1 镜像 C-Journey 已验证的 :root 模板,只把锈橙换钢蓝)
- 终端硬编码色抽 var(--term-*),::selection/滚动条美化,blockquote/
  HomeTipBanner/HomeRoadmap chip 配色统一到品牌色,补 theme-color meta

精致组件 + 脆弱性清理:
- ReadingProgress 顶部阅读进度条(rAF 节流 + 钢蓝 glow + 路由双重重算)
- .VPFeature 卡片 rail(::before 伪元素 + 三档 tier 着色)
- 代码折叠按钮优化(brand-soft 容器 chevron + 行数 chip + 通知条质感)
- .VPFeature .title 字号冲突修(:where 零特异性)+ !important 74→61
- OnlineCompilerDemo dup-output 修复(extractExecutionText/extractAsmText
  改 || 取 first-non-empty,对齐 C-Journey f85300b)

OnlineCompilerDemo 弹出式重构:
- 默认只读源码 + "动手试一试" CTA,点开 Teleport 浮层(灰色遮罩 +
  比页面小一圈的 1280px 卡片 + 完整 IDE),✕/遮罩/Esc 关闭 + 锁滚
- 编辑态高亮 overlay(shiki backdrop + 透明 textarea + 像素 line-height
  对齐 + 边打边高亮 + 滚动同步)
- 编译错误信息友好化(透出 stderr 真实诊断 + ❌ 编译失败 前缀)
- 结果区 shimmer 骨架屏

修复:
- sidebar 超大字体下长标题溢出视口(VitePress .text 默认 min-width:auto
  不收缩,补 min-width:0 + ellipsis 优雅截断)
@Charliechen114514 Charliechen114514 merged commit 87042db into main Jul 3, 2026
3 checks passed
@Charliechen114514 Charliechen114514 deleted the feat/site-color-soul branch July 3, 2026 15:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

1 participant