minista 内の Markdown を簡単に HTML へ変換する React コンポーネント。
- remark-gfm
- rehype-highlight
- rehype-react
$ npm install --save-dev minista-markdownimport { Markdown } from "minista-markdown"
const markdownText = `# test`
const H1Red = (props: any) => {
return <h1 style={{ color: "red" }} {...props} />
}
const components = {
h1: H1Red,
}
export const PageMarkdown = () => {
return <Markdown content={markdownText} components={components} />
}
export default PageMarkdown
// => <h1 style="color:red">test</h1>- MIT