WordPress美化：代码高亮插件优化 - p0ise

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

2022-6-05 18:05

|

493

|

2

|

332 字

|

2 分钟

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

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

效果展示

TODO

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

更新日志

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

2022/06/05 （内测）优化了部分命名，增加仿Mac风格效果

参考

WordPress 代码高亮插件美化

评论

123

2 年前
2022-8-03 20:07:15

你的源码呢
- p0ise
  博主
  123
  
  2 年前
  2022-8-03 20:31:48
  
  有待完善，暂不公布（最近比较忙，先鸽了。。。

发送评论编辑评论

Markdown

悄悄话

邮件提醒

|´・ω・)ノ

ヾ(≧∇≦*)ゝ

(☆ω☆)

（╯‵□′）╯︵┴─┴

￣﹃￣

(/ω＼)

∠( ᐛ 」∠)＿

(๑•̀ㅁ•́ฅ)

→_→

୧(๑•̀⌄•́๑)૭

٩(ˊᗜˋ*)و

(ノ°ο°)ノ

(´இ皿இ｀)

⌇●﹏●⌇

(ฅ´ω`ฅ)

(╯°A°)╯︵○○○

φ(￣∇￣o)

ヾ(´･･｀｡)ノ"

( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃

(ó﹏ò｡)

Σ(っ °Д °;)っ

( ,,´･ω･)ﾉ"(´っω･｀｡)

╮(╯▽╰)╭

o(*////▽////*)q

＞﹏＜

( ๑´•ω•) "(ㆆᴗㆆ)

颜文字

Emoji

小恐龙

花!