hexo matery 代码块问题

Hexo代码高亮问题解决与配置
本文详细介绍了在Hexo博客中遇到的代码块分割及数字显示问题的解决方案。通过修改 Hexo 根目录下 _config.yml 文件,将 highlight.enable 设置为 false 并将 prismjs.enable 设置为 true,成功解决了代码块转义导致的{和}问题。此外,建议卸载 hexo-prism-plugin 插件以避免冲突。博客作者分享了个人博客中的相关经验,并提供了后续问题的解决途径。

在hexo matery中遇到的代码块问题 解决

在这里插入图片描述

  • 出现代码块分割,并出现数字的情况

之前网上的设置prism_plugin插件的方式不管用,搞那些css的也不管用

后面发现解决方式其实很简单
在这里插入图片描述
按照如图所示的方式设置truefalse即可解决

Solved!!

修改之后的成果

在这里插入图片描述


文章新一次更新于 2022.8.16 终于是解决了这个便秘的问题。

其实在这种高亮之后,并不是真的高亮,而且会出现代码块转义的情况,原来的 {} 代码中会有 {} 的转义字符。

解决方法

从 Hexo5.0 版本开始自带了 prismjs 代码语法高亮的支持,本主题对此进行了改造支持。

如果你的博客中曾经安装过 hexo-prism-plugin 的插件,那么你须要执行 npm uninstall hexo-prism-plugin 来卸载掉它,否则生成的代码中会有 {} 的转义字符。

然后,修改 Hexo 根目录下 _config.yml 文件中 highlight.enable 的值为 false,并将 prismjs.enable 的值设置为 true,主要配置如下:

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

有问题的小伙伴们可以私信我,这个真的是太坑了。


后续内容更新于 2022.9.4 ;可以移步至我博客观看 hexo 的踩坑合集 https://drun1baby.github.io/2022/03/31/Hexo-%E8%B8%A9%E5%9D%91%E5%90%88%E9%9B%86/

闪烁之狐大佬也说了对应的一些解决手段,我这里懒得复制粘贴了,师傅们可以去我的博客观看

### 关于 HexoMatery 主题中的插件配置 为了改善代码展示效果,在 Hexo 中集成了 `hexo-prism-plugin` 插件用于实现更美观的代码高亮功能[^1]。通过该插件可以使得博客文章内的代码片段拥有更好的视觉呈现。 对于希望增强站点交互性的开发者来说,`hexo-generator-search` 提供了一种便捷的方式让用户能够快速定位所需的文章内容[^2]。 另外,为了让表达更加生动有趣,加入了对 GitHub 风格 Emoji 表情的支持,这得益于 `hexo-filter-github-emojis` 这一插件的帮助,它允许作者在撰写过程中直接使用简单的冒号标记法来插入各种可爱的表情符号[^3]。 #### 示例代码:集成上述提到的功能至 _config.yml 文件内 ```yaml # Prism Plugin Configuration for better code highlighting prism_plugin: mode: 'preprocess' # realtime/preprocess theme: 'tomorrow' line_number: true # default false custom_css: # Enable search functionality via hexo-generator-search plugin search: path: search.xml field: post format: html limit: 10000 # Support for Github Emojis through hexo-filter-github-emosiis plugin github_emoji: true ``` 以上设置将确保所创建的内容不仅限于文字描述,还可以包含色彩丰富的代码样例以及活泼的表情图案,从而提升整体阅读体验。 #### 安装必要的依赖项 以下是针对各个特性所需的 NPM 包安装指令: ```bash npm i -S hexo-prism-plugin npm install hexo-generator-search --save npm install hexo-filter-github-emojis --save ``` 完成这些操作之后,记得重启本地服务器使更改生效,并验证新添加的功能是否正常工作。
评论 25
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值