一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

文本样式

这是一个普通段落，包含加粗文本、斜体文本、粗斜体文本、~~删除线文本~~、行内代码，以及一个链接和自动链接：https://github.com

也可以使用 HTML 标签：Ctrl + C 复制，高亮标记文本，上标 x²，下标 H₂O。

段落内换行测试：
上一行末尾有两个空格，这是软换行后的内容。

列表

无序列表

项目一
项目二
- 嵌套项目二点一
- 嵌套项目二点二
  - 更深层嵌套
项目三

有序列表

第一步
第二步
1. 子步骤 2.1
2. 子步骤 2.2
第三步

任务列表

已完成的任务
支持数学公式渲染
待办任务一
待办任务二

引用

这是一段引用文本。引用可以有多行。

嵌套引用测试：
这是二级嵌套引用
这是三级嵌套引用

引用中也可以包含其他元素：
列表项一
列表项二
行内代码 和加粗

代码块

TypeScript

// TypeScript 类型测试
interface User {
  id: number
  name: string
  tags?: string[]
}

function greet(user: User): string {
  const msg = `Hello, ${user.name}!`
  console.log(msg)
  return msg
}

const nums: number[] = [1, 2, 3].map(n => n * 2)

Vue

vue

<template>
  <div class="counter">
    <p>当前计数：{{ count }}</p>
    <button @click="increment">+1</button>
  </div>
</template>

<script setup lang="ts">
const count = ref(0)
// 点击计数 +1
const increment = () => count.value++
</script>

<style scoped>
.counter { padding: 16px; }
</style>

JavaScript

// 数组常用方法测试
const arr = [1, 2, 3, 4, 5]
const sum = arr.reduce((acc, cur) => acc + cur, 0)
console.log('sum =', sum)

CSS

css

:root {
  --primary-color: #3b82f6;
  --text-color: #1f2937;
}

.card {
  display: flex;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.card:hover {
  transform: translateY(-4px);
}

Bash

bash

# 安装依赖并启动开发服务器
pnpm install
pnpm dev

JSON

json

{
  "name": "kinkou-blog-web",
  "version": "1.0.0",
  "tags": ["nuxt", "content", "blog"]
}

无语言代码块

text

纯文本代码块，没有指定语言

表格

基础表格

语法	描述	示例
标题	`#` 到 `######`	`## 二级标题`
加粗	`文本`	加粗
斜体	`文本`	斜体
删除线	`~~文本~~`	~~删除线~~

对齐表格

左对齐	居中对齐	右对齐
1.00	2.00	3.00
a	b	c

数学公式

行内公式

质能方程 $E = mc^2$ 是物理学中最著名的公式之一。

行内求和： $\sum_{i=1}^{n} i = \frac{n(n+1)}{2}$

块级公式

E = mc^2

\int_{-\infty}^{\infty} e^{-x^2} \, dx = \sqrt{\pi}

f(x) = \begin{cases} x^2 & \text{if } x \geq 0 \\ -x & \text{if } x < 0 \end{cases}

图片与链接

普通链接

带标题的链接

测试图片

分隔线

以下是三种分隔线写法：

脚注

这里有一个脚注引用¹，还有一个长脚注²。

定义与折叠

点击展开：什么是 Nuxt Content？

Nuxt Content 是 Nuxt 的官方内容模块，可以读取并渲染 content/ 目录下的 Markdown、JSON、YAML、CSV 文件。

支持前端MDC语法
内置目录生成
支持自定义组件

转义字符

*星号* #井号 - 短横线 ` 反引号 \ 反斜杠

以上是 Markdown 各类元素的测试内容。

这是第一个脚注的内容。 ↩
这是一个名字较长的脚注，可以包含多行内容。 ↩

Markdown元素测试