WordPress美化:代码高亮插件优化

不太喜欢B2主题的代码高亮,对于技术博客尤其是用于经常要分享一些代码以供复制的博客来说非常不友好。网上查找了相关插件和教程也没有找到满意的。这里特此开坑,打算基于Code Syntax Highlighting Block插件进行一些定制,同时解决一些遗留bug。

因为我以前用过typecho,里面有一款Code Prettify插件实现的效果我很喜欢,所以初步也是打算和它对标实现类似效果。

效果展示

白色仿Mac风格主题

TODO

  • 增加仿Mac风格主题
  • 增加默认语法高亮
  • 优化行号显示
    • 解决行号挡住部分代码问题
    • 解决行号代码不对齐问题
  • 可增加下载按钮
  • 优化设置方式
    • 语言种类选择框改为输入框
  • 可导入自定义主题
  • 优化主题CSS格式

更新日志

2022/06/05 (内测)优化了主题CSS格式,粗略解决仿Mac风格下行号挡住代码问题

2022/06/05 (内测)优化了部分命名,增加仿Mac风格效果

参考

  1. Code Syntax Block
  2. Code Prettify for typecho
上一篇
下一篇