全能型和超强兼容性WordPress代码高亮插件Enlighter-WP

admin
admin
admin
76
文章
5
评论
2020年12月13日12:24:06 评论 15

WordPress写文章时经常要引用代码,Wordpress也有很多代码高亮插件,例如WP-Syntax、Crayon Syntax Highlighter、SyntaxHighlighter Evolved、Code Prettify等,这些Wordpress代码插件安装简单,使用方便,直接启用就可以在Wordpress撰写文章中使用了。

不过,自从Wordpress升级使用了古腾堡编辑器后,好多的WP代码高亮插件就无法使用了,而且好多的Wordpress代码高亮插件对于WP的主题的要求比较高,有一些自定义的WP主题可能存在与Wordpress代码高亮插件相冲突的地方,导致出现这样或者那样的问题。

众多的WordPress代码高亮插件中,Enlighter在兼容性方面做得不错,支持Gutenberg和TinyMCE编辑器,尤其是对古腾堡编辑器支持很好,且几乎支持市面上所有的语言,例如CSS、Html、Java、PHP、SQL、YAML、Ruby等,可以称得上全能型的代码高亮插件了。

全能型和超强兼容性WordPress代码高亮插件Enlighter-WP

一、Enlighter插件介绍

插件:

  1. 主页:https://cn.wordpress.org/plugins/enlighter/

Enlighter支持的语言有:

Assembly (assembly, asm)

AVR Assembly (avrassembly, avrasm)

C/C++ (c,cpp, c++)

C# (csharp)

CSS (css)

Cython (cython)

CordPro (cordpro)

diff (diff)

Dockerfile (docker, dockerfile)

Generic (generic, standard) – default highlighting scheme

Groovy (groovy)

Go (go, golang)

HTML (html)

Ini (ini, conf)

Java (java)

Javascript (js, javascript, jquery, mootools, ext.js)

JSON (json)

Kotlin (kotlin)

LESS (less)

LUA (lua)

Markdown (gfm, md, markdown)

Matlab/Octave (octave, matlab)

NSIS (nsis)

PHP (php)

Powerhsell (powershell)

Prolog (prolog)

Python (py, python)

PureBasic (purebasic, pb)

RAW (raw) – raw code without highlighting with EnlighterJS container styles!

Ruby (ruby)

Rust (rust)

SCSS (scss, sass)

Shellscript (shell, bash)

SQL (sql)

Squirrel (squirrel)

Swift (swift)

Typescript (typescript)

VHDL (vhdl)

VisualBasic (visualbasic, vb)

Verilog (verilog)

XML (xml)

YAML (yaml)

Enlighter提供非常多的主题可供选择,同时你也可以根据自己需要来自定义主题:

Enlighter (enlighter, standard) – Enlighter`s default Theme

Classic (classic) – SyntaxHighlighter inspired

Bootstrap (bootstrap4) – Bootstrap 4 inpired themes, high contrast

Beyond (beyond) – BeyondTechnology Theme

Godzilla (godzilla) – A MDN inspired Theme

Eclipse (eclipse) – Eclipse inspired

MooTwo (mootwo) – Inspired by the MooTools Website

Droide (droide) – Modern, minimalistic

Minimal (minimal) – Bright, High contrast

Atomic (atomic) – Dark, Colorful

Dracula (dracula) – Dark, using official draculatheme colorscheme

Rowhammer (rowhammer) – Light, Transparent, divided rows

二、Enlighter插件使用

Enlighter安装后就可以直接在后台撰写文章了,输入你的代码,然后选择语言类型,如下图(点击放大):

全能型和超强兼容性WordPress代码高亮插件Enlighter-WP

添加的代码还可以直接在编辑器中修改。

全能型和超强兼容性WordPress代码高亮插件Enlighter-WP

也可以对代码进行调整。

全能型和超强兼容性WordPress代码高亮插件Enlighter-WP

三、Enlighter插件设置

点击Enlighter设置选项,这里可以选择主题、自定义主题、编辑、兼容性、选项等。

全能型和超强兼容性WordPress代码高亮插件Enlighter-WP

在Enlighter的选项中,可以设置是否带滚动条、设置行号、鼠标放上效果等。

全能型和超强兼容性WordPress代码高亮插件Enlighter-WP

在Enlighter的自定义主题,可以设置颜色、按钮、评论、关键字等,特别要注意的就是Enlighter自定义主题不影响原来的主题。

全能型和超强兼容性WordPress代码高亮插件Enlighter-WP

另外Enlighter还可以一些高级设置,例如设置缓存、是否加载JS等。

全能型和超强兼容性WordPress代码高亮插件Enlighter-WP

四、Enlighter使用总结

关于Enlighter插件代码高亮效果,可以在本站中查看,例如:SmokePing Nginx和LNMP 1.6安装。

全能型和超强兼容性WordPress代码高亮插件Enlighter-WP

如果你在使用Enlighter的过程中遇到崩溃的问题,可能是你的WP主题与Enlighter不兼容,请切换成默认的WP主题看看效果。

admin
  • 本文由 发表于 2020年12月13日12:24:06
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: