← 返回

demo /

Typst 语法样板

这是一篇用于验证博客 Typst 子集的样板文章,只使用最基本的结构:标题、段落、列表、代码块、表格、网格、对齐和图片。文章刻意不包含纸面布局指令,网页上的渲染行为由前端决定。

基本结构

段落之间以空行分隔,行内支持强调等宽两种标记。列表用于枚举要点:

  • 一个标题与两个小节;
  • 三段短小的说明文字;
  • 一个代码块、一个表格和一个网格。

编译本文可以使用:

typst compile content/demo/typst-syntax.typ

表格与网格

表格适合呈现成对的数据:

语言职责
Typst内容源语法
Rust解析与结构转换
Vue网页渲染

网格用于左右并排的独立内容:

子集校验:只接受博客需要的语法。
前端渲染:布局细节交给 CSS。

图片由官方导出内嵌,博客改为内容寻址缓存:

六个渐变色块组成的示例图

对齐用于居中或靠边的独立内容:

一份居中的引文或题记。
—— 右对齐的署名