Merge pull request #114 from krymtkts:feature/footnote

Add support for footnotes in markdown parser.
krymtkts · Nov 19, 2023 · 069b63a · 069b63a
2 parents 3655839 + 1b94c59
commit 069b63a
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 2 deletions.
diff --git a/contents/posts/2023-02-01-about-markdown-parser.md b/contents/posts/2023-02-01-about-markdown-parser.md
@@ -26,6 +26,10 @@ plain _italic_ **bold** `code` ~~strikethrough~~
 
 Recommends to start Markdown headings from h2 because it render the blog title as h1.
 
+footnote like this[^1]
+
+[^1]: footnote line requires blank line before.
+
 ## blockquote
 
 > blockquote

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -19,9 +19,10 @@
   "dependencies": {
     "highlight.js": "^11.9.0",
     "marked": "^10.0.0",
+    "marked-footnote": "^1.1.2",
     "marked-highlight": "^2.0.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "yaml": "^2.3.4"
   }
-}
+}
diff --git a/src/Common.fs b/src/Common.fs
@@ -79,6 +79,7 @@ module private Util =
 
     let private me: ResizeArray<Marked.MarkedExtension> =
         let markedHighlight: obj -> Marked.MarkedExtension = importMember "marked-highlight"
+        let markedFootnote: obj -> Marked.MarkedExtension = importDefault "marked-footnote"
 
         let renderer =
             let heading text level =
@@ -155,7 +156,9 @@ module private Util =
 
             markedHighlight !!{| highlight = highlight |}
 
-        let mes = [ renderer; highlighter ]
+        let footNote = markedFootnote !!{| description = "<hr />" |}
+
+        let mes = [ renderer; highlighter; footNote ]
         ResizeArray mes
 
     marked.``use`` me