hexo-prism-plugin

Hexo code highlight by Prism.js

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
hexo-prism-plugin
2.3.06 years ago8 years agoMinified + gzip package size for hexo-prism-plugin in KB

Readme

Hexo-Prism-Plugin NPM
Since highlight.js didn't support JSX syntax properly, I wrote this plugin to replace Hexo's default code highlight plugin.

Install

npm i -S hexo-prism-plugin

Usage

Firstly, you should edit your _config.yml by adding following configuration.
prism_plugin:
  mode: 'preprocess'    # realtime/preprocess
  theme: 'default'
  line_number: false    # default false
  custom_css: 'path/to/your/custom.css'     # optional
After that, check highlight option in _config.yml. Make sure that default code highlight plugin is disabled.
highlight:
  enable: false
Finally, clean and re-generate your project by running following commands:
hexo clean

hexo generate

Options

  • mode:
- realtime (Parse code on browser in real time) - preprocess (Preprocess code in node)
  • theme:
- default - coy - dark - funky - okaidia - solarizedlight - tomorrow - twilight - atom-dark - base16-ateliersulphurpool.light - cb - duotone-dark - duotone-earth - duotone-forest - duotone-light - duotone-sea - duotone-space - ghcolors - hopscotch - pojoaque - vs - xonokai
  • linenumber:
- true (Show line numbers) - false (Default, Hide line numbers)
  • noassets
- true (Stop loading asset files) - false (Default, load script and stylesheets files)

Themes

You can check out prism-themes project for additional theme preview:
https://github.com/PrismJS/prism-themes#available-themes

Supported languages

You could find the supported languages here:
http://prismjs.com/#languages-list

License

MIT