欢迎来到资源库(www.zyku.net)

工具资源

当前位置:首页 > 网站运营 > 工具资源 > SyntaxHighlighter

SyntaxHighlighter网页代码高亮插件build构造方法

时间:2020-06-24|栏目:工具资源|点击:|我要投稿

构建方法比较繁琐,如果不想自己build,在本文底部提供了已经打包好的文件下载,可下载直接使用。下面来看看构建的完整过程:

创建一个文件夹,这里创建bak文件夹

构造的过程需要依赖于git和nodejs,如果没有安装git和nodejs,可以运行下面命令安装:

yum install git -y

wget https://nodejs.org/dist/v6.9.4/node-v6.9.4-linux-x64.tar.gz

tar xzf node-v6.9.4-linux-x64.tar.gz

mv node-v6.9.4-linux-x64 node

mv node /usr/local/

设置环境变量

cd /etc/profile.d

vim node.sh

插入如下内容保存:

export NODE_HOME=/usr/local/node
export PATH=$PATH:$NODE_HOME/bin
export NODE_PATH=$NODE_HOME/lib/node_modules

使环境变量生效:

cd /etc
source profile

查看nodejs和npm版本:

node -v
npm -v

下载syntaxhighlighter4.0.1:

cd /bak
git clone https://github.com/syntaxhighlighter/syntaxhighlighter.git
cd syntaxhighlighter
npm install

设置项目:

./node_modules/gulp/bin/gulp.js setup-project

如果报错“TypeError: loadReposFromCache(...).error is not a function”,请修改以下文件后再次执行:

找到文件:node_modules/songbird/lib/songbird.js

Promise = global.Promise || require("bluebird");

修改为:

Promise = require("bluebird");

最后可以执行下面命令构造syntaxhighlighter:

./node_modules/gulp/bin/gulp.js build --brushes=all --theme=default

构造完成:

默认情况下,所有构造文件都位于dist文件夹中,如下图所示:

打开index.html演示文件,效果如下图所示:

(资源库 www.zyku.net)

原创文章转载请注明原文链接:https://www.zyku.net/gongju/1935.html

资源库本地下载

关于我们 | 版权申明 | 寻求合作 |

重要申明:本站所有的文章、图片、评论等内容,均由网友发表或上传并维护或收集自网络,仅供个人学习交流使用,版权归原作者所有。

如有侵犯您的版权,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:95148658 | 邮箱:mb8#qq.com(#换成@)

苏ICP备2020066115号-1

本网站由提供CDN加速/云存储服务