很多开发者在搭建个人博客、项目展示页或者企业官网时，都会遇到一个头疼的问题：每次修改代码后，都要手动把文件上传到服务器。这种重复劳动不仅浪费时间，还容易出错。利用Git进行静态部署，可以彻底告别FTP和手动上传，实现本地一键推送、服务器自动更新。下面将用最直白的方式，带你一步步完成整个流程。
部署前的基础准备
在开始操作之前，需要确保你的本地电脑和远程服务器都安装了Git。本地端负责编写代码和管理版本，远程端通常是一台Linux服务器，比如云服务器或自建VPS。静态部署的核心思想是：在服务器上创建一个空仓库作为接收端，配置好自动触发脚本，本地修改完成后直接push到这个空仓库，服务器收到指令后自动把代码同步到网站运行目录。整个过程不需要复杂的容器或CI工具，非常适合中小型项目和个人站。
第一步在服务器创建裸仓库
首先通过SSH登录到你的Linux服务器。进入你希望存放Git仓库的目录，执行命令创建一个名为web的裸仓库。裸仓库不包含工作区，专门用于共享代码，命令是mkdir web && cd web && git init --bare。这一步完成后，服务器端就具备了接收推送的能力。接下来需要设置网站的实际运行目录，假设你的网站根目录是/var/www/html，请确保这个目录存在并且权限正确。你可以使用ls命令查看目录结构，避免路径写错导致后续同步失败。
第二步配置自动同步钩子
这是最关键的一步。裸仓库提供了一个叫hooks的文件夹，里面有一个叫post-receive.sample的文件。我们需要把它复制一份并重命名为post-receive，然后编辑它。打开文件后，写入两行核心代码。第一行指定工作树为网站目录，第二行指定仓库路径为当前裸仓库。具体写法是GIT_WORK_TREE=/var/www/html git checkout -f。保存退出后，必须给这个脚本加上执行权限，使用chmod +x post-receive。这样当本地推送代码到达时，服务器就会自动把最新内容覆盖到网站目录，无需人工干预。
第三步本地初始化并关联远程
回到你的本地开发环境。打开终端，进入你的前端项目文件夹，执行git init初始化版本控制。接着把你的HTML、CSS和JS等文件加入暂存区，使用git add .命令。第一次提交时需要写个备注，比如git commit -m initial commit。然后添加远程仓库地址，注意格式是ssh用户名服务器IP绝对路径/web.git。可以用git remote add origin ssh://user@192.168.1.100/home/user/web.git来绑定。如果之前加错过，记得用git remote remove origin清理后再重新添加，避免冲突。
第四步推送代码与验证结果
所有准备工作就绪后，就可以执行最后一次关键操作了。在本地终端输入git push origin master，如果是新版Git默认分支叫main，就替换成main。系统会要求你输入服务器密码，验证通过后进度条会快速跑完。此时不要急着去刷新浏览器，稍微等几秒钟让服务器的钩子脚本执行完毕。确认无误后，访问你的域名或服务器IP，你会发现网页已经变成了刚刚推送的最新状态。以后每次修改，只需要改代码、commit、push三步即可完成发布。
常见问题与安全建议
在实际操作中，可能会遇到权限拒绝或者推送失败的情况。最常见的原因是服务器目录归属问题，确保网站根目录属于当前登录的用户，或者把www-data用户加入该目录的所属组。另外，为了安全起见，强烈建议关闭服务器的密码登录，改用SSH密钥认证。这样既能加快连接速度，又能防止暴力破解。如果你的项目包含多个环境，比如测试服和生产服，可以为每个环境单独建一个裸仓库，配合不同的分支名进行管理。掌握这套Git静态部署方案后，你将拥有极致的发布效率，把精力真正集中在代码优化和功能迭代上。定期备份数据库和重要配置文件依然是必不可少的习惯，技术再便捷，数据安全永远是第一位的。
