这是普通正文。
这是第二段正文,用于测试行高、字间距和阅读体验。
这里包含一个链接:
这里包含行内代码:
npm install astro
这里包含多个代码片段:
Vue`
`React`
`Astro`
`Vite
二级标题测试
这是 Vue Theme 最重要的部分。
看看绿色分隔线是否符合预期。
三级标题测试
三级标题应该比二级标题轻量。
四级标题测试
用于测试层级感。
粗体与斜体
普通文本
粗体文本
斜体文本
粗斜体文本
删除线文本
高亮文本
引用块测试
这是普通引用块。
第二行引用内容。
第三行引用内容。
列表测试
无序列表
- 苹果
- 香蕉
- 橙子
- 葡萄
有序列表
- 第一项
- 第二项
- 第三项
嵌套列表
- 一级
- 二级
- 三级
- 二级
任务列表测试
- 未完成任务
- 第二个任务
- 已完成任务
- 已完成任务二
表格测试
| 名称 | 类型 | 评分 |
|---|---|---|
| Vue | 前端框架 | 10 |
| Astro | 静态站点 | 9 |
| Obsidian | 知识管理 | 10 |
| Typora | Markdown编辑器 | 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 排版;功能状态以各测试段落的说明为准。