初始化仓库后添加HTML和CSS文件,通过git add与git commit提交更改,用git status、git diff和git log查看状态与历史,最后git push同步到远程,确保每次修改被完整记录。

在 Windows 上使用 Git 追踪 HTML 和 CSS 文件的修改并提交版本,是一个基础但关键的开发流程。只要正确配置 Git 并遵循标准操作,就能清晰记录每一次改动。
初始化仓库并添加文件
如果你还没有 Git 仓库,先在项目根目录打开命令行(如 Git Bash),执行:
git init这会创建一个新的本地仓库。将你的 HTML 和 CSS 文件放入该目录,然后运行:
git add *.html *.css或者一次性添加所有文件:
立即学习“前端免费学习笔记(深入)”;
git add .这会把所有 HTML 和 CSS 文件加入暂存区,准备提交。
提交更改到本地仓库
执行以下命令提交当前暂存的内容:
git commit -m "添加首页HTML和样式文件"提交信息应简洁明了,说明本次修改的内容。之后每次修改了 .html 或 .css 文件,只需重复以下两步:
-
保存文件后运行:
git add 文件名.html或git add . -
提交更新:
git commit -m "描述这次修改,比如:调整导航栏样式"
查看修改历史和差异
要确认哪些 HTML 或 CSS 文件被修改过,可用:
git status查看当前修改状态。用下面命令查看具体改动内容:
git diff HEAD能显示未提交的 HTML/CSS 变化。查看提交历史:
git log --oneline每条记录都会显示提交信息和 ID,方便追踪某次样式的调整时间点。
推送到远程仓库(可选)
如果想同步到 GitHub 或其他平台,先关联远程地址:
git remote add origin https://github.com/你的用户名/项目名.git然后推送:
git push -u origin main后续每次提交本地版本后,都可以用 git push 同步远程。
基本上就这些。只要坚持“改完保存 → git add → git commit”的节奏,你的 HTML 和 CSS 所有重要修改都会被完整记录。不复杂但容易忽略的是写好提交信息,这对后期排查问题很有帮助。











