如何在不同操作系统下使用命令行发布HTML5网页?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1050个文字,预计阅读时间需要5分钟。
HTML5 网页本身不需要编译或构建,发布就是将文件放置在可被 HTTP 访问的地方;所谓命令行发布,实际上是你本地使用工具(如 scp、rsync、ftp 或 CI 脚本)将文件传输到服务器,不同系统只是命令语法和默认工具略有差异,并非 HTML5 本身的限制。
Linux/macOS 下用 rsync 推送最稳
这是生产环境最常用的方式:增量同步、断点续传、支持排除临时文件。
-
rsync -avz --delete ./dist/ user@host:/var/www/html/:推送./dist/目录全部内容到远程 Nginx/Apache 根目录 - 注意
--delete会删掉目标端多余文件,上线前先试加--dry-run - macOS 默认没装
rsync(旧版 macOS 有,新版可能需brew install rsync) - 路径末尾的
/很关键:./dist/表示同步内容,./dist(无斜杠)会把整个dist目录复制进去
Windows 下用 scp 或 pscp 更直接
PowerShell 默认不带 scp,但 Win10 1809+ 已内置 OpenSSH 客户端,启用后可用原生命令。
本文共计1050个文字,预计阅读时间需要5分钟。
HTML5 网页本身不需要编译或构建,发布就是将文件放置在可被 HTTP 访问的地方;所谓命令行发布,实际上是你本地使用工具(如 scp、rsync、ftp 或 CI 脚本)将文件传输到服务器,不同系统只是命令语法和默认工具略有差异,并非 HTML5 本身的限制。
Linux/macOS 下用 rsync 推送最稳
这是生产环境最常用的方式:增量同步、断点续传、支持排除临时文件。
-
rsync -avz --delete ./dist/ user@host:/var/www/html/:推送./dist/目录全部内容到远程 Nginx/Apache 根目录 - 注意
--delete会删掉目标端多余文件,上线前先试加--dry-run - macOS 默认没装
rsync(旧版 macOS 有,新版可能需brew install rsync) - 路径末尾的
/很关键:./dist/表示同步内容,./dist(无斜杠)会把整个dist目录复制进去
Windows 下用 scp 或 pscp 更直接
PowerShell 默认不带 scp,但 Win10 1809+ 已内置 OpenSSH 客户端,启用后可用原生命令。

