让我们来介绍一下这个 Blog 的文章可以有哪些语法
基础文本格式
这是一段普通文本。支持 粗体、斜体、粗斜体、删除线 和 行内代码。
还可以创建 链接 和 
。
列表
无序列表
- 第一项
- 第二项
- 嵌套项 A
- 嵌套项 B
- 第三项
有序列表
- 第一步
- 第二步
- 第三步
引用
这是一段引用文本。
引用可以包含多个段落。
— 某位智者
代码块
JavaScript
JavaScript
function greet(name) {
console.log(`Hello, ${name}!`);
return { message: 'Welcome', user: name };
}
greet('World');
TypeScript
TypeScript
interface User {
id: number;
name: string;
email: string;
}
const getUser = async (id: number): Promise<User> => {
const response = await fetch(`/api/users/${id}`);
return response.json();
};
Go
Go
package main
import "fmt"
func main() {
messages := []string{"Hello", "World"}
for _, msg := range messages {
fmt.Println(msg)
}
}
表格
| 功能 | 状态 | 备注 |
|---|---|---|
| Markdown | ✅ | 完全支持 |
| 代码高亮 | ✅ | 使用 Shiki |
| Custom Containers | ✅ | VitePress 风格 |
| 数学公式 | ❌ | 待实现 |
分隔线
Custom Containers
Info 容器
INFO
这是一个信息提示框。用于展示一般性的提示信息。
自定义标题
也可以给容器添加自定义标题。
Tip 容器
TIP
这是一个提示容器，通常用于给出建议或最佳实践。
小贴士
使用 Custom Containers 可以让文档更加清晰易读。
Warning 容器
WARNING
这是一个警告容器，用于提醒用户注意事项。
注意
请确保在生产环境中使用正确的配置。
Danger 容器
DANGER
这是一个危险警告容器，用于标识可能造成严重问题的操作。
危险操作
此操作不可逆，请谨慎执行！
Details 容器（可折叠）
点击查看更多
这是一个可折叠的详情容器。
可以包含任意 Markdown 内容：
- 列表项 1
- 列表项 2
甚至代码块：
JavaScript
console.log('Hello from details!');
另一个折叠示例
内容可以是任意长度。这种容器非常适合放置可选的补充信息。
Code Group 容器（多标签代码）
JavaScript
function add(a, b) {
return a + b;
}
TypeScript
function add(a: number, b: number): number {
return a + b;
}
Go
func add(a, b int) int {
return a + b
}
嵌套使用示例
组合使用
可以在容器中使用其他 Markdown 语法：
- 粗体文本
- 斜体文本
代码片段
以及代码块：
Bash
npm install
npm run dev
图片
普通图片
Atomic 图片组件
总之就是
这个萝莉她可以做到
- 基础 Markdown（标题、文本格式、链接、图片）
- 列表（有序和无序）
- 引用块
- 代码块（带语法高亮）
- 表格
- Custom Containers（info、tip、warning、danger）
- Details 容器（可折叠内容）
- Code Group 容器（多标签代码切换）
- Atomic 组件
怎么样！！！她是不是很能干！！！