如何在next js中使用语法突出显示?

3qpi33ja  于 2023-02-15  发布在  其他
关注(0)|答案(1)|浏览(118)

我可以在remarkremark-html的帮助下解析markdwon,如何为code元素添加语法突出显示功能?

deyfvvtc

deyfvvtc1#

我已经被搜索了***整整两天***试图使用语法突出显示的remark/reype生态系统,这是更复杂的使用方式。我仍然在搜索工作,最好避免remark/reype生态系统,并尝试另一种方法。
在这里我分享我的搜索列表,只是给予你一些主观的观点,这样你就不会浪费你太多的时间在不工作的事情上。没有一个会像你预期的那样工作,他们的示例代码是晦涩难懂的或只是破碎的代码。

  • https://github.com/remarkjs/remark-highlight.js
  • 他们搬家是为了支持reype。你是他们的超级粉丝吗?
  • https://github.com/sergioramos/remark-prism
  • 您将收到此错误:Module parse failed: Unexpected character '�'
  • https://github.com/torchlight-api/remark-torchlight
  • 他们在网站上说:这个🚨客户端还在开发中。请打开问题!🚨请在github上查看 github.com/torchlight-api/remark,此链接无效。
  • https://github.com/rehypejs/rehype-highlight
  • 它强迫你使用rehpye,虽然你可以重新输入,这样你可以很容易地转换。但是,一旦你遇到错误,调试你的代码将是无能为力的。
  • 示例代码使用第三方v-file来读取显示其代码工作但不工作的文件,并且它读取html文件而不是markdown文件。
  • 你很难理解他们的概念,很难轻松地使用他们的插件,浪费了你很多宝贵的时间去想他们的想法。
    我给予remark/reype生态系统,远离他们。祝你好运!:)

相关问题