首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

prism代码高亮主题风格展示阁

前言 如何使用代码高亮插件,之前的教程中已经写过了,在这里我不再说明,接下来给大家展示下代码高亮插件所支持的主题风格有哪些以及各自的展示效果。...我使用的代码高亮主题为: shades-of-purple 代码高亮插件支持的主题风格如下: coy dark funky okaidia solarizedlight tomorrow twilight...,这是再本地调试运行时代码高亮主题字母写错了,然后提示我的,如下图所示: [20200419154055.png] 开发这个代码高亮插件的作者所写文档中写道,支持的主题如下,与上图比较来说,少了几个:...,我所展示的是插件所支持的代码主题,也就是图中所显示的,以下是我自己亲自实践所得,如果主题有所不符,还请批评指正!...,语言的显示等等,都可以在这里面修改,自己研究研究就可以进行修改了,小编就不再这里过多的说明了,展示一些目录截图吧 [20200419162801.png] [20200419162626.png] [

2.7K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    语法高亮shiki

    例子 下面是一个简单的示例,展示了如何使用 Shiki 对 JavaScript 代码进行语法高亮并将其渲染为 HTML。...输出渲染结果:将渲染后的 HTML 输出,可以在网页中直接使用,展示带高亮的代码块。...应用场景: 博客和文档系统:在技术博客或文档中展示高亮代码片段,提升阅读体验。 静态网站生成器:集成到如 Hexo、Gatsby 等静态网站生成器中,用于渲染文档中的代码。...Web 应用:在 Web 应用中动态展示代码示例,帮助用户理解代码逻辑。 总结 Shiki 是一个非常灵活的代码高亮工具,能够轻松集成到多种类型的 JavaScript 项目中。...通过使用 Shiki,你可以确保代码的展示效果与 VS Code 编辑器中的高亮一致,给读者提供最佳的阅读体验。

    14810
    领券