Hexo code highlight by Prism.js
npm install hexo-prism-pluginhighlight.js didn't support JSX syntax properly, I wrote this plugin to replace
npm i -S hexo-prism-plugin
`
Usage
Firstly, you should edit your _config.yml by adding following configuration.
`yaml
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.
`yaml
highlight:
enable: false
`
Finally, clean and re-generate your project by running following commands:`
hexo clean
``
hexo generate
``- 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
- line_number:
- true (Show line numbers)
- false (Default, Hide line numbers)
- no_assets
- true (Stop loading asset files)
- false (Default, load script and stylesheets files)
https://github.com/PrismJS/prism-themes#available-themes
http://prismjs.com/#languages-list