如何修改和更新网站
如何修改和更新网站
修改流程
1. 在本地修改文件
使用你喜欢的编辑器(VS Code、记事本等)直接修改项目中的文件:
- 修改页面内容:编辑
_pages/目录下的.md文件 - 修改样式:编辑
_sass/目录下的.scss文件 - 添加新文章:在
_posts/目录下创建新的.md文件 - 添加新论文:在
_publications/目录下创建新的.md文件 - 修改配置:编辑
_config.yml文件
2. 本地测试(可选但推荐)
如果你想在本地预览修改效果:
# 使用 Docker(如果已安装)
docker compose up
# 或者使用 Jekyll(如果已安装)
bundle exec jekyll serve
然后在浏览器访问:http://localhost:4000
3. 在 GitHub Desktop 中提交更改
- 打开 GitHub Desktop
- 你会看到左侧显示所有修改过的文件(红色表示删除,绿色表示新增,黄色表示修改)
- 查看更改
- 点击任意文件,可以在右侧看到具体的修改内容
- 提交更改
- 在左下角的 “Summary” 输入框中输入提交信息,例如:
Update research page contentAdd new publicationFix styling issuesUpdate CV information
- 点击 “Commit to main” 按钮
- 在左下角的 “Summary” 输入框中输入提交信息,例如:
- 推送到 GitHub
- 点击右上角的 “Push origin” 按钮(或按
Ctrl + P) - 文件会自动上传到 GitHub
- 点击右上角的 “Push origin” 按钮(或按
4. 等待自动部署
- GitHub Actions 会自动检测到你的更改
- 开始重新构建网站(通常需要 2-5 分钟)
- 构建完成后,网站会自动更新
5. 查看部署状态
- 在 GitHub Desktop 中点击 “View on GitHub”
- 点击 “Actions” 标签
- 查看最新的构建任务,等待显示绿色的 ✓ 表示成功
- 访问 https://ucfleihan.github.io 查看更新后的网站
常见修改场景
修改首页内容
编辑:_pages/about.md 或 index.html
修改导航菜单
编辑:_data/navigation.yml
添加新文章
- 在
_posts/目录下创建新文件,文件名格式:YYYY-MM-DD-title.md - 添加 front matter 和内容
- 提交并推送
添加新论文
- 在
_publications/目录下创建新文件,文件名格式:YYYY-MM-DD-title.md - 添加 front matter 和内容
- 提交并推送
修改样式
编辑 _sass/ 目录下的相应 .scss 文件,例如:
_sass/layout/_archive.scss- 归档页面样式_sass/layout/_page.scss- 单页样式_sass/layout/_navigation.scss- 导航样式
修改配置文件
编辑 _config.yml 文件,修改后需要重启本地服务器(如果正在运行)
快速更新命令(如果使用命令行)
# 1. 修改文件后,添加所有更改
git add .
# 2. 提交更改
git commit -m "描述你的修改"
# 3. 推送到 GitHub
git push
注意事项
- ⚠️ 不要直接修改
_site/目录(这是自动生成的,会被忽略) - ✅ 每次修改后都要提交并推送,网站才会更新
- ✅ 提交信息要清晰,方便以后查看修改历史
- ✅ 如果修改后网站没有更新,检查 GitHub Actions 是否有错误
