自定义文档站点的外观
设置文档站点的徽标、网站图标、品牌色、字体、圆角、默认主题和主页页眉,并选择是否显示“Powered by Clevera”徽标。在保存和发布之前,你可以预览每一项更改。
外观控制着读者看到的文档站点样式:徽标和网站图标、品牌色、字体、圆角形状、默认浅色或深色主题以及主页页眉。你所做的每一项更改都会在实时预览中显示,并在下次发布时生效。
开始之前
- 所有者、管理员和编辑可以更改外观。其他人会看到“只有管理员和编辑可以更改站点外观”。
- 已暂停的站点为只读状态:“此站点已暂停。请恢复它以更改外观。”
- 站点名称是在设置 → 常规中设置的,而不是在这里。
更改外观
打开外观
打开你的文档站点,前往站点下的外观。表单位于左侧,实时预览位于右侧。在窄窗口中,点击预览以将其打开。

带有实时预览的外观屏幕 进行更改
按顺序完成以下各节。预览会随着你的输入而更新。
检查预览
在桌面端和手机、浅色和深色模式之间,以及主页和文章页面之间切换预览。
保存并发布
栏中会显示有未保存的更改,并提供放弃和保存选项。点击保存,然后发布站点以使新外观生效。如果启用了自动发布,它会在几分钟后自动生效。
如果你在有未保存更改的情况下离开页面,Clevera 会在丢失更改前询问你。
徽标和网站图标
“PNG、JPG、WebP 或 SVG 格式,最大 2 MB。”
| 插槽 | 用途 | 为空时 |
|---|---|---|
| 浅色背景 | 浅色模式下页眉中的徽标 | 站点名称以文本形式显示(“站点名称作为文本”) |
| 深色背景 | 深色模式下的徽标 | “使用浅色徽标” |
| 网站图标 | 浏览器标签页中的小图标 | “来自你的徽标” |
每个插槽都有上传、替换和移除功能。“如果你跳过深色徽标,我们会在深色背景上使用浅色徽标。除非你上传一个,否则网站图标将来自你的徽标。”
颜色
“用于按钮、链接和高亮显示的一种品牌色。”
- 点击 8 个色板中的一个,或使用颜色选择器以十六进制值(例如
#2563eb)“选取或粘贴任何颜色”。默认值为#4f46e5。 - 开启设置深色模式颜色以选择在深色背景上使用的颜色。关闭时:“否则,我们会调亮你的颜色以适应深色背景。”派生颜色显示为自动及其十六进制值。
- 下方的对比度说明会检查你的链接。“链接在浅色和深色背景上均清晰易读。”表示没问题;“链接可能难以阅读。我们将稍微调暗它们。”表示站点会为了可读性调整链接颜色。
排版
“适用于所有语言的流行搭配,或任何 Google 字体。”
| 搭配 | 标题 | 正文 |
|---|---|---|
| Inter (默认) | Inter | Inter |
| Geist | Geist | Geist |
| Manrope | Manrope | Manrope |
| Plus Jakarta Sans | Plus Jakarta Sans | Plus Jakarta Sans |
| DM Sans | DM Sans | DM Sans |
| IBM Plex Sans | IBM Plex Sans | IBM Plex Sans |
| Space Grotesk + Inter | Space Grotesk | Inter |
| Source Serif + Sans | Source Serif 4 | Source Sans 3 |
如需其他字体,请点击更多字体…并为标题、正文或两者选择任何 Google 字体。列表以最流行的字体开头;输入名称即可搜索。每种字体都会显示其样式:无衬线体、衬线体、显示、手写体或单声道。
“任何 Google 字体。我们将其与你的站点托管在一起,因此读者无需从 Google 加载。缺少该字体的语言将使用搭配字体。”因此,如果你的字体没有日文字符,日文页面将回退到你选择的搭配字体。
形状和主题
| 设置 | 选项 | 默认 |
|---|---|---|
| 圆角 | 锐利、柔和、圆角:按钮、卡片和框的圆角程度 | 柔和 |
| 默认主题 | 系统(跟随读者的设备)、浅色、深色。“读者可以在页眉中切换。” | 系统 |
主页页眉
主页设置“你站点首页的顶部。”
| 字段 | 用途 | 默认 |
|---|---|---|
| 标题 | 大标题,最多 120 个字符 | 你的站点名称 |
| 副标题 | 下方的行,最多 300 个字符 | 空 |
| 搜索框 | 标题下方的搜索框 | 开 |
| 背景 | 位于“标题和搜索框后面”的内容 | 渐变 (柔和光晕) |
标题和副标题可以因语言而异:打开字段下方的其他语言,或点击翻译为所有语言以免费填充缺失的语言。空的语言将显示默认语言的文本。
背景
“文本颜色会自动调整以保持可读性,适用于浅色和深色模式。”对比度读数(如“标题对比度 · 浅色 7.1:1 · 深色 9.4:1”)显示了标题的易读程度。
| 选项 | 选择 |
|---|---|
| 普通 | 标题后面没有颜色、渐变或图像 |
| 颜色 | 色调或阴影“根据你的品牌色建议,或自行选择”:浅色调、亮色调、柔和色调、品牌色、深色阴影、墨色、纸张色、炭灰色 |
| 渐变 | 柔和光晕、冲刷、极光、日出、品牌、午夜、薄雾、沙色、石墨色 |
| 图像 | 绘制的图案(波浪、网格、圆点、蓝图、等高线、圆环、线条、星座)或你自己的图像 |
图案遵循你的品牌色,适用于所有套餐。你自己的图像需要 Starter 或更高版本:“PNG、JPG 或 WebP 格式,最大 8 MB。宽图像效果最好;我们会为读者调整大小并压缩。”它“显示在图案位置,并经过调暗处理以便标题清晰可见。”
徽标
**显示“Powered by Clevera”**会在页脚添加“一个小徽标。”
| 套餐 | 徽标 |
|---|---|
| 免费 | 始终显示;开关已锁定 |
| Starter、Pro、Business、Custom | 默认开启;可关闭以隐藏它 |
各套餐包含的内容
| 选项 | 免费 | Starter 及以上 |
|---|---|---|
| 徽标、网站图标、颜色、字体、圆角、主题 | 是 | 是 |
| 主页背景:普通、颜色、渐变、图案 | 是 | 是 |
| 主页背景:你自己的图像 | 否 | 是 |
| 隐藏徽标 | 否 | 是 |
查看文档站点套餐和限制了解其他所有信息。
故障排除
| 你看到 | 解决方法 |
|---|---|
| “该图像超过 2 MB。” | 减小徽标大小或将其保存为 WebP 或 SVG。主页图像最大可达 8 MB。 |
| “请使用 PNG、JPG、WebP 或 SVG 图像。” | 徽标和网站图标仅支持这些类型。主页图像支持 PNG、JPG 或 WebP。 |
| “无法使用此图像。请尝试 PNG 或 JPG。” | 无法读取文件。请重新导出为 PNG 或 JPG。 |
| “图像上传失败。请重试。” | 上传中断。请重试。 |
| “无法保存外观。请重试。” | 未保存任何内容。检查所有标红的字段,然后再次点击保存。 |
| “字体列表加载失败。” | 点击重试。你当前的字体将保持不变。 |
| 实时站点看起来还是旧的 | 保存不等于发布。点击站点顶部的发布。 |