首页 运维杂谈[WordPress]TekTea's Blog启用代码高亮插件SyntaxHighlighter Evolved

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

运维派隶属马哥教育旗下专业运维社区,是国内成立最早的IT运维技术社区,欢迎关注公众号:yunweipai
领取学习更多免费Linux云计算、Python、Docker、K8s教程关注公众号:马哥linux运维

对于像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. 支持在手机终端上显示该插件样式

三、效果演示:
[WordPress]TekTea's Blog启用代码高亮插件SyntaxHighlighter Evolved插图

本文链接:https://www.yunweipai.com/630.html

网友评论comments

回复 蓬勃主机 取消回复

您的电子邮箱地址不会被公开。

  1. 蓬勃主机说道:

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

  2. 倡萌说道:

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

Copyright © 2012-2022 YUNWEIPAI.COM - 运维派 京ICP备16064699号-6
扫二维码
扫二维码
返回顶部