居然还能这么玩？5个让 Cherry Studio更好用的小技巧

居然还能这么玩？5个让 Cherry Studio更好用的小技巧

DeBill Lv3
  2025-08-14 12:00 2025-08-14 12:00 创建   2025-08-14 13:34:41 2025-08-14 13:34:41 更新    2.3k 字  11 分钟  

📝 前言

Cherry Studio 更新很频繁，一些小功能的更新可能读者朋友们未必注意到，或者注意到了也不知道有什么用，今天就给大家分享 5 个让 Cherry Studio 更好用的小技巧，赶紧用起~

对话框隐藏不用的工具

聊天对话框的最下方有一栏工具按钮，看着密密麻麻的，很多工具我们用不上，或者已经记得快捷键(例如 ctrl + n 新增话题等 )基本不会去点它们，那我们可以将鼠标放到工具按钮上点击右键把不用的工具折叠起来

折叠完的工具栏就清爽多了

助手分组

当我们创建的助手很多的时候，我们可以对这些助手进行分组，方便我们进行归类管理。鼠标放到任意助手上，点击右键，给不同的助手添加标签用于分组。分组成功后，还能将不常用的组进行折叠，这样助手栏便一目了然。

美化助手分组

助手分组弄好后，我们发现视觉效果还是不明显，有没有办法让助手分组看起来更有区分度？

assitant group

Cherry Studio 支持自定义 CSS 样式，在 [设置] –> [显示设置] –> [自定义 CSS] 中将下方的代码粘贴进去，就能给不同的助手组用不同的颜色块区分

custom css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
/* CSS变量定义 */
.TagsContainer-erHQJu:nth-child(1) { --group-color: 59, 130, 246; }
.TagsContainer-erHQJu:nth-child(2) { --group-color: 34, 197, 94; }
.TagsContainer-erHQJu:nth-child(3) { --group-color: 168, 85, 247; }
.TagsContainer-erHQJu:nth-child(4) { --group-color: 249, 115, 22; }
.TagsContainer-erHQJu:nth-child(5) { --group-color: 239, 68, 68; }
.TagsContainer-erHQJu:nth-child(6) { --group-color: 6, 182, 212; }
.TagsContainer-erHQJu:nth-child(7) { --group-color: 245, 158, 11; }
.TagsContainer-erHQJu:nth-child(8) { --group-color: 156, 163, 175; }
.TagsContainer-erHQJu:nth-child(9) { --group-color: 219, 39, 119; }
.TagsContainer-erHQJu:nth-child(10) { --group-color: 99, 102, 241; }

/* 分组容器基础样式 */
.TagsContainer-erHQJu {
    margin: 12px 8px;
    padding: 12px 8px;
    border-radius: 12px;
    background: rgba(var(--group-color, 156, 163, 175), 0.06);
    border: 1px solid rgba(var(--group-color, 156, 163, 175), 0.12);
    overflow: hidden;
}

.TagsContainer-erHQJu:has(.GroupTitle-bZsCjw) {
    padding: 0;
}

/* 分组标题 */
.GroupTitle-bZsCjw {
    margin: 0;
    padding: 14px 16px;
    background: rgba(var(--group-color, 156, 163, 175), 0.12);
    border: none;
    border-radius: 12px 12px 0 0;
    border-bottom: 1px solid rgba(var(--group-color, 156, 163, 175), 0.08);
    cursor: pointer;
    transition: all 0.2s ease;
}

.GroupTitle-bZsCjw:hover {
    background: rgba(var(--group-color, 156, 163, 175), 0.16);
}

.GroupTitleName-ifOZPj {
    font-weight: 600;
    font-size: 14px;
    color: rgba(var(--group-color, 156, 163, 175), 0.9);
    display: flex;
    align-items: center;
    margin: 0;
    letter-spacing: 0.025em;
}

.GroupTitleName-ifOZPj .anticon {
    margin-right: 8px;
    color: rgba(var(--group-color, 156, 163, 175), 0.7);
    font-size: 12px;
    transition: all 0.2s ease;
}

.GroupTitleDivider-hDobAZ {
    display: none;
}

.TagsContainer-erHQJu:has(.GroupTitle-bZsCjw) > div:not(.GroupTitle-bZsCjw) {
    padding: 0 12px;
}

.TagsContainer-erHQJu:has(.GroupTitle-bZsCjw) .Container-lnWGMS:last-of-type,
.TagsContainer-erHQJu:has(.GroupTitle-bZsCjw) .AssistantAddItem-cnwcTr {
    margin-bottom: 12px;
}

/* 助手容器 */
.Container-cFFyqi {
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 8px;
    transition: all 0.25s ease;
    margin: 2px 0;
    background: transparent;
}

.AssistantNameRow-eRVxCS {
    padding: 10px 12px;
    background: transparent !important;
    border: none;
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    border-radius: inherit;
    transition: all 0.25s ease;
}

