博客全功能测试#

这是一篇专门用来测试博客系统 Markdown 功能的文章。内容涵盖基础语法、扩展语法、代码高亮、提示块、视频、公式等。你可以逐一确认渲染是否正确。

1. Draft 草稿功能#

当文章还在草稿状态时，可以在 frontmatter 设置：

1
---
2
title: Draft Example
3
published: 2024-01-11
4
tags: [Markdown, Blogging, Demo]
5
category: Examples
6
draft: true
7
---

当 draft: true 时，文章不会对外公开显示。准备发布时改成 false 即可。

2. 基础 Markdown 功能#

段落与强调#

普通文字、斜体、粗体、行内代码。
这是一个链接。

列表#

无序列表项一
无序列表项二
- 嵌套子项

有序列表一
有序列表二
有序列表三

引用#

这是一个引用示例
可以换行

表格#

尺寸	材料	颜色
9	皮革	棕色
10	麻布	自然色
11	玻璃	透明

3. 代码与语法高亮 (Expressive Code)#

1
console.log('Hello, Markdown!');

带文件名的代码块：

1
console.log('带标题的代码块');

终端代码块：

1
echo "这是一个终端示例"

支持 diff 标记：

1
新增一行
2
删除一行

支持行标记：

1
function test() {
2
  console.log("这一行会被高亮");
3
  return true;
4
}

4. 折叠与行号#


3 collapsed lines
1
// 这部分会折叠并显示行号
2
function calc(a, b) {
3
  return a + b;
4
}

5. 扩展 Markdown 语法#

Admonitions 提示块#

NOTE
这是一个 Note 提示块。

TIP
这是一个 Tip 提示块。

WARNING
这是一个 Warning 提示块。

Spoiler#

这是一个剧透隐藏的内容。

6. GitHub 仓库卡片#

saicaca

fuwari

Waiting for api.github.com...

00K

Waiting...

7. 数学公式#

行内公式： $E = mc^2$

块级公式：

$I = \int \rho R^{2} dV$

博客全功能测试#

1. Draft 草稿功能#

2. 基础 Markdown 功能#

段落与强调#

列表#

引用#

表格#

3. 代码与语法高亮 (Expressive Code)#

4. 折叠与行号#

5. 扩展 Markdown 语法#

Admonitions 提示块#

Spoiler#

6. GitHub 仓库卡片#

7. 数学公式#

8. 视频嵌入#

YouTube#

Bilibili#