• 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代码方法。否则,博主建议采用插件的方式。
  • 相关阅读:
    java利用Scanner获取键盘输入
    实验四:数据类型与运算符 4、运算符及表达式实训
    实验三:数据类型与运算符 4、运算符及表达式实训
    Java运算符优先级
    laravel jobs 进程
    安装laravel horizon进程管理
    layui导出表格
    layui无限级分类
    Linux中基本命令
    gogs git 部署服务端钩子 自动发布项目
  • 原文地址:https://www.cnblogs.com/bo083/p/2152783.html
Copyright © 2020-2023  润新知