代码高亮

nextra-theme-docs 使用 Prism 和 prism-react-renderer 来高亮显示代码块。本节将介绍如何自定义配置。

更多语言#

为了保持较小的打包体积，默认仅支持部分语言的代码高亮显示。如果你想要支持更多语言，可以按照以下步骤操作：

1. 运行 yarn add prismjs prism-react-renderer 向你的 Nextra 项目添加依赖。
2. 在 pages/_app.js 文件里面添加下面代码:

import Prism from 'prism-react-renderer/prism'
(typeof global !== "undefined" ? global : window).Prism = Prism
require("prismjs/components/prism-kotlin")
require("prismjs/components/prism-csharp")

重新启动应用，就可以支持 Kotlin 和 C# 代码的高亮显示了。 您可以在这里找到支持语言的完整列表。