文章归档

置顶文章

Web安全

Web安全基础

PHP相关

Writeups

靶机系列

HackTheBox

VulnHub

代码审计

PHP代码审计

流量分析

机器学习

基础学习

Python

Python编程

Java

Java编程

算法

Leetcode

随笔

经验

技术

 2019-10-26   428

Hexo渲染LaTeX数学公式

最近在跟着吴恩达教授在Coursera网站上的课程学习机器学习,其中涉及到的公式比多,包括线性代数和微分。这里基于 Hexo 介绍如何在博客上进行 LaTeX 公式的编写和渲染。

在 Hexo 中配置 MathJax

环境配置

Hexo 中对网页进行渲染的 marked 并不支持 mathjax,我们用 Git Bash 进入博客工程所在的文件夹下并执行以下命令:

1
npm uninstall hexo-renderer-marked --savenpm install hexo-renderer-kramed --save

停止 hexo-math

卸载可能安装的 hexo-math

1
npm uninstall hexo-math --save

再安装 hexo-renderer-mathjax

1
npm install hexo-rederer-mathjax

更新 mathjax 的 CDN 连接

按照 node_modules →→ hexo-renderer-mathjax 的顺序进入目录,对 mathjax.html 文档进行修改,把 `` 改为

1
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML"></script>

更改默认的转义规则

因为 Hexo 在处理特殊字符时会对某些字符转为 html 中的网页标签,我们按照 node_modules →→ kramed →→ lib →→ rules 的顺序进入目录并修改 inline.js ,将其中的两行

1
escape: /^\\([\\`*{}\[\]()#$+\-.!_>])/,em: /^\b_((?:__|[\s\S])+?)_\b|^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,

对应修改为

1
escape: /^\\([`*\[\]()#$+\-.!_>])/,em: /^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,

开启 mathjax

进入工程目录的主题文件夹下,找到 _config.yml 文件并开启 mathjax:

1
2
mathjax: 	
enable: true

在我们每一次使用 Git Bash 创建博客文章后,Hexo 都会自动为我们生成头部信息,我们在需要插入 LaTeX 公式的博客的头部加上

1
mathjax: true

这样我们就可以在博客中编写数学公式了。

Copyright © ca01h 2019-2020 | 本站总访问量