我的 GitHub Pages 个人主页,风格参考 zed.dev:深色极简、等宽字体点缀、橙色强调。
├── index.html # 页面结构
├── styles.css # 样式(CSS 变量统一配色)
├── script.js # 终端打字动画 / 滚动淡入 / 年份
└── README.md
纯 HTML/CSS/JS,无框架、无构建工具。
python3 -m http.server 8000
# 打开 http://localhost:8000git init -b main
git add -A
git commit -m "Initial commit: personal homepage"
gh repo create famiji.github.io --public --source . --push \
--description "Personal homepage — built from scratch, zed.dev-inspired"
gh api repos/famiji/famiji.github.io/pages -X POST \
-f "source[branch]=main" -f "source[path]=/"等待 1~2 分钟后访问 https://famiji.github.io/。
打开 index.html,搜索 TODO 注释即可定位所有占位内容:
| 内容 | 位置 |
|---|---|
| 联系方式图标 | Hero 区的 .hero-icons(GitHub / Email / Google Scholar 三个图标) |
| 邮箱 | .hero-icons 里的 mailto: 链接(当前 famiji1117@gmail.com) |
| Google Scholar | .hero-icons 里的 scholar 链接(用户 jM27LKgAAAAJ) |
| 状态文案 | .hero-status(currently working on genomic epidemiology) |
| 终端输出文案 | script.js 中的 lines 数组 |
| 日/夜主题 | 右上角按钮,偏好存于 localStorage.theme |
- 在 DNS 服务商添加 CNAME 记录:
www→famiji.github.io - 仓库 Settings → Pages → Custom domain 填入域名
- 在仓库根目录放一个
CNAME文件(内容为域名)