← Electerm 博客

书签和目录图标:给每台机器一张脸

2026-11-07
书签图标个性化ssh效率

书签和目录图标:给每台机器一张脸

三十条书签摊开就是一墙灰色文字。颜色标记多少帮了点忙,可一个小色块没法告诉你哪台是 Ubuntu、 哪台跑着 Docker、哪台是碰之前要先想一下的数据库。

从 electerm 5.9.1 起,书签可以带图标,书签分类(目录)也可以。图标会显示在侧边栏的书签树里, 也显示在标签页标题上 —— 不用读完主机名就能认出要找的那一条。上面那段 55 秒的演示走完了整个流程, 这篇是文字版。

图标选择器在哪

打开一条书签编辑,或者新建一条。标题输入框左侧有一个小方块,那就是外观按钮 —— 以前它只打开 颜色选择器。点下去会弹出一个面板,里面是 颜色 和 图标 两个标签页。上次用的是哪一页会被 记住,所以给一整列书签设图标时不用每次都切一次标签。窗口窄或手机上,面板会以对话框而不是浮层 的形式打开。

分类也是同一套。在书签树里新建或重命名分类时,名称输入框旁边就有相同的外观按钮。

三种选图标的方式

来源 怎么选 书签里存的是什么
内置图标 在网格里搜索、点一下 类似 icon:ubuntu 的名字
本地文件 选择文件,浏览器能显示的图片都行 这个文件的绝对路径
网址 粘贴地址后点 下载 应用数据目录里的一份本地副本

内置图标共 95 个,覆盖操作系统、服务器软件、数据库、云厂商、AI 服务、编程语言和通用形状: Ubuntu、Debian、Red Hat、Docker、Kubernetes、Nginx、PostgreSQL、Redis、Python、AWS 等等。搜索框 同时匹配名称、显示名和别名,所以搜 k8s 能找到 Kubernetes,pg 能找到 PostgreSQL,rhel 能找到 Red Hat。

选择文件 接受 SVG、PNG、JPG、GIF、WebP、BMP、ICO 和 AVIF。网址输入框用来取放在 CDN 或内网 站点上的图标:electerm 只会下载一次,存进数据目录,书签指向的是那份本地文件。因此,导入或同步 过来的书签不会因为要画一行列表就去访问远端主机。下载有 512 KB、10 秒和最多 3 次跳转的限制, 失败时先看看文件大小和地址是否可达。

图标和颜色,只显示一个

设了图标就用图标,颜色方块退到后面但不会丢 —— 点面板里的 默认 清除图标,颜色就回来了。两者 可以随时来回切,另一个设置始终留着。

分类会把图标传给新书签

给分类设了图标之后,在这个分类里 新建 的书签会带上同一个图标(以及分类的颜色)。已经存在的 书签不受影响。任何一条书签也都可以单独改掉或清掉继承来的图标,不用动分类 —— 一组机器里正好有 一台不一样的,就这么办。

图标会出现在哪些地方

  • 侧边栏书签树里的书签行和分类行
  • 从这条书签打开的会话标签页标题
  • 外观按钮本身,它会变成选中的图标

如果你直接写书签 JSON

字段名是 icon,只接受带 icon: 前缀的内置名称,或者本地图片的绝对路径,没有第三种写法:

icon:ubuntu
/home/zxd/icons/router.svg

网址不是合法的存储值 —— 选择器会先把它下载下来。凡是应用解析不了的值,包括在这台机器上不存在的 路径,都会退回颜色方块。这一点值得记住。

同步到另一台电脑时的一个坑

内置图标是跟着数据走的,因为每个 electerm 安装都自带同一套图标。而 本地文件 和 网址下载 来的图标记的是当时那台机器上的绝对路径。把书签同步到笔记本上,这些行会重新变回颜色方块,直到 你在笔记本上也选一次图标。如果经常在多台机器之间同步书签,优先用内置图标。

接下来