touch src/posts/2024-04-14-welcome-to-eleventy.md --- title: "Welcome to Eleventy!" date: 2024-04-14 layout: base.njk # points to the layout we just made tags: blog post excerpt: "A quick intro to Eleventy, the static site generator you’ll love." ---
- Supports **many template languages** (Markdown, Nunjucks, Liquid, etc.). - Gives you **full control** over the output folder structure. - Has **zero runtime** on the server – just static HTML, CSS, and JS. - Works **out‑of‑the‑box** with modern build tools (PostCSS, Tailwind, etc.).
> **Tip:** The `date` field is automatically available as `page.date`. Use the `readableDate` filter we added earlier: ` readableDate `. eleventa full crack
<h2>Latest Posts</h2>
1. Install Node. 2. `npm i @11ty/eleventy`. 3. Create a markdown file with Front‑Matter (as you’re doing now). 4. Run `npx eleventy --serve` and open <http://localhost:8080>. touch src/posts/2024-04-14-welcome-to-eleventy
- name: Deploy uses: peaceiris/actions-gh-pages@v4 with: github_token: $ secrets.GITHUB_TOKEN publish_dir: ./_site Commit the workflow, push to main , and GitHub will publish your site automatically. | Feature | Quick How‑to | |---------|--------------| | Tag pages | Add a tags.njk template, use collections.tagMap or create a custom collection per tag. | | RSS / Atom feed | Install @11ty/eleventy-plugin-rss and add eleventyConfig.addPlugin(require("@11ty/eleventy-plugin-rss")); | | Syntax‑highlighted code blocks | Use @11ty/eleventy-plugin-syntaxhighlight . | | Image optimization | Add eleventy-img plugin and generate responsive <picture> elements. | | Draft posts | Add a `draft: true
ul list-style: none; padding: 0;
# 3️⃣ Install Eleventy as a dev‑dependency npm i @11ty/eleventy --save-dev