这是一段引言,可以是文章的开篇背景。让正文有一些铺垫,这样下面的小节才有节奏感。

第一节 · 想法

正文段落,写一些你想说的话。可以包含 链接inline code 或者 加粗

引用块用来突出一句话或一段话。会有 accent 色的左边框和斜体。

第二节 · 一段代码

下面是一段 TypeScript 代码,hover 时右上会出现复制按钮:

function greet(name: string) {
  return `Hello, ${name}!`
}

const result = greet('world')
console.log(result)

语言标签 typescript 会出现在代码块左上角。

第三节 · 图片

点击图片会全屏放大(lightbox):

山景

第四节 · 结尾

多几段正文让页面足够长,能看到右下角阅读进度环随滚动从 1% 一路画到 99%。

每个 h2 进入视口时会从下方淡入 + 左边出现 accent 竖线。

读完后可以试试评论区:focus 输入框看 floating label,输内容到 450 字看字数变红,最后点发布看按钮变绿+对勾。