From 2c117c1ca79c3a83cd297facd07cb85ea422632d Mon Sep 17 00:00:00 2001
From: Cx330 <1487537121@qq.com>
Date: Tue, 8 Apr 2025 19:36:29 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0markdown=E8=A7=A3=E6=9E=90ai?=
=?UTF-8?q?=E8=BF=94=E5=9B=9E=E4=BF=A1=E6=81=AF=E3=80=81=E6=B7=BB=E5=8A=A0?=
=?UTF-8?q?purify=E5=8A=A8=E6=80=81=E6=B8=85=E7=90=86=E6=97=A0=E7=94=A8?=
=?UTF-8?q?=E7=BC=93=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
css/chat.css | 35 ++++++++++++++++-
index.html | 2 +
javascape/ai_api.js | 84 ++++++++++++++++++++++-------------------
javascape/marked.min.js | 6 +++
javascape/purify.min.js | 3 ++
5 files changed, 90 insertions(+), 40 deletions(-)
create mode 100644 javascape/marked.min.js
create mode 100644 javascape/purify.min.js
diff --git a/css/chat.css b/css/chat.css
index 4c37573..4ebb936 100644
--- a/css/chat.css
+++ b/css/chat.css
@@ -40,18 +40,49 @@
word-break: break-word;
}
- .message.user {
+.message.user {
background-color: #daf1fc;
align-self: flex-end;
text-align: left;
margin-left: auto;
}
- .message.bot {
+.message.bot {
background-color: #eee;
align-self: flex-start;
text-align: left;
margin-right: auto;
+ font-size: 14px;
+ line-height: 1.5;
+}
+
+/* 清除常见 markdown 元素的默认 margin */
+.message.bot h1,
+.message.bot h2,
+.message.bot h3,
+.message.bot p,
+.message.bot ul,
+.message.bot ol,
+.message.bot pre,
+.message.bot code {
+ margin: 0;
+ padding: 0;
+ font-size: inherit;
+}
+
+/* 更友好地渲染列表 */
+.message.bot ul,
+.message.bot ol {
+ padding-left: 1.2em;
+}
+
+/* 美化代码块 */
+.message.bot pre {
+ background: #272822;
+ color: #f8f8f2;
+ padding: 8px;
+ overflow-x: auto;
+ border-radius: 4px;
}
.input-row {
diff --git a/index.html b/index.html
index 425ce78..5cb6213 100644
--- a/index.html
+++ b/index.html
@@ -67,6 +67,8 @@
+
+