يدعم Discourse استيراد السمات التي تحتوي على أصول من مستودع بعيد.
هذا يسمح لمؤلفي السمات بمشاركة الخطوط والصور.
إنشاء مستودع git جديد يحتوي على الخط
mkdir discourse-roboto-theme
cd discourse-roboto-theme
git init .
vim about.json
بالنسبة لـ about.json، أضف ملف تكوين أساسي
{
"name": "مكون سمة Roboto",
"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 "الالتزام الأول"
أنشئ حسابًا على GitHub.com ثم أنشئ مستودعًا جديدًا.
(اختياري) إنشاء موضوع على Discourse كنقطة انطلاق لمناقشة ألوانك
من الأفضل أن تنشئ موضوعًا في فئة Customization > Theme مع بعض لقطات الشاشة لمخطط ألوانك. ستستخدم هذا كـ about_url الخاص بك
املأ المعلومات المفقودة في ملف about.json الخاص بك
-
انتقل إلى صفحة الترخيص الخاصة بك على GitHub، وأدخل ذلك الرابط كـ
license_urlالخاص بك -
استخدم إما عنوان URL الخاص بمشروع GitHub أو عنوان URL الخاص بموضوع Discourse كـ
about_urlالخاص بك
في نهاية العملية، سيبدو ملف about.json الخاص بك شيئًا مثل:
{
"name": "مكون سمة 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"
}
}
سجل التغيير ودفعه إلى GitHub
git commit -am "إضافة المزيد من التفاصيل"
git push
اختبار مكون الخط الخاص بك
- في شاشة
admin/customize/theme، استورد سماتك من GitHub
يمكنك الآن مشاركة الخطوط بسهولة!
انظر أيضًا:
هذا المستند يخضع للتحكم في الإصدارات - اقترح التغييرات على github.