Harp 是一款基于 Node.js 的静态网站生成器，能够快速搭建静态网站并提供实时预览服务。在前端开发中，Harp 可以用来搭建静态页面、博客、文档站等。
本文将详细介绍如何使用 npm 包 Harp 搭建静态网站，包括安装、初始化、编译、部署等步骤，帮助读者快速上手并应用到实际开发中。
安装 Harp
在使用 Harp 之前，需要先安装 Node.js 和 npm。在 Terminal 或者控制台中输入以下命令进行安装：
$ curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - $ sudo apt-get install -y nodejs
Node.js 和 npm 安装完成后，可以使用 npm 命令来安装 Harp。在 Terminal 或控制台中输入以下命令进行安装：
$ sudo npm install -g harp
初始化 Harp 项目
Harp 支持多种模板，读者可以选择适合自己的模板进行初始化。以使用 EJS 模板为例，可以在 Terminal 或控制台中输入以下命令进行初始化：
$ harp init myproject --boilerplate ejs
其中，myproject 为项目的名称，可以根据自己的需求进行修改。
随后，Harp 会在当前目录下创建一个 myproject 目录，并生成项目文件。在 myproject 目录下运行以下命令：
$ harp server可以开启实时预览服务，预览生成的静态网站。在浏览器中输入 http://localhost:9000 呈现出来的是如下的页面：
编译 Harp 项目
在开发完成后，需要将 Harp 项目编译成静态网站进行部署。在 myproject 目录下运行以下命令：
$ harp compile该命令会在 myproject 目录下生成一个 www 目录，包含了编译后网站的所有文件。我们可以将 www 目录中的文件上传到服务器上进行部署。
部署 Harp 项目
与其他静态网站一样，我们可以使用 Amazon S3、GitHub Pages 等服务进行部署。这里以 GitHub Pages 为例进行部署。
首先需要在项目中新建一个 gh-pages 分支：
$ git checkout -b gh-pages
然后将编译好的 www 目录中的内容拷贝到项目中：
$ cp -R www/* .
最后提交代码并推送到 gh-pages 分支上：
$ git add -A $ git commit -m "Deploying to gh-pages" $ git push origin gh-pages
这样，我们的 Harp 项目就部署完成了。您可以在 GitHub Pages 中输入项目的网址来预览已经部署的静态网站。
小结
本文介绍了如何使用 npm 包 Harp 搭建静态网站，包括安装、初始化、编译、部署等步骤。使用 Harp 可以让静态网站开发更加高效和快捷，也方便了我们对静态网站进行管理和部署。希望能够对读者有所帮助，更多详情请参考 官方文档。
示例代码
-- -------------------- ---- ------- --------- ----- ------ ------ ----------- --- ---------------- ------- ------ -------- ----- -- ----------------- -- --------------------- -- ----------------------- ------ --------- ------ --- ----- -- ------- -------- ------ ---- --- ------ -------- --------- ------- -------展开代码
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/75550
