如何在 Hugo 中使用 Typst 编写文章

前言 Typst 一直以来都是我非常喜欢的一个排版工具,相比于 LaTeX,Typst 的语法简单,编写体验好;相比于 Markdown,Typst 的功能强大,标准统一,符合我对排版工具的所有想象。 自从我接触到 Typst 之后,不仅我的日常的作业、报告、简历等文档都使用 Typst 写的,而且我也开发了一个 Typst Package 用于在 Typst 中绘制树状图,比如二叉树、红黑树、语法树等等 —— tdtr (i.e. tidy tree),感兴趣的话可以看看。 因此,我一直想在我的 Blog 中使用 Typst 来编写文章,但是苦于 Typst 对 HTML 导出的支持仍然处于实验性阶段,因此搭建 Blog 的想法也一直一拖再拖。 但是,直到最近,我对于搭建 Blog 的需求越来越迫切了,所以我就决定不再等待 Typst 对 HTML 导出的支持了,而是自己动手来实现这个功能。这篇文章讲述的就是我如何实现在 Hugo 中使用 Typst 编写文章的。 Blog 的源代码位于 github.com/Vertsineu/blog,欢迎 star 和 fork。 使用 如果你也想像我的 Blog 一样使用 Typst 来编写基于 Hugo 的 Blog 的话,可以按照以下步骤来操作: 首先安装我修改过的 Hugo,目前还没有发布版本,因此需要手动编译安装: 首先,clone 下来我修改过的 Hugo 的代码,并切换到 support-typst 分支,即: ...

March 29, 2026 · 7 min