Discourse prend en charge l’importation de thèmes contenant des ressources à partir d’un dépôt distant.
Cela permet aux auteurs de thèmes de partager des polices et des images.
Créer un nouveau dépôt git avec la police
mkdir discourse-roboto-theme
cd discourse-roboto-theme
git init .
vim about.json
Pour about.json, ajoutez un fichier de configuration squelette
{
"name": "Composant de thème Roboto",
"about_url": "",
"license_url": "",
"assets": {
"roboto": "assets/roboto.woff2"
}
}
Ajoutez un fichier LICENSE, j’utilise habituellement le MIT
vim LICENSE
Télécharger la police
http://localfont.com/ est un site pratique pour obtenir des polices
mkdir assets
cp ~/Downloads/roboto.woff2 roboto.woff2
Ajouter du CSS qui utilise le thème
mkdir common
cd common
Créez un fichier nommé common.scss avec
@font-face {
font-family: Roboto;
src: url($roboto) format("woff2");
}
body {
font-family: Roboto;
}
Pousser les changements vers GitHub
Validez tous vos changements :
git add LICENSE
git add about.json
git add assets/roboto.woff2
git add common/common.scss
git commit -am "premier commit"
Créez un compte sur GitHub.com puis créez un nouveau dépôt.
(Optionnel) créer un sujet sur Discourse comme lieu pour discuter de vos couleurs
Idéalement, vous créeriez un sujet dans la catégorie #plugin:theme avec quelques captures d’écran de votre palette de couleurs. Vous utiliserez ceci comme votre about_url
Remplir les informations manquantes dans votre fichier about.json
-
Naviguez vers votre page LICENSE sur GitHub, remplissez cette URL comme votre
license_url -
Utilisez soit l’URL du projet GitHub, soit l’URL du sujet Discourse comme votre
about_url
À la fin du processus, votre fichier about.json ressemblera à ceci :
{
"name": "Composant de thème 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"
}
}
Validez le changement et poussez vers GitHub
git commit -am "ajouté plus de détails"
git push
Tester votre composant de police
- Dans l’écran
admin/customize/theme, importez votre thème depuis GitHub
Vous pouvez maintenant partager facilement des polices !
Voir aussi :
Ce document est contrôlé par version - suggérez des modifications sur github.