https://11ty.io

Eleventy is a simpler static site generatorEleventy is a simpler static site generatorEleventy is a simpler static site generator Skip to navigation Skip to main content 11ty Docs Search Blog Community Conference GitHub★ 16.9k Mastodon YouTube Discord Eleventy Eleventy is a simpler static site generator Blog 11ty is joining Font AwesomeVersions Stable 2.0.1 Beta 3.0.0-beta.1 Canary 3.0.0-alpha.20 Toggle Menu Get StartedCommand Line UsageDebug Mode Glossary Tutorials Starter Projects Performance Programmatic API Deployment & Hosting Using a CMS CommunityCode of Conduct Open Collective Blog 11ty Conference Firehose Testimonials Authors LeaderboardsAdd your site Working with TemplatesAdd CSS, JS, Fonts Quick Tips LayoutsLayout Chaining Collections Create Pages From Data PaginationPagination Navigation Content Dates Permalinks Internationalization (i18n) Common Pitfalls Using DataConfigure your Templates Eleventy Supplied Data Data CascadeFront Matter DataCustom Front Matter Template & Directory Data Files Global Data Files Data Deep Merge Config Global Data Computed Data Environment Variables JavaScript Data Files Custom Data File Formats ConfigurationPassthrough File Copy Ignore Files Filtersurl slugify log get*CollectionItem inputPathToUrl Shortcodes Custom Tags Events Transforms Watch and ServeEleventy Dev Server Browsersync Vite Template LanguagesHTML MarkdownMDX WebC JavaScriptJSX TypeScript Nunjucks Liquid Handlebars Mustache EJS HAML Pug Custom PluginsOfficial PluginsImage Fetch Render Internationalization (i18n) RSS Upgrade Helper Syntax Highlighting InputPath to URL Navigation HTML Directory Output Inclusive Language Edge Serverless Community Plugins API ServicesScreenshots OpenGraph Image IndieWeb Avatar Generator Image Hosting Image Sparklines Release History Advanced Quick Start Eleventy requires Node.js 14. You can check whether or not you have Node installed by running node --version in a Terminal. (Well, wait—what is a Terminal?) If node is not found or it reports a version number below 14, you will need to install Node.js before moving on. Now we’ll create an index.md Markdown file. You can do this in the text editor of your choice or by running one of these commands in your terminal: 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). Run Eleventy using npx, an npm-provided command that is bundled with Node.js. 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 compiles any files in the current directory matching valid file extensions (md is one of many) to the _site output folder. It might look like this: [11ty] Writing _site/index.html from ./index.md (liquid)[11ty] Wrote 1 file in 0.03 seconds (v2.0.1)[11ty] Watching…[11ty] Server at http://localhost:8080/ The --serve option also starts a local development server. Open up http://localhost:8080/ in your favorite web browser to view your web site. Read our full Get Started guide on the docs. Watch 6 minutes to Build a Blog from Scratch. Gold Sponsors Nordhealth Transloadit 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. Why should you use Eleventy? Eleventy has fast builds and even faster web sites. Name Building ×4000 Markdown Files Eleventy 1.93s == 🏁 Astro 22.90s ======================= 🏁 Gatsby 29.05s ============================== 🏁 Next.js 70.65s ======================================================================= 🏁 Eleventy is production ready and trusted by: Trusted by NASA Cern TC39 W3C Google Mozilla CloudCannon JetBrains …and more Eleventy has been downloaded over 8 million times and is used on 70,000+ repositories on GitHub. Eleventy offers full control over your project’s output. We don’t inject our own markup into your pages. Eleventy has a lovely community of folks that really care about what they build. What is Sara Soueidan saying about Eleventy? Eleventy is stable. We’ve shipped 56 releases going back to the first version in December 2017 and only two of those releases have had Eleventy-specific changes requiring developer changes. 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 doesn’t track you. We don’t have or use telemetry nor require you to opt-out of data collection. Eleventy is zero-config to start and can be extended with flexible configuration options. Eleventy works with multiple template languages. You can pick one or use them all together in a single project: HTML *.html Markdown *.md WebC *.webc JavaScript *.11ty.js Liquid *.liquid Nunjucks *.njk Handlebars *.hbs Mustache *.mustache EJS *.ejs Haml *.haml Pug *.pug TypeScript *.ts JSX *.jsx MDX *.mdx Custom *.* Eleventy uses independent template languages. We don’t want to hold your content hostage with a custom format. If you decide to use a different syntax later, having your content decoupled in this way will make migration easier. Eleventy does not require that you use a JavaScript framework—that means zero client-side JavaScript by default across the board. We’re thinking long-term to opt-out of the framework rat race. The tool chain, modules, and components you use in your front end stack are decoupled from this tool. Work from a solid foundation of pre-rendered templates that suit your project’s progressive enhancement baseline requirements. Eleventy works with your project’s existing directory structure. The tool doesn’t require an app directory or a pages directory. Use the structure that you want. Eleventy allows incremental adoption. We only look for the files and directories you specify. Further, with even more precision you can opt-out or ignore specific files in your project. You don’t need to start an Eleventy project from scratch. Eleventy is flexible enough to allow conversion of only a few templates at a time. Migrate as fast or as slow as you’d like. Get started with Eleventy today! or read more about Eleventy’s project goals. Open Collective Supporters Loading… Documentation Todd and Bruce said this button should be bigger and as you can see they were right. Built With Eleventy eslint.org nordhealth.design www.filamentgroup.com www.a11yproject.com blog.glitch.com every-layout.dev developer.chrome.com gsap.com ffconf.org www.11ty.dev lit.dev mochajs.org moderncss.dev tc39.es 2024.xoxofest.com v8.dev digitalhumanities.mit.edu Sample of 110 authors shown. View the full list of 1094 web sites. Don’t take my word for it 🌈 Rainbow Listen to what these happy developers are saying about Eleventy: “I use Eleventy on almost every project at this point and I love it.” —Lea Verou “Don’t tell Zach I said it but Eleventy is seeming fresh as hell so far” —Mat Marquis “Eleventy + Netlify have become my new workflow for static sites. I think I'm in love.” —Mina Markham “2022 winner of the Google Open Source Peer Bonus Award” —Google “Eleventy is a killer static site generator. That’s all.” —Sara Soueidan “I heard Eleventy was good” —Lach Zeatherman “Jekyll is dead to me” —Andy Bell “#1 Product of the Day (May 2022)” —Product Hunt “Eleventy is almost fascinatingly simple.” —Chris Coyier “Eleventy is absolutely wonderful. It’s by far the nicest static site generator I’ve used in what feels like forever.” —Addy Osmani “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 …and many more! Alternatives This project aims to directly compete with all other static site generators. We encourage you to try out a few others: Jekyll (Ruby) Hugo (Go) Hexo (JavaScript) Gatsby (JavaScript using React) Nuxt (JavaScript using Vue) Next.js (JavaScript using React) Bridgetown (Ruby) Astro (JavaScript) Remix (JavaScript using React) SvelteKit (JavaScript using Svelte) More at jamstack.org Subscribe to the 11ty Newsletter Your Email Address via Buttondown Read the Blog Follow on Mastodon Watch on YouTube Star on GitHub Chat on Discord Built using Eleventy v3.0.0 Edit this page Accessibility Contributor Account Credits Firehose Style Guide 16.9k Stars 9,833,472 Downloads 472 Backers

en

en

1727871001

https://11ty.io

تعديل موقعك؟

ماذا تفعل؟