zoukankan      html  css  js  c++  java
  • wordpress 代码高亮

    作为一个程序员,发一些程序开发相关的博文是在所难免的。插入高亮代码可以使文章更加清晰美观。但是wordpress并不支持之一功能。于是选择了SyntaxHighlighter Evolved插件。

    SyntaxHighlighter Evolved是基于SyntaxHighlighter JavaScript package开发的。在这儿我们可以看到,该插件支持’applescript , ‘actionscript3 as3 , ‘bash shell , ‘coldfusion cf , ‘cpp c , ‘c# c-sharp csharp, ‘css , ‘delphi pascal , ‘diff patch pas, ‘erl erlang, ‘groov , ‘java, ‘jfx javafx, ‘js jscript javascript , ‘perl pl’, ‘php , ‘text plain , ‘py python ‘, ‘ruby rails ror rb , ‘sass scss , ‘scala , ‘sql , ‘vb vbnet , ‘xml xhtml xslt html文件,可以满足我们大多数的需要。另外,这个插件的工具栏是一个比较好的特色,提供查看、复制、打印、帮助功能,这一功能需设置Highlighter Version为2.x。下面看一下效果。


    也许有人会觉得用插件如果有一天更换插件以前的文章代码就彻底乱了,所以会想去采用不用插件实现的方式。这里提供一种直接在html中插入css来实现的方法,登录发芽网在线代码高亮转换网站,把要插入的代码转换成HTML,插入文章就可以啦。下面给出不用插件的效果:


    HTML语言:Codee#20856
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en"lang="en"><head><metahttp-equiv="Content-Type"content="text/html; charset=UTF-8"/><title>PHP Code Example</title></head><body><h1>PHP Code Example</h1>
    <p><?php echo 'Hello World!'; ?></p><p>This line is highlighted.</p><divclass="foobar"> This is an example of smart tabs.</div><p><ahref="http://wordpress.org/">WordPress</a></p></body></html>

    如果不是经常需要插入代码的话可以考虑采用在线转换为html代码方法。否则,博主建议采用插件的方式。
  • 相关阅读:
    k8s dashboard 配置使用kubeconfig文件登录
    Spring Cloud 专题之七:Sleuth 服务跟踪
    Spring Cloud 专题之六:bus 消息总线
    Spring Cloud专题之五:config 配置中心
    Docker Storage Driver:存储驱动
    Docker引擎升级教程
    Docker介绍及安装详解
    Autowired和Resource的区别和联系
    OLTP与OLAP
    转载-JAVA 关于JNI本地库加载
  • 原文地址:https://www.cnblogs.com/bo083/p/2152783.html
Copyright © 2011-2022 走看看