 |
摘要 | 自定义代码允许您自定义在网站上共享的源代码的字体和颜色。 |
 |
预览 | 在 Discourse 主题创建器中预览 |
 |
仓库链接 | https://github.com/discourse/discourse-custom-code |
 |
Discourse 主题新手？ | 使用 Discourse 主题的初学者指南 |
安装此主题组件
功能
通常，用于编写代码的字体属于 monospace 字体系列。最著名的字体包括：
(话虽如此，这并不妨碍任何人尝试各种各样的字体！)
要更改字体，请访问 https://fonts.google.com
-
选择您想要使用的字体
-
然后对其进行自定义
-
选择 EMBED 并复制与字体系列相关的字符串 (1)，将其放入主题设置
Font中
-
复制并粘贴与 CSS 相关的字符串 (2)，将其放入主题设置
font-family中（不要在字符串末尾添加字符;）。
所有其他设置应该足够清晰。
此组件的设置分为 浅色 和 深色 主题。如果您同时使用两者，请记得将该组件添加到两个主题中。
设置
| 名称 | 描述 |
|---|---|
| font | 从 Google 字体 中选择新字体。根据所选字体，您可以进一步自定义它，例如 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 和状态的颜色。 |
| 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 和状态的颜色。 |
| class title dark | 深色主题。选择类元素内部标题的颜色。 |
| tag dark | 深色主题。选择标签的颜色。 |
| attribute dark | 深色主题。选择属性的颜色。 |
| symbol dark | 深色主题。选择符号的颜色。 |
由我们托管？ 主题组件可在我们的标准版、商业版和企业版计划中使用。