Eleventy(11ty) 是一个比竞品更简洁的静态网站生成器。

Stable: 3.0.0

Toggle Menu

快速入门

Eleventy 需要 Node.js 18 或更高版本才能运行。 你可以在终端窗口（或者命令行窗口）中运行 node --version 命令来检查是否安装了 Node。（等等，什么是终端窗口？）如果找不到 node 或者它的版本号小于 18，那么你就需要重新安装 Node.js 后才能继续后面的步骤。

现在，我们将创建一个名为 index.md 的 Markdown 格式的文件。你可以在自己常用的编辑器中创建此文件，或者在终端窗口（或者命令行窗口）中运行以下命令：

macOS Linux Windows Cross Platform

echo '# Heading' > index.md

echo '# Heading' | out-file -encoding utf8 'index.md'

If the out-file command is not available in your Windows Terminal window (it’s PowerShell specific), use the Cross Platform method.

npx @11ty/create index.md "# Heading"

Learn more about @11ty/create (requires Node.js 18 or newer).

使用 npx 运行 Eleventy。npx 是 npm 所提供的一个命令。

npm pnpm yarn

npx @11ty/eleventy --serve

pnpm dlx @11ty/eleventy --serve

pnpm is an optional alternative to npm that needs to be installed separately.

yarn dlx @11ty/eleventy --serve

Yarn is an optional alternative to npm that needs to be installed separately.

Eleventy 会将当前目录下的任何带有有效的文件扩展名 (md is one of many) 的文件编译并输到 _site 文件夹下。运行过程中会有类似下面这样的输出：

[11ty] Writing _site/index.html from ./index.md (liquid)
[11ty] Wrote 1 file in 0.03 seconds (v3.0.0)
[11ty] Watching…
[11ty] Server at http://localhost:8080/

--serve 参数用于启动本地开发服务器。在浏览器中打开 http://localhost:8080/ 网址就能查看你刚创建的网站了。

阅读文档中完整的 入门指南。
观看视频： 6 分钟从零开始创建一个博客。

Gold Sponsors

Silver Sponsors

News from the Blog

11ty is joining Font Awesome (2024 September 12)
Eleventy v3.0.0-beta.1 now available (2024 July 31)
Help 11ty become sustainable in 2024 (2024 May 22)
11ty Conference is this week! (2024 May 07)
…and 56 more on the blog archives.

Eleventy 有哪些优势？

Eleventy 的 构建速度快，并且构建出来的网站速度也快。

Name	Building ×4000 Markdown Files
Eleventy	1.93s	== 🏁
Astro	22.90s	======================= 🏁
Gatsby	29.05s	============================== 🏁
Next.js	70.65s	======================================================================= 🏁

Eleventy 能够 稳定地用于生产环境 并且深受用户信赖：
- Trusted by
- NASA
- Cern
- TC39
- W3C
- Google
- Mozilla
- CloudCannon
- JetBrains
- …and more
Eleventy 已被下载超过 800 万次，并在 GitHub 上被 70,000+ 软件仓库所使用。
Eleventy 提供了 对项目输出的完全控制。我们不会在你的页面中注入自己的标记。
Eleventy 拥有一个真正负责的社区。 What is Mina Markham saying about Eleventy?
Eleventy 非常稳定。从 2017 年 12 月发布第一版本算起，我们已经发布了 57 个版本，这些版本中，只有两个版本涉及到 Eleventy 自身的更改且需要开发者注意。

a11yproject.com launched with version 1.0.0 of Eleventy. […] It's been a little under three years and I haven't had to make any adjustments to its dependencies, and it can still install and run from a cold start with no complications. When I update the site to use version 2.0.0 I'll actually be removing dependencies, and not adding more. […] That's rare and special.— Eric Bailey
Eleventy 不会跟踪你。我们没有且不使用遥测技术，你也无需特意关闭数据收集。
Eleventy 可以 零配置 使用，并可以通过灵活的配置项进行扩展。
Eleventy 支持多种模板语言。你可以选择其中一种使用，也可以在一个项目中同时使用所有模板语言：
Eleventy 支持 独立的第三方模板语言。我们不想用自定义格式的模板语言来束缚你的内容。如果你以后决定使用不同的语法，可以很容易地进行迁移。
Eleventy 并不要求你使用任何 JavaScript 框架，这意味着 在默认情况下客户端可以没有任何 JavaScript 代码。我们 从长远考虑，不参与框架竞赛。你的前端技术栈中使用的工具链、模块和组件都能与 Eleventy 脱钩。你可以在Work from a solid foundation of 预渲染模板的坚实基础上进行开发，以满足你的项目对渐进式增强的要求。
Eleventy 可以适应现有项目的目录结构。Eleventy 并不要求必须有 app 目录或 pages 目录。按照你想要的目录结构来！
Eleventy 支持 增量式采用。我们只查找你所指定的文件和目录。此外，你还可以更精确地选择丢弃或忽略项目中的特定文件。你无需从零开始一个 Eleventy 项目。Eleventy 非常灵活，一次可以只转换几个模板。因此，迁移你的项目时可快可慢，随你而定。

立即开始使用 Eleventy 吧！ 或者继续了解更多关于 Eleventy 项目的信息。

Open Collective Supporters

Loading…

中文文档

Todd and Bruce said this button should be bigger and as you can see they were right.

使用 Eleventy 创建的网站

eslint.org

nordhealth.design

www.filamentgroup.com

digitalhumanities.mit.edu

上面列出的是 110 位作者的作品。目前总共收集了 1098 个网站。

老王的自卖自夸你可以不信 Rainbow

听听这些快乐的开发者是如何评价 Eleventy 的吧：

“I looked into and actively tried using various static site generators for this project. Eleventy was the only one I could find that gave me the fine-grained control I needed at blazingly fast build times.” —Mathias Bynens