第一步:准备工作
在开始上传之前,请确保你已经准备好了以下所有信息:

-
网站文件 (本地):
- 你已经制作好的所有网站文件,通常包括 HTML 文件、CSS 文件、JavaScript 文件、图片、字体等。
- 这些文件应该存放在你电脑上的一个文件夹里,
D:\MyWebsite。
-
服务器连接信息 (远程):
- 主机名/地址: 你的服务器的 IP 地址或域名(
ftp.yourdomain.com或168.1.100)。 - 用户名: 用于登录 FTP 服务器的账户名。
- 密码: 对应账户的密码。
- 端口号: FTP 默认端口是
21,如果你的服务器使用了自定义端口(如 SFTP/FTPS 的22或其他),请确认正确。 - 网站根目录: 这是最关键的一步! 你需要知道上传的文件应该存放在服务器的哪个目录下,常见的目录名有:
public_htmlwwwhtdocshttpdocswebroot- 有时就是 (根目录)
- 主机名/地址: 你的服务器的 IP 地址或域名(
第二步:连接到服务器
-
打开 FlashFXP。
-
点击菜单栏的
站点->站点管理器(或者直接按快捷键F4)。
(图片来源网络,侵删) -
在弹出的“站点管理器”窗口中,点击左下角的
新建站点按钮,给你的站点起一个容易识别的名字,我的官网”。 -
在右侧的设置区域,填入你准备好的服务器信息:
-
我的官网(或你喜欢的名字) - IP 地址:
ftp.yourdomain.com - 端口:
21(如果不是默认,请修改) - 用户名:
your_username - 密码:
your_password - (可选) 本际路径: 如果你希望 FlashFXP 启动后自动定位到你本地的网站文件夹,可以在这里填写,
D:\MyWebsite。 - (可选) 远际路径: 如果你希望连接后自动定位到服务器的网站根目录,可以在这里填写,
/public_html。
-
-
连接:
- 填写完毕后,点击右下角的
连接按钮。 - 如果信息正确,FlashFXP 将会连接到服务器,并显示左右两个窗口:
- 左侧: 你的本地电脑文件和文件夹。
- 右侧: 服务器上的文件和文件夹。
- 填写完毕后,点击右下角的
第三步:上传网站文件
这是核心步骤,推荐使用 “同步” 功能,它能确保本地和服务器上的文件完全一致,避免遗漏或重复上传。

-
定位目录:
- 在 左侧窗口,导航到你存放网站文件的本地文件夹(
D:\MyWebsite)。 - 在 右侧窗口,导航到服务器的网站根目录(
/public_html),如果之前设置了“远程路径”,这里应该已经自动定位好了。
- 在 左侧窗口,导航到你存放网站文件的本地文件夹(
-
使用同步上传:
- 确保两个窗口都定位到正确的目录。
- 点击菜单栏的
同步->同步上传(或者右键点击右侧窗口,选择 “同步” -> “上传”)。
-
设置同步选项:
- FlashFXP 会弹出一个“同步”设置窗口。这是非常重要的一步,请仔细阅读。
- 比较方式: 通常选择 “比较大小” 或 “比较日期和时间” 即可,这会让 FlashFXP 只上传那些在本地更新过或服务器上不存在的文件,效率更高。
- 包含/排除文件: 你可以设置规则,比如排除
.DS_Store(macOS 系统文件)、thumbs.db(Windows 缩略图文件) 等不需要上传的文件。 - 确认方向: 确保方向是 “从本地 -> 远程”。
- 点击
确定。
-
开始上传:
- FlashFXP 会开始分析文件差异,然后列出所有需要上传的文件。
- 在底部的队列窗口中,你可以看到上传进度、速度和预计剩余时间。
- 上传完成后,队列会清空。
第四步:验证和后续操作
-
验证网站:
- 打开浏览器,访问你的网站域名(
https://www.yourdomain.com)。 - 检查所有页面、图片、链接是否都正常显示和工作,特别是要检查路径是否正确,确保上传后没有出现 404 (文件未找到) 错误。
- 打开浏览器,访问你的网站域名(
-
设置权限:
- 有时上传的文件或文件夹权限不正确,会导致网站无法正常运行(PHP 文件无法执行,图片无法显示)。
- 在 FlashFXP 的 右侧窗口 中,右键点击文件或文件夹。
- 选择
属性/CHMOD。 - 常见权限设置:
- 文件夹: 通常设置为
755。 - HTML/CSS/JS/图片等静态文件: 通常设置为
644。 - PHP/Python 等可执行文件: 通常设置为
755。
- 文件夹: 通常设置为
- 如果不确定,可以咨询你的主机服务商。
常见问题与技巧
-
问题:连接失败,提示“无法连接到服务器”。
- 检查: 主机名、用户名、密码、端口号是否全部正确。
- 检查防火墙: Windows 或杀毒软件的防火墙可能阻止了 FlashFXP 的连接,请临时关闭防火墙再试。
- 检查被动模式: 在站点管理器中,勾选
使用被动模式,这可以解决大部分因为 NAT 或路由器导致的问题。
-
问题:上传后网站显示不正常,图片是“X”或链接失效。
- 原因: 这通常是文件路径问题,确保在代码中引用图片、CSS、JS 等文件时,使用的是相对路径,而不是你本地的绝对路径(如
C:/Users/.../image.jpg)。 - 示例:
index.html和images文件夹在同一个目录下,在index.html中引用图片应为<img src="images/logo.png">。
- 原因: 这通常是文件路径问题,确保在代码中引用图片、CSS、JS 等文件时,使用的是相对路径,而不是你本地的绝对路径(如
-
技巧:使用书签快速定位
- 对于服务器上常用的目录(如
/public_html/wp-content/uploads),你可以右键点击该文件夹,选择 “添加到书签”,下次连接后,只需点击书签就能快速跳转。
- 对于服务器上常用的目录(如
-
技巧:传输队列管理
你可以将需要上传的文件直接从左侧窗口拖拽到右侧窗口,它们会自动进入传输队列,你也可以随时暂停、继续或取消队列中的任务。
-
安全性建议:
- 如果你的服务器支持 SFTP (SSH File Transfer Protocol) 或 FTPS (FTP over SSL/TLS),请优先使用这些更安全的协议,它们可以加密你的登录信息和传输数据,防止被窃听,在站点管理器中,选择相应的协议类型即可。
通过以上步骤,你应该就能顺利地使用 FlashFXP 完成网站的上传了,祝你成功!
