Eleventy(11ty) logo Eleventy
The possum is Eleventy’s mascot

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


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

编译 ×4000 个 markdown 文件进行的基准测试。了解有关 Eleventy 网站和编译性能方面的更多信息


首先创建一个 Markdown 文件。

echo '# Page header' > index.md
Eleventy 所支持的 Node.js 最低版本是 14 (展开了解更多信息)

你可以在命令行窗口中执行 `node --version` 命令来检查是否安装了 Node。 (稍等,什么是命令行窗口?

如果上述命令显示未找到或着显示的版本号小于 14,你需要 下载并安装 Node.js,然后再进入下一步。

然后运行 Eleventy。

npx @11ty/eleventy

Eleventy 将当前目录下所有以有效 文件扩展名 (例如 .md 等)结尾的文件编译并输出到指定目录下 (默认为 _site 目录)。如下所示:

Writing _site/index.html from ./index.md (liquid)
Wrote 1 file in 0.03 seconds (v2.0.1)

执行 npx @11ty/eleventy --serve 命令来启动 本地开发服务器,然后在浏览器中打开 http://localhost:8080/ 链接就能看到你的网站了。

  • 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.netlify.com/Netlify
  • IndieWeb Avatar for https://web.dev/web.dev
  • IndieWeb Avatar for https://web.mit.edu/MIT
  • IndieWeb Avatar for https://www.stanford.edu/Stanford
  • IndieWeb Avatar for https://v8.dev/V8
  • IndieWeb Avatar for https://gsap.com/GSAP
  • IndieWeb Avatar for https://developer.chrome.com/Chrome Developers
  • IndieWeb Avatar for https://foursquare.com/Foursquare
  • IndieWeb Avatar for https://css-tricks.com/CSS Tricks
  • IndieWeb Avatar for https://www.webpagetest.org/WebPageTest
  • IndieWeb Avatar for https://www.a11yproject.com/A11Y Project
  • IndieWeb Avatar for https://www.noaa.gov/NOAA
  • IndieWeb Avatar for https://www.gov.uk/United Kingdom (gov)
  • IndieWeb Avatar for https://www.numerique.gouv.fr/France (gov)
  • IndieWeb Avatar for https://stackoverflow.com/Stack Overflow
  • IndieWeb Avatar for https://lit.dev/Lit
  • IndieWeb Avatar for https://glitch.com/Glitch
  • IndieWeb Avatar for https://stackblitz.com/Stackblitz
  • IndieWeb Avatar for https://openwebdocs.org/Open Web Docs
  • IndieWeb Avatar for https://jamstack.org/jamstack.org
  • IndieWeb Avatar for https://www.greenpeace.org/Greenpeace
  • IndieWeb Avatar for https://www.csis.org/CSIS
  • IndieWeb Avatar for https://eslint.org/ESLint
  • IndieWeb Avatar for https://mochajs.org/Mocha
  • IndieWeb Avatar for https://revealjs.com/reveal.js
  • IndieWeb Avatar for https://panic.com/Panic
  • IndieWeb Avatar for https://www.filamentgroup.com/Filament Group
  • IndieWeb Avatar for https://set.studio/Set Studio
  • IndieWeb Avatar for https://www.ookla.com/Ookla
  • IndieWeb Avatar for https://www.khanacademy.org/Khan Academy
  • IndieWeb Avatar for https://basecamp.com/Basecamp
  • IndieWeb Avatar for https://www.snowpack.dev/Snowpack
  • IndieWeb Avatar for https://ffconf.org/ffconf
  • IndieWeb Avatar for https://2022.uxlondon.com/UX London
  • IndieWeb Avatar for https://nordhealth.com/Nordhealth
  • IndieWeb Avatar for https://www.orange.com/Orange
  • IndieWeb Avatar for https://www.wisc.edu/Univ. of Wisconsin-Madison
  • IndieWeb Avatar for https://www.ca.gov/California (gov)
  • IndieWeb Avatar for https://ux.redhat.comRed Hat
  • IndieWeb Avatar for https://www.pie.design/Just Eat Takeaway
  • …and more
Eleventy 中文文档

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

Official CMS Partner

Gold Sponsors

使用 Eleventy 创建的网站

Sample of 110 authors shown. View all 1039 sites.

Don’t take my word for it Rainbow

Listen to what these happy developers are saying about Eleventy:

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

“Eleventy and web components go really, really well together.” Justin Fagnani’s Twitter PhotoJustin Fagnani

“Just the kind of simple / common sense tool I love. The data/folder hierarchy mechanism is super obvious and elegant.” Heydon Pickering’s Twitter PhotoHeydon Pickering

“I actually used Eleventy for the first time this week. Loved it.” Paul Lewis’s Twitter PhotoPaul Lewis

“Seriously can't remember enjoying using a Static Site Generator this much. Yes Hugo is rapid, but this is all so logical. It feels like it was designed by someone who has been through lots of pain and success using other SSGs.” Phil Hawksworth’s Twitter PhotoPhil Hawksworth

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

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

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

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

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

“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 a killer static site generator. That’s all.” Sara Soueidan’s Twitter PhotoSara Soueidan

“Eleventy is my fave.” Tatiana Mac’s Twitter PhotoTatiana Mac

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

“Think the reason everyone is loving [Eleventy] so much (myself included) is that it doesn't come with a prescription about data sources or template rendering.” Brian Leroux’s Twitter PhotoBrian Leroux

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

“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

“The Eleventy + Netlify combo continues to be 🤌” IndieWeb Avatar for https://danmall.com/Dan Mall

…and many more!