不少人用手机上的代码编辑器写好了html5页面，测试的时候本地打开一切正常，但到了要发布这一步就卡住了：没有电脑，怎么把代码传到服务器？其实手机端发布html5并没有想象中复杂，只要选对工具，一部手机就能完成从上传到上线的全部流程。下面介绍几种常用的发布方式，大家可以根据自己的情况选择。
方式一：用FTP工具直接上传到自己的服务器
如果你有自己的云服务器或者虚拟主机，最直接的方式就是通过FTP把文件传上去。手机上可以安装一些支持FTP的文件管理器，比如安卓端的ES文件管理器，或者专门的管理工具如Termux配合命令行使用。以最常见的用法为例，先在工具里新建一个FTP连接，填入服务器地址、用户名和密码，端口默认是21，连接成功后就能看到服务器上的目录结构。
连上之后，进入服务器上网站根目录。不同的服务器环境根目录位置不一样，比如Linux服务器上常见的路径是/var/www/html，宝塔面板默认的路径一般是/www/wwwroot/你的域名。把手机上的html文件、css、js以及图片等资源全部上传到这个目录，注意要保证目录层级和本地一致，否则页面会出现资源加载失败的问题。
上传完成后，直接在浏览器输入服务器IP或者绑定的域名就能访问了。如果页面打不开，优先检查这几处：文件名是不是index.html（服务器默认找这个文件）、文件权限是否可读、防火墙的80端口有没有开放。下面是一个用Termux通过命令行上传的示例：
# 在Termux中安装并使用scp上传（需要ssh账号） pkg install openssh scp -r ./mysite/ root@192.168.0.1:/var/www/html/
方式二：使用GitHub Pages免费托管
没有服务器也不想花钱，GitHub Pages是首选方案。它完全免费，而且自带https，非常适合发布纯静态的html5页面。在手机上操作的话，先在浏览器注册GitHub账号，然后新建一个仓库。这里有个关键点：如果想让页面直接通过用户名.github.io访问，仓库名必须严格写成这个格式；如果只是普通仓库，则可以通过用户名.github.io/仓库名的形式访问。
仓库建好后，把html文件上传进去。手机端可以直接用网页版操作：点击Add file按钮，选择Create new file可以把代码粘贴进去，或者选择Upload files上传手机里的文件。上传完记得提交。然后进入仓库的Settings，找到Pages选项，在Source里选择main分支，保存后等一两分钟，页面就生效了。
需要注意的一点是，GitHub Pages要求入口文件必须叫index.html，放在仓库根目录下。如果你的文件名是别的，比如home.html，访问时就要在地址后面手动加上这个文件名。另外国内访问GitHub有时候速度不稳定，如果追求访问体验，可以考虑把仓库推送到国内可用的镜像加速服务，或者换用下面说的其他托管平台。
方式三：Netlify等托管平台拖拽部署
Netlify是另一个非常方便的静态托管平台，它最大的优势是支持直接拖拽上传，不需要会Git命令。手机上操作时，用浏览器打开Netlify官网，注册登录后进入控制台，找到Sites列表里的拖拽上传区域，点击选择文件，把打包好的站点文件夹里的内容全部选中上传即可。
上传完成后Netlify会自动分配一个随机的二级域名，形如random-name.netlify.app，马上就能访问。如果自己有域名，还可以在Domain settings里绑定自定义域名，按照提示去域名服务商那里添加一条CNAME解析记录就行。除了Netlify，类似的平台还有Vercel、Cloudflare Pages，操作思路都差不多，都提供免费额度，对于个人html5项目完全够用。
这几个平台还有一个好处：后续更新代码只要重新上传一次，几秒钟内就会全网生效，不存在服务器缓存的问题。如果你的html5项目以后会经常改动，建议优先用这类平台，比手动FTP省事很多。
发布后常见问题排查
代码上传成功不代表万事大吉，实际发布中经常会碰到页面空白、样式丢失、图片不显示等问题。最常见的原因是路径写错了。本地预览时用的是绝对路径（以斜杠开头），发布后目录层级变了就会找不到文件。建议在html里统一使用相对路径引用资源，例如：
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我的页面</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <img src="images/banner.png" alt="横幅"> <script src="js/main.js"></script> </body> </html>
第二个常见问题是大小写。Windows和手机本地文件系统对大小写不敏感，但Linux服务器严格区分。本地测试时Style.CSS和style.css都能引用成功，传到服务器后如果文件名大小写和代码里写的不一致，就会404。发布前最好统一把文件名和引用都改成全小写。
第三个问题是缓存。改了代码但页面没变化，多半是浏览器缓存或者CDN缓存在作怪。可以在手机浏览器里强制刷新，或者在文件引用后面加一个版本参数（比如style.css?v=2）强制更新。如果是托管平台的构建缓存，一般重新部署一次就能解决。掌握这些排查思路，手机端发布html5基本就不会遇到解决不了的问题了。