Skip to content

Commit 37bbf98

Browse files
committed
排版优化
1 parent 9d68371 commit 37bbf98

53 files changed

Lines changed: 4896 additions & 4949 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

DEPLOYMENT_README.md

Lines changed: 59 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -5,21 +5,21 @@
55
## ✨ 新特性
66

77
### 🔐 安全的 API 密钥管理
8-
- 使用 GitHub Secrets 安全存储 Gemini API Key
9-
- 支持环境变量配置
10-
- 前端不再硬编码敏感信息
8+
- 使用 GitHub Secrets 安全存储 Gemini API Key
9+
- 支持环境变量配置
10+
- 前端不再硬编码敏感信息
1111

1212
### 🤖 自动化部署流程
13-
- 推送到 main 分支自动部署
14-
- Pull Request 自动构建预览
15-
- 部署成功/失败通知
16-
- 无需手动运行部署命令
13+
- 推送到 main 分支自动部署
14+
- Pull Request 自动构建预览
15+
- 部署成功 / 失败通知
16+
- 无需手动运行部署命令
1717

1818
### 🎯 优化的开发体验
19-
- 本地开发使用 `.env.local`
20-
- 生产环境使用 GitHub Secrets
21-
- 热重载开发服务器
22-
- 统一的构建流程
19+
- 本地开发使用 `.env.local`
20+
- 生产环境使用 GitHub Secrets
21+
- 热重载开发服务器
22+
- 统一的构建流程
2323

2424
## 📦 快速开始
2525

@@ -36,15 +36,14 @@ npm install
3636
# 配置环境变量
3737
cp .env.example .env.local
3838
# 编辑 .env.local 并添加你的 Gemini API Key
39-
4039
# 启动开发服务器
4140
npm run dev
4241
```
4342

4443
### 2. 生产环境部署
4544

4645
1. **配置 GitHub Secrets**(必需)
47-
- 按照 [GITHUB_SECRETS_SETUP.md](./GITHUB_SECRETS_SETUP.md) 配置
46+
- 按照 [GITHUB_SECRETS_SETUP.md](./GITHUB_SECRETS_SETUP.md) 配置
4847

4948
2. **推送代码自动部署**
5049
```bash
@@ -85,11 +84,11 @@ GetStartedWithWeb3/
8584

8685
### 自动部署(推荐)
8786

88-
1. **推送触发**:推送到 main 分支
89-
2. **环境准备**:GitHub Actions 设置 Node.js 环境
90-
3. **依赖安装**:自动安装项目依赖
91-
4. **应用构建**:使用 Secrets 中的环境变量构建
92-
5. **部署上线**:自动部署到 GitHub Pages
87+
1. **推送触发**:推送到 main 分支
88+
2. **环境准备** GitHub Actions 设置 Node.js 环境
89+
3. **依赖安装**:自动安装项目依赖
90+
4. **应用构建**:使用 Secrets 中的环境变量构建
91+
5. **部署上线**:自动部署到 GitHub Pages
9392

9493
### 手动部署(备用)
9594

@@ -99,34 +98,34 @@ npm run deploy
9998

10099
## 🌐 访问地址
101100

102-
- **生产环境**https://beihaili.github.io/GetStartedWithWeb3/
103-
- **开发环境**http://localhost:5173/GetStartedWithWeb3/
101+
- **生产环境** https://beihaili.github.io/GetStartedWithWeb3/
102+
- **开发环境** http://localhost:5173/GetStartedWithWeb3/
104103

105104
## 📱 功能特性
106105

107106
### 🎨 用户界面
108-
- 赛博朋克风格设计
109-
- 响应式布局
110-
- 深色主题
111-
- 霓虹效果和动画
107+
- 赛博朋克风格设计
108+
- 响应式布局
109+
- 深色主题
110+
- 霓虹效果和动画
112111

113112
### 🔗 Web3 功能
114-
- 钱包连接模拟
115-
- 链上进度存储
116-
- Web3 每日预言机
117-
- 哈希可视化工具
113+
- 钱包连接模拟
114+
- 链上进度存储
115+
- Web3 每日预言机
116+
- 哈希可视化工具
118117

119118
### 🤖 AI 助手
120-
- Gemini AI 智能问答
121-
- 自动生成测验
122-
- 个性化学习建议
123-
- 上下文相关帮助
119+
- Gemini AI 智能问答
120+
- 自动生成测验
121+
- 个性化学习建议
122+
- 上下文相关帮助
124123

