第一步：准备工作（上传前的必要检查）

在开始上传之前，请确保你已经准备好以下所有信息,这能避免上传过程中的各种问题。

flashfxp 上传网站
（图片来源网络，侵删）

  1. 网站源文件:

    • 将你所有的网站文件（如 .html, .css, .js 文件，图片 images 文件夹，字体 fonts 文件夹等）整理在一个本地文件夹中，强烈建议你为这个项目创建一个专门的文件夹，D:\MyWebsite。

  2. FTP 主机地址:

    • 这是你服务器的地址，通常由你的主机提供商提供，格式可能是 ftp.yourdomain.com 或一个 IP 地址（如 168.1.100）。

  3. FTP 用户名:

    用于登录 FTP 服务器的账户名。

    flashfxp 上传网站
    （图片来源网络，侵删）

  4. FTP 密码:

    与用户名对应的密码。

  5. FTP 端口号:

    • 标准端口: 21 (如果不提供，FlashFXP 默认会使用这个)。
    • 安全端口: 22 (用于 SFTP 连接)。
    • 被动模式端口: 有时主机商会指定一个范围，如 20000-21000。

  6. 了解网站的根目录:

    flashfxp 上传网站
    （图片来源网络，侵删）
    • 这是最关键的一步！你需要知道上传的文件应该放在服务器的哪个位置。
    • 常见的根目录名称有：public_html, www, httpdocs, webroot 等。
    • 如何确认？ 查看你的主机提供商的帮助文档,或者联系他们的客服。

第二步：连接到 FTP 服务器

  1. 打开 FlashFXP。

  2. 新建站点: 点击菜单栏的 站点 -> 站点管理器 (快捷键 F4)。

  3. 填写站点信息:

    • 在弹出的窗口中，点击 新建站点 按钮，给你的站点起一个容易识别的名字，我的网站”。
    • 在右侧的选项卡中，填写你准备好的信息：
      • 常规 选项卡:
        • 我的网站 (你刚才起的名字)
        • IP 地址: ftp.yourdomain.com (你的 FTP 地址)
        • 端口: 21 (或你的主机商指定的端口)
        • 用户名: your_username
        • 密码: your_password
        • 匿名: 确保此项未被勾选。
        • 本地路径: (可选) 填写你本地存放网站文件的文件夹路径，如 D:\MyWebsite,这样连接后会自动打开这个文件夹。

  4. 连接: 填写完毕后，点击 连接 按钮，如果信息正确，FlashFXP 会成功连接到你的服务器。

第三步：上传网站文件

连接成功后，你会看到 FlashFXP 的主界面分为两个主要窗口：

  • 左侧: 本地浏览器,显示你电脑上的文件和文件夹。
  • 右侧: 远程浏览器,显示服务器上的文件和文件夹。

操作步骤:

  1. 导航到远程根目录:

    • 在右侧的远程浏览器窗口中，找到并双击进入网站的根目录（public_html）,这是你所有网站文件应该存放的地方。

  2. 选择要上传的文件/文件夹:

    • 在左侧的本地浏览器窗口中,浏览到你存放网站源文件的文件夹。
    • 全选所有文件和文件夹: 你可以按 Ctrl + A 快捷键全选,或者用鼠标框选。

  3. 开始上传:

    • 方法一 (拖拽): 将左侧选中的所有文件和文件夹，直接拖拽到右侧的远程浏览器窗口中。
    • 方法二 (右键菜单): 在选中的文件上点击鼠标右键，选择 传输 -> 上传。
    • 方法三 (工具栏): 点击工具栏上的 上传按钮 (一个向上的箭头)。

上传过程会在底部的传输队列窗口中显示进度,等待所有文件传输完成即可。

第四步：关键设置与高级技巧

为了更专业、更安全地上传网站,强烈建议你进行以下设置。

技巧 1：使用被动模式

如果上传速度很慢，或者连接经常中断,很可能是被动模式没有设置好。

  • 如何设置: 打开 站点管理器，选中你的站点，进入 选项 选项卡。
  • 勾选 使用被动模式 和 为被动模式使用主动 IP。
  • 为什么重要: 被动模式可以解决大多数在防火墙或路由器环境下的连接问题。

技巧 2：设置文件权限

网站程序（如 WordPress, Drupal）通常需要特定的文件和文件夹权限才能正常工作（上传图片、创建缓存文件）。

  • 如何设置:
    1. 在右侧的远程浏览器中,右键点击需要修改权限的文件或文件夹。
    2. 选择 属性/CHMOD。
    3. 在弹出的窗口中,你可以通过数字或复选框来设置权限。
    4. 常见权限设置:
      • 文件夹: 通常设置为 755。
      • 文件: 通常设置为 644。
      • WordPress 的 wp-content 文件夹: 可能需要设置为 775 或 777（777 有安全风险，请谨慎使用，用 775 尝试）。
      • WordPress 的 wp-config.php 文件: 必须设置为 644 或更严格的权限（如 600）,以确保安全。

技巧 3：使用 SFTP (安全连接)

FlashFXP 支持更安全的 SFTP 协议（基于 SSH），它对数据传输进行了加密,可以有效防止密码和文件内容在传输过程中被窃听。

  • 如何设置:
    1. 在 站点管理器 中,选中你的站点。
    2. 切换到 SFTP 选项卡。
    3. 勾选 使用 SFTP。
    4. 端口: 通常需要改为 22。
    5. 其他信息（用户名、密码）与 FTP 相同。
    6. 点击 连接，FlashFXP 会尝试以更安全的方式连接，如果你的服务器支持 SFTP,这是首选方式。

第五步：上传后的检查

  1. 清理本地临时文件: 确保你没有将本地开发用的临时文件（如 .DS_Store, Thumbs.db, node_modules 文件夹等）上传到服务器。
  2. 检查网站: 在浏览器中访问你的域名（https://www.yourdomain.com），检查网站是否显示正常,所有链接和图片是否正确加载。
  3. 设置首页: 如果网站首页不是 index.html 或 index.php，你可能需要在服务器上配置默认文档，或者将首页文件重命名为 index.html。
  4. 删除默认页面: 如果上传后看到的是主机商提供的默认欢迎页面（如 "It works!"），说明你没有覆盖掉它，请确保你的文件已经上传到了正确的根目录,并覆盖了默认文件。

常见问题排查

  • 连接失败:
    • 检查 FTP 地址、用户名、密码、端口是否正确。
    • 确认网络连接是否正常。
    • 尝试切换主动/被动模式。
  • 上传后网站显示不正常（图片/链接失效）:
    • 最常见原因: 文件路径错误，检查本地文件中的图片路径是相对路径（如 images/logo.png）还是绝对路径（如 C:\Users\...）,确保使用相对路径。
    • 原因二: 上传到了错误的目录，请再次确认你上传到了 public_html 等根目录下。
  • 上传文件失败，提示权限错误:

    你需要先在服务器上创建一个空文件夹，然后右键设置其权限，然后再上传文件到该文件夹，或者直接上传文件后,再右键修改其权限。

  • 上传速度慢:
    • 尝试切换主动/被动模式。
    • 检查本地网络和服务器网络状况。
    • 如果服务器在国外,速度慢是正常的。

通过以上步骤，你应该可以顺利地使用 FlashFXP 完成网站的上传工作,祝你一切顺利！