在前端开发中，我们经常需要创建静态网站或者博客，以展示我们的作品或者分享文章。而 kerouac 是一个优秀的 Node.js 静态网站生成器，它可以帮助我们高效地创建静态网站。那么今天我们就来学习一下如何使用 kerouac。
安装
首先需要安装 Node.js 和 npm，kerouac 是一个 npm 包，可以通过传统的 npm 安装方式进行安装，如下所示：
npm install kerouac --save
创建项目
安装好 kerouac 后，我们需要创建一个项目。首先在命令行界面运行以下命令，创建一个项目目录，并进入该目录：
mkdir my-kerouac-site cd my-kerouac-site
然后我们需要创建一个 package.json 文件，其中包含我们的项目信息和依赖项，可以通过以下命令手动创建：
npm init
命令行会提示一些项目信息，可以根据需求填写。填写完成后，我们需要将 kerouac 作为依赖项添加到 package.json 文件中：
npm install kerouac --save
编写路由
在 kerouac 中，我们需要通过路由来管理网站内容。路由是一个 JavaScript 对象，其中包含一些路由规则，如页面 URL 和对应的渲染函数。我们可以通过创建路由模块，将路由规则定义在里面。假如我们要创建两个页面，一个是主页，另一个是关于页面，那么我们需要创建一个名为 router.js 的文件，并填写以下代码：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ------ - ---------- --------------- --------------------------- -------------------- --------------------------- -------------- - -------
其中，router.get 方法可以用来指定 URL 规则和对应的渲染函数。require 函数参数中的 ./routes/index 和 ./routes/about 表示我们需要创建两个路由模块，一个路由模块对应一个页面的渲染。
创建路由模块
我们可以在路由模块中编写一些渲染代码，它将用于渲染页面。以下代码展示了如何创建一个简单的主页路由模块：
module.exports = function (site) {
return function (req, res, next) {
res.render('index');
};
};其中，res.render 方法可以用来呈现页面内容。我们已经假设将使用 ejs 模板引擎来呈现主页的 HTML。如果您不熟悉 ejs 模板引擎，请先阅读如何使用 ejs 模板引擎。
创建视图
视图是呈现页面内容的 HTML 文件，我们可以将它们与路由模块挂钩。在上面的代码示例中，我们假设视图的名称为 index.ejs。您可以按照 ejs 编写的代码编写代码，以呈现您的页面的内容。
-- -------------------- ---- -------
--------- -----
------
------
------------ --------------
-------
------
--------- -----------
---------- -- -- ------- ---------
-------
-------启动应用程序
我们现在已经设置好了必要的路由和视图，可以启动应用程序并访问它。您可以使用以下命令来启动我们的 kerouac 应用程序：
node app.js
其中 app.js 是我们的主文件，可以用于启动应用程序。在浏览器中，访问 http://localhost:3000 和 http://localhost:3000/about 会分别呈现主页和关于页面。
总结
本文中，我们学习了如何使用 kerouac 创建静态网站。我们创建了一个神奇的路由、编写了视图并启动了应用程序来查看它。kerouac 非常易于使用，即使没有任何经验，任何人都可以轻松创建静态网站。如果您是一名前端开发人员，并正在寻找一个有效的静态网站生成器，请考虑使用 kerouac ！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066efd4c49986ca68d8a42