什么是 @11ty/eleventy
@11ty/eleventy 是一款流行的静态网站生成器，它可以使用各种模板语言如 Nunjucks、Liquid、Handlebars 等构建出美观而强大的静态网站。这款工具简便易用，而且拥有完整的文档和社区支持。
安装和使用
@11ty/eleventy 可以使用 npm 进行安装，只需要在终端中运行以下命令即可：
npm install --save-dev @11ty/eleventy
一旦安装完成，你就可以使用 Eleventy 命令行工具进行使用，例如：
eleventy
此命令将会生成你的项目中的所有模板文件，并将输出到指定的输出文件夹中。
配置文件
在项目根目录下，你可以通过创建 .eleventy.js 配置文件，来对 @11ty/eleventy 进行多样化配置。以下是一个典型的 .eleventy.js 示例文件：
-- -------------------- ---- -------
-------------- - ------------------------ -
----------------------------------------- ------
--------------------------------------------
-----------------------------------------
------ -
---- -
------ ------
------- -------
--------- -----------
-------- ---------
--
-------------------- ----
--
--示例代码
以下是一个使用 @11ty/eleventy 的例子，它使用 Nunjucks 模板语言，包含基本的布局、遍历和条件语句等：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
--------- ----- ----------
----- --------------- ---------------------------------------------
-------
------
--------
-----
----
-- --- ---- -- -------- --
-- -- --------- -- ---------- --
------ -------- --------- --- ----------------- ---------- -----------
-- ---- --
------ -------- --------- ------ ---------- -----------
-- ----- --
-- ------ --
-----
------
---------
------
-- ------- --
-------
--------
------ -- ---- -- - -- ------ --
---------
-------
-------结论
@11ty/eleventy 是一个功能强大而易于使用的静态网站生成器。它支持多种模板语言，且配置简便，文档完整，社区活跃。如果你正在考虑使用静态网站生成器来构建网站，那么 Eleventy 绝对是其中的一款值得你考虑的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/165085