emacs org-mode生成聊天样式

目前而言，我的大部分文档都是通过org-mode写的。有些聊天对话的保存，我很想显示为聊天的样式。在chatgpt帮助下，最后终于生成了。

<style type="text/css">
.nickname {
    font-weight: bold;
}
.message {
    display: inline-block;
    max-width: 80%;
    border-radius: 10px;
    padding: 5px 10px;
    margin-bottom: 5px;
}
.user .nickname {
    color: blue;
    float: right;
    clear: both;
}
.user .message {
    background-color: #f1f1f1;
    color: #333;
    float: right;
    clear: both;
    margin-left: 20%;
}
.chatgpt .nickname {
    color: red;
    float: left;
    clear: both;
}
.chatgpt .message {
    background-color: #e6e6e6;
    color: #333;
    float: left;
    clear: both;
    margin-right: 20%;
}

</style>

测试的org文件：

* test_chat
  #+INCLUDE: "chat.css" export html
  #+begin_chatgpt
  #+begin_nickname
  **ChatGPT**
  #+end_nickname
  #+begin_message
  你好，欢迎使用聊天服务。有什么问题我可以帮您解答吗？
  #+end_message

  #+end_chatgpt
  #+begin_user
  #+begin_nickname
  **User**
  #+end_nickname
  #+begin_message
  如何在 Emacs 的 org-mode 中实现类似 ChatGPT 的聊天对话样式？
  #+end_message
  #+end_user


  #+begin_chatgpt
  #+begin_nickname
  **ChatGPT**
  #+end_nickname
  #+begin_message
  请参考我之前的回答，根据给出的步骤操作。
  #+end_message
  #+end_chatgpt

  #+begin_user
  #+begin_nickname
  **User**
  #+end_nickname
  #+begin_message
  谢谢，问题已解决。
  #+end_message

最后的效果截图：

相关文章：

发表回复 取消回复

发表回复取消回复