旗下导航:搜·么
当前位置:网站首页 > CMS教程 > 正文

wordpress怎样装置代码高亮插件【CMS教程】,wordpress,安装,代码高亮插件

作者:搜教程发布时间:2019-11-27分类:CMS教程浏览:93评论:0


导读:近来试用了不少的“代码高亮”插件,然则没有一款我以为很好的。要么结果款式不可,要么就是插进去代码太贫苦。经由细致互联网查找材料,总算找到了一款能让我十分满意的wordpress代码...
近来试用了不少的“代码高亮”插件,然则没有一款我以为很好的。要么结果款式不可,要么就是插进去代码太贫苦。经由细致互联网查找材料,总算找到了一款能让我十分满意的wordpress代码高亮插件。

Pure-Highlightjs是一个轻量级的语法高亮专为WordPress顺序所开辟的插件;它是一个基于 Highlightjs 完成的 WordPress 代码高亮插件,支撑 N 多种语言高亮,还供应多种主题。支撑在 WordPress 可视化编辑情势下插进去代码。

Pure-Highlightjs 依赖于以下开源项目:

highlight.js:https://highlightjs.org

highlight.js 是一个用于在任何 web 页面上着色显现种种示例源代码语法的 JS 项目。注重:这个不需要下载。

Pure-Highlightjs运用教程

一、下载、装置、启动插件

此插件必需去下载,以上传插件的情势来装置,末了才启动。

提示:直接背景搜刮装置启动是不可的。

1、下载地点:

https://github.com/icodechef/Pure-Highlightjs/raw/master/Pure-Highlightjs_1.0.zip

2、装置

进入 WordPress 背景治理页面,“插件 》装置插件 》上传插件”,上传适才下载的 ZIP 文件,然后装置。

或许解压装置包,上传到插件目次,/wp-content/plugins/。

3、启动

装置终了后,在已装置的插件里启用 “Pure Highlightjs”。

二、插件设置

设置也是异常的简朴,挑选一个你想你的代码显现的结果,有许多种结果,人人能够每个都去测试一下,假如你不做设置即用的是默许款式结果。下图是本博客“代码高亮”设置的显现结果,如下图:

相干引荐:《WordPress教程》

三、用了此插件后,编辑器怎样可视化插件代码?

装置此插件,只需你启动后,你的编辑器会涌现“<>"小图标,点击它就能够插进去你想要的代码。如下图:

四、终究网站前台页面“代码高亮”显现结果

由于此插件支撑的“代码高亮”结果有许多,我就只拿博主挑选的这个结果来做测试吧!如下图:

以上就是wordpress怎样装置代码高亮插件的细致内容,更多请关注ki4网别的相干文章!

标签:wordpress安装代码高亮插件


欢迎 发表评论: