blog post update
This commit is contained in:
@@ -13,12 +13,14 @@ image: "/assets/images/8.30.25/11ty.jpg"
|
|||||||
|
|
||||||

|

|
||||||
<br/>
|
<br/>
|
||||||
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?
|
## 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.
|
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
|
## Markdown Features
|
||||||
Eleventy has excellent support for Markdown. Here are some examples of what you can do.
|
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 -%}
|
{%- endfor -%}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
***
|
---
|
||||||
|
|
||||||
## Shortcodes
|
## Shortcodes
|
||||||
Shortcodes are reusable snippets of content. You could create a shortcode for a callout box like this:
|
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.
|
This is a custom callout box created with a shortcode. It's a great way to create reusable components.
|
||||||
{% endcallout %}
|
{% endcallout %}
|
||||||
|
|
||||||
***
|
---
|
||||||
|
|
||||||
## Layouts
|
## 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.
|
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:
|
In your Markdown file's front matter, you would specify the layout like this:
|
||||||
|
|
||||||
```
|
```
|
||||||
---
|
---
|
||||||
layout: post.njk
|
layout: post.njk
|
||||||
|
Reference in New Issue
Block a user