最近学习数学,想用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的兼容问题
相关推荐
title: 消除Hexo中markdown语法跟Mathjax语法的冲突在Hexo中写Mathjax语法$L_{R_1}$会出现错误,在网页上显示为$L{R_
$ npm install hexo-filter-mathjax $ hexo clean 选项 您可以在Hexo _config.yml配置此插件。 默认选项: mathjax : tags : none # or 'ams' or 'all' single_dollars : true # enable single dollar signs as ...
hexo-theme-freemind, hexo最强大的Bootstrap 主题 Hexo-Theme-Freemind Freemind旨在充分利用 Bootstrap的优势。演示工具q&服务器标签插件颜色主题中文中文版中文自述文件要求Hexo> = 3.0hexo-tag-
hexo使用手册
方程在Hexo(服务器端)中呈现,因此不需要浏览器端javascript库,应将其删除。 CSS样式表是默认包含的,但可以轻松替换。安装$ npm i hexo-math --save 需要Hexo 5+用法KaTeX {% katex '{options}' %}content{% ...
Hexo静态网站生成器的中文文档,Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
后来觉得 hexo 用起来更 geek,便移植到 hexo。 因为 hexo 开发有极大的自由度,这个主题也变得更加完善。内置三种主题样式,三种 Markdown 样式(仍在逐渐增加);背景,各种组件颜色亦或图标都能轻松自定义;集成...
建立hexo博客的必须,有些电脑hexo_init 命令很久出不来,这里直接给出压缩包。
awesome-hexo, Hexo相关的awesome的事情清单 Hexo Hexo相关的awesome的事情清单电子邮件内容资源官方资源外部资源主题插件插件展示 。资源官方资源网站 - 官方网站Doc - 文档API插件API文档网上论坛论坛
Hexo优雅和强大的主题 ...集成KaTeX和MathJax数学公式渲染。 集成的PDF。 js和美人鱼图。 支持Disqus Gitalk和缬氨酸评论系统。 支持大量的第三方统计数据和内容共享服务。 容易定制内容或修改风格。
hexo是一款轻量,高速,简洁的博客框架,多用于在github上托管网站时所用的框架。搭建一个网站使用hexo只需要十分钟,并且过程十分简单。
hexo-jade-starter, 使用 Jade 和less实现Hexo的入门主题 使用 Jade 和 LESS 实现的 Hexo插件的入门主题。 这个主题对于任何想使用 Jade 创建Hexo主题的人来说都是一个起点。这里主题包括用于开发 helper的Hashgrid ...
Hexo 是高效的静态站点生成框架,她基于 Node.js。 通过 Hexo 你可以轻松地使用 Markdown 编写文章,除了 Markdown 本身的语法...在这篇文章中,假定你已经成功安装了 Hexo,并使用 Hexo 提供的命令创建了一个站点。
hexo-theme-spfk, Hexo双栏博客主题仓库 Another simple and elegant theme for Hexo.
我的博客Hexo
title: hexo 使用笔记categories: "学习笔记"- 笔记关于博客的选型,我思索了好久,想过jpress等第三方开源,也试过php版本的、no
关于如何使用Hexo+Hexo主题搭建博客系统,可以参考我之前的博客的介绍:(https://blog.csdn.net/xiangzhihong8/article/details/53727310,查看效果可以查看以下地址:...
Atom-hexo-generator-feed.zip,为HEXO供电。HEXO发电机供电,atom是一个用web技术构建的开源文本编辑器。
hexo-theme-Anisina, 一个简单的响应qiniu图像cdn主题 hexo https Anisina点击查看中文使用教程simple/grace/small 更新日志 Anisina V3.1 ( 2017-05-9 )在下面的例子中,添加 Livere Disqus ( 在 _config.yml 添加