يدعم Discourse استيراد السمات التي تحتوي على أصول من مستودع بعيد.
يتيح هذا لمؤلفي السمات مشاركة الخطوط والصور.
إنشاء مستودع git جديد بالخط
mkdir discourse-roboto-theme
cd discourse-roboto-theme
git init .
vim about.json
بالنسبة لـ about.json، أضف ملف تكوين هيكلي
{
"name": "Roboto theme component",
"about_url": "",
"license_url": "",
"assets": {
"roboto": "assets/roboto.woff2"
}
}
أضف ملف LICENSE، أنا عادةً ما أستخدم MIT
vim LICENSE
تنزيل الخط
http://localfont.com/ هو موقع مفيد للحصول على الخطوط
mkdir assets
cp ~/Downloads/roboto.woff2 roboto.woff2
إضافة CSS يستهلك السمة
mkdir common
cd common
أنشئ ملفًا يسمى common.scss يحتوي على
@font-face {
font-family: Roboto;
src: url($roboto) format("woff2");
}
body {
font-family: Roboto;
}
دفع التغييرات إلى GitHub
تحقق من جميع التغييرات الخاصة بك:
git add LICENSE
git add about.json
git add assets/roboto.woff2
git add common/common.scss
git commit -am "first commit"
أنشئ حسابًا على GitHub.com ثم أنشئ مستودعًا جديدًا.
(اختياري) إنشاء موضوع على Discourse ليكون بمثابة منزل لمناقشة الألوان الخاصة بك
من الناحية المثالية، يجب عليك إنشاء موضوع في فئة #plugin:theme مع بعض لقطات الشاشة لمخطط الألوان الخاص بك. ستستخدم هذا كـ about_url الخاص بك
املأ المعلومات المفقودة في ملف about.json الخاص بك
-
انتقل إلى صفحة LICENSE الخاصة بك على GitHub، واملأ هذا الرابط كـ
license_urlالخاص بك -
استخدم إما رابط مشروع GitHub أو رابط موضوع Discourse كـ
about_urlالخاص بك
في نهاية العملية، سيبدو ملف about.json الخاص بك شيئًا كهذا:
{
"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"
}
}
تحقق من التغيير وادفع إلى GitHub
git commit -am "added more details"
git push
اختبار مكون الخط الخاص بك
- في شاشة
admin/customize/theme، استورد السمة الخاصة بك من GitHub
يمكنك الآن مشاركة الخطوط بسهولة!
شاهد أيضًا:
يتم التحكم في إصدار هذه الوثيقة - اقترح تغييرات على github.