AI 摘要
本摘要由 AI 生成，仅供参考，内容请以原文为准。
VitePress 文章聊天标签效果展示
本站使用自定义 markdown-it block 规则，支持通过 ::::chat ... :::: 语法在文章中嵌入聊天界面。
语法说明
使用 ::::chat 和 :::: 包裹聊天内容，内部使用特殊语法标记消息类型：
md
::::chat
{:系统消息或时间戳}
{.}
我的消息（右对齐）
{.我的名字}
带名字的我的消息
{对方名字}
对方的消息（左对齐）
::::| 语法 | 含义 |
|---|---|
{:text} | 系统消息 / 时间戳（居中） |
{.} | 自己的消息（右对齐） |
{.Name} | 自己的消息 + 名称 |
{Name} | 他人的消息 + 名称（左对齐） |
| 普通文本 | 消息内容 |
\ | 消息内换行 |
基础对话
2024-11-09 23:39:30
也许
我们可以聊聊天
纸鹿
我还可以有名字
纸鹿撤回了一条消息
用户1
有趣
我学到了。
我学到了。
多人群聊
群聊 - 2024-12-25
小明
大家圣诞快乐！
圣诞快乐！🎄
小红
今天有什么活动吗？
小明
晚上一起吃饭吧
好的，几点？
小明邀请你加入语音通话
带 Markdown 格式
聊天消息内支持 粗体、斜体、代码 等 Markdown 格式：
技术支持群
客服
您好，请问有什么可以帮您？
我的代码报错了：
TypeError: Cannot read property of undefined客服
请检查一下 变量是否已初始化，这个问题通常是因为对象还未赋值导致的。
好的，我看看。找到了！ 谢谢！
客服
不客气，还有其他问题吗？
效果特点
- 自己消息右对齐，使用主题色背景
- 他人消息左对齐，使用卡片背景色
- 系统消息和时间戳居中显示
- 支持消息内 Markdown 格式（粗体、斜体、代码）
- 支持消息内换行（使用
\） - 自动适配亮色 / 暗色主题
VitePress 文章聊天标签效果展示https://b.2005815.xyz/posts/markdown-it/chat-tag
赞赏博主
关注博主 评论 隐私政策
