hexo markdown highlight.js 代码高亮失效问题记录

问题描述

按照hexo文档配置

highlight:
  enable: true
  auto_detect: false
  line_number: true
  tab_replace: '  '
  wrap: true
  hljs: false
prismjs:
  enable: false

以ssr形式中直接渲染发现无效，改成csr渲染就行。在模板文件中添加

<link rel="stylesheet" href="//cdn.bootcss.com/highlight.js/9.2.0/styles/github.min.css">
<script src="//cdn.bootcss.com/highlight.js/9.2.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

注意

md文件中，使用代码语言标记必须加空格，否则失效
[```][空格][语言标记]

更改样式

去github找到highlight源码，直接替换highlight css文件即可，推荐highlight-a11y-dark.css 黑色主题