如何在WordPress文章和页面中插入代码高亮显示-大鹏说

如何在WordPress文章和页面中插入代码高亮显示

夜间模式

这几天写建站教程时,想往文章里面插入代码做演示,发现代码放进去后格式会乱码。然后,就在网上搜了下,发现其实可简单,只需3步,轻松实现在WordPress文章和页面中插入代码并高亮显示。

1、下载HTML Editor Syntax Highlighter 插件
HTML Editor Syntax HighlighterWordPress官方其实有很多类似插件,搜索Syntax Highlighter等关键词,你就能发现了。有的好几年没有更新了,我选了一个更新频率比较高的,省的后期出问题麻烦。

2、编辑文章时,使用HTML的编辑方式插入以下代码
<pre lang=”LANGUAGE” line=”0″>//“此处复制粘贴想要展示的代码”</pre>
LANGUAGE改为语言类型,例如php、java。line为0不显示行号,为1时显示

3、支持的语言如下:abap, actionscript, actionscript3, ada, apache, applescript, apt_sources, asm, asp, autoit, avisynth, bash, bf, bibtex, blitzbasic, bnf, boo, c, c_mac, caddcl, cadlisp, cil, cfdg, cfm, cmake, cobol, cpp-qt, cpp, csharp, css, d, dcs, delphi, diff, div, dos, dot, eiffel, email, erlang, fo, fortran, freebasic, genero, gettext, glsl, gml, bnuplot, groovy, haskell, hq9plus, html4strict, idl, ini, inno, intercal, io, java, java5, javascript, kixtart, klonec, klonecpp, latex, lisp, locobasic, lolcode lotusformulas, lotusscript, lscript, lsl2, lua, m68k, make, matlab, mirc, modula3, mpasm, mxml, mysql, nsis, oberon2, objc, ocaml-brief, ocaml, oobas, oracle11, oracle8, pascal, per, pic16, pixelbender, perl, php-brief, php, plsql, povray, powershell, progress, prolog, properties, providex, python, qbasic, rails, rebol, reg, robots, ruby, sas, scala, scheme, scilab, sdlbasic, smalltalk, smarty, sql, tcl, teraterm, text, thinbasic, tsql, typoscript, vb, vbnet, verilog, vhdl, vim, visualfoxpro, visualprolog, whitespace, whois, winbatch, xml, xorg_conf, xpp, z80

到此,大功告成,效果如这篇文章 如何添加代码让文章页面显示是否被百度谷歌google收录 ,你学会了吗?

版权所有丨转载请标注大鹏说(dapengshuo.net)及原文URL:大鹏说 » 如何在WordPress文章和页面中插入代码高亮显示

赞 (1) 支持大鹏


发表我的评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址


赞赏支持大鹏,一起做好运营

支付宝扫一扫打赏

微信扫一扫打赏