[WordPress]TekTea’s Blog启用代码高亮插件SyntaxHighlighter Evolved

对于像TekTea这样的技术博客,是需要经常在文章里贴各种编程语言的代码,默认的code标签是不会高亮代码的关键词,这样就会影响代码在文章中的美观和可读性。本站启用的代码高亮插件则是“SyntaxHighlighter Evolved”,它是一个代码高亮、模式化的工具,能让你的代码在网页上以类似IDE编辑器里的样子高亮关键字这篇文章将详细讲解如何使用“SyntaxHighlighter Evolved”。

一、插件用法:

  • 在代码前根据代码语言的不同加上不同的[%Lang]在代码后加上[/%Lang],%Lang = 你用的语言对应的Brush aliases(具体对应罗列于下)。例如[@cpp]#include <stdio.h>[/cpp](@去掉)。
  • 或者只用一次%Lang,[@code lang=%Lang]你的代码[/code]或者[@source lang=%Lang]你的代码[@source lang=%Lang],其中lang都可以换成language。

注意:
1. 添加新文章时就就需要手工编辑下了,还有一点要记住的是在插入代码前,要将编辑器切换到”HTML”模式
2. 建议使用这种格式:[@code lang=%Lang]你的代码[/code] (将code前的@去掉,同时将%Lang替换为你所需要高亮的代码语言,比如:c/java/ruby/shell/python)

二、功能说明:

1. 显示代码行数
2. 支持收缩代码框
3. 支持在手机终端上显示该插件样式

三、效果演示:

网友评论comments

发表评论

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

  1. 蓬勃主机说道:

    这个插件以前用过 感觉还不错

  2. 倡萌说道:

    对于码农来说 高亮是必须的

Copyright © 2012-2017 YUNWEIPAI.COM - 运维派 - 粤ICP备14090526号-3
扫二维码
扫二维码
返回顶部