介绍
Flexi-site-gen 是一个基于 Node.js 的静态网站生成器，它可以帮助开发者快速创建静态站点，支持多种语言和模板引擎，还提供了丰富的插件。
安装
要使用 flexi-site-gen，您需要先安装 Node.js 和 npm。在命令行中输入以下命令进行安装：
npm install -g flexi-site-gen
这将在全局安装 flexi-site-gen。
使用
创建站点
要创建一个新的站点，请在命令行中运行以下命令：
flexi-site-gen create my-site
其中 my-site 是您想要创建的站点名称。这将在当前目录下创建一个名为 my-site 的新目录，其中包含生成站点所需的所有文件和目录。
添加页面
要添加一个新页面，请进入站点目录，并在命令行中运行以下命令：
flexi-site-gen addpage about
其中 about 是您要添加的页面的名称。这将在站点目录的 pages 目录中创建一个名为 about.md 的新文件，并自动将其添加到站点的导航菜单中。
运行站点
要在本地运行站点，请进入站点目录，并在命令行中运行以下命令：
flexi-site-gen serve
这将在本地启动一个 Web 服务器，并使用默认浏览器打开站点。您可以在浏览器中查看站点，并在编辑器中编辑站点文件。每次编辑保存后，服务器都会自动重新加载页面。
构建站点
要构建您的站点，请进入站点目录，并在命令行中运行以下命令：
flexi-site-gen build
这将在站点目录的 dist 目录中生成所有生成的 HTML、CSS 和 JavaScript 文件。这些文件可以上传到 Web 服务器以公开站点。
高级使用
Flexi-site-gen 提供了许多自定义选项和插件，以便您可以更灵活地构建站点。
自定义站点配置
站点配置文件是 JSON 文件，位于您的站点目录中的 config 目录中。您可以编辑此文件以自定义站点的各个方面，例如站点的语言、作者信息和 Google Analytics ID。
使用模板引擎
在创建站点时，默认情况下使用的是 Markdown 格式的页面，但您可以使用其他支持的模板引擎（如 EJS、Handlebars 或 Jade）来生成页面。
要使用模板引擎，请安装适当的插件。例如，要使用 EJS，请在命令行中运行以下命令：
npm install --save flexi-site-gen-ejs
然后，您可以在页面上使用 EJS 模板。例如，以下是一个将名称变量插入 HTML 代码中的 EJS 模板：
<h1><%= title %></h1>
使用插件
Flexi-site-gen 提供了许多插件，以便您可以更轻松地处理常见任务（如添加 Markdown 渲染或 Google Analytics 追踪代码）。
要使用插件，请首先安装它。例如，要使用 Markdown 渲染，请运行以下命令：
npm install --save flexi-site-gen-markdown
然后，您可以在配置文件中将插件名称添加到 plugins 数组中。以下是一个配置文件示例，其中启用了 Markdown 插件：
-- -------------------- ---- ------- - ------- - -------- --- ------ -------------- -- ------ ------- ------ --------- - ------- ----- ----- -------- ---------------------- ---------- ---------- -- ----------- ----- -------------------- ------------ -- ---------- ------------ -展开代码
示例代码
以下是一个使用 EJS 和 Markdown 插件创建的页面示例：
-- -------------------- ---- ------- --- ------ ----- --- - --- ----- -- ---- -- - ------ ----- ----- -- ------- - ----- ---- --- - ------ ------------------- - -------- --------展开代码
该页面使用 EJS 模板引擎渲染站点标题，并使用 Markdown 插件将 Markdown 文本转换为 HTML。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67661
