 |
ملخص | مكون سمة Discourse لإنشاء تخطيطات خطوط زمنية جميلة |
 |
معاينة | https://meta.appinn.net/t/topic/76953 |
 |
المستودع | GitHub - scavin/discourse-qingwa-timelines |
 |
دليل التثبيت | كيفية تثبيت سمة أو مكون سمة |
 |
جديد في سمات Discourse؟ | دليل المبتدئين لاستخدام سمات Discourse |
تثبيت مكون السمة هذا
يسعدني أن أشارك مكون سمة جديد يضيف تخطيطات خطوط زمنية أنيقة إلى مجتمع Discourse الخاص بك!
هذا هو أول مكون سمة لي، تم بناؤه بمساعدة LLM.
ما هو؟
Discourse Timelines هو مكون سمة ينفذ BBCode مخصص [timelines]...[/timelines] لإنشاء تخطيطات خطوط زمنية جميلة وبسيطة. مثالي لخرائط طريق المشاريع، والأدلة خطوة بخطوة، وتواريخ الشركات، وتقسيم الفصول، والمزيد.
تأثير الخط الزمني المنشور
زر شريط أدوات المحرر
عرض محرر Markdown
الميزات الرئيسية
BBCode مخصص - بناء جملة بسيط [timelines]
زر شريط أدوات المحرر - لا حاجة لكتابة العلامات يدويًا (يحل مشكلة هروب الأقواس في المحرر الجديد!)
تصميم جميل - خط تدرج عمودي بجمالية نظيفة وبسيطة
دعم Markdown - يحافظ على جميع التنسيقات داخل الخطوط الزمنية
متعدد اللغات - ترجمات مدمجة لـ 9 لغات (EN, ZH_CN, ZH_TW, DE, ES, FR, JA, KO, RU)
متوافق مع السمات - يعمل مع الوضعين الفاتح والداكن
قابل للتخصيص - تغيير الألوان بسهولة عبر إعدادات المسؤول
متجاوب - تخطيط مناسب للجوال
آمن - حماية XSS مدمجة
لا تبعيات - يستخدم واجهات برمجة تطبيقات Discourse الأصلية فقط
الاستخدام
استخدام زر شريط الأدوات (الأسهل!)
- افتح المحرر
- انقر على زر قائمة “+” (خيارات)
- حدد “إدراج خط زمني”
- قم بتحرير المحتوى الخاص بك
- انشر!
يحل زر شريط الأدوات المشكلة حيث يقوم محرر Discourse الجديد تلقائيًا بتهريب الأقواس المربعة المكتوبة يدويًا.
مثال على بناء الجملة
[timelines]
## يناير 2024 - إطلاق المشروع
تم إطلاق المشروع رسميًا، وتم تشكيل الفريق.
## مارس 2024 - الإصدار الأول
اكتمل تطوير الوظائف الأساسية وبدأت الاختبار التجريبي.
## يونيو 2024 - الإصدار 2.0
تحديث رئيسي بميزات جديدة:
- الميزة أ
- الميزة ب
- الميزة ج
[/timelines]
التخصيص
يمكن تخصيص جميع الألوان عبر إعدادات السمة:
- timeline_gradient_start - لون التدرج العلوي (الافتراضي:
#ff7a18) - timeline_gradient_end - لون التدرج السفلي (الافتراضي:
#ffb800) - timeline_heading_color - لون نص العنوان (الافتراضي:
#d96d14) - timeline_dot_color - لون نقطة الخط الزمني (الافتراضي:
#ff7a18) - timeline_heading_color_dark - لون العنوان في الوضع الداكن (الافتراضي:
#ff9854) - timeline_dot_border_color_dark - حدود النقطة في الوضع الداكن (اختياري)
آمل أن تجد هذا المكون مفيدًا! يرجى إعلامي إذا كانت لديك أي أسئلة أو ملاحظات أو اقتراحات. 
