介绍
hapi-site-gen 是一个基于 hapi.js 和 Handlebars 的静态网站生成器。你可以使用它创建简单的静态网站，如个人博客、作品展示等。
安装
使用 npm 安装：
--- ------- -- -------------
开始使用
初始化
在你想要创建网站的目录下，运行：
--- ----
该命令会创建网站的文件结构，还会提示你输入网站的标题和作者等信息。
新建页面
在 src/pages 目录下新建 .hbs 文件。
例如：
-- ------------------- ----------- -- -- -------------
配置
在 config.js 文件中，你可以配置生成的网站的信息，如网站标题、描述、作者、主题等。
例如：
-------------- - - ------ --- --------- ------------ -- ------- ------- -- --------------- ------- ----- ----- ------ --------- --
生成网站
运行下面的命令：
--- -----
然后，你就可以看到生成的网站内容在 public 目录下。
运行网站
你可以使用任何一个静态文件服务器运行网站。例如：
--- ----------- ------
然后，在浏览器中访问 http://localhost:8080/ 查看生成的网站。
示例代码
下面是一个简单的示例：
-- -------------------
------
------
------------------------
-------
------
------------------
------- -------
-----
------------------
------------------
------
---------
-------
-------
-- ---------
-------------- - -
------ --- ---------
------------ -- ------- ------- -- ---------------
------- ----- -----
------ ---------
--
-- -------------------
-
-------- -
-
-------- ----- ---
---------- ------- -------
--
-
-------- ----- ---
---------- -------------- -- ---------
-
-
-生成的网站样式如下：
--------- -----
------
------
--------- ---------------
-------
------
------ ------------
-----
-------- ------
--------- ----------
------
-----
-------- ------
---------------- -- ------------
------
-------
-------总结
hapi-site-gen 是一个简单易用的静态网站生成器，它使用 hapi.js 和 Handlebars，可用于创建个人博客、作品展示等静态网站。在使用过程中，你需要先初始化网站文件结构，然后新建页面，配置网站信息，最后生成并运行网站。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600559e981e8991b448d7920