← 返回博客
/教程

Markdown 排版示例

2 分钟阅读

Markdown 排版示例

这篇文章用于展示本主题对 Markdown 各元素的排版支持,撰写文章时可以对照此页确认渲染效果。

标题与段落

一级标题用单个 #,依次向下。正文段落默认字号 1rem、行高 1.85,中文阅读体验经过专门调校。

这是一段加粗斜体删除线行内代码 混合的示例文字。行内代码使用等宽字体并带有主题色背景。

列表

无序列表:

  • 列表项一
  • 列表项二
    • 嵌套项
  • 列表项三

有序列表:

  1. 第一步:安装依赖
  2. 第二步:启动开发服务器
  3. 第三步:编写内容

引用

好的工具让正确的事变得容易,让错误的事变得困难。 —— 这是多行引用的第二行,用于测试引用块换行效果。

代码块

语言标注支持语法高亮(shiki / github-dark):

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

console.log(greet('Astro'));
# 安装依赖并启动
bun install
bun run dev

表格

框架类型构建产物
Astro内容型框架静态 HTML
Next.jsReact 框架SSR / SSG
Vite构建工具原生 ESM

图片

封面占位图

分隔线与脚注

长文章可以用分隔线划分章节,Markdown 脚注1同样受支持。


Footnotes

  1. 脚注内容会渲染在文末,适合放补充说明或参考来源。

加载中…