diff --git a/src/pages/demo/components/highlight/demo.vue b/src/pages/demo/components/highlight/demo.vue
index c668ad1f..c83b536b 100644
--- a/src/pages/demo/components/highlight/demo.vue
+++ b/src/pages/demo/components/highlight/demo.vue
@@ -30,6 +30,9 @@
         </el-card>
       </el-col>
     </el-row>
+    <el-card>
+      <Markdown url="/static/markdownFiles/article/组件 - 代码高亮.md"></Markdown>
+    </el-card>
   </Container>
 </template>
 
diff --git a/static/markdownFiles/article/组件 - 代码高亮.md b/static/markdownFiles/article/组件 - 代码高亮.md
new file mode 100644
index 00000000..e42fbdc9
--- /dev/null
+++ b/static/markdownFiles/article/组件 - 代码高亮.md	
@@ -0,0 +1,11 @@
+## 参数
+
+| 参数名 | 介绍 | 必选 | 值类型 | 可选值 | 默认值 |
+| --- | --- | --- | --- | --- | --- |
+| code | 代码字符串 | 非 | String |  | console.log('you lost code prop') |
+
+## 示例
+
+```
+<Highlight code="alert('Hello')"></Highlight>
+```
\ No newline at end of file