markdown filter

.eleventy.js

@@ -50,6 +50,9 @@ module.exports = function (eleventyConfig) {
         excerpt_separator: '<!-- excerpt -->',
     })
 
+    // md instance
+    const md = markdownIt({ html: true, linkify: true })
+
     // enable us to iterate over all the tags, excluding posts and all
     eleventyConfig.addCollection('tagList', (collection) => {
         const tagsSet = new Set()
@@ -62,7 +65,6 @@ module.exports = function (eleventyConfig) {
         return Array.from(tagsSet).sort()
     })
 
-    const md = markdownIt({ html: true, linkify: true })
     md.use(markdownItAnchor, {
         level: [1, 2],
         permalink: markdownItAnchor.permalink.headerLink({
@@ -73,6 +75,11 @@ module.exports = function (eleventyConfig) {
     md.use(markdownItFootnote)
     eleventyConfig.setLibrary('md', md)
 
+    // markdown filter
+    eleventyConfig.addLiquidFilter("markdown", (content) => {
+  return md.render(content);
+});
+
     // asset_img shortcode
     eleventyConfig.addLiquidShortcode('asset_img', (filename, alt) => {
         return `<img class="my-4" src="/assets/img/posts/${filename}" alt="${alt}" />`

src/index.html

@@ -20,7 +20,7 @@ pagination:
     <div class="h-14 flex items-center text-sm">
     {{ post.date | date: "%m.%d.%Y" }}
     </div>
-    <p class="mt-0">{{ post.data.post_excerpt | markdownify }}</p>
+    <p class="mt-0">{{ post.data.post_excerpt | markdown }}</p>
     <div class="mt-4 flex items-center justify-between">
         <a class="flex-none font-normal no-underline" href="{{ post.url }}">Read more &rarr;</a>
     </div>