Discourse는 원격 저장소에서 자산을 포함하는 테마를 가져오는 것을 지원합니다.
이를 통해 테마 개발자는 폰트와 이미지를 공유할 수 있습니다.
폰트를 포함하여 새로운 git 저장소 생성
mkdir discourse-roboto-theme
cd discourse-roboto-theme
git init .
vim about.json
about.json에는 스켈레톤 설정 파일을 추가합니다.
{
"name": "Roboto theme component",
"about_url": "",
"license_url": "",
"assets": {
"roboto": "assets/roboto.woff2"
}
}
LICENSE 파일을 추가합니다. 저는 보통 MIT 라이선스를 사용합니다
vim LICENSE
폰트 다운로드
http://localfont.com/ 은 폰트를 얻는 데 유용한 사이트입니다.
mkdir assets
cp ~/Downloads/roboto.woff2 roboto.woff2
테마를 사용하는 CSS 추가
mkdir common
cd common
다음과 같은 common.scss 파일을 생성합니다.
@font-face {
font-family: Roboto;
src: url($roboto) format("woff2");
}
body {
font-family: Roboto;
}
변경 사항을 GitHub에 푸시
모든 변경 사항을 커밋합니다:
git add LICENSE
git add about.json
git add assets/roboto.woff2
git add common/common.scss
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 중 하나를 사용합니다.
프로세스가 끝나면 about.json 파일은 다음과 같은 형태가 됩니다:
{
"name": "Roboto theme component",
"about_url": "https://github.com/SamSaffron/discourse-roboto-theme",
"license_url": "https://github.com/SamSaffron/discourse-roboto-theme/blob/master/LICENSE",
"assets": {
"roboto": "assets/roboto.woff2"
}
}
변경 사항을 커밋하고 GitHub에 푸시합니다.
git commit -am "added more details"
git push
폰트 컴포넌트 테스트
admin/customize/theme화면에서 GitHub에서 테마를 가져옵니다.
이제 폰트를 쉽게 공유할 수 있습니다!
참고:
이 문서는 버전 관리됩니다 - 변경 사항을 github에서 제안하십시오.