My Website

Getting Started with Eleventy

Getting Started with Eleventy

Welcome to your first post using the Wintergreen theme! This guide will help you get started with creating content for your Eleventy site.

What is Eleventy?

Eleventy (or 11ty) is a simple yet powerful static site generator that allows you to create websites using various templating languages, including Markdown, Nunjucks, Handlebars, and more.

Creating Your First Post

To create a new post, simply create a new Markdown file with front matter at the top. The front matter should include:

  • title: The title of your post
  • layout: Set to note for blog posts
  • parent: The parent page (usually /posts)
  • tags: An array of tags for your post
  • date: The publication date

Front Matter Example 

---
title: My First Post
layout: note
parent: /posts
tags: [tutorial, example]
date: 2024-01-01
---

Markdown Basics

Headings

Use # for headings:

# Heading 1
## Heading 2
### Heading 3

Lists

Unordered List

  • Item 1
  • Item 2
    • Subitem 2.1

Ordered List

  1. First item
  2. Second item

Eleventy Documentation

Images

Eleventy Logo

Code Blocks 

// Example JavaScript code
function helloWorld() {
  console.log('Hello, world!');
}

Customizing Your Site

To customize your site, edit the app.mjs file in the root directory. You can change:

  • Site title and description
  • Navigation links
  • Language settings
  • And more!

Deployment

Once you're ready to deploy your site, run:

npm run build

This will generate static files in the dist directory, which you can deploy to any static hosting service like GitHub Pages, Netlify, or Vercel.

Conclusion

Eleventy is a flexible and powerful static site generator that makes it easy to create fast, modern websites. With the Wintergreen theme, you can quickly get started with a beautiful, customizable design.

Happy blogging!