Skip to navigation Skip to main content
Black Lives Matter
Eleventy

Eleventy is a simpler static site generator

11ty Conference — May 9

Join the 11ty International Symposium on Making Web Sites Real Good.

Versions
Stable
2.0.1
Canary
3.0.0-alpha.10
Toggle Menu

2 步快速启动

创建一个 Markdown 文件。

echo '# 页面标题' > index.md
Eleventy 需要 Node.js 14 (展开以了解更多信息)

你可以通过在终端窗口中运行 `node --version` 来检查是否安装了 Node。(好了，等等——什么是终端窗口？)

如果找不到该命令或者它报告的数字低于 14，则需要在继续执行下一步之前 下载并安装 Node.js。

运行 Eleventy。

npx @11ty/eleventy

Eleventy 将当前目录中与有效 文件扩展名（.md 是其中之一）匹配的任何文件编译到输出文件夹（默认情况下为 _site）。它可能如下所示：

正在从 ./index.md 编写 _site/index.html (liquid)
在 0.03 秒内编写了 1 个文件 (v2.0.1)

运行 npx @11ty/eleventy --serve 以启动 本地开发服务器，并在你选择的网络浏览器中打开 http://localhost:8080/ 以查看你的网站。

Official CMS Partner

Gold Sponsors

Nordhealth
Transloadit

News from the Blog

博客新闻

为何应使用 Eleventy？

  • Eleventy 具备 构建速度快且网站速度更快的优势。
    Name Building ×4000 Markdown Files
    Eleventy 1.93s == 🏁
    Astro 22.90s ======================= 🏁
    Gatsby 29.05s ============================== 🏁
    Next.js 70.65s ======================================================================= 🏁
  • Eleventy 已准备就绪投入生产，并受到以下组织的信赖：
    • Trusted by
    • IndieWeb Avatar for https://www.nasa.gov/NASA
    • IndieWeb Avatar for https://home.web.cern.ch/Cern
    • IndieWeb Avatar for https://tc39.es/TC39
    • IndieWeb Avatar for https://www.w3.org/W3C
    • IndieWeb Avatar for https://about.google/Google
    • IndieWeb Avatar for https://www.mozilla.org/Mozilla
    • IndieWeb Avatar for https://www.cloudcannon.com/CloudCannon
    • IndieWeb Avatar for https://www.jetbrains.com/JetBrains
    • …and more
         Eleventy 已被下载 超过 800 万次，并于 70,000 多个 GitHub 资源库中使用。
  • Eleventy 提供对项目输出的完全控制。我们不会 向您的页面中注入我们自己的标记。
  • Eleventy 拥有一个 非常棒的关心他们所构建内容的人士社区。@html="randomTestimonialLink(testimonials)"
  • Eleventy 稳定。我们已发布 56 个版本，可追溯到 2017 年 12 月发布的第一个版本，并且只有两个版本有需要开发人员进行更改的 Eleventy 特定更改。

    a11yproject.com 在 1.0.0 版本下推出 Eleventy。[…] 过去三年稍短，不必对依赖项进行任何调整，它仍然可以安装并从初始状态运行，而不会出现任何复杂情况。在我更新后使用 2.0.0 版本，我实际上会移除依赖项，不会添加更多。[…] 这种情况很少见，很独特。——IndieWeb Avatar for https://ericwbailey.design/ Eric Bailey

  • Eleventy 不会追踪您。我们 没有也不使用遥测，也不要求您选择退出数据收集。
  • Eleventy 零配置，可通过灵活的配置选项进行扩展。
  • Eleventy 可使用多重模板语言。您可以选择其中一种，或在单个项目中同时使用所有这些语言：
  • Eleventy 使用独立的模板语言。我们不想使用自定义格式来绑架您的内容。如果您决定稍后使用不同的语法，以这种方式分离内容将使迁移变得更加容易。
  • Eleventy 不要求您使用 JavaScript 框架——这意味着**默认情况下完全没有客户端 JavaScript。我们着眼长远，选择退出框架竞赛。您在前段堆栈中使用的工具链、模块和组件都与该工具分离。从 预渲染模板的稳定基础着手，满足您的项目中 渐进式增强 的基本要求。
  • Eleventy 与您的项目的现有目录结构协作。该工具不需要 app 目录或 pages 目录。使用您想要的结构。
  • Eleventy 允许逐步采用。我们只会 查找文件和 目录。此外，您还可以更加精确地 选择退出或忽略项目中的特定文件。您不必从头开始参与 Eleventy 项目。Eleventy 足够灵活，可以一次仅转换少量模板。按照您希望的速度进行迁移。

