这是一段引言,可以是文章的开篇背景。让正文有一些铺垫,这样下面的小节才有节奏感。
第一节 · 想法
正文段落,写一些你想说的话。可以包含 链接、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 字看字数变红,最后点发布看按钮变绿+对勾。