docs: 首页README.md更新
This commit is contained in:
parent
87826f6438
commit
0893a3c1d2
10
README.md
10
README.md
@ -9,24 +9,24 @@
|
|||||||
|
|
||||||
### 学习笔记
|
### 学习笔记
|
||||||
|
|
||||||
> 可恶啊,是这样的吗?你一定得[踩这些坑](/learning-notes/)!
|
> 可恶啊,是这样的吗?你一定得[踩这些坑](https://docs.pguide.studio/learning-notes/)!
|
||||||
|
|
||||||
### 项目文档
|
### 项目文档
|
||||||
|
|
||||||
> [构建心目中最帅的项目](/project-docs/cqmua-center/)
|
> [构建心目中最帅的项目](https://docs.pguide.studio/project-docs/cqmua-center/)
|
||||||
|
|
||||||
### CS-DIY
|
### CS-DIY
|
||||||
|
|
||||||
> 计算机真是[太有意思啦](/cs-diy/)!!!
|
> 计算机真是[太有意思啦](https://docs.pguide.studio/cs-diy/)!!!
|
||||||
|
|
||||||
### 公共服务
|
### 公共服务
|
||||||
|
|
||||||
> [哇,原来还有这种东西嘛~](/public-service/)
|
> [哇,原来还有这种东西嘛~](https://docs.pguide.studio/public-service/)
|
||||||
|
|
||||||
## 🌟 温馨贴士
|
## 🌟 温馨贴士
|
||||||
**“当您在文档中发现星辰,也请为后来者点亮一盏路灯。”** — 您铺垫的每本书籍都是通往更美好开源世界的台阶
|
**“当您在文档中发现星辰,也请为后来者点亮一盏路灯。”** — 您铺垫的每本书籍都是通往更美好开源世界的台阶
|
||||||
|
|
||||||
我深知一个人是片面的、无知的、弱小的,倘若我们一起呢?项导文档欢迎您的加入,请参考[贡献指南](/contribute/)。
|
我深知一个人的力量始终是弱小的,项导文档欢迎您的加入,请参考[贡献指南](https://docs.pguide.studio/contribute/)。
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -1,10 +1,11 @@
|
|||||||
---
|
吧---
|
||||||
title: 贡献与开发指南
|
title: 贡献与开发指南
|
||||||
createTime: 2025/02/22 16:59:04
|
createTime: 2025/02/22 16:59:04
|
||||||
permalink: /contribute/
|
permalink: /contribute/
|
||||||
---
|
---
|
||||||
|
|
||||||
首先感谢您的无私奉献,项导文档基于Vuepress的[plume主题构建](https://theme-plume.vuejs.press/),由多名成员共同维护,内容完全开源免费,并且承诺保障时效性和准确性。
|
首先感谢您的无私奉献,项导文档基于Vuepress的[plume主题构建](https://theme-plume.vuejs.press/)
|
||||||
|
,由多名成员共同维护,内容完全开源免费,并且承诺保障时效性和准确性。
|
||||||
|
|
||||||
<RepoCard repo="MultipledMe/PGuide-Docs"></RepoCard>
|
<RepoCard repo="MultipledMe/PGuide-Docs"></RepoCard>
|
||||||
|
|
||||||
@ -15,12 +16,39 @@ permalink: /contribute/
|
|||||||
- [git的使用](/csdiy/tools-must/git/)
|
- [git的使用](/csdiy/tools-must/git/)
|
||||||
- [VuePress Plume主题](https://theme-plume.vuejs.press/guide/intro/)
|
- [VuePress Plume主题](https://theme-plume.vuejs.press/guide/intro/)
|
||||||
- [Typescript基础语法](https://www.runoob.com/typescript/ts-basic-syntax.html)
|
- [Typescript基础语法](https://www.runoob.com/typescript/ts-basic-syntax.html)
|
||||||
- markdown基础语法
|
- [markdown基础语法](/csdiy/tools-must/markdown/)
|
||||||
|
|
||||||
### 下载NVM
|
随后,联系 [rand777](mailto:losmosga@foxmail.com) 加入项导文档加入github开发组。
|
||||||
|
|
||||||
:[devicon:windows8]: windows
|
:::tip 联系格式
|
||||||
|
正文写明你是谁,想要编写哪部分,从哪里知道项导文档的(比如网上看到的-具体途径,熟人推荐-哪位熟人)。
|
||||||
|
:::
|
||||||
|
|
||||||
|
:::info 开发环境
|
||||||
|
这里假设你的电脑是windows10或11的操作系统
|
||||||
|
:::
|
||||||
|
|
||||||
|
:::steps
|
||||||
|
|
||||||
|
1. 下载WebStorm
|
||||||
|
|
||||||
|
这个软件是咱们主要写代码的地方,这个软件本身用于前端开发,您可以[在这里](/campus-wiki/common-softwares/IDE/PyCharm/)
|
||||||
|
详细了解。其他同类型的开发软件,如VSCode,也可以。
|
||||||
|
|
||||||
|
请先完成学生邮箱申请并申请JetBrains教育版
|
||||||
|
|
||||||
|
下载可以到 [WebStorm官方网站](https://www.jetbrains.com/zh-cn/webstorm/) 或 [Alist动态开源软件镜像站](http://192.168.183.171:5244/softwares/JetBrainsIDEs/WebStorm-2024.3.4.exe) 下载
|
||||||
|
|
||||||
|
2. 下载NVM
|
||||||
|
|
||||||
|
我们在进行开发的时候,需要一个服务端来支撑web应用的运行,Node.js是目前非常流行的开源web服务器运行时环境。在运行不同的前端项目时,往往需要的node.js版本是不一样的,而
|
||||||
|
NVM(全名:Node.js Version Manager)可以帮助我们更高效地管理不同的node.js版本和依赖环境。
|
||||||
|
|
||||||
|
软件安装及应用教程看[这里](/csdiy/study-path/front-dev/NVM/)
|
||||||
|
|
||||||
|
安装完成
|
||||||
|
|
||||||
|
:::
|
||||||
|
|
||||||
## 我是文档的编写者
|
## 我是文档的编写者
|
||||||
|
|
||||||
@ -32,10 +60,25 @@ permalink: /contribute/
|
|||||||
|
|
||||||
也可以的,联系[rand777](https://qm.qq.com/q/2iLBaNcsnO)并获取语雀编辑权限
|
也可以的,联系[rand777](https://qm.qq.com/q/2iLBaNcsnO)并获取语雀编辑权限
|
||||||
|
|
||||||
## 截图工具
|
## 文档编写规范
|
||||||
|
|
||||||
|
俗话说,无规矩,不成方圆。一个优秀的团队离不开统一的规范,
|
||||||
|
|
||||||
|
## 静态资源规范
|
||||||
|
|
||||||
|
这里是为了规范您的图片引用方法
|
||||||
|
|
||||||
|
截图工具
|
||||||
|
|
||||||
|
## 对象存储
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
下载[pixpin](https://pixpin.cn/)
|
下载[pixpin](https://pixpin.cn/)
|
||||||
|
|
||||||
|
## 分支管理
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
### 项目克隆
|
### 项目克隆
|
||||||
|
|
||||||
@ -44,15 +87,18 @@ permalink: /contribute/
|
|||||||
---
|
---
|
||||||
|
|
||||||
## 项目结构
|
## 项目结构
|
||||||
|
|
||||||
::: file-tree
|
::: file-tree
|
||||||
|
|
||||||
- docs
|
- docs
|
||||||
- .vuepress
|
- .vuepress
|
||||||
- config.ts
|
- config.ts
|
||||||
- client.ts #客户端配置
|
- client.ts #客户端配置
|
||||||
|
- navbar.ts #导航栏配置
|
||||||
|
- notes.ts #笔记配置
|
||||||
- page1.md
|
- page1.md
|
||||||
- README.md
|
- README.md
|
||||||
- theme 一个 **主题** 目录
|
- theme 一个 **主题** 目录
|
||||||
- client
|
- client
|
||||||
- components
|
- components
|
||||||
- **Navbar.vue**
|
- **Navbar.vue**
|
||||||
@ -71,14 +117,137 @@ permalink: /contribute/
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
## 🛠️ 开发工具箱
|
||||||
|
|
||||||
|
### 基础设施
|
||||||
|
|
||||||
|
- **Node.js** v18.20.0+(推荐使用Node版本管理器)
|
||||||
|
- **包管理器**:pnpm 8+ 或 Yarn 2+(需要现代项目管理体验)
|
||||||
|
|
||||||
|
### 推荐装备
|
||||||
|
|
||||||
|
- 🛡️虚拟环境守护者:[nvm-windows](https://github.com/coreybutler/nvm-windows)
|
||||||
|
- 🖥️代码工坊:WebStorm / VSCode(建议安装Vue相关插件)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📂 核心档案库
|
||||||
|
|
||||||
|
```
|
||||||
|
项导文档/
|
||||||
|
├── docs/ # 故事书页(网站内容存档)
|
||||||
|
└── .vuepress/ # 魔法工坊
|
||||||
|
├── public/ # 百宝箱(图片/字体等静态资源)
|
||||||
|
├── theme/ # 城堡装修图纸(主题配置)
|
||||||
|
├── client.ts # 接待员(客户端选项)
|
||||||
|
├── config.ts # 百科全书(全局配置)
|
||||||
|
├── navbar.ts # 指路牌(导航栏配置)
|
||||||
|
├── notes.ts # 藏宝图(文档结构导航)
|
||||||
|
└── plume.config.ts # 调色盘(主题样式配置)
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🎬 快速启航指南
|
||||||
|
|
||||||
|
### 🏗️ 搭建脚手架
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# 零基础同学建议安装nvm
|
||||||
|
nvm install lts
|
||||||
|
|
||||||
|
# 选择镜像源(顺风车时间)
|
||||||
|
nvm node_mirror https://mirrors.cernet.edu.cn/nodejs-release/ # 校园专线
|
||||||
|
nvm node_mirror https://mirrors.aliyun.com/nodejs-release/ # 阿里云快车
|
||||||
|
|
||||||
|
# 装备新时代工具箱
|
||||||
|
npm install -g pnpm # 速度更快的npm替代品
|
||||||
|
pnpm i # 一键安装所有魔法原料
|
||||||
|
pnpm run docs:dev # 打开传送门进本地预览
|
||||||
|
```
|
||||||
|
|
||||||
|
### ✨ 热更新小技巧
|
||||||
|
|
||||||
|
修改导航栏配置后记得`Ctrl+C`重启服务,看到"VuePress dev server listening"才算开启新世界大门哦~
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🌉 开发分支规范
|
||||||
|
|
||||||
|
### 代码地铁乘坐指南
|
||||||
|
|
||||||
|
1. 在本地开设`dev/[你的名字]`新线路
|
||||||
|
2. 完成精彩修改后:(快捷操作指南)
|
||||||
|
- `Ctrl+Shift+K` 召唤提交魔法阵
|
||||||
|
-
|
||||||
|
推荐消息格式:(让代码会说话,代码规范为 [Angular Commit](https://zj-git-guide.readthedocs.io/zh-cn/latest/message/Angular%E6%8F%90%E4%BA%A4%E4%BF%A1%E6%81%AF%E8%A7%84%E8%8C%83/))
|
||||||
|
```
|
||||||
|
docs: README新增星空导航
|
||||||
|
fix: 修复404星际迷航问题
|
||||||
|
feat: 新增宇宙超链接模块
|
||||||
|
```
|
||||||
|
3. 前往[Github站台](https://github.com/xxxx)点击「New pull request」提交专属班列
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📍 避坑手册精选
|
||||||
|
|
||||||
|
### 资源位面法则
|
||||||
|
|
||||||
|
- 🎨 所有矢量图请存入`/public/*`,引用时直接`/AI.svg`即可
|
||||||
|
- 📹 视频资源统一放在`src/video`,播放代码示范:
|
||||||
|
```markdown
|
||||||
|
```
|
||||||
|
- 🔍 遇到奇怪报错时,尝试这个重启秘籍:
|
||||||
|
```bash
|
||||||
|
pnpm update && pnpm upgrade
|
||||||
|
```
|
||||||
|
|
||||||
|
### 神秘配方
|
||||||
|
|
||||||
|
```markdown
|
||||||
|
<!-- Pixpin截图魔法 -->
|
||||||
|

|
||||||
|

|
||||||
|
*按F2即可完成星际截图归档*
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🆘 常见问题
|
||||||
|
|
||||||
|
### 遇到git推送异常?(错误类型:SSL ERROR)
|
||||||
|
|
||||||
|
1. 🌐 检查您的星际通讯器(Clash代理)及允许局域网是否开启
|
||||||
|

|
||||||
|
2. 🛠️ 配置Git直通车(本地代理):
|
||||||
|
```bash
|
||||||
|
git config --global http.proxy http://127.0.0.1:7890
|
||||||
|
git config --global https.proxy http://127.0.0.1:7890
|
||||||
|
```
|
||||||
|
3. 🚀 尝试乘坐SSH穿梭机:
|
||||||
|
```bash
|
||||||
|
git clone git@github.com:MultipledMe/PGuide-Docs.git
|
||||||
|
```
|
||||||
|
|
||||||
|
### 🧐 真理之门异常?
|
||||||
|
|
||||||
|
当看到奇怪的Giscus错误提示时不用惊慌,这是跨域资源请求的小精灵在调皮,对我们的文档城堡没有影响:
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
## 开发流程
|
## 开发流程
|
||||||
|
|
||||||
### 启动开发服务器
|
### 启动开发服务器
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
pnpm docs:dev # 运行后访问 http://localhost:8080
|
pnpm docs:dev # 运行后访问 http://localhost:8080
|
||||||
```
|
```
|
||||||
|
|
||||||
### 编写文档
|
### 编写文档
|
||||||
|
|
||||||
- **新增页面**:在 `docs/` 下创建 `.md` 文件,按约定式路由生成路径。
|
- **新增页面**:在 `docs/` 下创建 `.md` 文件,按约定式路由生成路径。
|
||||||
- **遵循Frontmatter**:
|
- **遵循Frontmatter**:
|
||||||
```markdown
|
```markdown
|
||||||
@ -90,6 +259,7 @@ pnpm docs:dev # 运行后访问 http://localhost:8080
|
|||||||
```
|
```
|
||||||
|
|
||||||
### 自定义主题
|
### 自定义主题
|
||||||
|
|
||||||
1. **覆盖默认样式**
|
1. **覆盖默认样式**
|
||||||
在 `.vuepress/plume-theme/styles/palette.scss` 中修改变量:
|
在 `.vuepress/plume-theme/styles/palette.scss` 中修改变量:
|
||||||
```scss
|
```scss
|
||||||
@ -108,13 +278,16 @@ pnpm docs:dev # 运行后访问 http://localhost:8080
|
|||||||
## 代码规范
|
## 代码规范
|
||||||
|
|
||||||
### 代码检查
|
### 代码检查
|
||||||
|
|
||||||
- **ESLint**: 使用配置的规则检查代码
|
- **ESLint**: 使用配置的规则检查代码
|
||||||
```bash
|
```bash
|
||||||
pnpm lint
|
pnpm lint
|
||||||
```
|
```
|
||||||
|
|
||||||
### 提交规范
|
### 提交规范
|
||||||
|
|
||||||
采用 **Conventional Commits** 标准:
|
采用 **Conventional Commits** 标准:
|
||||||
|
|
||||||
- `feat`: 新功能
|
- `feat`: 新功能
|
||||||
- `fix`: Bug 修复
|
- `fix`: Bug 修复
|
||||||
- `docs`: 文档更新
|
- `docs`: 文档更新
|
||||||
@ -125,11 +298,13 @@ pnpm docs:dev # 运行后访问 http://localhost:8080
|
|||||||
- `chore`: 构建/工具变更
|
- `chore`: 构建/工具变更
|
||||||
|
|
||||||
**示例**:
|
**示例**:
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
git commit -m "feat: 添加用户登录功能"
|
git commit -m "feat: 添加用户登录功能"
|
||||||
```
|
```
|
||||||
|
|
||||||
**Commitizen辅助**(可选):
|
**Commitizen辅助**(可选):
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
pnpm commit # 启动交互式提交
|
pnpm commit # 启动交互式提交
|
||||||
```
|
```
|
||||||
@ -139,15 +314,17 @@ pnpm commit # 启动交互式提交
|
|||||||
## 分支策略
|
## 分支策略
|
||||||
|
|
||||||
### Git Flow 简化版
|
### Git Flow 简化版
|
||||||
| 分支类型 | 描述 | 命名示例 |
|
|
||||||
|---------|------|---------|
|
| 分支类型 | 描述 | 命名示例 |
|
||||||
| `main` | 稳定生产版本 | - |
|
|-----------|-------------|-----------------------|
|
||||||
| `dev` | 集成分支,功能合并测试 | - |
|
| `main` | 稳定生产版本 | - |
|
||||||
| `feat/*` | 功能开发分支 | `feat/user-auth` |
|
| `dev` | 集成分支,功能合并测试 | - |
|
||||||
| `fix/*` | Bug 修复分支 | `fix/mobile-layout` |
|
| `feat/*` | 功能开发分支 | `feat/user-auth` |
|
||||||
| `chore/*` | 配置/工具调整 | `chore/eslint-config` |
|
| `fix/*` | Bug 修复分支 | `fix/mobile-layout` |
|
||||||
|
| `chore/*` | 配置/工具调整 | `chore/eslint-config` |
|
||||||
|
|
||||||
**合并要求**:
|
**合并要求**:
|
||||||
|
|
||||||
- 通过 Pull Request 合并到 `dev`
|
- 通过 Pull Request 合并到 `dev`
|
||||||
- 至少一个团队成员 Code Review
|
- 至少一个团队成员 Code Review
|
||||||
- 通过所有 CI 测试项
|
- 通过所有 CI 测试项
|
||||||
@ -157,6 +334,7 @@ pnpm commit # 启动交互式提交
|
|||||||
## 部署流程
|
## 部署流程
|
||||||
|
|
||||||
### 手动部署
|
### 手动部署
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
pnpm docs:build # 构建
|
pnpm docs:build # 构建
|
||||||
pnpm docs:build:clean # 清理并构建
|
pnpm docs:build:clean # 清理并构建
|
||||||
@ -165,12 +343,14 @@ git subtree push --prefix docs/.vuepress/dist origin gh-pages
|
|||||||
```
|
```
|
||||||
|
|
||||||
### 自动化(GitHub Actions)
|
### 自动化(GitHub Actions)
|
||||||
|
|
||||||
创建 `.github/workflows/deploy.yml`:
|
创建 `.github/workflows/deploy.yml`:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
name: Deploy
|
name: Deploy
|
||||||
on:
|
on:
|
||||||
push:
|
push:
|
||||||
branches: [main]
|
branches: [ main ]
|
||||||
jobs:
|
jobs:
|
||||||
deploy:
|
deploy:
|
||||||
runs-on: ubuntu-latest
|
runs-on: ubuntu-latest
|
||||||
@ -190,11 +370,14 @@ jobs:
|
|||||||
---
|
---
|
||||||
|
|
||||||
## 常见问题(QA)
|
## 常见问题(QA)
|
||||||
|
|
||||||
**Q1:本地样式未生效?**
|
**Q1:本地样式未生效?**
|
||||||
|
|
||||||
- 检查浏览器缓存,尝试 `Ctrl + F5` 强制刷新。
|
- 检查浏览器缓存,尝试 `Ctrl + F5` 强制刷新。
|
||||||
- 确认样式文件未被缓存,服务端需配置无缓存策略。
|
- 确认样式文件未被缓存,服务端需配置无缓存策略。
|
||||||
|
|
||||||
**Q2:`pnpm install` 报错?**
|
**Q2:`pnpm install` 报错?**
|
||||||
|
|
||||||
- 清空 `node_modules` 或尝试重新安装:
|
- 清空 `node_modules` 或尝试重新安装:
|
||||||
```bash
|
```bash
|
||||||
rm -rf node_modules
|
rm -rf node_modules
|
||||||
@ -202,6 +385,7 @@ jobs:
|
|||||||
```
|
```
|
||||||
|
|
||||||
**Q3:Plume主题自定义无效?**
|
**Q3:Plume主题自定义无效?**
|
||||||
|
|
||||||
- 确认配置文件路径正确:`.vuepress/plume-theme/`。
|
- 确认配置文件路径正确:`.vuepress/plume-theme/`。
|
||||||
- 检查浏览器控制台是否有 Vue 报错(如组件未注册)。
|
- 检查浏览器控制台是否有 Vue 报错(如组件未注册)。
|
||||||
|
|
||||||
@ -210,11 +394,13 @@ jobs:
|
|||||||
## 附录
|
## 附录
|
||||||
|
|
||||||
### 技术栈版本
|
### 技术栈版本
|
||||||
|
|
||||||
- VuePress: 2.0.0-beta.60
|
- VuePress: 2.0.0-beta.60
|
||||||
- Plume 主题:1.5.0
|
- Plume 主题:1.5.0
|
||||||
- pnpm: 8.7.6
|
- pnpm: 8.7.6
|
||||||
|
|
||||||
### 参考链接
|
### 参考链接
|
||||||
|
|
||||||
- [VuePress 官方文档](https://v2.vuepress.vuejs.org/)
|
- [VuePress 官方文档](https://v2.vuepress.vuejs.org/)
|
||||||
- [Plume 主题配置指南](https://vuepress-theme-plume.rane.wang/)
|
- [Plume 主题配置指南](https://vuepress-theme-plume.rane.wang/)
|
||||||
- [pnpm 使用手册](https://pnpm.io/zh/motivation)
|
- [pnpm 使用手册](https://pnpm.io/zh/motivation)
|
||||||
|
Loading…
x
Reference in New Issue
Block a user