O Discourse suporta a importação de temas que contenham ativos de um repositório remoto.
Isso permite que os autores de temas compartilhem fontes e imagens.
Criar 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 esqueleto
{
"name": "Roboto theme component",
"about_url": "",
"license_url": "",
"assets": {
"roboto": "assets/roboto.woff2"
}
}
Adicione um arquivo LICENSE, eu geralmente uso o MIT
vim LICENSE
Baixar a fonte
http://localfont.com/ é um site útil para obter fontes
mkdir assets
cp ~/Downloads/roboto.woff2 roboto.woff2
Adicionar CSS que consome 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;
}
Enviar alterações para o GitHub
Verifique 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 em GitHub.com e depois crie um novo repositório.
(Opcional) criar um tópico no Discourse como um lar 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á isso como seu about_url
Preencher as informações ausentes no seu arquivo about.json
-
Navegue até sua página LICENSE no GitHub, preencha essa URL como seu
license_url -
Use a URL do projeto do GitHub ou a URL do tópico do Discourse como seu
about_url
Ao final do processo, seu arquivo about.json ficará parecido com:
{
"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"
}
}
Verifique a alteração e envie para o GitHub
git commit -am "added more details"
git push
Testar seu componente de fonte
- Na tela
admin/customize/theme, importe seu tema do GitHub
Você pode compartilhar fontes facilmente agora!
Veja também:
Este documento é controlado por versão - sugira alterações no github.