diff --git a/cli/templates/docs/zh/preview/markdown.md b/cli/templates/docs/zh/preview/markdown.md
index 66a1061b..a7f0fc01 100644
--- a/cli/templates/docs/zh/preview/markdown.md
+++ b/cli/templates/docs/zh/preview/markdown.md
@@ -4,15 +4,29 @@ tags:
   - markdown
 ---
 
-## 标题 2
+## 标题H2
 
-### 标题 3
+### 标题H3
 
-#### 标题 4
+#### 标题H4
 
-##### 标题 5
+##### 标题H5
 
-###### 标题 6
+###### 标题H6
+
+## 标题2 Badge <Badge type="tip" text="Badge" />
+
+### 标题3 Badge <Badge type="warning" text="Badge" />
+
+#### 标题4 Badge <Badge type="danger" text="Badge" />
+
+正文内容。
+
+`@property` CSS at-rule是 [CSS Houdini API](https://developer.mozilla.org/zh-CN/docs/Web/Guide/Houdini)
+的一部分，它允许开发者显式地定义他们的 [CSS 自定义属性](https://developer.mozilla.org/zh-CN/docs/Web/CSS/--*),
+允许进行属性类型检查、设定默认值以及定义该自定义属性是否可以被继承。
+
+`@property` 的出现，极大的增强了 CSS 的能力。
 
 加粗：**加粗文字**
 
@@ -66,6 +80,8 @@ H~2~O
 
 [外部链接](https://github.com/pengzhanbo)
 
+![plume](/plume.svg)
+
 **Badge：**
 
 - <Badge type="info" text="info badge" />
@@ -121,6 +137,68 @@ const obj = {
 }
 ```
 
+**Code Blocks TwoSlash：**
+
+```ts twoslash
+// @errors: 2339
+const welcome = 'Tudo bem gente?'
+const words = welcome.contains(' ')
+```
+
+```ts twoslash
+import express from 'express'
+const app = express()
+app.get('/', (req, res) => {
+  res.send
+})
+app.listen(3000)
+```
+
+```ts twoslash
+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
+```
+
+```ts twoslash
+// @errors: 2540
+interface Todo {
+  title: string
+}
+
+const todo: Readonly<Todo> = {
+  title: 'Delete inactive users'.toUpperCase(),
+//  ^?
+}
+
+todo.title = 'Hello'
+
+Number.parseInt('123', 10)
+//      ^|
+
+//
+//
+```
+
+```vue twoslash
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const count = ref(0)
+</script>
+
+<template>
+  <p>{{ count }}</p>
+</template>
+```
+
 **代码分组：**
 
 ::: code-tabs
@@ -166,6 +244,9 @@ function foo() {
 }
 ```
 
+::: tip 仅标题
+:::
+
 ::: note 注释
 注释内容 [link](https://github.com/pengzhanbo) `inline code`
 
@@ -232,6 +313,11 @@ const c = a + b
 
 :::
 
+::: details 详细标题
+
+这里是内容。
+:::
+
 **GFM alert：**
 
 > [!note]