Hexo文内使用TikZjax绘图

致谢

在这里首先感谢作者@prinss, 他编写了node-tikzjax, 将tikzjax加入了hexo的插件. 这个插件使用了SSR/SSG, 将图片的绘制放到了构建时, 大大加快了加载速度.

插图的那些事

回顾

回顾下之前的插图方式, 比较难以处理的图片就以png的方式插入, 而交换图等我们有quiver绘制后嵌入网站.

TikZjax

有了tikzjax之后插图就比较方便了, 直接使用以下代码:

1
2
3
4
5
6
7

```tikz
\begin{document}
  \begin{tikzpicture}
    % Your TikZ code here...
  \end{tikzpicture}
\end{document}
```

支持使用的宏包有:

• chemfig
• tikz-cd
• circuitikz
• pgfplots
• array
• amsmath
• amstext
• amsfonts
• amssymb
• tikz-3dplot

如果需要用tikz-cd画交换图,只需要输入:

1
2
3
4
5
6
7
8

```tikz
\usepackage{tikz-cd}
\begin{document}
  \begin{tikzcd}
    % Your TikZ-cd code here...
  \end{tikzcd}
\end{document}
```

Bug

有一些符号无法被正确渲染, 如\otimes $\otimes$ 以及\Omega $\Omega$ 会被渲染成 $\neg$. 在图片中出现时大家意会一下, 脑补成正确的符号即可. 逃 ε=ε=ε=┏(゜ロ゜;)┛