Discourse 现在支持从远程仓库导入颜色方案。在这里我将演示如何进行此操作。
导航到颜色并添加颜色方案
前往您网站上的 /admin/customize/colors 并创建一个颜色方案。
提示：
-
我使用了一个 Chrome 插件（颜色拾取器）从网络上现有调色板图片中选择颜色。
-
如果您创建了一个主题，将颜色方案分配给该主题并预览它，更改将实时反映出来。
使用颜色方案创建一个新的 git 仓库
mkdir my-awesome-scheme
cd my-awesome-scheme
git init .
vim about.json
对于 about.json，添加一个骨架配置文件
{
"name": "My awesome color schemes",
"about_url": "",
"license_url": "",
"color_schemes": {}
}
添加一个 LICENSE 文件，我通常使用 MIT
vim LICENSE
将更改推送到 GitHub
检查所有更改：
git add LICENSE
git add about.json
git commit -am "first commit"
在 GitHub.com 上创建一个账户，然后创建一个新的仓库。
(可选) 在 Discourse 中创建一个主题以讨论您的颜色
理想情况下，您应该在 #plugin:theme 类别中创建一个带有颜色方案截图的主题。您将使用此作为您的 about_url
填写 about.json 文件中缺失的信息
-
导航到 GitHub 上的 LICENSE 页面，将该 URL 填写为您的
license_url -
使用 GitHub 项目 URL 或 Discourse 主题 URL 作为您的
about_url -
按下颜色方案上的“复制到剪贴板”按钮，并将其粘贴到
color_schemes部分
在过程结束时，您的 about.json 文件看起来会像这样：
{
"name": "Solarized",
"about_url": "https://github.com/SamSaffron/discourse-solarized",
"license_url": "https://github.com/SamSaffron/discourse-solarized/blob/master/LICENSE",
"color_schemes": {
"Solarized Light": {
"primary": "586E75",
"secondary": "EEE8D5",
"tertiary": "268BD2",
"quaternary": "CB4B16",
"header_background": "002B36",
"header_primary": "93A1A1",
"highlight": "B58900",
"danger": "CB4B16",
"success": "859900",
"love": "DC322F"
}
}
}
检查更改并推送到 GitHub
git commit -am "added more details"
git push
测试您的颜色方案是否正确
- 删除本地颜色方案
- 在
admin/customize/theme屏幕中从 GitHub 导入您的主题
- 访问
admin/customize/colors并确保您的颜色方案看起来正确。
您现在可以轻松地与他人分享您的颜色方案了！
另请参阅：
最后由 @SaraDev 在 2022-06-03T01:00:00Z 上审阅
本文档已版本控制 - 在 github 上建议更改。