diff --git a/_config.ts b/_config.ts
index e2328bb..163eaad 100644
--- a/_config.ts
+++ b/_config.ts
@@ -5,6 +5,7 @@ import sass from "lume/plugins/sass.ts";
import feed from "lume/plugins/feed.ts";
import code_highlight from "lume/plugins/code_highlight.ts";
import toc from "https://deno.land/x/lume_markdown_plugins@v0.6.0/toc.ts";
+import footnotes from "https://deno.land/x/lume_markdown_plugins@v0.6.0/footnotes.ts";
import lang_typescript from "npm:highlight.js/lib/languages/typescript";
import lang_javascript from "npm:highlight.js/lib/languages/javascript";
@@ -56,5 +57,6 @@ site.use(toc({
lowercase: true,
},
}));
+site.use(footnotes());
export default site;
diff --git a/_includes/layouts/post.tsx b/_includes/layouts/post.tsx
index 3556ead..9c4aad2 100644
--- a/_includes/layouts/post.tsx
+++ b/_includes/layouts/post.tsx
@@ -1,6 +1,6 @@
export const layout = "./base.tsx";
-export default function({ children, toc }) {
+export default function({ children, toc, footnotes }) {
return (
<>
{ toc.length > 0 &&
@@ -27,6 +27,16 @@ export default function({ children, toc }) {