一招解决hexo中代码高亮问题-2021-11-15

一招解决hexo中mater主题代码高亮问题

在使用hexo搭建个人博客的过程中,你也许会遇到代码高亮的问题,比如这样的:
①代码框长度根据代码的长度决定
代码显示不正常
还有这样的:
②代码长度过长,但是会直接显示在一行,这个是因为没有添加代码类型。写代码的时候记得添加代码类型即可。
代码显示很长
或许也有这样的:
在这里插入图片描述
更有这样的,帖子的代码块中会出现{或者}转义字符。这是导致你的json等需要大括号的代码不能正常显示大括号“{}”。如下图:图片右边其实已经给出官方解决方案。
在这里插入图片描述
等等问题。
其实解决起来很简单,只需要在博客根目录配置文件简单配置就OK。
多半是因为看了网上各种配置教程安装了插件“hexo-prism-plugin”,所以直接在根目录中执行命令:

npm uninstall hexo-prism-plugin

卸载该插件。然后在配置文件中配置高亮显示开关。
找到配置文件的这一部分:

# 代码高亮配置文件
highlight:
  enable: true
  line_number: true
  auto_detect: false
  tab_replace: ''
  wrap: true
  hljs: false
prismjs:
  enable: false
  preprocess: true
  line_number: true
  tab_replace: ''

prismjs:
  enable: false
  改为:
prismjs:
  enable: true

现在依次执行命令:hexo clean,hexo server。
OK,大功告成。

  • 8
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值