markdown-示例,这是一个非常长的标题

一篇完整的 Markdown 语法指南,展示如何在这个博客系统中编写文章,包括 LaTeX 公式、Mermaid 图表、代码高亮等高级功能

#Markdown#写作#博客#指南

标题1

标题2

标题 3

标题 4

标题 5
标题 6

支持 6 级标题:

MARKDOWN
# 一级标题

## 二级标题

### 三级标题

#### 四级标题

##### 五级标题

###### 六级标题

基本语法

欢迎使用我们的 Markdown 博客系统!本文将展示 Markdown 的各种语法和功能。

文本样式

  • 粗体文本
  • 斜体文本
  • 删除线文本
  • 行内代码

列表

无序列表

  • 第一项
  • 第二项
  • 第三项
    • 嵌套项
    • 另一个嵌套项

有序列表

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

链接和图片

访问我的博客

默认图片(左对齐,原始宽度):

示例图片

居中显示:

示例图片

限制宽度为 50%:

示例图片

宽度 + 居中:

示例图片

带图片说明(caption):

示例图片
这是一只可爱的熊猫

引用

这是一个引用。可以用它来强调重要内容或者引用他人的话。

多行引用

可以有多段内容

代码

行内代码

使用 console.log() 来打印内容。

代码块

TypeScript
interface User {
  name: string
  age: number
  email: string
}

function greetUser(user: User): string {
  return `Hello, ${user.name}!`
}

const user: User = {
  name: '张三',
  age: 25,
  email: 'zhangsan@example.com',
}

console.log(greetUser(user))
Python
def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n - 1) + fibonacci(n - 2)

# 计算前10个斐波那契数
for i in range(10):
    print(fibonacci(i))

高级功能

LaTeX 数学公式

行内公式

牛顿第二定律:

圆面积公式:

显示公式

求根公式:

多行公式

矩阵

矩阵与逆矩阵:

Mermaid 图表

流程图

图表加载中…

时序图

图表加载中…

甘特图

图表加载中…

类图

图表加载中…

表格

功能状态说明示例备注多列测试
Markdown 解析支持标准 Markdown 语法标题、列表、代码块稳定多列文本示例 1
LaTeX 公式支持行内和显示公式行内:,显示:渲染良好多列文本示例 2
Mermaid 图表支持多种图表类型(流程、时序、甘特、类图)flowchart/sequence/gantt需启用 Mermaid 插件多列文本示例 3
代码高亮支持多种编程语言与语法高亮ts\nconsole.log('hello')\n语言自动识别多列文本示例 4

分隔线


总结

这个 Markdown 博客系统支持:

  • 标准 Markdown 语法
  • LaTeX 数学公式
  • Mermaid 图表
  • 代码高亮
  • 表格和列表
  • 链接和图片
    • 层级展示待办

开始写作你的第一篇文章吧!

最后更新于: 2025-11-27

目录