计算机系统监理师备考指南

基于 Astro 5 + Starlight 构建的计算机系统监理师考试复习指南。

🚀 特性

• 📚 系统化复习 - 按章节系统梳理考试内容
• 💡 通俗易懂 - 专业概念配合通俗例子
• 🎯 重点突出 - 标注高频考点和重要程度
• ✏️ 练习巩固 - 每章配套练习题
• 🌓 暗黑模式 - 支持明暗主题切换
• 🔍 全站搜索 - 基于 Pagefind 的全文搜索
• 📱 响应式设计 - 完美适配移动端

📖 内容结构

第一篇：基础知识

• 第1章 信息化发展
• 第2章 信息系统工程
• 第3章 信息网络系统
• 第4章 信息资源系统
• 第5章 信息应用系统
• 第6章 信息安全
• 第7章 运行维护

第二篇：监理知识

• 第8章 监理概论 ✅
• 第9章 质量控制与验收管理
• 第10章 进度控制与成本管理
• 第11章 合同管理与知识产权
• 第12章 信息管理与资料管理
• 第13章 组织协调与沟通管理

🛠️ 技术栈

• Astro 5 - 静态站点生成器
• Starlight - 文档主题
• MDX - 增强的 Markdown
• Vercel - 部署平台

🚦 快速开始

环境要求

• Node.js 18 或更高版本

安装依赖

npm install

启动开发服务器

npm run dev

访问 http://localhost:4321 查看网站

构建生产版本

npm run build

预览生产版本

npm run preview

📁 项目结构

supervision-teaching-site/
├── src/
│   ├── assets/          # 静态资源
│   ├── components/      # 自定义组件
│   │   ├── ExerciseBox.astro    # 练习题组件
│   │   └── MemoryCard.astro     # 记忆卡片组件
│   ├── content/
│   │   └── docs/        # 文档内容
│   │       ├── guides/          # 复习指南
│   │       ├── chapter-01/      # 第1章
│   │       ├── chapter-08/      # 第8章
│   │       └── ...
│   └── styles/
│       └── custom.css   # 自定义样式
├── astro.config.mjs     # Astro 配置
├── package.json
└── vercel.json          # Vercel 部署配置

🎨 自定义组件

ExerciseBox - 练习题组件

<ExerciseBox
  question="监理工作的核心目标是（ ）"
  options={[
    'A. 降低工程成本',
    'B. 确保在合理的时间和费用下完成符合质量标准的工程'
  ]}
  answer="B"
  explanation="监理的核心目标是协助业主在合理的时间和费用下完成符合质量标准的工程。"
/>

MemoryCard - 记忆卡片组件

<MemoryCard
  title="监理工作核心内容记忆口诀"
  formula="三控两管一协调：质进投合信调"
  importance={5}
  category="formula"
/>

🚀 部署到 Vercel

方式一：通过 GitHub 集成

1. 将代码推送到 GitHub
2. 在 Vercel 中导入项目
3. Vercel 会自动检测 Astro 项目并配置
4. 每次推送到 main 分支会自动部署

方式二：通过 Vercel CLI

npm install -g vercel
vercel

📝 内容编写指南

每个 MDX 文件头部需包含：

---
title: 章节标题
description: 章节描述
sidebar:
  order: 1
  badge:
    text: 重点
    variant: tip
---

🤝 贡献

欢迎提交 Issue 和 Pull Request！

📄 License

MIT