From b0e85051cb95c0ce3a359f20862f80e4cdb091dd Mon Sep 17 00:00:00 2001 From: lonkaars Date: Mon, 12 Apr 2021 08:51:47 +0200 Subject: github flavored markdown + html in markdown --- package.json | 3 +- pages/post/[id].tsx | 7 ++- todo.todo | 1 - yarn.lock | 150 +++++++++++++++++++++++++++++++++++++++++++++++++++- 4 files changed, 156 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index 636b466..5e29438 100644 --- a/package.json +++ b/package.json @@ -14,7 +14,8 @@ "next": "10.0.9", "react": "17.0.2", "react-dom": "17.0.2", - "react-markdown": "^5.0.3" + "react-markdown": "^5.0.3", + "remark-gfm": "^1.0.0" }, "devDependencies": { "@types/node": "^14.14.36", diff --git a/pages/post/[id].tsx b/pages/post/[id].tsx index 8f6dde8..4f5acf7 100644 --- a/pages/post/[id].tsx +++ b/pages/post/[id].tsx @@ -1,7 +1,8 @@ import { ReactNode } from 'react'; -import ReactMarkdown from 'react-markdown'; +import ReactMarkdownWithHTML from 'react-markdown/with-html'; import { readdirSync, readFileSync } from 'fs'; import { join } from 'path'; +import gfm from 'remark-gfm'; import Seperator from '../../components/seperator'; import Navbar from '../../components/navbar'; @@ -21,7 +22,9 @@ export interface ArticleMeta { } export function RenderedArticle(props: { content: string }) { - return