Nothing-lin / hexo-theme-coolshell

【个人项目】this a hexo theme...(完善中···)
0 stars 1 forks source link

EnlighterJS高亮代码块BUG #1

Closed Nothing-lin closed 3 years ago

Nothing-lin commented 3 years ago

image

image

image




解决方案一:

使用JS对pre标签内的code标签进行删除,然后再增加一个data-enlighter-language="less"属性给pre标签,可是又该如何获取code标签的class的值呢?如果能够获取这个值赋予pre标签的data-enlighter-language="语言值",那么整个代码框的开发就完成了。

Nothing-lin commented 3 years ago

因为hexo对于code block的渲染是默认<pre><code class="java">{$code}</code></pre>的形式,但是EnlighterJS对于code block的默认渲染形式是<pre>{$code}</pre>,查询官网之后说是可以直接添加一个脚本文件来重新定义code block和pre标签的渲染输出。

参考网站:

Nothing-lin commented 3 years ago

EnlighterJS代码块样式BUG已修复,此isuess将关闭