代码高亮插件Crayon Syntax的问题及解决

Chinese_medicine_pills
最近在吃的中药药丸,每天两颗,味道苦死了,还怪怪的。不知道有没有西游记中提到的马兜铃、百草霜什么的,呕……
还剩下两颗,周六再吃俩就吃完了,终于可以松口气了。上图

好吧,这篇文章不是讨论这个不知道什么东西团成的球球的,下面进入正题。

绪论

我的博客代码高亮插件由wp-syntax更换为Crayon Syntax Highlighter很长时间了,选这个的是因为其显示效果非常出众同时对于一段代码中存在多种语言的支持很好。

但是经常出现的一个问题不得不让我纠结。

鉴于使用Crayon本身提供的代码编辑器,会把php、python之类的代码中出现的<、&等符号直接转义为&lt;、&amp;
因此我在文章中加入代码一律使用<pre lang=”c”></pre>的形式

问题描述

于是问题来了。例如下面的代码:

crayon_syntax_highlighter-1

在Chrome却显示成:

crayon_syntax_highlighter-2

 

解决方法

感谢Aram Kocharyan帮忙找到问题所在:

It’s caused by CSS:

You have this in your style.css:

.st {
float:left;margin:15px 0 0 16px;
}

This conflicts with the “statement” element in Crayon. I’ll fix this shortly.

Cheers,
Aram Kocharyan – aramk.com

原来是因为css冲突,在我的博客目前使用的主题中,搜索框的位置是由class为st的span决定的,而Crayon Syntax Highlighter这个插件同样使用了这个:

crayon_syntax_highlighter-4crayon_syntax_highlighter-5

那么把搜索框的类名由st改为stt,同时修改对应的css就可以了。

问题圆满解决。

同时aramkocharyan也更新了插件。Commit History:All language css classes are prefixed with “crayon-” to prevent conflicts

教训

以后无论是做插件还是弄主题,定义变量时千万不要偷懒使用一两位字母的名字了,免得与别人的冲突。加个前缀leniy什么的就好了。

作者: Leniy

Do not , for one repulse , give up the purpose that you resolved to effect .

本文著作版权归Leniy所有,并受法律保护。

转载、使用整体或任何部分的内容(包含但不限于各个页面的标题、评论框提示语)须经过Leniy的授权。

CopyRight © 2006-2017 Leniy.org all rights reserved.

61 thoughts on “代码高亮插件Crayon Syntax的问题及解决

    • Leniy

      我的博客还是blog的子域名。顶级域名准备弄个关于页面

    • Leniy

      你回复的评论好久远,找了好久才找到这条评论。强烈鄙视多说插件不设置锚链接功能

    • 海蓝

      恩啊 就是 那次不能用了 我去他们的官方论坛上去说了说 倒是很快就解决了 这点还不错

  1. 冬小寒

    我晕 我一直没有高亮插件。。。。更不会用 有了给我发个 教教我怎么用

  2. wp-syntax这个我好像用过~ 不过好久没贴过代码了~
    感觉不怎么贴代码的话,在线的比如发芽感觉也可以~

    • Leniy

      恩,也可以直接转换好后再放上来。不过很多的话就只能用这个了

    • 简搜博客

      就是怪怪的 尤其是最后一个剩一半的 嘿嘿 不过博主应该已经好了吧

    • Leniy

      恩,把主题相关的代码和css修改了就好了。没用插件作者给我发的升级包。

    • Leniy

      如果你说的是药丸的话……图上那三个是同一颗。
      左边是原样的,中间是被我剥开后的,右边是我咬了一口后的。

    • 简搜博客

      我说右边那个怎么怪怪的 原来是被咬了一口的 嘿嘿

    • Leniy

      我怎么记得你用过一段时间的红色哪个?
      你是在多说用的?

    • 简搜博客

      之前是用过一段时间 但是后来就改成我们家二毛了 嘿嘿

    • 简搜博客

      养个听话的还行 要是像二毛这样的二货 就看他天天抽风吧

    • 简搜博客

      我劝您 还是不要养小哈这中二货 二起来真的要人命呀 那白眼翻得 真愁死人了 而且小哈美眉更是个神经质呀

    • 简搜博客

      现在先不养了 等我有了可以好好照顾他的条件 我再养 不然 我就又害了另一个二毛

    • 简搜博客

      仓鼠我就不考虑了 我想养一只又肥又大的狗狗和一只萌死人不偿命的折耳猫 嘿嘿

    • Leniy

      仓鼠1.5-2年寿命……太短了

      折耳猫养的胖胖的,超级可爱

    • 简搜博客

      就是就是 还要有只大肥狗狗 两个都胖嘟嘟的

    • Leniy

      我喜欢健壮的狗,藏獒哈士奇之类的。
      然后就是超级小的狗,可以托在手里蹂躏的

    • 简搜博客

      太小的不好玩 大个的抱着才舒服 藏獒我是驾驭不了 小哈 太二 还容易丢 我算是戒了 我想养个大白熊 又白又胖的 抱着捏他

    • Leniy

      走不动就要来回抱着,太考验自己胸肌与肱二头肌的发达程度了。

    • 简搜博客

      到时候就有了 看过那个故事不 有个人每天都背着一条大狗狗出来 有人就问他了 为什么要背着狗呢 让他自己走 不就行了 那人说 他老了 走不动了 我就是背他出来晒晒太阳 他高兴

    • Leniy

      js变量的同命倒是有点容易。
      特别是CSH之前大部分都是两三个字母的变量名。

  3. 抽油烟机哪种好

    博主,你的博客很漂亮,主题在哪里下载的呢,能不能发给我一份呀!~感谢!~

发表评论

电子邮件地址不会被公开。 必填项已用*标注