介绍
hapi-site-gen 是一个基于 hapi.js 和 Handlebars 的静态网站生成器。你可以使用它创建简单的静态网站，如个人博客、作品展示等。
安装
使用 npm 安装：
npm install -g hapi-site-gen
开始使用
初始化
在你想要创建网站的目录下，运行：
hsg init
该命令会创建网站的文件结构，还会提示你输入网站的标题和作者等信息。
新建页面
在 src/pages 目录下新建 .hbs 文件。
例如：
// src/pages/index.hbs <h1>Welcome to my website!</h1>
配置
在 config.js 文件中，你可以配置生成的网站的信息，如网站标题、描述、作者、主题等。
例如：
module.exports = {
title: 'My website',
description: 'A website created by hapi-site-gen',
author: 'John Doe',
theme: 'default'
};生成网站
运行下面的命令：
hsg build
然后，你就可以看到生成的网站内容在 public 目录下。
运行网站
你可以使用任何一个静态文件服务器运行网站。例如：
npx http-server public
然后，在浏览器中访问 http://localhost:8080/ 查看生成的网站。
示例代码
下面是一个简单的示例：
-- -------------------- ---- -------
-- -------------------
------
------
------------------------
-------
------
------------------
------- -------
-----
------------------
------------------
------
---------
-------
-------
-- ---------
-------------- - -
------ --- ---------
------------ -- ------- ------- -- ---------------
------- ----- -----
------ ---------
--
-- -------------------
-
-------- -
-
-------- ----- ---
---------- ------- -------
--
-
-------- ----- ---
---------- -------------- -- ---------
-
-
-生成的网站样式如下：
-- -------------------- ---- -------
--------- -----
------
------
--------- ---------------
-------
------
------ ------------
-----
-------- ------
--------- ----------
------
-----
-------- ------
---------------- -- ------------
------
-------
-------总结
hapi-site-gen 是一个简单易用的静态网站生成器，它使用 hapi.js 和 Handlebars，可用于创建个人博客、作品展示等静态网站。在使用过程中，你需要先初始化网站文件结构，然后新建页面，配置网站信息，最后生成并运行网站。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600559e981e8991b448d7920