From 10a2a854d2ab247befc6dd151d952125edcc10ba Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Mon, 13 Mar 2023 16:37:58 -0700
Subject: [PATCH] markdown filter

---
 .eleventy.js   | 9 ++++++++-
 src/index.html | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/.eleventy.js b/.eleventy.js
index 2e127b02..405c53d9 100644
--- a/.eleventy.js
+++ b/.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}" />`
diff --git a/src/index.html b/src/index.html
index 7495da50..ed7fa33e 100644
--- a/src/index.html
+++ b/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>