diff --git a/src/blog/8.30.25.md b/src/blog/8.30.25.md index 987d8a0..353e0bb 100644 --- a/src/blog/8.30.25.md +++ b/src/blog/8.30.25.md @@ -13,12 +13,14 @@ image: "/assets/images/8.30.25/11ty.jpg" ![Banner Image]({{ image }}#center)
-Welcome back to my blog! This one is a brief one. Just a showcase of what Eleventy can do with Markdown! +Welcome back to my blog! This one is a brief post. Just a showcase of what Eleventy can do with Markdown! + +--- ## What is Eleventy? Eleventy (or 11ty) is a simpler static site generator. It's written in JavaScript and transforms a directory of templates of various types into a folder of plain HTML files. It's known for its flexibility, speed, and the fact that it doesn't ship any client-side JavaScript by default. -*** +--- ## Markdown Features Eleventy has excellent support for Markdown. Here are some examples of what you can do. @@ -80,7 +82,7 @@ You could then use a templating language like Nunjucks within your Markdown file {%- endfor -%} -*** +--- ## Shortcodes Shortcodes are reusable snippets of content. You could create a shortcode for a callout box like this: @@ -89,12 +91,13 @@ Shortcodes are reusable snippets of content. You could create a shortcode for a This is a custom callout box created with a shortcode. It's a great way to create reusable components. {% endcallout %} -*** +--- ## Layouts Layouts allow you to wrap your content in a parent template. For example, this entire page could be a Markdown file that uses a main layout file to provide the header, footer, and overall page structure. This avoids repeating the same HTML in every file. In your Markdown file's front matter, you would specify the layout like this: + ``` --- layout: post.njk