自定义HEXO 代码高亮风格
hexo 默认配置是 highlight , 博客使用时法线似乎格式和风格不太能定义, 于是希望替换下,本文记录了使用prism.js替换成一个可行的配色 。
禁用默认highlight
打开根目录下的_config.yml文件,修改配置
highlight:
enable: false
line_number: false
auto_detect: false
tab_replace:下载prism
可以从页面: https://prismjs.com/download.html;选择 theme 主题、language 支持的语言(不要选太多,够用就好)、plugin 插件(可以选Line Numbers、Copyto Clipboard Button,其他的看自己需求);然后点击下载按钮就行了;下载到本地之后,将它们重命名为 prism.js、prism.css,然后将它们放置到 /source/libs/prism/ 目录下
配置 prism
修改 themes/xxxx/layout/_partials/head.swig,在尾部添加以下代码:
修改 themes/next/layout/_partials/footer.swig,在尾部添加以下代码测试prism
hexo clean && hexo s
