2025

"描述内容,这是一篇排版测试文档"

这是普通正文。

这是第二段正文,用于测试行高、字间距和阅读体验。

这里包含一个链接:

Obsidian 官网

这里包含行内代码:

npm install astro

这里包含多个代码片段:

Vue`
 `React`
 `Astro`
 `Vite

二级标题测试

这是 Vue Theme 最重要的部分。

看看绿色分隔线是否符合预期。

三级标题测试

三级标题应该比二级标题轻量。

四级标题测试

用于测试层级感。


粗体与斜体

通文

粗体文本

斜体文本

粗斜体文本

删除线文本

高亮文本


引用块测试

这是普通引用块。

第二行引用内容。

第三行引用内容。


列表测试

无序列表

  • 苹果
  • 香蕉
  • 橙子
  • 葡萄

有序列表

  1. 第一项
  2. 第二项
  3. 第三项

嵌套列表

  • 一级
    • 二级
      • 三级

任务列表测试

  • 未完成任务
  • 第二个任务
  • 已完成任务
  • 已完成任务二

表格测试

名称类型评分
Vue前端框架10
Astro静态站点9
Obsidian知识管理10
TyporaMarkdown编辑器9

行内代码测试

安装命令:

npm install

运行命令:

npm run dev

构建命令:

npm run build

代码块测试

function hello() {
    console.log("Hello Vue Theme");
}

hello();
h2 {
    border-bottom: 6px solid #42b983;
}
npm install
npm run dev
npm run build

hello();
h2 {
    border-bottom: 6px solid #42b983;
}
npm install
npm run dev
npm run build

hello();
h2 {
    border-bottom: 6px solid #42b983;
}
npm install
npm run dev
npm run build

hello();
h2 {
    border-bottom: 6px solid #42b983;
}
npm install
npm run dev
npm run build

hello();
h2 {
    border-bottom: 6px solid #42b983;
}
npm install
npm run dev
npm run build

图片测试

测试图片


Callout 测试


分隔线测试


上面应该出现一条水平分隔线。


Mermaid 语法示例(暂未启用渲染)

当前站点会把 Mermaid 围栏显示为普通代码块,不会生成图表。

graph LR
A[Vue] --> B[Astro]
B --> C[Obsidian]
C --> D[Typora]

长文本测试

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


嵌入代码与文本混排

Astro 推荐使用 Content Collections 管理内容。

Vue 推荐使用 Composition API

Obsidian 推荐使用 Dataview 插件。


最终测试标题

如果你能舒服阅读到这里,

说明主题的:

  • 宽度
  • 行高
  • 配色
  • 字体
  • 层级

本文用于核对站点当前的 Markdown 排版;功能状态以各测试段落的说明为准。

// Discussions