关于markdown:NextJS在Web端实现md文件内容展示

NextJS 开发过程中，应用了 MateriaUI 进行博客网站搭建，对 Markdown 的语法插件 markdown-to-jsx 理解不多，并且想要高亮代码块的显示成果。

npm install --save react-markdown react-syntax-highlighter

1.react-markdown：markdown 解析展现组件
2.react-syntax-highlighter：高亮款式组件

import React from 'react';
import ReactMarkdown from 'react-markdown';
import {Prism as SyntaxHighlighter} from 'react-syntax-highlighter'
import {tomorrow} from 'react-syntax-highlighter/dist/cjs/styles/prism';

const renderers = {code: ({language, value}) => {return <SyntaxHighlighter style={tomorrow} language={language} children={value} />
  },
}

export default function Markdown(props) {return <ReactMarkdown renderers={renderers} options={options} {...props} />;
}

呈现的问题

react-syntax-highlighter报错Unexpected token export

解决形式：款式门路 esm 改cjs【相干 ISSUE】

内容原创，未经自己批准禁止转载

关于markdown:NextJS在Web端实现md文件内容展示

应用到的组件

应用形式（组件化）

呈现的问题