• 欢迎访问我的博客

WordPress代码高亮插件:WP-Syntax

wordpress iJiaxin 1年前 (2017-05-22) 550次浏览 0个评论 扫描二维码

倡萌在此之前一直使用 WP-CodeBox 代码高亮插件,但使用 Windows Live Writer (简称 WLW )发布含有代码的文章,代码都会被转义,需要进入 WordPress 后台的 Html 模式下重新编辑代码,很是麻烦。搜索得知,要防止转义,可以添加 escaped=”true” 属性,经过测试,发现 WP-CodeBox 插件不支持 escaped=”true” 属性,所以只好使用其他插件。

由于 WP-CodeBox 使用的是<pre />容器,所以也最好找个同样使用<pre />容器的插件,最后选择了 WP-Syntax 代码高亮插件,WP-Syntax 和 WP-CodeBox 都是基于 GeSHi 支持的语言的语法,使用方法基本一样,最重要的是 WP-Syntax 支持 escaped=”true” 属性。

WP-Syntax 代码书写格式

其中,lang=”html”表示代码语言为 html,请根据自己需要修改; line=”1″ 表示显示行号,如果不需要,去掉即可;escaped=”true” 是为了防止代码转义,如果不需要,去掉即可。

注意:在 wordpress 后台使用 WP-Syntax 等代码高亮插件,需要在 html 模式下添加代码,不要随意切换到可视化模式,否则代码就容易转义!!

WP-Syntax 插件支持的高亮语言

WP-Syntax 安装使用
官方下载 WP-Syntax | 备用下载 WP-Syntax | 也可后台搜索安装
WP-Syntax 优化技巧

说真的,WP-Syntax 的 css 样式看起来比较难看,所以倡萌自己修改了一下,最终的效果如下图

如果你需要,可以使用下面的代码,覆盖该插件的 wp-syntax/wp-syntax.css 的代码

你也可以将上面的代码添加到你主题的 style.css 文件中,然后在 functions.php 中添加下面的代码,取消 WP-Syntax 加载的 css 文件,这样,即使你以后升级了插件,也能保留你自己的样式。

来源: WordPress 代码高亮插件:WP-Syntax | WordPress 大学


iJiaxin 个人博客 , 版权所有丨如未注明 , 均为原创丨转载请注明原文链接:WordPress 代码高亮插件:WP-Syntax

喜欢 (1)
[]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
152 queries in 3.717 seconds, using 13.39MB memory