npm 包 @blank-string/static.blankstring.surge.sh 使用教程

阅读时长 3 分钟读完

介绍

@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

纠错
反馈