最近学习数学,想用Hexo记录笔记整理公式,参考文章:
我的Hexo环境#
首先,看看我的Hexo环境:
hexo --version
|
显示如下:
hexo: 3.4.3</br>
hexo-cli: 1.0.4</br>
os: Windows_NT 10.0.14393 win32 x64</br>
http_parser: 2.7.0</br>
node: 8.9.3</br>
v8: 6.1.534.48</br>
uv: 1.15.0</br>
zlib: 1.2.11</br>
ares: 1.10.1-DEV</br>
modules: 57</br>
nghttp2: 1.25.0</br>
openssl: 1.0.2n</br>
icu: 59.1</br>
unicode: 9.0</br>
cldr: 31.0.1</br>
tz: 2017b</br>
安装插件#
npm install hexo-math --save
|
配置#
math: engine: 'mathjax' # or 'katex' mathjax: src: # "//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" config: # MathJax config katex: css: #custom_css_source js: #custom_js_source # not used config: # KaTeX config |
由于有默认配置,所以src和config的内容为空。
文章中需要打开公式#
这个我本地环境的公式没有生效,文章的Front-matter里打开mathjax开关后成功激活:
--- title: Hexo中使用MathJax公式 date: 2017-12-25 13:38:47 tags: [Hexo,MathJax] categories: [技术点滴,Hexo] mathjax: true --- |
公式效果#
完成上面内容后,文章中就能显示公式了,如下所示:
f(x1,xx,…,xn)=x21+x22+⋯+x2nf(x1,xx,…,xn)=x12+x22+⋯+xn2
f(x1,xx,…,xn)=x21+x22+⋯+x2nf(x1,xx,…,xn)=x12+x22+⋯+xn2
f(x)=3x+7f(x)=3x+7
a=b+ca=b+c
∂u∂t=h2(∂2u∂x2+∂2u∂y2+∂2u∂z2)∂u∂t=h2(∂2u∂x2+∂2u∂y2+∂2u∂z2)
存在问题#
由于markdown中的下划线 是表示斜体,MathJax中 是表示下标,存在冲突,需要在公式的_前加转义字符,否则显示不正常:
代码:
$F_a = F_b + F_c + F_{\mu}$
|
显示:
Fa=Fb+Fc+FuFa=Fb+Fc+Fu
代码:
$F\_a = F\_b + F\_c + F\_{\mu}$
|
显示:
Fa=Fb+Fc+FμFa=Fb+Fc+Fμ
或者是使用 {% math %}LaTex Formula{% endmath %} 来替代 LaTexFormulaLaTexFormula 的表达:
代码:
{% math %} F_a = F_b + F_c + F_{\mu} {% endmath %}
|
显示:
Fa=Fb+Fc+FμFa=Fb+Fc+Fμ
自成一段,可用多行表示,类似……:
{% math %} F_a = F_b + F_c + F_{\mu} {% endmath %} |
显示:
Fa=Fb+Fc+FμFa=Fb+Fc+Fμ
但是,这种方法不是标准的LaTex语法, hexo-renderer-kramed 这个插件,打开它的Github主页,描述已经说得很清楚,作者fork了 hexo-renderer-marked 项目,并且只针对MathJax支持进行了改进,这正是我们需要的!!
npm uninstall hexo-renderer-marked --save npm install hexo-renderer-kramed --save |
类似的,你还可以使用hexo-renderer-markdown-it来解决这个问题,但是hexo-renderer-markdown-it和hexo-toc会有冲突,需要配置一下解决这个问题:
# Markdown-it config ## Docs: https://github.com/celsomiranda/hexo-renderer-markdown-it/wiki markdown: render: html: true |
附录:
最后这里有一篇通俗易懂的公式编辑教程:
参考资料#
用 Hexo 搭建个人博客-02:进阶试验
在Hexo中渲染MathJax数学公式
如何处理Hexo和MathJax的兼容问题
相关推荐
在"hexo blog源码"这个资源中,你将找到一个预配置的Hexo博客模板,它支持MathJax公式渲染,具备点击爱心功能,还有分类管理和自定义友链的能力。下面将详细讲解Hexo的相关知识点。 1. **Hexo核心概念**: - **...
- **数学公式**:如果Quiver笔记中包含LaTeX公式,需要确认转换工具是否支持MathJax或其他渲染方式,以保证公式在Hexo博客上的正确显示。 - **自定义主题**:如果使用了Hexo的自定义主题,可能需要调整CSS和配置以...
不仅如此,Icarus还支持MathJax公式渲染,对于技术博主来说,可以轻松地在博客中展示复杂的数学公式。 在安装和配置Icarus主题时,用户需要先确保已安装Hexo,并将下载的"hexo-theme-icarus-master"文件解压至Hexo...
Hexo优雅和强大的主题 ...集成KaTeX和MathJax数学公式渲染。 集成的PDF。 js和美人鱼图。 支持Disqus Gitalk和缬氨酸评论系统。 支持大量的第三方统计数据和内容共享服务。 容易定制内容或修改风格。
作者的博客(目前不使用 Hexo ) 特征 适当的空白块,优雅但不简单。 浅色/深色主题,一键即可。 丰富的高亮模式。 精心挑选的字体,最佳阅读体验。 '微软正黑'特别推荐。 自动适应移动和屏幕响应。 支持 ...
【标题】"hexo-site-3p0: 使用十六进制,markdown,mathjax。并用travis-ci.org自动部署" 提供了几个关键的IT知识点,这些知识点都是构建现代Web站点时常用的技术。 1. **Hexo**: Hexo是一个快速、简洁且高效的静态...
作者卡片黑暗模式,享受夜晚的舒适代码高亮,支持prismjs 公式渲染,支持katex和mathjax 评论,综合valine , gitalk , livere PV / UV统计信息和Google Analytics(分析)支持演示版安装我们建议使用Hexo 5.0.0及...
要使用Hexo Theme Terran,首先需要确保已经安装了Hexo。然后,可以通过以下步骤来安装主题: 1. 在终端中进入你的Hexo项目目录。 2. 运行`git clone ...
渲染结果支持多端使用,例如微信小程序 样品 屏幕截图: 安装 Node.js: npm install markdown-it-latex2img --save 浏览器(CDN): 用法 Node.js const md = require ( 'markdown-it' ) ( ) . use ( require ...
- **增强功能**:Hexo支持Markdown扩展,如代码高亮、TOC目录、MathJax公式等,丰富了Markdown的表达能力。 总的来说,"hexo-blog"项目展示了如何结合Hexo、Github Actions和阿里云OSS搭建一个现代化的个人博客...
- **Markdown扩展**:除了基础的Markdown语法,还可以使用如Markdown-it-pygments、MathJax等插件支持代码高亮、数学公式等高级功能。 总之,"csh1314.github.io"博客展示了如何利用Hexo的简洁性和GitHub Pages的...
- **扩展插件**:Hexo支持Markdown的扩展,如使用`markdown-it`和`markdown-it-anchor`增强标题锚点,`mathjax`或`katex`支持数学公式,`mermaid`实现流程图和序列图。 3. **主题定制** - **内置主题**:Hexo提供...
此外,Volantis 还包含了一些高级特性,如自动目录、代码高亮、数学公式支持(通过 MathJax 或 KaTeX 实现)、评论系统集成(如 Disqus 或 Valine)以及社交分享功能。 安装 Hexo-Volantis 主题的过程相对简单。...
- MathJax支持,用于数学公式展示。 - 图片上传和引用。 9. **持续集成/自动化**: - 可以通过GitHub Actions自动化构建和部署流程,每次提交自动更新博客。 总的来说,"mohuani.github.io"项目是一个利用Hexo...