O Discourse suporta a importação de temas que contêm ativos 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
No arquivo about.json, adicione um arquivo de configuração básico:
{
"name": "Componente de tema Roboto",
"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/ é útil para obter fontes.
mkdir assets
cp ~/Downloads/roboto.woff2 roboto.woff2
Adicione o CSS que utiliza o tema
mkdir common
cd common
Crie um arquivo chamado common.scss com o seguinte conteúdo:
@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 "primeiro commit"
Crie uma conta no GitHub.com e, em seguida, crie um novo repositório.
(Opcional) Crie um tópico no Discourse como local para discutir suas cores
Idealmente, você criaria um tópico na categoria #plugin:theme com algumas capturas de tela do seu esquema de cores. Você usará esse tópico como sua about_url.
Preencha as informações faltantes no seu arquivo about.json
-
Navegue até a página LICENSE no GitHub e preencha esse URL como seu
license_url. -
Use o URL do projeto do GitHub ou o URL do tópico do Discourse como seu
about_url.
Ao final do processo, seu arquivo about.json ficará algo assim:
{
"name": "Componente de tema Roboto",
"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 "adicionados mais detalhes"
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 está sob controle de versão — sugira alterações no GitHub.