当前位置:首页 > 手机资讯 > 正文

php pri,pri.js实现wordpress代码高亮+Markdown生成的pre/code免更改

php pri,pri.js实现wordpress代码高亮+Markdown生成的pre/code免更改

这款插件是使用自定义代码,比如 [php] [/php]、[python] [/python] 等方式来实现的。如果是使用默认的编辑器,定义一个按钮还是很方便的。

但之后使用的是 Markdown 的方式来编辑文章,成 html 后,代码块的表现形式是

 的方式来表现的。 
 

如果很个都改更,就很麻烦了。

就得网上找找有没有自定义

 的高亮代码。

pri.js

将 pri.js 和 pri.css 的代码置入网站头部,就能默认识别 html 代码中的

 标签。 
  
 

官网:https://prijs.com

选择主题,以及语言后,在最正文会生成 pri.js 和 pri.css ,全部下载后,上传至主题。

在网站 head 插入 pri.js 和 pri.css:# 链接地址修改为上传地址;

Wordpress撰写文章的时候编辑器里面使用下面的格式就可以高亮代码了:

 
 

...这里是代码...

...这里是代码...

...这里是代码...

上面的X表示语言类型,比如 language-css。

在下载 JS 文件时,可以选择加入行号,那么在

 部分加上: pre class="line-numbers" ,如下:

...这里是代码...

...这里是代码...

...这里是代码...

 
 

 
  
 

 
  
 

 
  
 

有话要说...