Crayon Syntax Highlighter—一款强大的代码高亮插件

为了更好的学习, 博客经常需求对一些代码停止搜集整理,之前不断运用的是DUX主题自带的代码高亮功用,但是最近发现当运用一些自定义的短代码时主题自带的代码高亮功用不辨认,仍旧会在前端执行,于是决议运用插件。在网上找了两天也运用了不少插件,最后决议运用Crayon Syntax Highlighter这款插件,固然网上说这款插件各种不兼容,各种占用资源,但我目前用着觉得还能够。

图片[1]-Crayon Syntax Highlighter—一款强大的代码高亮插件-孤勇者社区

还是依照老规矩,既然运用了这款插件,我们就尽可能地细致理解它,下面就附上我对插件各选项的了解,希望有助于你对插件的设置。

图片[2]-Crayon Syntax Highlighter—一款强大的代码高亮插件-孤勇者社区

主题:该选项主要经过主题的方式控制前端显现代码的款式,插件自带了多种多样的主题,你能够依据本人的喜欢停止选择,当然,假如自带的主题不能满足你的个性化需求,你能够经过复制一个主题,然后停止编辑,创立属于本人的主题。主题的编辑主要包括主题信息、代码、字符的颜色、边框的款式、等内容。

字体:用来设置代码的字体、字符大小以及每行高度的。

排版:设置代码框在前端显现时的大小及间隔你其他图文内容的边距;设置代码的对齐方式以及两行代码直接的间距。

图片[3]-Crayon Syntax Highlighter—一款强大的代码高亮插件-孤勇者社区

工具栏:就是代码框最上部显现的一行内容,包括复制、切换纯文本显现代码、切换能否显现行编号等内容,你能够经过该选项觉定能否显现它,以及能否显现你所要高亮代码的言语。

:主要是对行的一些编辑工作,选项曾经解释的很分明了,直接经过勾选就行了。

代码:代码选项的很多内容插件自身的注释也曾经很分明了,现就转义的概念稍做些解释。

转义字符串(Escape Sequence)也称字符实体(Character Entity)。在HTML中,定义转义字符串的缘由有两个:第一个缘由是像”<“和”>”这类符号曾经用来表示HTML标签,因而就不能直接当做文本中的符号来运用。为了在HTML文档中运用这些符号,就需求定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时,要严厉恪守字母大小写的规则。第二个缘由是,有些字符在ASCII字符集中没有定义,因而需求运用转义字符串来表示。

其实一切编程言语,具有转义字符的缘由根本上是两点:一、运用转义字符来表示字符集中定义的字符,比方ASCll里面的控制字符及回车换行等字符,这些字符都没有现成的文字代号。所以只能用转义字符来表示 。二、某一些特定的字符在编辑言语中被定义为特殊用处的字符。这些字符由于被定义为特殊用处,它们失去了原有的意义。比方说Html中,<被HTML定义为标签的开端,所以当我们转入<时,HTML就会把它当作为开端,而不是当作一个<来对待。再如PHP 的双引号(“),被PHP定义为字符串的外围标签,所以假如你在一对双引号里面,还想要运用双引号,只能运用转义字符了。不然PHP就会报错了。

图片[4]-Crayon Syntax Highlighter—一款强大的代码高亮插件-孤勇者社区

标签:经过捕获你文章中特定代码的标签,在前端高亮显现。

言语:设置你所要高亮代码的言语,普通选择默许即可。假如需求标注言语,能够在编辑文章的时分改成对应的言语。

文章:经过点击“显现已运用代码高亮的文章”可罗列出你运用此插件停止代码高亮的文章目录,便当管理。

标签编辑器:将老式的标签转换为新版本的标签。目前我还没用过这个功用,假如你需求运用的话倡议先备份下数据以免呈现毛病。

图片[5]-Crayon Syntax Highlighter—一款强大的代码高亮插件-孤勇者社区

后面的这几个选项也没有什么好说的,各个选项曾经说的很分明了,重点是日志这个选项,你能够经过查看插件的日志来理解这款插件的运转状态,并依据错误信息处理插件与其他插件或主题等的不兼容问题。说的再多不如亲身理论,想要理解更多Crayon Syntax Highlighter的功用,还是装置上这款插件亲身理论一番吧。你能够点击这里停止下载,也能够经过WordPress后台收缩Crayon Syntax Highlighter插件停止装置启用。

 

官网下载:https://wordpress.org/plugins/crayonsyntax-highlighter/

------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞10赞赏 分享
评论 共1条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片
    • 头像李的0