mirror of
https://github.com/lobehub/lobehub
synced 2026-04-21 17:47:27 +00:00
3f9c23e7b4
* feat: support lark and feishu * chore: change integration to channel * chore: rename from integration to channel * fix: channel router * feat: add topic list channel provider icon * chore: update webhook url * chore: channel form refact * chore: update i18n keys to channel * chore: update form item description * style: hide required mark * feat: add lark chat adapter * chore: clean speaker tag & add username api adapter * chore: adjust topic channel icon * chore: move developer mode to advanced setting * chore: add lark icon * fix: detail style * fix: token check logic * fix: encrpted risk * fix: vercel function appId * chore: remove webhook mode for discord * chore: add doc link * chore: add channel docs * chore: remove unused import * fix: create bot with wrong platform * chore: update intergration to channel * fix: udpate variable import * fix: tsgo error * chore: optimize webhook url trim * chore: update copy text * fix: telegram webhook not set * chore: add persist logic * docs: update feishu doc * chore: update feishu and lark tenant * chore: update docs * chore: make verfication code required * chore: update feishu docs * chore: update verfication comment * chore: update docs permission list * chore: verificationToken optional * chore: update feishu and lark color * chore: use test id
69 lines
2.8 KiB
Text
69 lines
2.8 KiB
Text
---
|
|
title: 界面外观
|
|
description: 自定义 LobeHub 的外观——主题、色彩、语言、代码高亮与 Mermaid 图表。打造属于你的界面。
|
|
tags:
|
|
- LobeHub
|
|
- 外观
|
|
- 主题
|
|
- 语言
|
|
- 自定义
|
|
---
|
|
|
|
# 界面外观
|
|
|
|
外观设置让你自定义 LobeHub 的视觉风格。切换主题、选择强调色、设置助理回复的默认语言，并调整代码和图表的样式。所有视觉相关选项都集中在这里。
|
|
|
|
**如何进入：** 点击右上角用户头像 → **应用设置** → **外观**。
|
|
|
|
## 语言
|
|
|
|
切换界面语言。LobeHub 支持多语言，选择适合你工作流的语言即可。
|
|
|
|
## 主题模式
|
|
|
|
三种模式：
|
|
|
|
| 模式 | 最适合 |
|
|
| -------- | ----------- |
|
|
| **亮色** | 明亮环境、白天使用 |
|
|
| **深色** | 弱光环境、减轻眼疲劳 |
|
|
| **跟随系统** | 与系统偏好一致（默认） |
|
|
|
|
**跟随系统** 会根据操作系统设置自动切换亮色 / 深色。适合在不同时段或环境下使用 LobeHub 时使用。
|
|
|
|
## 主题色彩
|
|
|
|
除了明暗模式，你还可以设置 **强调色** —— 用于按钮、高亮、链接等交互元素的颜色。LobeHub 提供多种预设主题色和中性色。点击色卡即可应用，界面会立即更新。
|
|
|
|
**使用场景：** 匹配品牌色、用中性色减少视觉干扰、或选择有助于专注的颜色。
|
|
|
|
## 助理语言
|
|
|
|
设置 **助理回复的默认语言**。选择后，助理会优先使用该语言回复，除非你在对话中明确要求使用其他语言。
|
|
|
|
**示例：** 若设置为「中文」，助理默认用中文回复。你仍可在某条消息中说「用英文回复」。
|
|
|
|
## 代码高亮
|
|
|
|
当对话或文稿中包含代码块时，可以选择 **代码高亮主题**。选择与整体主题协调的方案 —— 亮色主题配亮色代码、深色配深色。
|
|
|
|
**使用场景：** 提升代码审查时的可读性、与 IDE 配色保持一致、或在长代码会话中减轻眼疲劳。
|
|
|
|
## Mermaid 主题
|
|
|
|
Mermaid 是一种用文本描述图表的工具。当对话或文稿中包含 Mermaid 图表（流程图、时序图等）时，可选择 **Mermaid 主题**。与整体主题协调，让图表与界面风格一致。
|
|
|
|
## 模式选择
|
|
|
|
| 模式 | 说明 |
|
|
| -------- | ------------------------ |
|
|
| **专业模式** | 完整界面，包含所有面板和选项 —— 适合重度用户 |
|
|
| **精简模式** | 精简界面，元素更少 —— 适合专注工作或小屏设备 |
|
|
|
|
**提示：** 想要更少视觉干扰、更多对话空间时用精简模式。需要快速访问面板、设置或多视图时用专业模式。
|
|
|
|
<Cards>
|
|
<Card href={'/zh/docs/usage/user-interface/shortcuts'} title={'快捷键'} />
|
|
|
|
<Card href={'/zh/docs/usage/agent/translate'} title={'会话翻译'} />
|
|
</Cards>
|