主题效果预览

约 1027 字大约 3 分钟

预览标签

2023-12-25

标题H1

标题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：

const welcome
 = 'Tudo bem gente?'
const words
 = welcome
.contains(' ')Property 'contains' does not exist on type '"Tudo bem gente?"'.

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'] })
const a
 = 1Custom log message
const b
 = 1Custom error message
const c
 = 1Custom warning message
Custom annotation message

interface Todo {
  title
: string
}

const todo
: Readonly
<Todo> = {
  title
: 'Delete inactive users'.toUpperCase
(),
}

todo
.title = 'Hello'Cannot assign to 'title' because it is a read-only property.

Number
.p
arseInt
('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

贡献者

变更历史

最后更新于: 查看全部变更历史

9a69c-
feat(docs): 添加欢迎页面和笔记目录，更新示例文章，大改目录结构；添加新的倒计时组件
于 2025/3/1
df306-
perf: update deps to latest
于 2025/1/21
a9f6b-
feat(plugin-md-power): add demo syntax (#415)
于 2025/1/10
49672-
feat(theme)!: migrate plugin-md-enhance to official plugins (#206)
于 2024/9/25
0056a-
feat(theme)!: migrate plugin-markdown-hint
于 2024/9/22
7832a-
feat(theme): remove frontmatter.author, and improve frontmatter.contributors type
于 2024/8/20
822d8-
docs: lint fix md
于 2024/3/21
ca097-
docs: lint fix
于 2024/3/8
207ef-
docs: 删除旧文档
于 2024/3/8
c37b1-
feat(plugin-shikiji): 使用 floating-vue 实现 twoslash 模态框
于 2024/2/24
55416-
feat: add highlight word
于 2024/1/31
0f8ac-
feat: update demo-wrapper container
于 2024/1/21
7b946-
feat: add demo-wrapper container support
于 2024/1/16
d0fdf-
feat: (试验性)代码高亮支持 twoslash
于 2024/1/11
5a96b-
chore: add stylelint support
于 2024/1/6
c4d9a-
style: lint fix
于 2024/1/1
d32cd-
docs: update docs
于 2023/12/30
5a74a-
perf: 优化搜索、内容容器内代码块 UI
于 2023/12/30
f01cf-
perf: 优化搜索框 UI
于 2023/12/30
a2039-
chore: update docs config
于 2023/12/26
37d0b-
docs: update example
于 2023/12/24

主题效果预览

标题H1

标题H2

标题H3

标题H4

标题H5

标题H6

标题2 Badge Badge

标题3 Badge Badge

标题4 Badge Badge

示例

贡献者

变更历史