diff --git a/vue/package.json b/vue/package.json
index 6eff8e27..622a69a4 100644
--- a/vue/package.json
+++ b/vue/package.json
@@ -50,6 +50,7 @@
     "js-beautify": "1.13.0",
     "js-cookie": "3.0.1",
     "jsencrypt": "3.0.0-rc.1",
+    "markdown-it": "^12.3.2",
     "nprogress": "0.2.0",
     "quill": "1.3.7",
     "screenfull": "5.0.2",
diff --git a/vue/src/views/index.vue b/vue/src/views/index.vue
index da4404fa..8c9a62e0 100644
--- a/vue/src/views/index.vue
+++ b/vue/src/views/index.vue
@@ -132,11 +132,13 @@
 <script>
 import { todayDaily } from "@/api/report/report";
 import { getToken } from "@/utils/auth";
+import MarkdownIt from 'markdown-it';
 
 export default {
   name: 'Index',
   data() {
     return {
+      md: new MarkdownIt(),
       inputMessage: '',
       messages: [
         {
@@ -213,8 +215,10 @@ export default {
         let messageContent = event.data;
         // 移除可能的data:前缀
         messageContent = messageContent.replace(/^data:/g, '');
+        // 使用markdown-it将markdown格式转换为HTML
+        const htmlContent = this.md.render(messageContent);
         this.messages.push({
-          content: messageContent,
+          content: htmlContent,
           time: this.formatTime(new Date()),
           isMe: false,
           avatar: ''