DRAFT Markdown

约 1011 字大约 3 分钟

markdown

2025-08-23

标题 2 Badge Badge

标题 3 Badge Badge

标题 4 Badge Badge

正文内容。

@property CSS at-rule 是 CSS Houdini API 的一部分，它允许开发者显式地定义他们的 CSS 自定义属性, 允许进行属性类型检查、设定默认值以及定义该自定义属性是否可以被继承。

@property 的出现，极大的增强了 CSS 的能力。

加粗：加粗文字

斜体： 斜体文字

~~删除文字~~

内容标记

数学表达式： $-(2^{n-1})$ ~ $2^{n-1} -1$

$\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right) = \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right\}$

19^th

H₂O

内容居中

内容右对齐

无序列表 1
无序列表 2
无序列表 3

有序列表 1
有序列表 2
有序列表 3

任务列表 1
任务列表 2
任务列表 3
任务列表 4

Tables	Are	Cool
col 3 is	right-aligned	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1

引用内容
引用内容

链接

外部链接

Badge：

info badge
tip badge
warning badge
danger badge

图标：

home -
vscode -
twitter -

demo wrapper：

示例

main

aside

代码：

const a = 1;
const b = 2;
const c = a + b;

const obj = {
  toLong: {
    deep: {
      deep: {
        deep: {
          value:
            "this is to long text. this is to long text. this is to long text. this is to long text.",
        },
      },
    },
  },
};

Code Blocks TwoSlash：

// @errors: 2339
const welcome = "Tudo bem gente?";
const words = welcome.contains(" ");

import express from "express";
const app = express();
app.get("/", (req, res) => {
  res.send;
});
app.listen(3000);

import { createHighlighter } from "shiki";

const highlighter = await createHighlighter({
  themes: ["nord"],
  langs: ["javascript"],
});
// @log: Custom log message
const a = 1;
// @error: Custom error message
const b = 1;
// @warn: Custom warning message
const c = 1;
// @annotate: Custom annotation message

// @errors: 2540
interface Todo {
  title: string;
}

const todo: Readonly<Todo> = {
  title: "Delete inactive users".toUpperCase(),
  //  ^?
};

todo.title = "Hello";

Number.parseInt("123", 10);
//      ^|

//
//

<script setup lang="ts">
import { ref } from "vue";

const count = ref(0);
</script>

<template>
  <p>{{ count }}</p>
</template>

代码分组：

tab1

const a = 1;
const b = 2;
const c = a + b;

tab2

const a: number = 1;
const b: number = 2;
const c: number = a + b;

代码块高亮：

function foo() {
  const a = 1;

  console.log(a);

  const b = 2;
  const c = 3;

  console.log(a + b + c);
  console.log(a + b);
}

代码块聚焦：

function foo() {
  const a = 1;
}

仅标题

注释

注释内容 link inline code

const a = 1;
const b = 2;
const c = a + b;

信息

信息内容 link inline code

const a = 1;
const b = 2;
const c = a + b;

提示

提示内容 link inline code

const a = 1;
const b = 2;
const c = a + b;

警告

警告内容 link inline code

const a = 1;
const b = 2;
const c = a + b;

错误

错误内容 link inline code

const a = 1;
const b = 2;
const c = a + b;

重要

重要内容 link inline code

const a = 1;
const b = 2;
const c = a + b;

详细标题

这里是内容。

GFM alert：

注

note

DRAFT Markdown

标题 H2

标题 H3

标题 H4

标题 H5

标题 H6

标题 2 Badge Badge

标题 3 Badge Badge

标题 4 Badge Badge

示例