WordPress代码高亮&显示行数插件 配合wiz使用的选择

2017年12月2日18:45:08 发表评论 508 views

WordPress代码高亮&显示行数插件 配合wiz使用的选择

前言:

代码高亮可以让代码区块和其他内容明显区别开来,以避免"乱糟糟"的阅读感.
为知(Wiz)作为一款笔记管理编辑软件,附带有发布WP的功能,但默认的显示效果很糟糕,这里介绍可以简单无需修改主题即可搭配使用的高亮插件.
wiz编辑器中的代码框:
WordPress代码高亮&显示行数插件 配合wiz使用的选择
wiz发布博客后wp的默认显示效果(丑就一个字): 

WordPress代码高亮&显示行数插件 配合wiz使用的选择

wiz的"插入代码"功能在发布为博客后,使用的是<pre>和<code> 组合标签:
 WordPress代码高亮&显示行数插件 配合wiz使用的选择

启用代码高亮插件 Crayon Syntax Highlighter示例效果图(上档次!) :
WordPress代码高亮&显示行数插件 配合wiz使用的选择

推荐使用:Crayon Syntax Highlighter

优点:
    √ 支持wiz编辑器的"插入代码"(不需另外再做修改配对来支持).
    √ 支持显示行号.

 注意:Crayon的"设置"按钮在"详情"后面,而不是通常的"启/停用" 后面WordPress代码高亮&显示行数插件 配合wiz使用的选择





其他WP代码高亮插件:

另外再提及几款其他高亮插件对wiz代码模块支持的测试结果

CodeColorer : 仅<code>,不含<pre>

CodeColorer 启用效果图 :
WordPress代码高亮&显示行数插件 配合wiz使用的选择

 WP Code Highlight : 部分支持,不渲染<code>,仅<pre>

WP Code Highlight 启用效果图:

WordPress代码高亮&显示行数插件 配合wiz使用的选择

WP Code Highlight.js : 支持,只改变颜色

仅仅背景和字体颜色,视觉框架并没有大变化,并且不能显示行号.

WordPress代码高亮&显示行数插件 配合wiz使用的选择

WP-Syntax : 不支持默认渲染

Enlighter – Customizable Syntax Highlighter : 不支持默认渲染

Syntax Highlighter for Theme/Plugin Editor : 不支持默认渲染

SyntaxHighlighter Evolved : 不支持默认渲染

 

 

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: