Discourse supporta l’importazione di temi contenenti risorse da un repository remoto.
Questo consente agli autori di temi di condividere font e immagini.
Crea un nuovo repository git con il font
mkdir discourse-roboto-theme
cd discourse-roboto-theme
git init .
vim about.json
Per about.json aggiungi un file di configurazione base
{
"name": "Componente del tema Roboto",
"about_url": "",
"license_url": "",
"assets": {
"roboto": "assets/roboto.woff2"
}
}
Aggiungi un file LICENSE, di solito utilizzo la licenza MIT
vim LICENSE
Scarica il font
http://localfont.com/ è un sito utile per scaricare font
mkdir assets
cp ~/Downloads/roboto.woff2 roboto.woff2
Aggiungi il CSS che consuma il tema
mkdir common
cd common
Crea un file chiamato common.scss con
@font-face {
font-family: Roboto;
src: url($roboto) format("woff2");
}
body {
font-family: Roboto;
}
Invia le modifiche a GitHub
Registra tutte le modifiche:
git add LICENSE
git add about.json
git add assets/roboto.woff2
git add common/common.scss
git commit -am "primo commit"
Crea un account su GitHub.com e poi crea un nuovo repository.
(Facoltativo) crea un topic su Discourse come sede per discutere dei tuoi colori
Idealmente, creeresti un topic nella categoria Customization > Theme con alcuni screenshot del tuo schema colori. Userai questo come tuo about_url
Compila le informazioni mancanti nel tuo file about.json
-
Vai alla pagina della tua LICENSE su GitHub e inserisci quell’URL come
license_url -
Usa l’URL del progetto GitHub o l’URL del topic di Discourse come
about_url
Alla fine del processo, il tuo file about.json avrà un aspetto simile a:
{
"name": "Componente del 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"
}
}
Registra la modifica e inviala a GitHub
git commit -am "aggiunti altri dettagli"
git push
Testa il tuo componente font
- Nella schermata
admin/customize/themeimporta il tuo tema da GitHub
Ora puoi condividere facilmente i font!
Vedi anche:
Questo documento è versionato - suggerisci modifiche su github.