html本身不能使用ftp,需借助filezilla等工具上传;连接时协议选ftp/ftps(端口21),勿用sftp(端口22);主机填ftp.yoursite.com,路径设/public_html或/var/www/html,文件权限644、目录755,上传后验证路径、权限及https混合内容。

HTML 本身不能“使用 FTP”——FTP 是传输协议,不是 HTML 的语法或功能。想把本地写的 index.html 放到网上可访问,得靠外部工具(如 FileZilla、scp)或平台(如 cPanel)完成上传动作。
FileZilla 连接时协议和端口选错就根本连不上
很多用户卡在第一步:填了域名或 ftp:// 前缀、选错协议、端口硬写 22 却没开 SSH。结果是“连接被拒绝”或“530 Login authentication failed”。
- 共享主机(如 Bluehost、HostGator)几乎都用 FTP 协议 + 端口 21,加密方式选“明文 FTP”或“要求显式 FTP over TLS”(即 FTPS),别选 SFTP —— 那是 SSH 协议,需要服务器额外开启
sshd - 主机地址只填
ftp.yoursite.com或 IP,**不要加ftp://或http://** - 用户名密码来自主机商邮件或 cPanel 的 “FTP Accounts” 页面,不是你登录 cPanel 的账号
- 如果初始远程路径支持填写,直接输
/public_html(cPanel)或/var/www/html(VPS),避免连上后手动找目录
上传后打不开 index.html,90% 是路径或权限问题
浏览器访问 http://yourdomain.com 显示 404 或 403,不是代码错了,而是服务器压根没“看到”这个文件。
-
index.html必须放在 Web 服务实际监听的根目录下,比如 Nginx 配置里root /srv/www;,那你就要传到/srv/www/,而不是凭经验传去/var/www/html/ - Linux 区分大小写:
Index.html、INDEX.HTM、index.HTML都不会被识别为默认首页 - 右键远程文件 → “文件权限” → 勾选“数字值”,填
644;文件夹(如css/)设为755;否则 Apache/Nginx 因无读取权限返回 403 - 上传完立刻在隐身窗口访问
https://yourdomain.com/index.html—— 若能打开但https://yourdomain.com/打不开,说明服务器未启用默认文档(Nginx 检查index指令是否含index.html)
ASCII 还是二进制模式?HTML 文件必须用 ASCII
FileZilla 默认“自动”通常够用,但一旦页面空白或中文乱码,大概率是换行符被当二进制处理了。HTML/CSS/JS 是纯文本,不是图片或 ZIP,不该强制二进制。
- 上传前执行
ascii(命令行 ftp)或确保 FileZilla 设置里没勾选“强制使用二进制模式” - 如果本地用 VS Code 编辑,右下角确认编码是
UTF-8(无 BOM);带 BOM 的文件可能被某些服务器解析失败 - 图片、字体、PDF 等才需要二进制模式;混传时 FileZilla 会按扩展名自动判断,不用手动切
- 真正容易被忽略的是混合内容:页面里有
http://图片而你的站开了 HTTPS,浏览器直接屏蔽,控制台报Mixed Content错误
scp/rsync 比拖拽更可控,尤其改小文件时
用 FileZilla 拖拽适合首次部署,但后续只改一个 style.css,再全量拖一次反而容易漏、覆盖错。命令行工具更适合精准同步。
-
scp适合单次小文件:scp index.html user@server:/var/www/html/,注意目标路径末尾斜杠表示“放进该目录”,不加则变成重命名 -
rsync更安全:rsync -avz --delete ./ user@server:/var/www/html/,加--dry-run可预览变动,--delete能清理远程多余文件 - 传完立刻检查权限:
ssh user@server 'ls -l /var/www/html/index.html',确认显示-rw-r--r--(即 644) - 别用
root用户传文件——后续改权限麻烦,且易误删系统文件;用普通用户传,再sudo chown www-data:www-data /var/www/html/
真正卡住人的从来不是“怎么点上传按钮”,而是不知道服务器到底把根目录设在哪、Web 服务用什么用户运行、以及浏览器缓存和混合内容这种看不见的干扰项。每次上传后,多走一步验证:看路径、查权限、开隐身页、翻控制台。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











