用Eleventy搭建一个静态网站

静态网站生成器是基于原始数据和一组模板生成完整静态HTML网站的工具。它自动编码单个HTML页面的任务，并使这些页面准备好为用户提供服务。由于HTML页面是预建的，所以它们在用户的浏览器中加载非常快。

静态站点对文档也特别有效，因为静态站点易于扩展，并且它们是生成、维护和部署项目文档的简单方法。出于这些原因，组织通常使用它们来记录应用程序编程接口（API）、数据库模式和其他信息。文档是软件开发、设计和技术其他方面的重要组成部分。所有代码库都需要某种形式的文档，其选项从简单的README到完整的文档不等。

静态站点生成器

11ty（11ty）是一个简单的静态站点生成器，也是Jekyll和Hugo的替代品。它用JavaScript编写，并将模板目录（不同类型的）转换为HTML。它也是开源的，以麻省理工学院许可证发布。

Eleventy适用于HTML、Markdown、Liquid、Nunjucks、Handlebars、Mustache、EJS、Haml、Pug和JavaScript模板文字。

其特点包括：

·轻松设置

·支持多种模板语言（例如Nunjucks、HTML、JavaScript、Markdown、Liquid）

·可定制

·基于JavaScript，这是许多Web开发人员熟悉的，并且易于新用户学习

安装

安装它需要Node.js。在Linux上，您可以使用软件包管理器安装Node.js：

$sudodnfinstallnodejs

如果您的软件包管理器没有可用的Node.js，或者如果您不在Linux上，您可以从Node.js网站安装它。

安装Node.js后，使用它安装Eleventy：

$npminstall-g

11ty/eleventy

为您的文档构建一个静态站点

现在，您可以开始使用11ty构建静态文档站点。以下是需要遵循的步骤。

1.创建一个package.json文件

要将Eleveny安装到项目中，您需要一个package.json文件：

$npminit-y

2.将Eleventy安装到package.json

运行以下命令将Eleventy安装并保存到项目的package.json中：

$npminstall-save-dev

11ty/eleventy

3.运行

使用npx命令运行本地项目的版本。验证安装按预期进行后，请尝试运行11：

$npx

11ty/eleventy

4.创建一些模板

现在运行两个命令来创建两个新的模板文件（HTML和Markdown文件）。

这将当前目录或子目录中的任何内容模板编译到输出文件夹（默认为_site）。

运行Eleventy--serve以启动开发Web服务器。

然后将_site中的文件上传到您的Web服务器，以发布您的网站供别人查看。

好了，本文到此结束。如果对编程、计算机、程序员方面感兴趣的话，欢迎私信联系我，随时交流！点个

转载请注明：http://www.abachildren.com/jbzs/3350.html