DEV Community
·
在 Sanity 博客中集成代码块和语法高亮
💡
原文英文，约600词，阅读约需3分钟。
📝
内容提要
本文介绍了如何在Sanity博客中集成代码输入和语法高亮功能。首先安装相应的包，然后添加插件和更新Schema。接下来，更新RenderBodyContent组件以渲染代码片段。最后，可以根据需要更改主题。通过本教程，成功将代码块和语法高亮集成到Sanity博客中。
🎯
关键要点
- 在Sanity博客中集成代码输入和语法高亮功能。
- 安装sanity/code-input和react-syntax-highlighter包。
- 在sanity.config.ts文件中添加代码输入插件。
- 更新BlockContent Schema以支持代码块。
- 在博客文章中添加代码片段并选择语言。
- 更新RenderBodyContent组件以渲染代码片段。
- 可以根据需要更改语法高亮主题。
- 成功将代码块和语法高亮集成到Sanity博客中。
➡️
