Hexo-next主题支持数学公式

本文详细介绍了如何在Hexo-next主题下配置并启用数学公式的显示功能,包括更换markdown渲染引擎、解决语义冲突及在特定页面开启mathJax。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

本文主要解决Hexo-next主题支持数学公式问题

更换Hexo的markdown渲染引擎

hexo-renderer-kramed引擎是在默认的渲染引擎,hexo-renderer-marked的基础上修改了一些bug,两者比较接近,也比较轻量级。

npm uninstall hexo-renderer-marked --save
npm install hexo-renderer-kramed --save
解决语义冲突

找到

node_modules\kramed\lib\rules\inline.js

修改如下两处

  //escape: /^\\([\\`*{}\[\]()#$+\-.!_>])/,
  escape: /^\\([`*\[\]()#$+\-.!_>])/,
  //em: /^\b_((?:__|[\s\S])+?)_\b|^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,
  em: /^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,
在next主题中开启mathJax开关
# Math Formulas Render Support
math:
  # Default (true) will load mathjax / katex script on demand.
  # That is it only render those page which has `mathjax: true` in Front-matter.
  # If you set it to false, it will load mathjax / katex srcipt EVERY PAGE.
  per_page: true
  engine: mathjax   # 添加这个,反正我的主题默认没有这一行
  # hexo-renderer-pandoc (or hexo-renderer-kramed) required for full MathJax support.
  mathjax:
    enable: true    # 这个改为true
    # See: https://mhchem.github.io/MathJax-mhchem/
    mhchem: true    # 这个改为true

  # hexo-renderer-markdown-it-plus (or hexo-renderer-markdown-it with markdown-it-katex plugin) required for full Katex support.
  katex:
    enable: false
    # See: https://github.com/KaTeX/KaTeX/tree/master/contrib/copy-tex
    copy_tex: false
打开mathjax开关
---
title: Using-Machine-Learning-for-Data-Center-Cooling-Infrastructure-Efficiency-Prediction
date: 2019-11-28 22:53:32
tags: [datacenter, machinelearning]
category: DataCenter
mathjax: true
---
添加公式
$$
COP = \frac{Q_{CoolingCircuits}}{P_{CoolingCircuits}}
$$
### Hexo Next 主题 LaTeX 公式渲染配置方法 要在 Hexo 博客中使用 Next 主题支持 LaTeX 数学公式的渲染,可以通过以下方式完成: #### 安装必要的依赖包 为了使 Hexo 支持数学公式渲染,可以安装 `hexo-renderer-mathjax` 插件。此插件能够帮助博客集成 MathJax 库来解析和渲染 LaTeX 格式的数学表达式。 运行以下命令以安装该插件: ```bash npm install hexo-renderer-mathjax --save ``` 这一步骤确保了 Hexo 能够识别并处理包含数学公式Markdown 文件[^3]。 #### 修改主题配置文件 进入 Hexo主题目录,并找到 Next 主题的配置文件 `config.yml`。通常情况下,这个文件位于 `/themes/next/_config.yml` 或者 `/blog/themes/next/config.yml` 中。 在该文件中启用 MathJax 功能。具体操作如下所示: ```yaml # MathJax Support mathjax: enable: true # 启用 MathJax 渲染功能 per_page: false # 是否仅针对特定页面开启,默认全局生效 ``` 上述设置使得整个网站范围内的文章都可以自动加载 MathJax 并渲染其中的数学公式[^4]。 如果希望更灵活地控制哪些页面需要加载 MathJax,则可将参数调整为 `per_page: true` ,之后只需在对应的文章 Front-Matter 部分声明即可,例如: ```yaml --- title: Example Post with Math Formulas mathjax: true # 只有当此项设为true时才加载MathJax脚本到当前页 --- ``` 这样做的好处是可以减少不必要的 JavaScript 加载次数从而优化性能[^2]。 #### 测试效果 保存更改后的配置文件后重新部署站点 (`hexo clean && hexo g && hexo d`) 。接着可以在任意一篇文章里尝试插入一些简单的 LaTex 表达式验证其是否正常工作。比如下面这段代码应该被正确呈现出来: ```markdown $$ E=mc^2 $$ ``` 最终结果应当是一个漂亮的爱因斯坦质能方程式居中展示于网页上[^1]。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值