FTP上传网站全流程教程

FTP（File Transfer Protocol，文件传输协议）是一种在客户端和服务器之间传输文件的标准网络协议，它就像一个“网络U盘”，让你可以把本地电脑上的网站文件（HTML、CSS、JavaScript、图片等）复制到你的网络服务器上。

第一步：准备工作

在开始之前,请确保你已经准备好以下四样东西：

  1. 网站文件：你已经建好的网站的所有文件，通常包含一个或多个文件夹，如 images（图片）、css（样式表）、js（脚本文件）和根目录下的 index.html、about.html 等页面。
  2. FTP主机地址：这是你的服务器的网络地址，通常由你的网络主机提供商（如阿里云、腾讯云、Bluehost、GoDaddy等）提供，格式如 ftp.yourdomain.com 或一个IP地址（如 168.1.100）。
  3. FTP用户名：用于登录FTP服务器的账户名。
  4. FTP密码：用于登录FTP服务器的密码。

💡 小提示：以上四项信息通常可以在你的网络主机提供商的后台管理面板中找到，登录你的账户，查找名为“FTP账户”、“文件管理”、“控制面板”或类似功能的区域，如果找不到,可以联系他们的客服获取。

第二步：选择并安装FTP客户端软件

你需要一个FTP客户端软件来连接和管理服务器，强烈推荐使用免费、开源且功能强大的 FileZilla。

  1. 下载：访问 FileZilla官方网站 下载适合你操作系统的版本（Windows, macOS, Linux）。
  2. 安装：按照提示完成安装即可，安装过程非常简单，一路“下一步”即可。

第三步：连接到FTP服务器

打开你安装好的FileZilla软件，你会看到一个简洁的界面，在顶部的快速连接栏中,填入你准备好的信息。

  1. 主机：填写你的FTP主机地址（ftp.yourdomain.com）。
  2. 用户名：填写你的FTP用户名。
  3. 密码：填写你的FTP密码。
  4. 端口：通常默认为 21，如果你的主机提供商指定了其他端口（如 22，这是SFTP端口，更安全）,请填写指定的端口。

点击“快速连接”按钮。

如果信息正确，FileZilla会成功连接到服务器,并显示以下信息：

  • 左侧窗格：显示你本地电脑的文件和文件夹。
  • 右侧窗格：显示远程服务器上的文件和文件夹。
  • 底部窗格：显示连接日志和文件传输信息。

第四步：上传网站文件

连接成功后,就可以开始上传你的网站文件了。

重要概念：网站根目录

在服务器上，有一个特殊的文件夹是存放你网站文件的“根目录”，所有访问你网站的请求,最终都会指向这个文件夹里的文件。

  • 常见根目录名称：
    • public_html
    • www
    • htdocs
    • httpdocs

你需要将网站文件上传到这些目录之一，具体是哪个,请查看你的主机提供商文档或咨询客服。

上传步骤

  1. 在右侧窗格（服务器端）：找到并进入你的网站根目录（public_html）,你可能需要双击文件夹来进入。
  2. 在左侧窗格（本地端）：浏览到你存放网站文件的本地文件夹。
  3. 选择文件：在左侧窗格中，选中你想要上传的所有文件和文件夹（可以按住 Ctrl 或 Cmd 键多选）。
  4. 开始上传：
    • 方法一（推荐）：直接将选中的文件从左侧窗格拖拽到右侧窗格。
    • 方法二：选中文件后，点击菜单栏的 “传输” -> “上传”。
    • 方法三：右键点击选中的文件，选择 “上传”。

上传完成后,右侧窗格的根目录下就会出现你上传的所有文件。

第五步：检查和测试

上传完成后,最重要的一步是测试你的网站是否正常运行。

  1. 访问你的网站：在浏览器地址栏输入你的域名（https://www.yourdomain.com）。
  2. ：确认网站的所有页面、图片、样式和链接是否都正常显示和工作。
  3. 检查文件路径：如果图片或链接不显示，最常见的原因是文件路径错误，确保你的HTML文件中的图片路径是相对于该文件的，<img src="images/logo.png">，而不是本地的绝对路径 C:\Users\...。

第六步：断开连接

完成所有操作后，为了安全起见,建议断开FTP连接。

  • 点击菜单栏的 “服务器” -> “断开连接”,或者直接关闭FileZilla窗口。

常见问题与解决方案

问题1：连接失败，提示“ECONNREFUSED - Connection refused”或“530 Login incorrect”

  • 原因：
    • 530错误：用户名或密码错误。
    • ECONNREFUSED错误：主机地址或端口号错误,或者服务器防火墙阻止了连接。
  • 解决方案：
    1. 核对信息：仔细检查主机、用户名、密码和端口是否与主机提供商提供的信息完全一致,注意大小写和空格。
    2. 联系主机商：如果信息无误，请联系你的主机提供商，确认FTP服务是否已开启,以及是否有IP地址限制。

问题2：上传文件后，网站无法访问，或显示默认页面（如 cPanel、Plesk 的欢迎页）

  • 原因：文件上传到了错误的目录，你没有把文件放在 public_html 或 www 这样的网站根目录里。
  • 解决方案：
    1. 使用FileZilla重新连接服务器。
    2. 在右侧窗格中，确保你位于正确的根目录下（如 public_html）。
    3. 检查你的文件是否在这里，如果不在，请找到它们,然后拖拽到正确的根目录。

问题3：图片不显示，但其他内容正常

  • 原因：图片文件本身没有上传,或者HTML中的图片路径不正确。
  • 解决方案：
    1. 检查上传：在服务器上找到HTML文件所在的目录,确认对应的图片文件夹和图片文件是否真的存在。
    2. 检查路径：用文本编辑器打开HTML文件，检查 <img> 标签的 src 属性，路径应该是相对于HTML文件的相对路径，如果HTML在根目录，图片在 images 文件夹里，路径应为 images/pic.jpg。

问题4：上传速度非常慢

  • 原因：可能是网络带宽问题,或者FileZilla的传输设置被限制了。
  • 解决方案：
    1. 在FileZilla菜单栏，进入 “编辑” -> “设置”。
    2. 在左侧选择 “连接” -> “数据端口范围”。
    3. 取消勾选“使用自定义端口范围”，让系统自动选择端口,这有时能提高速度。
    4. 尝试在非上网高峰期上传。

安全建议：使用SFTP代替FTP

FTP是明文传输的，用户名、密码和文件内容都可能被网络上的窃听者截获，为了安全，强烈建议使用 SFTP (SSH File Transfer Protocol)。

  • SFTP：通过SSH（安全外壳协议）进行加密传输,安全得多。
  • 如何使用SFTP：
    1. 在FileZilla的“主机”输入框前，加上 sftp://，sftp://ftp.yourdomain.com。
    2. 端口通常为 22。
    3. 其余操作与FTP完全相同。

如果你的主机提供商支持SFTP,请务必优先使用它。

通过以上六个步骤，你就可以轻松地将本地网站通过FTP上传到服务器了,整个过程可以概括为：

准备信息 -> 安装软件 -> 连接服务器 -> 找到根目录 -> 拖拽上传 -> 测试访问。

希望这份详细的教程能对你有所帮助！祝你网站上线顺利！