如何使用代码高亮插件,之前的教程中已经写过了,在这里我不再说明,接下来给大家展示下代码高亮插件所支持的主题风格有哪些以及各自的展示效果。
我使用的代码高亮主题为: shades-of-purple
代码高亮插件支持的主题风格如下:
以上代码高亮插件所支持的主题,这是再本地调试运行时代码高亮主题字母写错了,然后提示我的,如下图所示:
开发这个代码高亮插件的作者所写文档中写道,支持的主题如下,与上图比较来说,少了几个:
废话不多说,下面直接开始展示,我所展示的是插件所支持的代码主题,也就是图中所显示的,以下是我自己亲自实践所得,如果主题有所不符,还请批评指正!
这个是我目前使用的代码高亮主题
当然你也可以再原有的代码高亮主题的基础上就行DIY,源代码位置:你的博客根目录\node_modules\prism-themes\themes和你的博客根目录\node_modules\prismjs\themes,如下图所示:
还可以对代码主题进行其他的修改,比如行号,关键词的高亮,语言的显示等等,都可以在这里面修改,自己研究研究就可以进行修改了,小编就不再这里过多的说明了,展示一些目录截图吧😄😄😄
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。