> For the complete documentation index, see [llms.txt](https://docs.cherryai.com.cn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cherryai.com.cn/docs/zhong-wen-fan-ti/pre-basic/settings/display.md).

# 外觀

外觀設定集中了 **介面長成點、消息點樣顯示、代碼同公式點樣渲染** 呢一整套偏好。打開 `設定 → 外觀`，由上到下依次係主題、顯示同語言、字體、輸入、消息、公式、代碼塊等分區。

> 唔滿足於呢度嘅選項？仲可以用 [自訂 CSS](/docs/zhong-wen-fan-ti/pre-basic/settings/display/custom-css.md) 深度定制。

### 主題同主題顏色

<figure><img src="/files/4fac677ae440f16269d2c5ffa64de98a7ba2cf54" alt=""><figcaption><p>主題、主題顏色同顯示語言</p></figcaption></figure>

* **主題**：喺 **淺色／深色／系統** 之間切換（「系統」會跟隨操作系統嘅淺深色模式）。
* **主題顏色**：揀介面主色調，提供多個預設色，亦可以喺右邊輸入十六進制色值（例如 `#00B96B`）自訂。

### 顯示同語言

| 設定項        | 說明                                          |
| ---------- | ------------------------------------------- |
| **語言**     | 介面顯示語言，支援簡體中文、繁體中文、英文、日文、德文、法文等多種語言         |
| **縮放**     | 整體介面縮放比例，螢幕大／細，或者覺得字太細時可調                   |
| **右鍵選單樣式** | 喺 Cherry 自繪選單同系統 **原生** 右鍵選單之間切換            |
| **透明視窗**   | 開啟視窗半透明毛玻璃效果（**只限 macOS 提供**；喺某啲顯卡下可能會影響效能） |

### 字體設定

* **全局字體**：介面整體字體，預設用系統字體，可以換成你鍾意嘅字體。
* **代碼字體**：代碼塊用嘅等寬字體。

字體推薦見 [字體推薦](/docs/zhong-wen-fan-ti/pre-basic/settings/display/font.md)。

### 輸入設定

<figure><img src="/files/8b23b80e1358258bd81bff298498e3504f0bdd14" alt=""><figcaption><p>字體、輸入同消息顯示設定</p></figcaption></figure>

| 設定項                 | 說明                                    |
| ------------------- | ------------------------------------- |
| **發送快捷鍵**           | 設定發送消息嘅按鍵（例如 `Enter`、`Shift+Enter` 等） |
| **拼寫檢查**            | 輸入英文時喺拼寫錯誤下面顯示紅色波浪線；如果主要用中文，可以關掉避免誤報  |
| **顯示預估 Token 數**    | 喺輸入框顯示輸入內容預估會用嘅 Token（只供參考，唔係實際計費）    |
| **Markdown 渲染輸入消息** | 關閉後你發送嘅消息唔會做 Markdown 渲染，只渲染模型回覆      |
| **刪除消息前確認**         | 刪除消息時先彈確認，防止誤刪                        |

### 消息設定

控制 AI 回覆喺對話區點樣呈現：

| 設定項          | 說明                         |
| ------------ | -------------------------- |
| **寬布局模式**    | 令消息內容佔滿更闊嘅區域               |
| **使用襯線字體**   | 正文轉做襯線字體，長文閱讀更舒服           |
| **思考內容自動摺疊** | 支援推理嘅模型喺思考完成後自動摺疊思考過程      |
| **顯示消息大綱**   | 為較長回覆生成可跳轉嘅大綱              |
| **消息樣式**     | 喺 **氣泡** 同 **簡潔** 兩種樣式之間切換 |
| **多模型回答樣式**  | 多模型對比時嘅排布，例如 **橫向排列**      |
| **對話導航按鈕**   | 長對話中嘅快速定位方式，例如 **對話錨點**    |
| **消息字體大小**   | 拖動滑塊調整對話區字體大小              |

### 數學公式

* **啟用 `$...$`**：開啟後識別行內數學公式（用 `$` 包住嘅內容）並渲染成公式。

### 代碼塊設定

<figure><img src="/files/aea6307d90bdd2fa751dee3ed346980ca55fc650" alt=""><figcaption><p>數學公式同代碼塊設定</p></figcaption></figure>

| 設定項        | 說明                       |
| ---------- | ------------------------ |
| **代碼風格**   | 代碼高亮配色方案（預設 `auto` 跟隨主題） |
| **花式代碼塊**  | 更精緻嘅代碼塊外觀                |
| **代碼編輯器**  | 用可編輯嘅代碼編輯器樣式顯示代碼         |
| **代碼顯示行號** | 代碼塊左邊顯示行號                |
| **代碼塊可摺疊** | 較長代碼自動摺疊                 |
| **代碼塊可換行** | 單行過長時自動換行，避免橫向捲動         |

> 打開 **代碼編輯器** 後，仲會多出 **高亮當前行 / 摺疊控制 / 自動補全 / 快捷鍵** 四個子開關，進一步控制編輯器行為。

### 代碼執行

* **代碼執行**：允許喺對話中直接執行模型生成嘅代碼片段。
* **啟用預覽工具**：為 mermaid 等代碼塊渲染後嘅圖表產物提供即時預覽。

{% hint style="warning" %}
代碼執行會喺你部電腦上運行模型生成嘅代碼。只喺你理解同信任相關內容時先開啟。
{% endhint %}

### 自訂 CSS

面板底部嘅編輯器可以直接寫入自訂 CSS，對介面做更細緻嘅個人化調整。寫法同示例見 [自訂 CSS](/docs/zhong-wen-fan-ti/pre-basic/settings/display/custom-css.md)；想恢復預設見 [清除 CSS 設定](/docs/zhong-wen-fan-ti/pre-basic/settings/display/clear-css.md)。

***

### 攞幫助同提交意見

如果您喺配置或使用過程中遇到任何疑問、Bug 或有功能改善建議，請參考 [反饋與建議](/docs/zhong-wen-fan-ti/question-contact/suggestions.md) 入面提供嘅官方渠道。


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.cherryai.com.cn/docs/zhong-wen-fan-ti/pre-basic/settings/display.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
