开发教程
字数
1044 字
阅读时间
5 分钟
0. 写在前面
必备条件
基础知识
| 知识 | 说明 | 学习资源 |
|---|---|---|
| Git | 版本控制工具 | Git 官方教程 |
| GitHub | 代码托管平台 | GitHub Docs |
| Markdown | 文档标记语言 | Markdown 指南 |
应用
| 应用 | 用途 | 下载地址 | 最低版本 |
|---|---|---|---|
| GitHub Desktop | Git 图形化工具(推荐新手) | 下载 | |
| Git | 命令行 Git 工具 | 下载 | |
| Node.js | JavaScript 运行环境 | 下载 | v22.0.0 |
| pnpm | 包管理器 | 安装指南 | v10.0.0 |
| VS Code | 代码编辑器 | 下载 |
VS Code 插件
💡 提示
非必需,但是装上可以大幅提高编写效率🚀
- markdownlint
- 用于检查 Markdown 文档的语法和风格问题
- Markdown All in One
- 提供一些快捷键和缩进辅助
- Prettier - Code formatter
- 推荐将此扩展作为默认的格式化工具
项目结构
txt
survive-hfut/
├── .agents/ # 🤖 AI 技能配置
├── docs/ # 📂 文档目录
│ ├── .vitepress/ # VitePress 配置
│ ├── about/ # 关于页面
│ ├── campus/ # 校区相关
│ ├── enrollment/ # 入学相关
│ ├── life/ # 生活相关
│ ├── study/ # 学习相关
│ ├── contact/ # 黄页
│ ├── public/images/ # 图片资源
│ └── index.md # 首页
└── package.json # 📦 项目配置编写规范
详见编写规范
1. 克隆项目
- 在 GitHub 上 Fork 项目
- 打开 GitHub Desktop
- 点击「File」→「Clone repository」
- 选择你 fork 的项目
- 选择本地保存路径
- 点击「Clone」
2. 命令行操作
在 VS Code 中打开项目文件夹后,可以使用内置的终端(默认快捷键Ctrl+J)来执行以下命令:
安装依赖
sh
pnpm install💡 提示
运行其他命令前都需要先执行这个命令
运行即时预览
sh
pnpm run docs:dev浏览器会自动打开 http://localhost:5173,修改文件后页面会自动刷新。
构建文档
sh
pnpm run docs:build💡 提示
通常不需要手动构建,项目会在提交推送时自动使用 GitHub Actions 进行构建和部署
构建产物在docs/.vitepress/dist目录下,可以用以下命令预览:
sh
pnpm run docs:preview格式检查
提交前建议运行格式检查:
sh
pnpm run docs:format3. 修改内容
修改文档内容
直接修改对应的 Markdown 文件即可
💡 提示
如果你找不到具体的文件,可以使用Ctrl+Shift+F在整个项目中搜索关键词来定位文件
添加正在发生事件
正在发生的内容来自docs/.vitepress/helpers/ongoing.ts- 新增事项时,直接往
events数组里补一条即可,日期统一使用YYYY-MM-DD - 改完后建议执行一次
pnpm run docs:build,确认页面仍可正常构建
4. 提交与推送
💡 提示
添加共同作者(Co-Author)时,建议使用 GitHub 所提供的邮箱地址,否则可能导致贡献者名单无法正确抓取到 GitHub 上的头像和用户名
也可以在docs/.vitepress/helpers/contributors.ts文件中手动添加贡献者信息来修复此问题
使用 GitHub Desktop
- 在 GitHub Desktop 中查看变更文件列表
- 填写提交说明(如「修复错别字」「添加食堂信息」)
- 点击「Commit to main」
- 点击「Push origin」推送到 GitHub
使用命令行
sh
git add .
git commit -m "你的提交说明"
git push origin main5. 创建 Pull Request
💡 提示
- 提交 PR 时请选择
dev分支作为目标分支(base branch) - 为避免频繁部署导致缓存失效,
dev分支一般几天至一周同步一次到main分支,等待同步完成后你的贡献才会显示在网页里
- 推送到 GitHub 后,访问你的 fork 页面
- 点击「Contribute」→「Open pull request」
- 填写 PR 标题和描述
- 点击「Create pull request」