静态网站建设系统（设计一个静态网页网站）

Eleventy 是一个基于 JavaScript 的 Jekyll 和 Hugo 的替代品，用于构建静态网站。qle快乐收录网

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

静态网站对文档也很友好，因为静态网站很容易扩展，而且它们是生成、维护和部署项目文档的一种简单方法。由于这些原因，企业经常使用它们来记录应用编程接口 （API）、数据库模式和其他信息。文档是软件开发、设计和其他方面技术的一个重要组成部分。所有的代码库都需要某种形式的文档，选择范围从简单的 README 到完整的文档。qle快乐收录网

 qle快乐收录网

Eleventy: 一个静态网站生成器

Eleventy（11ty）是一个简单的静态网站生成器，是Jekyll和Hugo的替代品。它是用 JavaScript 编写的，它将一个（不同类型的）模板目录转化为 HTML。它也是开源的，在 MIT 许可下发布。qle快乐收录网

Eleventy 可以与 HTML、Markdown、Liquid、Nunjucks、Handlebars、Mustache、EJS、Haml、Pug 和 JavaScript Template Literals 协同工作。qle快乐收录网

它的特点包括：qle快乐收录网

• 易于设置
• 支持多种模板语言（如 Nunjucks、HTML、JavaScript、Markdown、Liquid）
• 可定制
• 基于 JavaScript，这是许多网络开发者所熟悉的，新用户也容易学习

 qle快乐收录网

安装 Eleventy

Eleventy 需要 Node.js。在 Linux 上，你可以使用你的包管理器安装 Node.js：qle快乐收录网

$ sudo dnf install nodejs

如果你的包管理器没有 Node.js，或者你不在 Linux 上，你可以从 Node.js 网站安装它。qle快乐收录网

Node.js 安装完毕后，就用它来安装 Eleventy：qle快乐收录网

$ npm install -g @11ty/eleventy

这就完成了！qle快乐收录网

 qle快乐收录网

为你的文档建立一个静态网站

现在你可以开始使用 Eleventy 来建立你的静态文档网站。以下是需要遵循的步骤。qle快乐收录网

 qle快乐收录网

1、创建一个 package.json 文件

要将 Eleventy 安装到你的项目中，你需要一个 package.json文件：qle快乐收录网

$ npm init -y

 qle快乐收录网

2、将 Eleventy 安装到 package.json 中

安装 Eleventy 并保存到你的项目的 package.json中。运行：qle快乐收录网

$ npm install-save-dev @11ty/eleventy

 qle快乐收录网

3、运行 Eleventy

使用 npx命令来运行你本地项目的 Eleventy 版本。在你确认安装完成后，尝试运行 Eleventy：qle快乐收录网

$ npx @11ty/eleventy

 qle快乐收录网

4、创建一些模板

现在运行两个命令来创建两个新的模板文件（一个 HTML 和一个 Markdown 文件）：qle快乐收录网

$ cat > index.html


age title

Hello worldqle快乐收录网

这就把当前目录或子目录中的任何内容模板编译到输出文件夹中（默认为 _site）。qle快乐收录网

运行 eleventy --serve来启动一个开发网络服务器。qle快乐收录网

$ npx @11ty/eleventy-serve

在你的网络浏览器中打开qle快乐收录网
http://localhost:8080/README/，看你的 Eleventy 输出。qle快乐收录网

然后把 _site中的文件上传到你的 Web 服务器，发布你的网站给世界看。qle快乐收录网

 qle快乐收录网

尝试 Eleventy

Eleventy 是一个静态网站生成器，它易于使用，有模板和主题。如果你已经在你的开发流程中使用 Node.js，Eleventy 可能比 Jekyll 或 Hugo 更自然。它能快速提供很好的结果，并使你免于复杂的网站设计和维护。要了解更多关于使用 Eleventy 的信息，请仔细阅读它的文档。qle快乐收录网

　　《静态网站建设系统（设计一个静态网页网站）》更新于时间：2022-07-12 21:58:45；由本站小编进行发布，目前浏览的小伙伴达到，感谢你们的支持，后期快乐收录网小编会继续为大家更新更多相关的文章，希望广大网友多多关注快乐收录网工作心得栏目，如果觉得本站不错，那就给我们一个分享的支持吧！

静态网站建设系统（设计一个静态网页网站）特别声明

本站快乐收录网提供的静态网站建设系统（设计一个静态网页网站）都来源于网络，不保证文章的准确性和真实性，同时，对于该文章所造成的影响，不由快乐收录网实际控制，在2022-07-12 21:58:45收录时，该网页上的内容，都属于合规合法，如有侵权违规，可以直接联系网站管理员进行整改或删除，快乐收录网不承担任何责任。

标签：