php代码美化-博客代码美化(SyntaxHighlighter)

2023-09-05 0 5,984 百度已收录

这篇博文主要讲解我在使用SyntaxHighlighter编辑代码时遇到的问题以及如何使用SyntaxHighlighter?

首先我们来看看SyntaxHighlighter对代码艺术家的效果

2015年8月23日曾万小申个人博客代码效果如下:

函数 helloSyntaxHighlighter()

返回“嗨!”;

使用SyntaxHighlighter美化你的代码的效果如下:

函数 helloSyntaxHighlighter()

返回“嗨!”;

那么如何使用SyntaxHighlighter呢?

第 1 步:下载语法荧光笔

下载SyntaxHighlighter,下载地址如下:

a)(个人百度网盘共享,各版本均可用)

b)(官网php代码美化,进入有点慢)

第 2 步:配置 SyntaxHighlighter

首先,选择 SyntaxHighlighter 的版本。 我个人使用最新版本的syntaxhighlighter_3.0.83。 建议您选择相同版本。 不同版本的使用方法存在差异。

之后选择syntaxhighlighter_3.0.83进行解压php代码美化,并将解压后的文件粘贴复制到您的网站目录中。 比如我的心情文章就存放在feel/目录下。

最后在页面中引入shCore.js、shCoreDefault.css、shBrushJScript.js核心文件(注:仅syntaxhighlighter_3.0.83使用)

第 3 步:使用语法荧光笔

10

11

12

13

14

15

16

17 号

18

19

20

--------SyntaxHighlighter使用步骤--------

#第一步在head配置SyntaxHighlighter

“text/css”rel=“stylesheet”href=“syntaxhighlighter/styles/shCoreDefault.css”>

//注意这里的路径必须是SyntaxHighlighter文件存放的位置。 如果引用不正确,代码美化就会失败。

#第二步在body中使用SyntaxHighlighter

<pre class="brush: js">代码部分

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 php php代码美化-博客代码美化(SyntaxHighlighter) https://www.wkzy.net/game/194863.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务