|
| 1 | +# Echo8 官网部署指南 |
| 2 | + |
| 3 | +## 📦 部署到 GitHub Pages |
| 4 | + |
| 5 | +### 第1步:创建GitHub仓库 |
| 6 | + |
| 7 | +1. 登录 GitHub |
| 8 | +2. 点击右上角 `+` → `New repository` |
| 9 | +3. 仓库名:`echo8-website` (或任意名字) |
| 10 | +4. 设为 Public |
| 11 | +5. 点击 `Create repository` |
| 12 | + |
| 13 | +--- |
| 14 | + |
| 15 | +### 第2步:上传网站文件 |
| 16 | + |
| 17 | +#### 方法A:通过网页上传(最简单) |
| 18 | + |
| 19 | +1. 进入仓库页面 |
| 20 | +2. 点击 `Add file` → `Upload files` |
| 21 | +3. 拖入这个文件夹的所有文件: |
| 22 | + - index.html |
| 23 | + - CNAME |
| 24 | +4. 点击 `Commit changes` |
| 25 | + |
| 26 | +#### 方法B:通过Git命令(如果你会Git) |
| 27 | + |
| 28 | +```bash |
| 29 | +cd echo8-website |
| 30 | +git init |
| 31 | +git add . |
| 32 | +git commit -m "Initial commit" |
| 33 | +git branch -M main |
| 34 | +git remote add origin https://github.com/<你的用户名>/echo8-website.git |
| 35 | +git push -u origin main |
| 36 | +``` |
| 37 | + |
| 38 | +--- |
| 39 | + |
| 40 | +### 第3步:开启GitHub Pages |
| 41 | + |
| 42 | +1. 进入仓库 |
| 43 | +2. 点击 `Settings` |
| 44 | +3. 左侧菜单找到 `Pages` |
| 45 | +4. Source 选择: |
| 46 | + - Branch: `main` |
| 47 | + - Folder: `/ (root)` |
| 48 | +5. 点击 `Save` |
| 49 | +6. 等待1-2分钟 |
| 50 | + |
| 51 | +--- |
| 52 | + |
| 53 | +### 第4步:访问网站 |
| 54 | + |
| 55 | +初始地址(临时): |
| 56 | +``` |
| 57 | +https://<你的用户名>.github.io/echo8-website/ |
| 58 | +``` |
| 59 | + |
| 60 | +例如: |
| 61 | +``` |
| 62 | +https://cinderellapa.github.io/echo8-website/ |
| 63 | +``` |
| 64 | + |
| 65 | +--- |
| 66 | + |
| 67 | +### 第5步:配置自定义域名 echo8.cc |
| 68 | + |
| 69 | +#### A. 在GitHub |
| 70 | + |
| 71 | +1. Settings → Pages |
| 72 | +2. Custom domain 输入:`echo8.cc` |
| 73 | +3. 点击 `Save` |
| 74 | +4. 等待DNS验证 |
| 75 | +5. 验证成功后,勾选 `Enforce HTTPS` |
| 76 | + |
| 77 | +#### B. 在域名商(买域名的地方) |
| 78 | + |
| 79 | +添加以下DNS记录: |
| 80 | + |
| 81 | +**A记录(必须):** |
| 82 | +``` |
| 83 | +类型: A |
| 84 | +名称: @ |
| 85 | +值: 185.199.108.153 |
| 86 | +
|
| 87 | +类型: A |
| 88 | +名称: @ |
| 89 | +值: 185.199.109.153 |
| 90 | +
|
| 91 | +类型: A |
| 92 | +名称: @ |
| 93 | +值: 185.199.110.153 |
| 94 | +
|
| 95 | +类型: A |
| 96 | +名称: @ |
| 97 | +值: 185.199.111.153 |
| 98 | +``` |
| 99 | + |
| 100 | +**CNAME记录(可选,支持www):** |
| 101 | +``` |
| 102 | +类型: CNAME |
| 103 | +名称: www |
| 104 | +值: <你的用户名>.github.io |
| 105 | +``` |
| 106 | + |
| 107 | +--- |
| 108 | + |
| 109 | +### 第6步:等待DNS生效 |
| 110 | + |
| 111 | +- 时间:10分钟 - 48小时(通常很快) |
| 112 | +- 检查:在浏览器访问 `http://echo8.cc` |
| 113 | +- 成功标志:看到Echo8网站 |
| 114 | + |
| 115 | +--- |
| 116 | + |
| 117 | +## 🔧 常见问题 |
| 118 | + |
| 119 | +### Q1: 为什么访问echo8.cc显示404? |
| 120 | + |
| 121 | +**原因**:DNS还没生效 |
| 122 | +**解决**: |
| 123 | +1. 检查DNS是否配置正确 |
| 124 | +2. 等待更长时间(最多48小时) |
| 125 | +3. 用 `ping echo8.cc` 检查是否指向GitHub |
| 126 | + |
| 127 | +--- |
| 128 | + |
| 129 | +### Q2: 网站显示了,但样式乱了? |
| 130 | + |
| 131 | +**原因**:路径问题 |
| 132 | +**解决**: |
| 133 | +- 确保所有资源(CSS/JS/图片)用相对路径 |
| 134 | +- 或者用绝对路径:`/css/style.css` |
| 135 | + |
| 136 | +--- |
| 137 | + |
| 138 | +### Q3: 如何更新网站? |
| 139 | + |
| 140 | +**方法**: |
| 141 | +1. 修改 index.html |
| 142 | +2. 通过GitHub网页上传新文件(覆盖旧的) |
| 143 | +3. 或者用Git push |
| 144 | +4. 等待1-2分钟自动部署 |
| 145 | + |
| 146 | +--- |
| 147 | + |
| 148 | +### Q4: 可以用HTTPS吗? |
| 149 | + |
| 150 | +**答案**:可以! |
| 151 | +- GitHub Pages 自动提供免费HTTPS |
| 152 | +- 使用 Let's Encrypt 证书 |
| 153 | +- 在 Settings → Pages 勾选 "Enforce HTTPS" |
| 154 | +- 访问 `https://echo8.cc` |
| 155 | + |
| 156 | +--- |
| 157 | + |
| 158 | +### Q5: 流量有限制吗? |
| 159 | + |
| 160 | +**答案**: |
| 161 | +- GitHub Pages 每月 100GB 流量 |
| 162 | +- 对于文档/展示网站完全够用 |
| 163 | +- 单文件不超过 100MB |
| 164 | +- 仓库总大小建议不超过 1GB |
| 165 | + |
| 166 | +--- |
| 167 | + |
| 168 | +## 📊 推荐的网站结构(未来扩展) |
| 169 | + |
| 170 | +``` |
| 171 | +echo8-website/ |
| 172 | +├── index.html # 首页 |
| 173 | +├── CNAME # 域名配置 |
| 174 | +├── css/ |
| 175 | +│ └── style.css # 样式(如果要分离) |
| 176 | +├── js/ |
| 177 | +│ └── main.js # 脚本(如果要分离) |
| 178 | +├── images/ |
| 179 | +│ ├── logo.png # Logo |
| 180 | +│ └── screenshots/ # 截图 |
| 181 | +├── docs/ |
| 182 | +│ ├── guide.html # 使用指南 |
| 183 | +│ └── api.html # API文档 |
| 184 | +└── download/ |
| 185 | + └── index.html # 下载页面 |
| 186 | +``` |
| 187 | + |
| 188 | +--- |
| 189 | + |
| 190 | +## 🚀 自动部署(进阶) |
| 191 | + |
| 192 | +如果想要每次修改自动部署,可以使用 GitHub Actions: |
| 193 | + |
| 194 | +1. 创建 `.github/workflows/deploy.yml` |
| 195 | +2. 配置自动构建 |
| 196 | +3. 每次 push 自动部署 |
| 197 | + |
| 198 | +(暂时不需要,手动上传就够用) |
| 199 | + |
| 200 | +--- |
| 201 | + |
| 202 | +## 💡 其他建议 |
| 203 | + |
| 204 | +### 添加Google Analytics(可选) |
| 205 | +- 跟踪访问量 |
| 206 | +- 了解用户行为 |
| 207 | + |
| 208 | +### 添加SEO优化 |
| 209 | +- meta标签 |
| 210 | +- sitemap.xml |
| 211 | +- robots.txt |
| 212 | + |
| 213 | +### 添加社交分享 |
| 214 | +- Open Graph标签 |
| 215 | +- Twitter Card |
| 216 | + |
| 217 | +### 多语言支持 |
| 218 | +- 中文 / English |
| 219 | +- 切换按钮 |
| 220 | + |
| 221 | +--- |
| 222 | + |
| 223 | +## ✅ 检查清单 |
| 224 | + |
| 225 | +部署前: |
| 226 | +- [ ] index.html 文件准备好 |
| 227 | +- [ ] CNAME 文件内容是 `echo8.cc` |
| 228 | +- [ ] GitHub 仓库已创建 |
| 229 | +- [ ] 文件已上传 |
| 230 | + |
| 231 | +部署后: |
| 232 | +- [ ] GitHub Pages 已开启 |
| 233 | +- [ ] 临时地址能访问 |
| 234 | +- [ ] DNS A记录已配置(4条) |
| 235 | +- [ ] Custom domain 已设置 |
| 236 | +- [ ] DNS 已生效 |
| 237 | +- [ ] HTTPS 已启用 |
| 238 | +- [ ] echo8.cc 能正常访问 |
| 239 | + |
| 240 | +全部打勾 → 部署成功!🎉 |
| 241 | + |
| 242 | +--- |
| 243 | + |
| 244 | +## 📞 需要帮助? |
| 245 | + |
| 246 | +遇到问题随时问我!我帮你调试!💙 |
0 commit comments