怎么在服务器上更新网页？

核心概念

在服务器上更新网页，本质上是用新的文件替换掉服务器上旧的网页文件，这些文件通常包括.html,.css,.js 以及图片、视频等资源。

方法一：通过 FTP/SFTP 客户端（最常用、最直观）

这种方法适合大多数个人网站、小型企业网站，尤其适合使用虚拟主机的用户。

所需工具：

1、FTP/SFTP 客户端软件：如 FileZilla（免费开源）、WinSCP（Windows）、Cyberduck（Mac）或 Transmit（Mac）。

2、连接信息：通常由你的主机服务商提供。

服务器地址如ftp.yourdomain.com 或服务器的 IP 地址

用户名你的 FTP/SFTP 用户名

密码你的 FTP/SFTP 密码

端口FTP 通常是21，SFTP 是22

步骤：

1、本地准备：在本地电脑上修改并测试好你的网页文件（例如index.html,style.css）。

2、连接服务器：

* 打开 FileZilla。

* 在顶部输入主机、用户名、密码和端口。

* 点击“快速连接”。

3、定位目录：

* 连接成功后，右侧“远程站点”窗口显示的是服务器上的文件。

* 找到你的网站根目录，这个目录通常是/www,/wwwroot,/public_html,/htdocs，或者就是以你的域名命名的文件夹，如果不确定，可以咨询你的主机提供商。

4、上传文件：

* 在左侧“本地站点”窗口，找到你存放新网页文件的本地文件夹。

覆盖上传将需要更新的文件从左侧拖拽到右侧对应的目录中，如果文件已存在，客户端会提示你“覆盖”或“替换”它，确认即可。

注意确保图片、CSS、JS 等关联文件也一并上传到正确的子文件夹中。

5、访问验证：打开浏览器，访问你的网站，按Ctrl + F5（强制刷新）以确保看到的是最新内容。

方法二：通过 SSH（适用于 VPS 或独立服务器）

如果你拥有的是 VPS（Virtual Private Server）或云服务器（如 AWS EC2, Google Cloud, 阿里云 ECS），通常可以通过 SSH 直接访问服务器的命令行界面，这是一种更强大、更高效的方式。

所需工具：

SSH 客户端

macOS / Linux系统自带的“终端”（Terminal）。

WindowsPuTTY 或者 Windows 10/11 自带的 PowerShell 或 WSL。

步骤：

1、连接服务器：

打开终端，输入命令ssh username@server_ip_address

* 将username 替换为你的服务器用户名（如root,ubuntu,ec2-user 等）。

* 将server_ip_address 替换为你的服务器公网 IP。

* 按回车，输入密码（或使用 SSH 密钥对登录）。

2、导航到网站根目录：

    # 常见的网站根目录，请根据你的实际配置更改
    cd /var/www/html/       # 常见于 Apache
    # 或
    cd /usr/share/nginx/html/ # 常见于 Nginx
    # 或你自己定义的目录
    cd /path/to/your/website/

3、更新文件：

方法 A使用命令行文本编辑器（如nano 或vim）直接修改（适合小改动）

        # 使用 nano 编辑 index.html
        sudo nano index.html
        # 修改后，按 Ctrl+X，然后按 Y，最后按回车保存退出。

方法 B使用scp 命令从本地上传（适合上传整个文件）

在你自己电脑的终端（而不是服务器的终端）里执行

        # 将本地文件上传到服务器
        scp /path/to/your/local/file.html username@server_ip_address:/path/to/remote/directory/
        # scp ./index.html root@123.45.67.89:/var/www/html/

方法 C使用git 拉取（最推荐的专业方法，见下文进阶部分）

4、权限设置（如果需要）：确保 Web 服务器（如www-data 用户）有读取文件的权限。

    sudo chown -R www-data:www-data /var/www/html/  # 更改所有者
    sudo chmod -R 755 /var/www/html/                 # 更改权限

方法三：使用版本控制工具 Git（自动化、高级、最佳实践）

这是现代开发和部署中最专业、最高效的方法，它要求你的服务器和本地开发环境都安装了 Git。

流程简介：

1、 你在本地电脑上使用 Git 管理你的网站代码。

2、 将代码仓库托管在GitHub,GitLab 或Gitee 等平台。

3、 在服务器上，通过git pull 命令从远程仓库拉取最新的代码更新。

步骤：

1、服务器准备：

* 通过 SSH 连接到服务器。

安装 Gitsudo apt update && sudo apt install git (Ubuntu/Debian)

克隆你的项目到网站目录（仅第一次需要）

        cd /var/www/html/
        git clone https://github.com/yourusername/your-repo.git .
        # 注意最后的点 ‘.’，表示克隆到当前目录

2、日常更新：

* 每当你在本地完成开发，并已经git commit 和git push 到远程仓库后。

* 通过 SSH 连接到服务器，进入网站目录。

执行一个简单的命令

        cd /var/www/html/
        git pull origin main  # 或 ‘master’、‘develop’ 等，取决于你的分支名

3、自动化（可选）：你可以配置Webhooks，实现当你向代码仓库推送（Push）后，服务器自动执行git pull，实现完全自动化部署。

⚠️ 重要注意事项和最佳实践

1、备份！备份！备份！：在执行任何更新操作之前，一定要备份服务器上现有的文件，这样如果新文件有问题，可以迅速回滚。

2、在本地测试：永远先在本地计算机上充分测试你的网页，确认功能正常后再上传到服务器。

3、清理浏览器缓存：更新后如果看不到变化，很可能是浏览器缓存了旧文件，按Ctrl + F5 或Cmd + Shift + R 强制刷新。

4、使用 SFTP 而不是 FTP：SFTP 通过 SSH 通道传输，是加密的，比传统的 FTP 安全得多。

5、文件权限：Linux 服务器上文件权限很重要，权限错误可能导致网站出现 “403 Forbidden” 或 “500 Internal Server Error”，通常目录设为755，文件设为644。

6、选择合适的方法：

虚拟主机 ->FTP/SFTP

VPS/云服务器，小改动 ->SSH +nano/scp

VPS/云服务器，专业开发 ->Git

对于新手，从FileZilla（SFTP） 开始是最佳选择，随着技能提升，强烈建议学习并使用SSH 和Git，它们能极大提高你的工作效率和项目的可维护性。

文章摘自：https://idc.huochengrm.cn/fwq/15488.html