IFZPress Blog Redesign Implementation Plan

For agentic workers: REQUIRED: Use superpowers:subagent-driven-development (if subagents available) or superpowers:executing-plans to implement this plan. Steps use checkbox (- [ ]) syntax for tracking.

Goal: 在不影响现有博客发布和后台写作流程的前提下，完成 IFZPress 的全站视觉重设计。

Architecture: 继续使用 vuepress-theme-hope 提供的博客结构和路由，不新增自定义 Vue 组件。通过主题配置、首页内容和一份全局 SCSS 覆盖首页、文章页、分类页、标签页和时间线页的视觉表现。

Tech Stack: VuePress v2、vuepress-theme-hope、SCSS、Markdown

---

Task 1: 调整主题配置

Files:

• Modify: docs/.vuepress/config.js

• [ ] 更新站点标题、描述、导航布局和博客信息配置

• [ ] 为首页、文章页和侧边博客信息卡提供更完整的站点资料

• [ ] 保持现有博客路由和后台管理入口不变

Task 2: 重写首页内容

Files:

• Modify: docs/README.md

• [ ] 重写首页首屏文案，突出最新文章流

• [ ] 增加专题入口与站点定位模块

• [ ] 保持背景图和 Logo 资源路径不变

Task 3: 统一视觉样式

Files:

• Create: docs/.vuepress/styles/index.scss

• [ ] 定义全站配色变量和基础背景层

• [ ] 覆盖导航栏、首页 Hero、文章卡片、博客信息卡样式

• [ ] 覆盖文章详情页、分类页、标签页、时间线页样式

• [ ] 补充移动端适配

Task 4: 验证与收尾

Files:

• Verify: docs/.vuepress/config.js

• Verify: docs/README.md

• Verify: docs/.vuepress/styles/index.scss

• [ ] 运行 npm run docs:build

• [ ] 检查是否有布局报错或样式文件编译报错

• [ ] 整理需要你提交和重建的后续步骤