125124
### 📚 内容管理
126-
- 从 GitHub 动态加载教程
127-
- Markdown 渲染
128-
- 图片自动处理
129-
- 多语言支持
125+
- 从 GitHub 动态加载教程
126+
- Markdown 渲染
127+
- 图片自动处理
128+
- 多语言支持
130129

131130
## 🔧 环境变量说明
132131

@@ -148,48 +147,48 @@ npm run deploy
148147

149148
### 构建失败
150149

151-
1. 检查 GitHub Secrets 是否正确配置
152-
2. 确认 API Key 格式正确
153-
3. 查看 GitHub Actions 日志
150+
1. 检查 GitHub Secrets 是否正确配置
151+
2. 确认 API Key 格式正确
152+
3. 查看 GitHub Actions 日志
154153

155154
### 本地开发问题
156155

157-
1. 确认 `.env.local` 文件存在
158-
2. 验证 API Key 有效性
159-
3. 清除浏览器缓存
156+
1. 确认 `.env.local` 文件存在
157+
2. 验证 API Key 有效性
158+
3. 清除浏览器缓存
160159

161160
### 部署问题
162161

163-
1. 检查 GitHub Pages 设置
164-
2. 确认仓库 base 路径正确
165-
3. 验证工作流权限
162+
1. 检查 GitHub Pages 设置
163+
2. 确认仓库 base 路径正确
164+
3. 验证工作流权限
166165

167166
## 🚀 性能优化
168167

169-
- **代码分割**:按需加载组件
170-
- **图片优化**:自动压缩和懒加载
171-
- **缓存策略**:浏览器缓存和 CDN
172-
- **构建优化**:Tree shaking 和压缩
168+
- **代码分割**:按需加载组件
169+
- **图片优化**:自动压缩和懒加载
170+
- **缓存策略**:浏览器缓存和 CDN
171+
- **构建优化** Tree shaking 和压缩
173172

174173
## 📈 监控指标
175174

176-
- **构建时间**:通常 < 2 分钟
177-
- **包大小**:主包 < 300KB
178-
- **加载性能**:首屏 < 3 秒
179-
- **API 响应**:< 2 秒
175+
- **构建时间**:通常 < 2 分钟
176+
- **包大小**:主包 < 300KB
177+
- **加载性能**:首屏 < 3 秒
178+
- **API 响应**:< 2 秒
180179

181180
## 🤝 贡献指南
182181

183-
1. Fork 项目
184-
2. 创建功能分支 (`git checkout -b feature/AmazingFeature`)
185-
3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)
186-
4. 推送分支 (`git push origin feature/AmazingFeature`)
187-
5. 创建 Pull Request
182+
1. Fork 项目
183+
2. 创建功能分支 (`git checkout -b feature/AmazingFeature`)
184+
3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)
185+
4. 推送分支 (`git push origin feature/AmazingFeature`)
186+
5. 创建 Pull Request
188187

189188
## 📄 许可证
190189

191-
本项目采用开源许可证。详细信息请查看 [LICENSE](LICENSE) 文件。
190+
本项目采用开源许可证。详情请查看 [LICENSE](LICENSE) 文件。
192191

193192
---
194193

195-
**🎯 目标**:打造最好的 Web3 学习平台,让每个人都能轻松入门区块链技术!
194+
**🎯 目标**:打造最好的 Web3 学习平台,让每个人都能轻松入门区块链技术!

DEPLOY_GUIDE.md

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
## 1. 目录与内容准备
44
- 新建或修改章节时,务必在 `SUMMARY.md` 中添加对应的目录项,否则网页侧栏不会显示新章节。
5-
- 每个章节的内容建议放在对应的 `README.MD` 文件中,便于 GitBook/Honkit 自动识别。
5+
- 每个章节的内容建议放在对应的 `README.MD` 文件中,便于 GitBook / Honkit 自动识别。
66

77
## 2. 内容提交到主分支
88
- 所有内容(如 `README.MD``SUMMARY.md` 等)修改后,**先用 git 提交并推送到 main 分支**
@@ -25,30 +25,30 @@
2525
```bash
2626
bash deploy.sh
2727
```
28-
> 注意:如果脚本提示有未提交的更改,需先提交(见第2步)。
28+
> 注意:如果脚本提示有未提交的更改,需先提交(见第 2 步)。
2929
3030
## 5. 检查 GitHub Pages 设置
3131
- 在 GitHub 仓库的 `Settings > Pages`,确认:
3232
- 发布分支为 `gh-pages`
33-
- 发布目录为 `/root`
33+
- 发布目录为 `/ (root)`
3434