今天就使用 Eleventy！或阅读更多有关 Eleventy 项目目标。

Documentation

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

鸣谢 Eleventy

IndieWeb Avatar for https://eslint.org/eslint.org
Screenshot of https://eslint.org/
IndieWeb Avatar for https://nordhealth.design/nordhealth.design
Screenshot of https://nordhealth.design/
IndieWeb Avatar for https://www.a11yproject.com/www.a11yproject.com
Screenshot of https://www.a11yproject.com/
IndieWeb Avatar for https://developer.chrome.com/developer.chrome.com
Screenshot of https://developer.chrome.com/
IndieWeb Avatar for https://chromeos.dev/enchromeos.dev/en
Screenshot of https://chromeos.dev/en
IndieWeb Avatar for https://gsap.com/gsap.com
Screenshot of https://gsap.com/
IndieWeb Avatar for https://ffconf.org/ffconf.org
Screenshot of https://ffconf.org/
IndieWeb Avatar for https://www.11ty.dev/www.11ty.dev
Screenshot of https://www.11ty.dev/
IndieWeb Avatar for https://lit.dev/lit.dev
Screenshot of https://lit.dev/
IndieWeb Avatar for https://mochajs.org/mochajs.org
Screenshot of https://mochajs.org/
IndieWeb Avatar for https://moderncss.dev/moderncss.dev
Screenshot of https://moderncss.dev/
IndieWeb Avatar for https://covid19.ca.gov/covid19.ca.gov
Screenshot of https://covid19.ca.gov/
IndieWeb Avatar for https://tc39.es/tc39.es
Screenshot of https://tc39.es/
IndieWeb Avatar for https://v8.dev/v8.dev
Screenshot of https://v8.dev/
IndieWeb Avatar for https://digitalhumanities.mit.edu/digitalhumanities.mit.edu
Screenshot of https://digitalhumanities.mit.edu/

显示 110 个作者的示例。查看 1025 个网站的完整列表。

不要相信我的话 彩虹

来听听以下 快乐开发者如何评价 Eleventy：

“Don’t tell Zach I said it but Eleventy is seeming fresh as hell so far” —Mat Marquis’s Twitter PhotoMat Marquis

“Jekyll is dead to me” —IndieWeb Avatar for https://andy-bell.co.uk/Andy Bell

“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’s Twitter PhotoMathias Bynens

“Eleventy is absolutely wonderful. It’s by far the nicest static site generator I’ve used in what feels like forever.” —Addy Osmani’s Twitter PhotoAddy Osmani

“Eleventy is almost fascinatingly simple.” —Chris Coyier’s Twitter PhotoChris Coyier

“Eleventy + Netlify have become my new workflow for static sites. I think I'm in love.” —Mina Markham’s Twitter PhotoMina Markham

“Eleventy is a killer static site generator. That’s all.” —Sara Soueidan’s Twitter PhotoSara Soueidan

“2022 winner of the Google Open Source Peer Bonus Award” —IndieWeb Avatar for https://google.com/Google

“I use Eleventy on almost every project at this point and I love it.” —IndieWeb Avatar for https://lea.verou.me/Lea Verou

“#1 Product of the Day (May 2022)” —IndieWeb Avatar for https://producthunt.com/Product Hunt

“I heard Eleventy was good” —Lach Zeatherman’s Twitter PhotoLach Zeatherman

…还有更多！

替代方案

此项目旨在与其他所有静态网站生成器直接竞争。我们鼓励您尝试其他一些产品：