Discourse suporta a importação de temas que contêm ativos de um repositório remoto.
Isso permite que 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 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 MIT
vim LICENSE
Baixe a fonte
http://localfont.com/ é um site ú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
Confirme 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 em 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 #customização:tema com algumas capturas de tela do seu esquema de cores. Você usará isso como seu about_url
Preencha as informações faltantes no seu arquivo about.json
-
Navegue até sua página de LICENSE no GitHub, preencha esse URL como seu
license_url -
Use o URL do projeto no GitHub ou o URL do tópico no Discourse como seu
about_url
No final do processo, seu arquivo about.json ficará 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"
}
}
Confirme a alteração e envie para o GitHub
git commit -am "adicionado 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 é controlado por versão - sugira alterações no github.