免费空间怎么上传网页文件?文件管理器与FileZilla FTP教程

开通空间、装好程序之外,你也可以直接把自己写好的网页传上去。这篇给两条路:不想装软件用「文件管理器」,传批量文件用「FileZilla FTP」。

先搞懂一个关键目录:htdocs

网站文件不是随便放的,必须放进 htdocs 目录里,浏览器访问域名时才会读取。首页文件名固定为 index.html(或 index.php),放错位置或名字不对,打开就会 404。

方法一:网页版文件管理器(免装软件,推荐新手)

  1. 登录用户面板,点进你的主机,点「文件管理器」按钮,免密直接进入;
  2. 双击打开 htdocs 目录;
  3. 点「上传」,选择本地的 index.html 和图片、css 等文件传上去;
  4. 如果文件在子文件夹里,保持相对路径一致(图片放在同级 images 文件夹);
  5. 浏览器访问你的子域名,即可看到页面。

【此处配截图:文件管理器进入 htdocs 后的上传界面】

适合:单个网页、少量文件、临时修改。

方法二:FileZilla FTP(适合批量、大文件)

第 1 步:拿连接信息

在用户面板进入主机,打开「FTP 信息」页,能看到四项(都可一键复制):

项目填写
FTP 主机ftpupload.net
端口21
用户名面板给的 FTP 账号(vp 用户名)
密码主机密码(不是你登录本站的密码,面板可查看复制)
加密方式仅明文,不要选 FTPS / TLS
传输模式被动模式(Passive)

第 2 步:连接并上传

  1. 免费下载安装 FileZilla(官网 filezilla.cn,全平台);
  2. 顶部快速连接栏填上面的主机、用户名、密码、端口 21,点「快速连接」;
  3. 右侧远程区进入 htdocs;左侧本地区选中你的网页文件,右键「上传」拖进去;
  4. 传完访问域名检查效果。

【此处配截图:FileZilla 连接信息栏 + 左右两区拖文件到 htdocs】

上传后检查清单

  • 首页文件名叫 index.html 且在 htdocs 根下;
  • 图片、样式表路径相对正确,能正常显示;
  • 刷新看到新内容(Ctrl+F5 清缓存);
  • 改了文件却没变?多半是浏览器缓存,强制刷新或换无痕窗口看。

常见问题

FTP 连不上 / 一直返回失败?
确认加密选「仅明文」、模式选被动、端口 21、密码用的是主机密码而非本站登录密码。

打开显示 404 或目录列表?
文件没放进 htdocs,或首页不叫 index.html/index.php。

图片样式丢失?
相对路径写错,或图片没一起上传;保持本地文件夹结构原样上传最稳妥。

只想装博客不想手写网页?
看一键安装 WordPress 教程,不用自己传文件。

小结

少量文件用网页版文件管理器直接传 htdocs;批量用 FileZilla 连 ftpupload.net:21、被动明文、传进 htdocs,首页命名 index.html 即可上线。还没开通空间的,先免费注册。

发表评论