.Container-gOOWxz {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.AssistantName-cHMAyM {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #e5e7eb;
    font-size: 13px;
    font-weight: 400;
    transition: all 0.25s ease;
    flex: 1;
    min-width: 0;
    margin-left: 8px;
}

/* 修复双重圆形的关键：去除MenuButton背景 */
.MenuButton-kywHgl {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 8px;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.TopicCount-IXqyx {
    background: rgba(255, 255, 255, 0.08);
    color: #9ca3af;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    padding: 2px 6px;
    font-size: 11px;
    font-weight: 500;
    min-width: 16px;
    text-align: center;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
    box-shadow: none;
}

/* hover状态 */
.Container-cFFyqi:hover {
    background: rgba(var(--group-color, 156, 163, 175), 0.08) !important;
}

.Container-cFFyqi:hover .TopicCount-IXqyx {
    background: rgba(var(--group-color, 156, 163, 175), 0.12);
    border-color: rgba(var(--group-color, 156, 163, 175), 0.2);
    color: rgba(var(--group-color, 156, 163, 175), 0.85);
    transform: scale(1.02);
}

/* 激活状态 */
.Container-cFFyqi.active {
    background: rgba(var(--group-color, 156, 163, 175), 0.1) !important;
    border: 1px solid rgba(var(--group-color, 156, 163, 175), 0.2);
    box-shadow: 0 1px 2px rgba(var(--group-color, 156, 163, 175), 0.08);
}

.Container-cFFyqi.active .AssistantNameRow-eRVxCS {
    font-weight: 500;
}

.Container-cFFyqi.active .AssistantName-cHMAyM {
    color: rgba(var(--group-color, 156, 163, 175), 0.95) !important;
    font-weight: 500;
}

.Container-cFFyqi.active .TopicCount-IXqyx {
    background: rgba(var(--group-color, 156, 163, 175), 0.9);
    color: #ffffff !important;
    border-color: rgba(var(--group-color, 156, 163, 175), 0.9);
    font-weight: 600;
    transform: scale(1.02);
}

.Container-cFFyqi.active:hover {
    background: rgba(var(--group-color, 156, 163, 175), 0.14) !important;
    box-shadow: 0 2px 3px rgba(var(--group-color, 156, 163, 175), 0.12);
    transform: translateX(1px);
}

.Container-cFFyqi.active:hover .TopicCount-IXqyx {
    background: rgba(var(--group-color, 156, 163, 175), 1);
    color: #ffffff !important;
    border-color: rgba(var(--group-color, 156, 163, 175), 1);
    transform: scale(1.05);
}

/* 浅色模式 */
@media (prefers-color-scheme: light) {
    .AssistantName-cHMAyM {
        color: #374151;
    }

    .GroupTitleName-ifOZPj {
        color: rgba(var(--group-color, 156, 163, 175), 0.85);
    }

    .GroupTitleName-ifOZPj .anticon {
        color: rgba(var(--group-color, 156, 163, 175), 0.65);
    }

    .Container-cFFyqi.active .AssistantName-cHMAyM {
        color: rgba(var(--group-color, 156, 163, 175), 0.9) !important;
    }

    .Container-cFFyqi:hover {
        background: rgba(var(--group-color, 156, 163, 175), 0.06) !important;
    }

    .Container-cFFyqi.active {
        background: rgba(var(--group-color, 156, 163, 175), 0.08) !important;
        border-color: rgba(var(--group-color, 156, 163, 175), 0.25);
        box-shadow: 0 1px 2px rgba(var(--group-color, 156, 163, 175), 0.06);
    }

    .Container-cFFyqi.active:hover {
        background: rgba(var(--group-color, 156, 163, 175), 0.12) !important;
        box-shadow: 0 2px 3px rgba(var(--group-color, 156, 163, 175), 0.1);
    }

    .TopicCount-IXqyx {
        background: rgba(0, 0, 0, 0.05);
        color: #6b7280;
        border-color: rgba(0, 0, 0, 0.08);
    }

    .Container-cFFyqi:hover .TopicCount-IXqyx {
        background: rgba(var(--group-color, 156, 163, 175), 0.1);
        color: rgba(var(--group-color, 156, 163, 175), 0.8);
        border-color: rgba(var(--group-color, 156, 163, 175), 0.15);
    }
}

/* 深色模式 */
@media (prefers-color-scheme: dark) {
    .TagsContainer-erHQJu {
        background: rgba(var(--group-color, 156, 163, 175), 0.08);
        border-color: rgba(var(--group-color, 156, 163, 175), 0.15);
    }

    .GroupTitle-bZsCjw {
        background: rgba(var(--group-color, 156, 163, 175), 0.15);
        border-bottom-color: rgba(var(--group-color, 156, 163, 175), 0.1);
    }

    .GroupTitle-bZsCjw:hover {
        background: rgba(var(--group-color, 156, 163, 175), 0.2);
    }

    .GroupTitleName-ifOZPj {
        color: rgba(var(--group-color, 156, 163, 175), 0.95);
    }

    .GroupTitleName-ifOZPj .anticon {
        color: rgba(var(--group-color, 156, 163, 175), 0.8);
    }

    .Container-cFFyqi:hover {
        background: rgba(var(--group-color, 156, 163, 175), 0.1) !important;
    }

    .Container-cFFyqi.active {
        background: rgba(var(--group-color, 156, 163, 175), 0.12) !important;
        border-color: rgba(var(--group-color, 156, 163, 175), 0.3);
        box-shadow: 0 1px 2px rgba(var(--group-color, 156, 163, 175), 0.1);
    }

    .Container-cFFyqi.active:hover {
        background: rgba(var(--group-color, 156, 163, 175), 0.16) !important;
        box-shadow: 0 2px 3px rgba(var(--group-color, 156, 163, 175), 0.15);
    }
}

/* 表情符号背景 */
.EmojiBackground-fPdsEN {
    border-radius: 6px;
    margin-right: 8px;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
}

/* 添加助手按钮 */
.AssistantAddItem-cnwcTr {
    margin: 8px 0 0 0;
    padding: 12px;
    border: 2px dashed rgba(var(--group-color, 156, 163, 175), 0.3);
    border-radius: 8px;
    background: rgba(var(--group-color, 156, 163, 175), 0.02);
    transition: all 0.25s ease;
    cursor: pointer;
    width: 100%;
}

.AssistantAddItem-cnwcTr:hover {
    border-color: rgba(var(--group-color, 156, 163, 175), 0.5);
    background: rgba(var(--group-color, 156, 163, 175), 0.08);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(var(--group-color, 156, 163, 175), 0.15);
}

.AssistantAddItem-cnwcTr .AssistantName-hllWJP {
    color: rgba(var(--group-color, 156, 163, 175), 0.8);
    font-size: 13px;
    display: flex;
    align-items: center;
    font-weight: 500;
}

.AssistantAddItem-cnwcTr .anticon-plus {
    margin-right: 8px;
    font-size: 12px;
    color: rgba(var(--group-color, 156, 163, 175), 0.9);
}

@media (prefers-color-scheme: dark) {
    .AssistantAddItem-cnwcTr {
        border-color: rgba(var(--group-color, 156, 163, 175), 0.25);
        background: rgba(var(--group-color, 156, 163, 175), 0.03);
    }

    .AssistantAddItem-cnwcTr:hover {
        border-color: rgba(var(--group-color, 156, 163, 175), 0.4);
        background: rgba(var(--group-color, 156, 163, 175), 0.1);
    }

    .AssistantAddItem-cnwcTr .AssistantName-hllWJP {
        color: rgba(var(--group-color, 156, 163, 175), 0.9);
    }

    .AssistantAddItem-cnwcTr .anticon-plus {
        color: rgba(var(--group-color, 156, 163, 175), 0.95);
    }
}

设置完后就能给不同的标签分配不同的颜色

assistant group color

模型平台备注

在模型服务选项，我们将鼠标放到任意一个模型平台上右键就能看到模型备注选项，点击后可以在里面填写任何备注信息，支持 markdown 格式。那就有朋友问了，这有什么用？其实我们可以在模型备注里填写如下信息：

  • 模型上下文 token 限制。例如 Github Model 的模型上下文就很小
  • 模型平台赠送的 token 过期时间
  • 模型平台的调用限制（TPS、TPM 等信息）
  • …..

model remark

cherry-model-remark-markdown

你可以填写任何想要的信息，这样在需要查询某些关键信息的时候不用专门登录模型平台官网去查看

查看调用链路

这个功能是 Cherry Studio 团队与阿里的 EDAS 团队合作的新开发的功能，开启后可以追踪每次和模型对话的代码调用链路，对普通用户来说可能意义不大，但对有一定代码基础，想了解 Cherry Studio 内部调用情况的朋友大有帮助，这样设置可以不看源码的情况下大致了解某些功能的内部实现机制。

首先打开开发者模式

dev mode

然后我再跟模型对话的时候，每次对话的最下方就会出现一个“调用链”的小按钮

trace button

点进去能看到这一次对话请求和响应涉及到所有代码调用路径

cherry-trace-detail.png

📔 总结

今天给大家分享了 5 个 Cherry Studio 使用的小技巧，如果你有别的技巧分享，欢迎评论区留言。

  • 标题: 居然还能这么玩？5个让 Cherry Studio更好用的小技巧
  • 作者: DeBill
  • 创建于 : 2025-08-14 12:00:00
  • 更新于 : 2025-08-14 13:34:41
  • 链接: https://debill.me//ai/cherry-studio/tricks/
  • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
评论
目录
居然还能这么玩？5个让 Cherry Studio更好用的小技巧
  1. 📝 前言
  2. 对话框隐藏不用的工具
  3. 助手分组
  4. 美化助手分组
  5. 模型平台备注
  6. 查看调用链路
  7. 📔 总结