黄照阳 · 个人主页
由bq61fi8q创建,最终由bq61fi8q 被浏览 2 用户
纯静态网页(HTML + CSS + JS),不需要安装任何东西,双击 index.html 就能在浏览器里打开预览。
文件说明
| 文件 | 作用 | 需要改吗 |
|---|---|---|
content.js |
网页上的全部文字内容(姓名、经历、项目、获奖、联系方式……) | ✅ 平时只改这个 |
index.html |
页面骨架 | 一般不用改 |
style.css |
样式/配色(最上面的 --primary 就是主色,可改) |
想换颜色时改 |
app.js |
把 content.js 的内容渲染到页面上 | 不用改 |
如何修改内容
- 用任意文本编辑器(记事本、VS Code 等)打开
content.js。 - 找到对应板块(文件里有中文注释:基本信息 / 教育背景 / 研究与项目 / 实习与社会实践 / 在校经历 / 获奖 / 技能)。
- 修改:直接改英文双引号
"..."里的文字。 - 新增一条经历:复制同一板块里的一整个
{ ... },块,粘贴后改文字。注意每项之间用英文逗号,隔开。 - 删除:把整个
{ ... }块删掉。 - 要点写成
"小标题:内容"的格式时,冒号前面会自动加粗。 - 不想公开某个联系方式(比如电话):把它的
value改成""即可隐藏。 - 想加头像:把照片(如
photo.jpg)放进本文件夹,在profile里加一行photo: "photo.jpg",。 - 保存后刷新浏览器即可看到效果。如果页面变空白,多半是少了逗号或引号,检查刚改的地方。
如何重新发布(GitHub Pages)
网站托管在 GitHub 仓库里,GitHub Pages 会自动把仓库内容发布成网址。改完之后任选一种方式更新:
- 网页上直接改(最简单):打开 GitHub 仓库 → 点
content.js→ 右上角铅笔图标编辑 → 底部点 “Commit changes”。1–2 分钟后网址自动更新。 - 上传文件:在仓库页面点 “Add file → Upload files”,把改好的文件拖进去 → “Commit changes”。
- 命令行:在本文件夹里运行
git add -A && git commit -m "更新内容" && git push