自定义代码高亮prism配置

自定义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