Assemble-goldcome-highlight NPM

assemble-goldcome-highlight

Assemble的markdown语法高亮插件，用到highlight.js,生成html使用Cheerio.js.

Quickstart

包安装：

npm install assemble-goldcome-highlight --save

Gruntfile.js定制：

module.exports = function(grunt) {

  // Project configuration.
  grunt.initConfig({
    assemble: {
      options: {
        plugins: ['assemble-goldcome-highlight']
      },
      ...
    }
  });
  grunt.loadNpmTasks('assemble');
  grunt.registerTask('default', ['assemble']);
};

Options

selector

Type: String

指定要highlight的选择器，默认是全局

mode

Type: String

规定选择代码模式，默认是所有code代码下的，包括：<pre><code>...</code></pre>和<code>...</code>

选项为：code则<code>...</code>；选项为precode``则...；选项为：all`，则两者皆有

Usage Examples

基本用法

最基本用法:

assemble: {
  blog: {
    options: {
      plugins: ['assemble-goldcome-highlight'],
    },
    files: {
      './blog/': ['./templates/blog/*.hbs']
    }
  }
}

高级

assemble: {
  blog: {
    options: {
      plugins: ['assemble-goldcome-highlight'],
      toc: {
        boxid: 'boxid'
      }
    },
    files: {
      './blog/': ['./templates/blog/*.hbs']
    }
  }
}

注意：要查看链接图标，一定要在服务器状态！