首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Cnblogs-Theme-SimpleMemory 皮肤行号修复(基于1.3.0)?

Cnblogs-Theme-SimpleMemory 皮肤行号修复(基于1.3.0)?

提问于 2020-06-07 17:36:28
回答 0关注 0查看 250
代码语言:javascript
复制
   window.cnblogsConfig = {
  GhUserName: 'sky5454',
  GhRepositories: 'Cnblogs-Theme-SimpleMemory',
  GhVersions: '8dc7929cc55cdcff0b2d9373756a680db33d9fbd',
  //      GhVersions    : 'v1.3.0',
        essayCodeHighlightingType: "highlightjs",
        essayCodeHighlighting: "vs2015",
        codeLineNumber: true
};
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.3.0/src/script/simpleMemory.min.js"></script>

3|0改进点

皮肤代码相关配置-Docs 但本修改,实现了:在开启hljs配置时,统一使用 hljs 渲染行号,且可避免双行号的问题(去除默认编辑器的行号)

4|0原理

4|1简述

博客园默认编辑器勾选上行号,就附上了这样的行号代码

代码语言:javascript
复制
<span style="color: #008080;"> 3</span>
<span style="color: #008080;">22</span>
<span style="color: #008080;" data-darkreader-inline-color=""> 3</span>
<span style="color: #008080;" data-darkreader-inline-color="">22</span>

所以可以用正则把博客园默认行号替换成空格(本来想替换为空字符的,但由于还在实验阶段,就不了),然后再调用 hljs 库处理

4|2处理规则

正则式(JS)

代码语言:javascript
复制
  const regex = /<span style="color: #008080;[^>]*">(?:\s\d|\d\d+)<\/span>/gm;

回答

和开发者交流更多问题细节吧,去 写回答
相关文章

相似问题

相关问答用户
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档