zhangyu1818 / rsc-mdx

Lightweight MDX rendering for React Server Components, with custom component and plugin support.
MIT License
4 stars 0 forks source link

markdown渲染问题 #1

Closed M0rtzz closed 3 months ago

M0rtzz commented 3 months ago

markdown的引用块和警告框的渲染能更新一下吗:

原文:

图片

图片

引用框会出现引号,警告框无法正常显示:

图片

图片

zhangyu1818 commented 3 months ago

这是Github Markdown扩展语法,与标准Markdown不同且与此库无关,此库只是mdx-js的包装。

要在自己的Markdown中实现这个效果,可以使用插件,比如这个


如果你指的是我博客里的话,已经实现了部分效果,你可能需要自定义样式:

提示:

  1. 引号是CSS加的。
  2. 根据标签类型渲染不同的Icon组件和样式。

用别的插件需要把这些都去掉。

M0rtzz commented 3 months ago

这是Github Markdown扩展语法,与标准Markdown不同且与此库无关,此库只是mdx-js的包装。

要在自己的Markdown中实现这个效果,可以使用插件,比如这个

如果你指的是我博客里的话,已经实现了部分效果,你可能需要自定义样式:

* [语法解析](https://github.com/zhangyu1818/blog/blob/next14/src/markdown/plugins.ts)

* [自定义渲染](https://github.com/zhangyu1818/blog/blob/next14/src/markdown/components/alert.tsx)

提示:

1. 引号是CSS加的。

2. 根据标签类型渲染不同的Icon组件和样式。

用别的插件需要把这些都去掉。

图片

那这种局部代码块呢

zhangyu1818 commented 3 months ago

大部分markdown库在不用插件的情况下,做的工作只是将markdown渲染成html,是不会改变内容的。

最终效果所有的样式都来源于css,你可以先在页面审查html,这些问题都和这个仓库没关系。