两个短代码:tierlist + tier,输入体验接近 markdown 列表。tier 用 {% %} 包裹,内容自动渲染。

怎么用

{{< tierlist palette="tiermaker" >}}

{{% tier name="S" %}}
- ![img](/img/a.png) [Thing 1](https://a.com)
- [Thing 2](https://b.com)
- Plain text
{{% /tier %}}

{{% tier name="A" %}}
- [Another](https://c.com)
{{% /tier %}}

{{< /tierlist >}}

palette 可选 tiermaker(7 色)、coffee(棕色调),不传则全部灰色。颜色按 tier 出现顺序自动分配,tier 数量不限。

实际效果

彩色版(palette="tiermaker"

S
A
B
  • Cold brew
  • Moka pot
C
  • 打发美式
  • 胶囊咖啡

无色版(不传 palette

S
A
  • 手冲 V60
  • Flat white
B
  • Cold brew
  • 打发美式

带图片版

S
A
  • img 手冲 V60
  • Flat white