3535
## 6. 等待生效
3636
- 部署后,通常几分钟内网页会自动更新。访问地址一般为:
3737
```
38-
https://<你的GitHub用户名>.github.io/<仓库名>/
38+
https://<你的 GitHub 用户名>.github.io/<仓库名>/
3939
```
4040
如:`https://beihaili.github.io/Get-Started-with-Web3/`
4141

4242
## 7. 常见问题与排查
43-
- **新章节不显示**:多半是 `SUMMARY.md` 没加,或没重新 build/deploy。
44-
- **网页内容没变**:可能是没 push 到 main,或没重新 build/deploy,或浏览器缓存未刷新。
43+
- **新章节不显示**:多半是 `SUMMARY.md` 没加,或没重新 build / deploy
44+
- **网页内容没变**:可能是没 push 到 main,或没重新 build / deploy ,或浏览器缓存未刷新。
4545
- **脚本报错有未提交更改**:先 `git add . && git commit -m "xxx" && git push`
4646

4747
---
4848

49-
## 一键部署流程(推荐AI操作顺序
50-
1. 检查/编辑 `SUMMARY.md`,确保目录完整。
51-
2. `git add . && git commit -m "更新SUMMARY和内容" && git push`
49+
## 一键部署流程(推荐 AI 操作顺序
50+
1. 检查 / 编辑 `SUMMARY.md`,确保目录完整。
51+
2. `git add . && git commit -m "更新 SUMMARY 和内容" && git push`
5252
3. `honkit build`
5353
4. `bash deploy.sh`
5454
5. 等待几分钟,刷新网页查看效果。
@@ -81,8 +81,8 @@
8181
- 直接重置 `gh-pages` 分支内容,绕过 `gh-pages` CLI 对大提交或权限的限制。
8282
4. **验证上线**
8383
- 访问 `https://beihaili.github.io/Get-Started-with-Web3/`,或执行 `curl -I` 查看是否返回 `HTTP/2 200`
84-
- GitHub Pages 缓存通常 1~5 分钟,必要时强制刷新浏览器。
84+
- GitHub Pages 缓存通常 1 - 5 分钟,必要时强制刷新浏览器。
8585

8686
---
8787

88-
下次需要自动化部署,只需让AI严格按上述流程操作即可,遇到问题也可直接参考"常见问题与排查"部分。
88+
下次需要自动化部署,只需让 AI 严格按上述流程操作即可,遇到问题也可直接参考常见问题与排查部分。

GITHUB_SECRETS_SETUP.md

Lines changed: 35 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,30 @@
11
# 🔐 GitHub Secrets 配置指南
22

3-
为了安全地使用 Gemini AI 功能并启用自动部署,你需要在 GitHub 仓库中配置以下 Secrets。
3+
为了安全地使用 Gemini AI 功能并启用自动部署,你需要在 GitHub 仓库中配置以下 Secrets
44

55
## 🚀 快速设置步骤
66

77
### 1. 获取 Gemini API Key
88

