nav a margin: 0 0.5rem;
- 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.). eleventa full crack
<ul> % for post in posts % <li> <a href=" post.url "> post.data.title </a> <small>— readableDate </small> <p> post.data.excerpt </p> </li> % endfor % </ul> nav a margin: 0 0
touch src/index.njk # src/index.njk # --- layout: base.njk title: "Home" pagination: data: collections.post # we’ll create this collection soon size: 5 # number of posts per page alias: posts permalink: " pagination.href /" --- | Platform | How to deploy | |----------|---------------|
# 2️⃣ Initialise npm (creates package.json) npm init -y
Eleventy will automatically copy the src/assets folder because of the addPassthroughCopy we added earlier. Refresh the browser and you’ll see the styled page. | Platform | How to deploy | |----------|---------------| | GitHub Pages | Push the repo, then in the repo Settings → Pages, set Source to gh-pages branch. Use a GitHub Action that runs npm run build && git push origin _site:gh-pages . | | Netlify | Connect the repo, set the Build command to npm run build and the Publish directory to _site . Netlify auto‑detects Eleventy. | | Vercel | Same as Netlify – just add a vercel.json (optional) and set the output directory to _site . | | Static hosting (FTP, S3, Cloudflare Pages, etc.) | Upload the contents of the _site folder. No server‑side code needed. |
jobs: build-deploy: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4
