VuePress2搭建自己的博客/官方网站

VuePress 是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown 来书写内容（如文档、博客等），然后 VuePress
会帮助你生成一个静态网站来展示它们。

ps: 以上介绍摘自官网

平常我写博客只需要用markdown写好，然后运行打包命令，就可以将markdown转成html。接着将打包好的文件到nginx服务器上就可以供用户访问了。

第十期 消息发送和markdown显示消息记录

本期内容

1. 消息发送和消息订阅
2. 等待回复的加载动画（animation+ @keyframes）
3. markdown 格式消息展示
4. 消息列表切换过渡（<transition-group></transition-group>）

代码实现

等待加载动画

当用户发送完消息等待 ChatGPT 回复的过程中有一些延迟，我们需要写一个文字加载的动画告知用户等待回复。

第九期 Vue3/ElementUI Plus 实现聊天面板

本期内容

详细讲述布局划分，组件抽取，一步步实现下面的结果图。左侧蓝色区域是会话列表，右侧是消息记录。蓝色区域内的一个个小卡片是聊天会话组件，在组件内定义了相关的交互，删除，点击，鼠标悬浮。

1. 点击左侧的会话，右侧的内容也会随之发生改变。
2. 鼠标放在会话上会弹出删除按钮，点击可以发起删除请求同时发送事件从会话列表中剔除该会话。
3. 点击新地聊天可以新增会话。
4. 点击右上角的修改按钮可以修改会话名称。