介绍
@blank-string/static.blankstring.surge.sh 是一款基于 npm 包管理工具的前端工具，可以帮助你快速搭建一个静态网站并且部署到 Surge.sh 上，它具有以下特点：
- 可以快速地搭建一个静态网站；
- 部署到 Surge.sh 上，使用方便，可定制性高；
- 安装和使用都很简单。
这篇文章将介绍该 npm 包的安装、使用方法和常用配置选项，并附带一个示例代码供你参考。
什么是 Surge.sh？
Surge 是一款免费的静态 Web 站点托管服务，你只需要使用命令行工具在自己的本地机器上部署文件即可。Surge 拥有全球广泛的服务器分布，并可供高达 1 TB 的每月流量。因此，Surge 是一个推荐使用的服务，用于托管前端项目。
安装
使用 npm 包管理工具，可以轻松地安装 @blank-string/static.blankstring.surge.sh。仅需在终端或命令行中运行以下命令即可：
--- ------- -- -----------------------------------------
使用方法
安装成功后，你可以使用以下命令在本地机器上生成一个静态网站：
------
在终端或命令行中运行 static 命令即可。该命令将自动读取当前目录下的文件，并使用默认端口将其作为静态网站进行展示。你可以通过打开 http://localhost 地址在本地访问该网站。
部署到 Surge.sh
使用 @blank-string/static.blankstring.surge.sh，你可以轻松地将自己的静态网站部署到 Surge.sh 上。在终端或命令行中，你可以运行以下命令进行部署：
----- ------ --------
其中，[path] 是你希望部署的文件路径，[domain] 是你配置的自定义域名（如果没有配置，则是 *.surge.sh ）。例如：
----- -------- ------------
上述命令将在 ./public 目录下创建一个静态网站，并将其部署到 mydomain.com 。
配置选项
@blank-string/static.blankstring.surge.sh 具有以下常用配置选项，可以根据自己的需要进行配置：
--port [port]：指定部署的端口，默认为 1337；--no-lint：禁用 lint；--index [filename]：指定索引文件（默认为index.html）；--project [name]：指定 Surge 项目名称；--no-clipboard：禁用剪贴板；--log [level]：指定日志输出级别。
示例代码
下面是一个基本的使用例子：
----- -------------- -- -- -------------- ---- ------- ------ ---------- -- ---------- ------ ----- - -----------------------
这个例子将在当前目录下创建名为 my-static-site 的文件夹，并将 index.html 文件添加到其中。然后，它将使用 static 命令将当前目录下的所有文件作为静态网站进行展示。最后，使用 surge 命令将该网站部署到 Surge.sh 上，网站的域名为 my-static-site.surge.sh。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60057ae581e8991b448eb6c3