Discourse теперь поддерживает импорт цветовых схем из удаленных репозиториев. Здесь я покажу, как это сделать.
Перейдите к настройке цветов и добавьте цветовую схему.
Перейдите на страницу /admin/customize/colors на вашем сайте и создайте цветовую схему.
Советы:
-
Я использовал расширение для Chrome (color picker), чтобы выбирать цвета с готового изображения палитры из интернета.
-
Если вы создаете тему, назначьте цветовую схему этой теме и предпросмотрите её: изменения будут отображаться в реальном времени.
Создайте новый репозиторий 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 для обсуждения вашей цветовой схемы
Идеально, если вы создадите тему в категории Customization > Theme с некоторыми скриншотами вашей цветовой схемы. Вы будете использовать эту ссылку как about_url.
Заполните отсутствующую информацию в файле about.json
-
Перейдите на страницу вашей лицензии на GitHub и вставьте этот URL в поле
license_url. -
Используйте либо URL проекта на GitHub, либо URL темы на Discourse в качестве
about_url. -
Нажмите «Copy to Clipboard» (Копировать в буфер обмена) для вашей цветовой схемы и вставьте результат в раздел
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.