使用 TikZ 在 Hexo 博客中愉快地画图 - PRIN BLOG

[giscus[bot]]

使用 TikZ 在 Hexo 博客中愉快地画图 - PRIN BLOG

一转眼就到 2024 年了！大家新年快乐！ 前段时间在写文章时，需要一些配图，于是就使用了 TikZ 来绘制。TikZ 是一个强大的 宏包，可以使用代码的形式绘制出各种各样精美的矢量图。 如果你的阅读器看不到上面的 SVG 格式图片，可以点这里查看 PNG 格式。 上面的图对应的 TikZ 代码可以在这里找到。然而画是画爽了，想把它贴到博客里时却犯了难——目前竟然没有什么好办法可以直

https://prinsss.github.io/graphics-with-tikz-in-hexo/

[dx3906999]

感谢 😄 这对于一个爱折腾的入门者十分重要

[Westlifers]

感谢，帮大忙了，但是我不是很明白这个的用法，请问是不支持tikzcd吗？您的样例能正常渲染，但把tikzpicture改成以下代码就无法渲染：

\begin{document}
    \begin{tikzcd}
        F(A) \arrow[r, "F(f)"] \arrow[d, "\eta_A"'] & F(B) \arrow[d, "\eta_B"] \\
        G(A) \arrow[r, "G(f)"'] & G(B)
    \end{tikzcd}
\end{document}

因为我要在hexo博客中画很多数学交换图，tikzcd很有必要。latex渲染效果如下：

[prinsss]

Hello，不好意思回复晚了，在代码的最顶端加上一句 \usepackage{tikz-cd} 就可以渲染啦

[murasaki010]

博主你好。我测试的时候，tex编译没有错误，但是在hexo博客上面看到文章只有占位符，没有替换svg。我检查了本地，似乎也没看到svg。请问这可能是在哪个环节出问题了，我会参考进行排查。谢谢。

[prinsss]

你可以先在这个 在线 Demo 中填入你的代码，看下能否正常渲染。

如果 Demo 中可以渲染，但是 Hexo 里无法生成，可以通过 hexo g --debug 查看调试输出，然后给我提个 issue。