自定义代码

||||
-|-|
:discourse2: | 摘要 | Custom Code 允许你自定义在站点上共享的代码的字体和颜色。
:eyeglasses: | 预览 | 在 Discourse Theme Creator 上预览
:hammer_and_wrench: | 仓库链接 | https://github.com/discourse/discourse-custom-code
:open_book: |初次使用 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 | 深色主题。选择符号颜色。


:discourse2: 由我们托管? 主题组件在我们的 Standard、Business 和 Enterprise 计划中均可使用。

36 个赞