Discourse는 이제 원격 저장소에서 색상 스킴을 가져오는 것을 지원합니다. 이 문서에서는 이를 수행하는 방법을 시연해 드리겠습니다.
색상으로 이동하여 색상 스킴 추가
사이트의 /admin/customize/colors로 이동하여 색상 스킴을 생성하세요.
팁:
-
웹의 팔레트 이미지에서 색상을 선택하기 위해 크롬 플러그인(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의 LICENSE 페이지로 이동하여 해당 URL을
license_url로 입력하세요. -
about_url로는 GitHub 프로젝트 URL 또는 Discourse 토픽 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로 이동하여 색상 스킴이 올바르게 보이는지 확인하세요.
이제 다른 사용자와 색상 스킴을 쉽게 공유할 수 있습니다!
관련 문서:
Last Reviewed by @SaraDev on 2022-06-03T01:00:00Z
This document is version controlled - suggest changes on github.