feat: export as image

[Dakai]

将回答导出为图片：

在Chat-message-item处增加导出图片的选项

生成的图片，Light主题:

生成的图片，Dark主题:

[devyujie]

能不能选择多条消息一起导出呢，例如微信或者TG那种多选

[ClarenceDan]

可以考虑将导出为图片做到聊天框上方的按钮，点击后支持选择多条消息生成图片，图片底部加上网站的logo名称或则链接

[devyujie]

这开源项目，加什么公众号

[devyujie]

可以考虑将导出为图片做到聊天框上方的按钮，点击后支持选择多条消息生成图片，图片底部加上公众号的logo名称或则链接

前半句比较赞同，做一个全局导出按钮，把对于每一条消息的导出功能取消掉。点击按钮时，让用户选择一条或者多条消息，再进行导出。貌似更实用，因为可能我想分享的是某一个问题的整个对答过程。

[devyujie]

设计或者dom选择的动画上可以参考tg，就很流畅

[Yidadaa]

导出功能之后会放在顶部的分享按钮里实现，建议先不要实现该功能，这个 PR 我会保留，但不会合入，有需要的可以自行 fork 使用。

与此同时 #837 也是同样的道理，非常感谢你能贡献代码，但是涉及交互的改动我都会谨慎合入，这两个 PR 我都会保留，之后我在实现时会深度参考这两个 PR 中的代码。

[ClarenceDan]

这开源项目，加什么公众号

我去，写错了，应该是加网站的logo，另外可以考虑在底部或顶部加上这段对话内容的主题

[Dakai]

导出功能之后会放在顶部的分享按钮里实现，建议先不要实现该功能，这个 PR 我会保留，但不会合入，有需要的可以自行 fork 使用。

与此同时 #837 也是同样的道理，非常感谢你能贡献代码，但是涉及交互的改动我都会谨慎合入，这两个 PR 我都会保留，之后我在实现时会深度参考这两个 PR 中的代码。

明白的，你客气了，这些功能我也是为了自己用着方便加的，而且我也学到了好多新知识，要感谢最开始是你做出的这个项目才是。:smile:

[sansejin1206]

可以帮我看一下错误吗？https://github.com/like1206/QuPoJie-ChatGPT/blob/main/app/components/chat.tsx 我按照您的步骤修改这个文件859行处一直报错，部署到vercel中的时候。绕了一下午头。 部署时报下面的错

[Dakai]

@sansejin1206 如果你是在最新的版本上更改的话，isMobileScreen现在不是一个函数，所以你要把isMobileScreen()改成isMobileScreen。 我这里代码其实只是在<Markdown>标签外面加了一层<div>而已，所以<Markdown>里面是不变的，你看下原来的代码这里应该就是isMobileScreen，没有一对括号。