O Discourse suporta a importação de temas que contêm recursos de um repositório remoto.
Isso permite que os autores de temas compartilhem fontes e imagens.
Crie um novo repositório git com a fonte
mkdir discourse-roboto-theme
cd discourse-roboto-theme
git init .
vim about.json
Para o about.json, adicione um arquivo de configuração básico
{
"name": "Roboto theme component",
"about_url": "",
"license_url": "",
"assets": {
"roboto": "assets/roboto.woff2"
}
}
Adicione um arquivo LICENSE. Eu geralmente uso a licença MIT
vim LICENSE
Baixe a fonte
O site http://localfont.com/ é uma ferramenta útil para obter fontes
mkdir assets
cp ~/Downloads/roboto.woff2 roboto.woff2
Adicione CSS que utilize o tema
mkdir common
cd common
Crie um arquivo chamado common.scss com
@font-face {
font-family: Roboto;
src: url($roboto) format("woff2");
}
body {
font-family: Roboto;
}
Envie as alterações para o GitHub
Registre todas as suas alterações:
git add LICENSE
git add about.json
git add assets/roboto.woff2
git add common/common.scss
git commit -am "first commit"
Crie uma conta no GitHub.com e, em seguida, crie um novo repositório.
(Opcional) crie um tópico no Discourse como um local para discutir suas cores
Idealmente, você criaria um tópico na categoria Customization > Theme com algumas capturas de tela do seu esquema de cores. Você usará isso como seu about_url
Preencha as informações ausentes no seu arquivo about.json
-
Navegue até a página da sua LICENSE no GitHub e preencha essa URL como seu
license_url -
Use a URL do projeto no GitHub ou a URL do tópico no Discourse como seu
about_url
No final do processo, seu arquivo about.json ficará algo assim:
{
"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"
}
}
Registre a alteração e envie para o GitHub
git commit -am "added more details"
git push
Teste seu componente de fonte
- Na tela
admin/customize/theme, importe seu tema do GitHub
Agora você pode compartilhar fontes facilmente!
Veja também:
Este documento é controlado por versão - sugira alterações no github.