这篇博文主要讲解我在使用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"
>代码部分