Writing

Published on February 13, 2025 · by W3Teal

The right way to writing a Markdown posts.

Go to top
File an issue

Naming file
Permanent link

You can naming the post file as you want, just keep it short and fit to the title. If the file is a-title.md, in url it should be automically set to http://...../posts/a-title/. But you can also change the url slug with permalink in frontmatter.

permalink: "posts/a-different-title/"

Frontmatter
Permanent link

First thing you need to check is the frontmatter, which is started from the first line of every posts files. Example of good frontmatter:

---
title: A title
description: A description of the page
date: 2024-01-31
tags:
 - some
 - tagging
---

If you updating the post in a different date, you can add lastUpdated below date in the frontmatter. For example:

...
date: 2024-01-31
lastUpdated: 2025-12-31
...

Start writing
Permanent link

Now, you can start writing an markdown content after the frontmatter are ready. If you not sure how to writing in Markdown (that's the most common lesson), you can learn at Markdown Guide website or in our Markdown Test Page code.

If you want to learn more about exclusive shortcodes that you can use in 11ty Beer, visit the Extras post.

Table of Contents

11ty Beer 1.2

December 30, 2025 · by W3Teal

Better update to the most opinionated 11ty started, so far

Writing

February 13, 2025 · by W3Teal

The right way to writing a Markdown posts.

Extras

February 13, 2025 · by W3Teal

Some extra features like Image and Icon shortcodes.

Favicons

January 30, 2025 · by W3Teal

An demonstration of the generated favicons by PWA Builder.

11ty Beer 1.0

December 27, 2024 · by W3Teal

An 11ty starter built for anyone without hard changes.

Configuration

December 21, 2024 · by W3Teal

Makes your website yours with the customizable configuration.

Getting Started

December 20, 2024 · by W3Teal

Start building an 11ty Beer website and deploy it.

Markdown Test Page

July 14, 2019 · by W3Teal

This is a test page filled with markdown elements to be used to provide visual feedback.