第一部分：准备工作
在开始之前，请确保你已经从你的网站托管服务提供商（如阿里云、腾讯云、Bluehost、GoDaddy 等）获取了以下关键信息：
（图片来源网络，侵删）
- 主机名：这通常是你的 FTP 服务器地址，格式可能是
ftp.yourdomain.com或一个 IP 地址。 - 用户名：你的 FTP 账户名。
- 密码：你的 FTP 账户密码。
- 端口号：
- FTP (不推荐)：默认端口 21，但这是明文传输,不安全。
- SFTP (强烈推荐)：默认端口 22，这是基于 SSH 的安全文件传输,是现在的主流。
- FTPES/FTPS：默认端口 990 或 21，这也是加密的 FTP。
- 本地网站根目录：你电脑上存放网站所有文件（如
index.html,images,css,js文件夹）的文件夹路径。
第二部分：连接到服务器
-
打开 FlashFXP：启动 FlashFXP 软件。
-
打开站点管理器：
- 点击顶部菜单栏的 “站点” (Sites)。
- 选择 “站点管理器” (Site Manager)。
- 或者直接使用快捷键
F4。
-
创建新站点：
- 在弹出的窗口中，点击 “新建” (New) 按钮。
- 在右侧的输入框中，给你的站点起一个容易识别的名字，我的个人网站”或你的域名
yourdomain.com。
-
填写连接信息：
（图片来源网络，侵删）- 可以保持默认,或修改为更具描述性的名称。
- 主机：填入你从服务商那里获取的主机名 (如
ftp.yourdomain.com)。 - 端口：根据你的连接方式填写。
- SFTP (推荐)：填入
22。 - FTPES/FTPS：填入
990或21。 - FTP (不推荐)：填入
21。
- SFTP (推荐)：填入
- 用户名：填入你的 FTP 用户名。
- 密码：填入你的 FTP 密码。
- 本地路径：点击旁边的文件夹图标，选择你电脑上存放网站文件的本地根目录，这一步非常重要，可以让你直接在本地和远程之间同步,避免找错文件夹。
-
连接：
- 确保信息无误后，点击 “连接” (Connect) 按钮。
- 如果是第一次连接或使用 SFTP，FlashFXP 可能会显示一个安全警告，询问你是否信任主机的“指纹”，如果确认主机地址正确，请点击 “接受” (Accept) 或 “是” (Yes)。
连接成功后，你会看到 FlashFXP 的主界面被分为左右两个窗口：
- 左侧：你的 本地文件系统 (Local Site),显示你电脑上的文件。
- 右侧：远程文件系统 (Remote Site),显示你的服务器上的文件。
第三部分：上传网站文件
这是核心步骤,上传文件有两种主要方式：
拖拽上传 (最简单)
这是最直观的方法。
（图片来源网络，侵删）
- 在左侧的本地文件窗口中,找到你想要上传的文件或整个文件夹。
- 用鼠标选中它们，直接 拖拽 到右侧的远程文件窗口中。
- FlashFXP 会自动开始传输,你可以底部的状态栏查看上传进度。
使用传输队列 (更可靠)
对于大量文件或需要精确控制上传顺序时,这个方法更好。
- 在左侧的本地文件窗口中,右键点击你想要上传的文件或文件夹。
- 在弹出的菜单中选择 “传输队列” (Transfer Queue) 或 “加入队列” (Add to Queue)。
- 你会看到文件被添加到了底部的传输队列列表中。
- 检查队列中的文件列表是否正确。
- 点击工具栏上的 “传输” (Transfer) 按钮或按
F5开始上传。
第四部分：关键注意事项与最佳实践
仅仅把文件上传上去是不够的,遵循以下最佳实践可以避免很多问题。
清理缓存文件
你的本地开发文件夹中可能包含一些不需要上传的文件，
.DS_Store(macOS 系统文件)Thumbs.db(Windows 缩略图缓存)node_modules(Node.js 依赖).git文件夹
解决方法：
- 手动排除：上传前仔细检查,不要选中这些文件。
- 使用文件过滤器：FlashFXP 支持设置文件过滤器，可以自动跳过特定类型的文件，在“站点管理器”中选中你的站点，点击“编辑”，找到“使用文件过滤器”选项并进行配置。
设置正确的上传权限
服务器上的文件和文件夹需要具有正确的读写执行权限,才能被网站程序正常访问。
- 网站文件 (如
.html,.css,.jpg等)：通常权限设置为644。 - 文件夹/目录：通常权限设置为
755。 - 需要写入权限的文件/文件夹 (如上传图片的目录、缓存目录等)：权限可能需要设置为
755或775，甚至777(不推荐，有安全风险)。
解决方法：
- 在右侧的远程文件窗口中,右键点击一个文件或文件夹。
- 选择 “属性/CHMOD” (Properties/CHMOD)。
- 在弹出的窗口中,你可以通过勾选或直接输入数字来设置权限。
- 设置好后点击“确定”。
覆盖文件与同步
当你更新网站时,需要上传新版本的文件。
- 直接覆盖：如果直接拖拽同名文件过去，FlashFXP 会询问你是否覆盖，通常选择“是”即可。
- 使用同步功能：FlashFXP 有一个非常强大的 “同步” (Synchronize) 功能，可以确保本地和远程的文件完全一致。
- 点击菜单栏 “工具” (Tools) -> “同步” (Synchronize)。
- 你可以设置“本地到远程”或“远程到本地”的同步。
- 它会智能地比较文件，只上传有差异或本地有而远程没有的文件,非常高效。
检查文件名和大小
上传完成后，最好在远程窗口中检查一下文件是否完整上传，文件名是否正确（注意区分大小写，服务器系统可能是区分大小写的）。
使用 SFTP (强烈推荐)
始终优先选择 SFTP 连接方式，它通过 SSH 加密所有传输数据，包括你的用户名和密码,能有效防止在传输过程中被窃听。
第五部分：常见问题排查
-
连接失败，提示“无法打开数据连接”或“530 Login incorrect”：
- 用户名或密码错误：请仔细核对。
- 防火墙问题：检查你电脑或服务器的防火墙是否阻止了 FlashFXP 的通信，FlashFXP 默认使用被动模式,有时需要配置防火墙允许被动模式的端口范围。
- 主机地址或端口错误：再次确认服务商提供的信息。
-
上传后网站无法访问：
- 文件上传路径错误：确认你把文件上传到了正确的 Web 根目录，常见的 Web 根目录名称有
public_html,wwwroot,httpdocs等，如果你不确定,请联系你的服务商。 - 首页文件名错误：网站默认访问的首页文件名通常是
index.html,index.htm,index.php等,请确保你的首页文件名正确。 - 文件权限错误：参考上文“设置正确的上传权限”部分进行检查。
- 文件上传路径错误：确认你把文件上传到了正确的 Web 根目录，常见的 Web 根目录名称有
-
网站样式或图片显示不正常：
- 路径问题：检查代码中的 CSS、JavaScript 和图片路径是否是相对于根目录的（如
/css/style.css）或相对于当前文件的。 - 文件未上传：确认所有相关文件（CSS、JS、图片）都已成功上传到服务器上对应的目录。
- 路径问题：检查代码中的 CSS、JavaScript 和图片路径是否是相对于根目录的（如
通过以上步骤，你就可以熟练地使用 FlashFXP 来发布和管理你的网站了,祝你顺利！
