Closed Nothing-lin closed 3 years ago
因为hexo对于code block的渲染是默认<pre><code class="java">{$code}</code></pre>
的形式,但是EnlighterJS对于code block的默认渲染形式是<pre>{$code}</pre>
,查询官网之后说是可以直接添加一个脚本文件来重新定义code block和pre标签的渲染输出。
参考网站:
EnlighterJS代码块样式BUG已修复,此isuess将关闭
解决方案一:
使用JS对pre标签内的code标签进行删除,然后再增加一个
data-enlighter-language="less"
属性给pre标签,可是又该如何获取code标签的class的值呢?如果能够获取这个值赋予pre标签的data-enlighter-language="语言值"
,那么整个代码框的开发就完成了。