 |
概要 | AI Bot - 新问题模态框 |
 |
仓库 | GitHub - VaperinaDEV/aibot-new-question-modal |
 |
安装指南 | 如何安装主题或主题组件 |
 |
初次使用 Discourse 主题？ | Discourse 主题使用入门指南 |
安装此主题组件
你好 
Discourse AI - 使用此功能需要 AI Bot。
此主题组件实际上是 ask.discourse.com 主页功能的模态框版本。因此，您可以创建与收件人 AI Bot 的新对话。
此模态框为全屏，给人一种您正在访问其他页面的感觉。或者说，这就是目标。
主要部分：
头像： aibot 头像有一个始终在模态框头像中旋转的加载指示器，但它也指示何时正在写入。
AI 消息： 您也可以在此处使用 HTML。
快速链接： 添加任意数量的问题。
快速链接的显示受设置限制，并且在您再次打开模态框时会随机排序。
max quick links desktop 默认值：5
max quick links mobile 默认值：3
最近的对话： 此按钮将重定向到 /search 页面，并带有参数 in:messages, @aibot-username
模态框就这些了。您可以在主题设置中更改和自定义所有内容。 
AI Bot 模态框的打开按钮可以放置在侧边栏的 3 个位置。
-
sidebar-footer-actions
-
before-sidebar-sections
-
after-sidebar-sections
在主题设置中，您可以更改按钮样式。
让我们看看主题设置
主题设置
- quick_links：您可以在此处设置快速按钮问题。
- max quick links desktop：桌面端显示的快速链接最大数量。
- max quick links mobile：移动端显示的快速链接最大数量。
- show_for_groups：必需设置。添加要显示侧边栏按钮的组名。
- aibot_id：必需设置。添加您要为此使用的 AI Bot ID。
- aibot_username：必需设置。添加您要为此使用的 AI Bot 用户名。
- aibot_avatar：必需设置。上传 AI Bot 在模态框中显示的图片。
- sibebar aibot button postition：选择侧边栏按钮的位置。
- sidebar-footer-actions（默认）
- before-sidebar-sections（侧边栏顶部）
- after-sidebar-sections（侧边栏底部）
- sibebar aibot button style：选择侧边栏按钮的样式。
- btn-primary（默认）
- btn-default
- sidebar aibot button border-radius：更改侧边栏按钮的圆角。
- sidebar aibot button before icon：更改侧边栏按钮的图标。
- aibot recent messages icon：更改最近对话按钮的图标。
- modal background：更改模态框背景。
- modal content wrapper background：更改模态框内容包装器的背景。
- modal content wrapper border radius：更改模态框内容包装器的圆角。
- quick buttons style：选择快速按钮的样式。
- btn-primary（默认）
- btn-default
- quick buttons border radius：更改快速按钮的圆角。
- mobile quick buttons wrapper border radius：更改移动端快速按钮包装器的圆角。
- aibot avatar spinner primary color：更改头像加载指示器的主要颜色，默认为
var(--tertiary)。 - aibot avatar spinner secondary color：更改头像加载指示器的次要颜色，默认为
#ffffff。 - aibot message border color：此边框位于消息的右侧。默认为
var(--tertiary)。 - textarea border-radius：更改文本区域的圆角。
- send button border radius：更改发送按钮的圆角。
- recent messages button border radius：更改最近消息按钮的圆角。
- recent messages button color：更改最近消息按钮的颜色。它也会改变图标颜色。
- recent messages button hover color：更改最近消息按钮的悬停颜色。
- recent messages button hover background：更改最近消息按钮的悬停背景。
- recent messages button border：更改最近消息按钮的边框。
- spinner loader border：更改模态框加载指示器的边框。当您发送消息时会出现。
- spinner loader border right color：更改加载指示器右侧的颜色。
这里还有一些主题翻译…
主题翻译
- aibot_modal_title：这是模态框的标题。
- aibot_message：这是模态框中的 AI Bot 消息。
- input_placeholder：这是文本区域的占位符。
- input_submit：这是发送按钮的标题。
- input_length：当文本太短时会显示此消息。
- disclaimer：此文本显示在模态框的文本区域下方。
- new_question：这是侧边栏按钮的文本。
- recent_messages：这是模态框最近消息按钮的文本。
此主题组件会隐藏 AI Bot 私人消息中的共享按钮。
discourse_ai.ai_bot.default_pm_prefix文本是默认的 AI 私人消息标题，它会根据对话主题自动更改。您可以在/admin/customize/site_texts中更改它。
所以我决定放弃可滚动的快速按钮。取而代之的是，我添加了 2 个新设置来控制桌面/移动视图中的最大快速链接数量，并对模态 AI 头像和消息部分进行了一些调整，以便在较小的屏幕上更好地显示。