9-
1. 访问 [Google AI Studio](https://aistudio.google.com/app/apikey)
10-
2. 登录你的 Google 账户
11-
3. 点击 "Create API Key" 创建新的 API 密钥
12-
4. 复制生成的 API Key(格式类似:`AIzaSyC...`
9+
1. 访问 [Google AI Studio](https://aistudio.google.com/app/apikey)
10+
2. 登录你的 Google 账户
11+
3. 点击 Create API Key 创建新的 API 密钥
12+
4. 复制生成的 API Key(格式类似: `AIzaSyC...` )。
1313

1414
### 2. 配置 GitHub Secrets
1515

16-
1. 访问你的 GitHub 仓库页面
17-
2. 点击 "Settings" 标签
18-
3. 在左侧菜单中选择 "Secrets and variables""Actions"
19-
4. 点击 "New repository secret" 添加以下密钥:
16+
1. 访问你的 GitHub 仓库页面
17+
2. 点击 Settings 标签
18+
3. 在左侧菜单中选择 Secrets and variablesActions」。
19+
4. 点击 New repository secret 添加以下密钥:
2020

21-
#### 必需的 Secrets:
21+
#### 必需的 Secrets
2222

2323
| Secret Name || 说明 |
2424
|-------------|-----|-----|
25-
| `GEMINI_API_KEY` | 你的 Gemini API Key | 用于 AI 功能,格式:AIzaSyC... |
25+
| `GEMINI_API_KEY` | 你的 Gemini API Key | 用于 AI 功能,格式: AIzaSyC... |
2626

27-
#### 可选的 Secrets(有默认值):
27+
#### 可选的 Secrets (有默认值):
2828

2929
| Secret Name | 默认值 | 说明 |
3030
|-------------|--------|-----|
@@ -41,32 +41,32 @@
4141
你的仓库 → Settings → Secrets and variables → Actions
4242
```
4343

44-
2. **点击 "New repository secret"**
44+
2. **点击 New repository secret**
4545

4646
3. **添加 GEMINI_API_KEY**
4747
- Name: `GEMINI_API_KEY`
4848
- Secret: 粘贴你的 Gemini API Key
49-
- 点击 "Add secret"
49+
- 点击 Add secret
5050

5151
## 🔄 自动部署流程
5252

53-
配置完成后,GitHub Actions 将会:
53+
配置完成后, GitHub Actions 将会:
5454

55-
1. **自动触发**:每次推送到 `main` 分支时
56-
2. **安全构建**:使用配置的 Secrets 构建应用
57-
3. **自动部署**:将构建结果部署到 GitHub Pages
58-
4. **通知结果**:在 Actions 页面显示部署状态
55+
1. **自动触发**:每次推送到 `main` 分支时
56+
2. **安全构建**:使用配置的 Secrets 构建应用
57+
3. **自动部署**:将构建结果部署到 GitHub Pages
58+
4. **通知结果**:在 Actions 页面显示部署状态
5959

6060
## 🏠 本地开发设置
6161

6262
对于本地开发,你需要:
6363

64-
1. 复制 `.env.example` 文件为 `.env.local`
64+
1. 复制 `.env.example` 文件为 `.env.local`
6565
```bash
6666
cp .env.example .env.local
6767
```
6868

69-
2.`.env.local` 中填入你的 API Key:
69+
2.`.env.local` 中填入你的 API Key
7070
```bash
7171
VITE_GEMINI_API_KEY=你的_API_Key_在这里
7272
```
@@ -78,19 +78,19 @@
7878

7979
## ⚠️ 安全注意事项
8080

81-
-**DO**: 将 API Keys 添加到 GitHub Secrets
82-
-**DO**: 使用 `.env.local` 进行本地开发
83-
-**DON'T**: 将 API Keys 提交到代码仓库
84-
-**DON'T**: 在前端代码中硬编码敏感信息
85-
-**DON'T**: 分享或公开你的 API Keys
81+
-**DO**: 将 API Keys 添加到 GitHub Secrets
82+
-**DO**: 使用 `.env.local` 进行本地开发
83+
-**DON'T**: 将 API Keys 提交到代码仓库
84+
-**DON'T**: 在前端代码中硬编码敏感信息
85+
-**DON'T**: 分享或公开你的 API Keys
8686

8787
## 🔍 验证配置
8888

8989
配置完成后,你可以:
9090

91-
1. **检查 Actions 状态**:访问仓库的 Actions 页面
92-
2. **查看部署日志**:点击任意 workflow 查看详细日志
93-
3. **测试网站功能**:访问部署的网站测试 AI 功能
91+
1. **检查 Actions 状态**:访问仓库的 Actions 页面
92+
2. **查看部署日志**:点击任意 workflow 查看详细日志
93+
3. **测试网站功能**:访问部署的网站测试 AI 功能
9494

9595
## ❓ 常见问题
9696

@@ -104,16 +104,16 @@ A: 检查 GitHub Actions 日志,通常是 Secrets 配置不正确。
104104
A: 确保 `.env.local` 文件存在并包含正确的 API Key。
105105

106106
### Q: 如何更新 API Key?
107-
A: 在 GitHub Secrets 页面找到对应的 Secret,点击编辑即可更新。
107+
A: 在 GitHub Secrets 页面找到对应的 Secret ,点击编辑即可更新。
108108

109109
## 🎯 下一步
110110

111111
配置完成后,你就可以:
112-
- 🚀 推送代码自动部署
113-
- 🤖 使用 AI 助教功能
114-
- 🧠 体验智能测验系统
115-
- 📊 查看学习进度统计
112+
- 🚀 推送代码自动部署
113+
- 🤖 使用 AI 助教功能
114+
- 🧠 体验智能测验系统
115+
- 📊 查看学习进度统计
116116

117117
---
118118

119-
**提示**:首次配置可能需要几分钟生效。如有问题,请检查 GitHub Actions 日志或提 Issue。
119+
**提示**:首次配置可能需要几分钟生效。如有问题,请检查 GitHub Actions 日志或提 Issue

0 commit comments

Comments
 (0)