||||
-|-|
| 摘要 | Custom Code 允许你自定义在站点上共享的代码的字体和颜色。
| 预览 | 在 Discourse Theme Creator 上预览
| 仓库链接 | https://github.com/discourse/discourse-custom-code
|初次使用 Discourse 主题? | Discourse 主题使用入门指南
安装此主题组件
功能
通常,用于编写代码的字体属于 monospace 字体族。最知名的字体包括:
(话虽如此,这并不妨碍任何人尝试各种各样的字体!)
要更改字体,请访问 https://fonts.google.com
-
选择你想要使用的字体
-
并进行自定义
-
选择 EMBED 并将与字体族相关的字符串 (1) 复制到主题设置
Font中
-
将 CSS 相关的字符串 (2) 复制并粘贴到主题设置
font-family中(不要在字符串末尾添加字符;)。
其他设置应该都很清晰。
此组件的设置分为 light(浅色)和 dark(深色)主题。如果你同时使用这两种主题,请记住将组件添加到两个主题中。
设置
| 名称 | 描述
|-|
| font | 从 Google Font 中选择新字体。根据所选字体,你可以进一步自定义它,例如 Sarabun:300,400,500。如果未设置,将应用默认字体。
| font size | 指定要使用的字体大小。如果未设置,将应用默认字体。
| font family | 指定要使用的字体。如果未设置,将应用默认字体。
| border radius | 选择代码的边框圆角。默认值为 0px。
| hljs light | 浅色主题。选择文本颜色。
| code light | 浅色主题。选择代码颜色。
| code background light | 浅色主题。选择代码背景颜色。
| comment light | 浅色主题。选择注释和文档标签的颜色。
| title light | 浅色主题。选择标题、名称和元数据的颜色。
| string light | 浅色主题。选择字符串颜色。
| number light | 浅色主题。选择数字颜色。
| keyword light | 浅色主题。选择关键字、subst、request 和 status 的颜色。
| class title light | 浅色主题。选择类元素内标题的颜色。
| tag light | 浅色主题。选择标签颜色。
| attribute light | 浅色主题。选择属性颜色。
| symbol light | 浅色主题。选择符号颜色。
| hljs dark | 深色主题。选择文本颜色。
| code dark | 深色主题。选择代码颜色。
| code background dark | 深色主题。选择代码背景颜色。
| comment dark | 深色主题。选择注释颜色。
| title dark | 深色主题。选择标题、名称和元数据的颜色。
| string dark | 深色主题。选择字符串颜色。
| number dark | 深色主题。选择数字颜色。
| keyword dark | 深色主题。选择关键字、subst、request 和 status 的颜色。
| class title dark | 深色主题。选择类元素内标题的颜色。
| tag dark | 深色主题。选择标签颜色。
| attribute dark | 深色主题。选择属性颜色。
| symbol dark | 深色主题。选择符号颜色。
由我们托管? 主题组件在我们的 Standard、Business 和 Enterprise 计划中均可使用。




