Prologue
414 字1 min read

功能一览

一篇把模板的渲染能力全部演示一遍的文章:公式、代码、表格、脚注、图表、图片灯箱。

封面 功能一览

封面图示例:imageDesc 会成为封面说明

这篇文章把模板支持的每一种排版都走一遍。你可以把它当成一个可以随时回查的例子,也可以直接删掉。

公式

行内公式 E=mc2E = mc^2,以及块级公式:

∫−∞∞e−x2 dx=π\int_{-\infty}^{\infty} e^{-x^2}\,dx = \sqrt{\pi}

公式由 KaTeX 渲染,行内与块级都支持。

代码高亮

代码块跟随站点主题自动切换配色,无需额外配置:

library(tidyverse)

df <- read_csv("data.csv") |>
  filter(!is.na(value)) |>
  summarise(mean = mean(value), sd = sd(value))

print(df)
from dataclasses import dataclass


@dataclass
class Point:
    x: float
    y: float

    def norm(self) -> float:
        return (self.x**2 + self.y**2) ** 0.5
const posts = await getAllPostsWithBody();

export default function Home() {
  return posts.filter((post) => post.draft !== true);
}

表格

功能 支持 备注
公式 是 KaTeX,行内与块级
代码高亮 是 Shiki,双主题
图表 是 Mermaid
图片灯箱 是 点击放大,支持左右滑动

脚注与删除线

这是一个脚注1,这是一段被删除的文字。

图表

Mermaid 在网页上由客户端渲染,在 RSS 阅读器里会被替换成图片,两种环境都能看到。

图片

单图会独占一行,并带有圆角与居中:

首页
首页

连着的多张图会被归为一组,灯箱里可以左右滑动切换:

首页
首页
文章页
文章页

任务列表

  • 已完成的任务
  • 未完成的任务

引用

引用块使用次要强调色,与正文区分。

标题层级

H3

H4

H5
H6

右侧目录会列出 H2 到 H6,可以试试点击其中任意一条。

Footnotes

  1. 脚注内容会渲染在文末。 ↩

最后更新于 2026年1月1日

CC BY-NC-SA 4.0

在 GitHub 上查看

Read More

相关推荐

下一篇

Feature Tour