简介

Meteor版本：1.2

最近使用Meteor过程中，发现markdown包中的代码高亮几乎没有样式，于是在网上找了highlight.js这个代码高亮插件，下载的文件，分别放在client/lib/js和client/lib/css目录中，按网站介绍的配置后，没有效果，看来是不能很好的识别，只好到Atmospherejs搜索已经和Meteor集成好的包。

发现了这个包simple-highlight.js，并且是和markdown集成好的，不用另外配置。

1
meteor add simple-highlight.js

不过查看效果，并不是很好看，到它的Github项目主页浏览源码，发现它只有一种默认样式：github.css，就想到替换这个默认样式，在highlight.js官网找到了zenburn.css这个样式，最简单的方法就是直接替换css文件的内容，不过不太高大上，于是就需要我们修改它的包，制作成我们自己的包。

修改源码包

在项目主目录中，首先我们需要把源码下载到本地，并打开：

1
2
3
git clone https://github.com/stubailo/meteor-highlight.js.git
cd meteor-highlight.js
subl .

修改package.js里面的内容：

1
2
3
4
5
6
Package.describe({
  summary: "Code highlighting integrated with the markdown package",
  version: "1.2.0",
  name: "simple:highlight.js",
  git: "https://github.com/stubailo/meteor-highlight.js"
});

主要是修改name，其他内容可以不变，例如我修改为：

1
2
3
4
5
6
Package.describe({
  summary: "modify--->Code highlighting integrated with the markdown package",
  version: "1.2.0",
  name: "modify:simple:highlight.js",
  git: "https://github.com/stubailo/meteor-highlight.js"
});

在Package.onUse()中修改：

1
2
3
api.addFiles("github.css");
#修改为
api.addFiles("zenburn.css");

然后只需要删除github.css文件，并添加zenburn.css文件。

制作本地包

在项目主目录中新建packages文件夹，注意Meteor的本地添加包都在这个文件夹下。把meteor-highlight.js这个文件夹添加进来：

1
2
mkdir packages
mv meteor-highlight.js  packages/modify-highlight.js

这里我把文件夹名称修改为modify-highlight.js，也可以不修改。

然后运行以下命令，把本地包添加到项目中：

1
meteor add modify:simple:highlight.js

注意这个包名就是name字段里的值。然后运行meteor list命令，就能看到我们的包已经添加进来，并且包名后面有个+号，说明是本地添加的包。

更多

你也可以在Atmospherejs上发布修改过的包，不过意义不是很大,毕竟我们只是修改了下css样式。