文章

用 mdsvex 跑通第一篇文章

为什么先写这一篇

内容层与路由是博客的地基,先把「一篇 Markdown 变成一张页面」这件事跑通,后面加列表、标签、搜索才有落脚点。

这篇文章覆盖了日常最常用的几种 Markdown 结构,用来确认渲染结果:

  • 二级与三级标题,用于生成目录
  • 有序与无序列表
  • 引用块,用于强调结论
  • 代码块,留给后续的语法高亮
  • 图片,留给后续的灯箱

一个三级标题

三级标题应当出现在右侧目录里。中文标题的锚点 id 需要单独处理,这一步留到详情页阶段再做。

  1. 先验证渲染
  2. 再验证路由
  3. 最后验证构建产物

占位文案的唯一目的是跑通管线,不是最终内容。

代码块

export function greet(name: string): string {
	return `你好,${name}`;
}

图片

占位配图

图片路径写在 static 目录下,构建时会原样复制到站点根路径。