نكهات Markdown

:mag: نظرة عامة

تسمح لك مكونات السمات هذه بتحديد نكهة تريد أن يتم إنتاج نمط markdown لها عند إنشاء مشاركات. كل ‘نكهة’ markdown مستوحاة من تنسيق markdown شائع الاستخدام على الويب.

:question: لماذا قد ترغب في ذلك

يمكن تثبيت هذا لأغراض جمالية بحتة أو لحل مشكلات مثل تلك المذكورة هنا.

:memo: أمثلة

:link: روابط سريعة

|||
| — | — | — |
|:octopus: احصل على الكود ||
|:question: دليل التثبيت ||
|:mag: معاينة |
|:newspaper_roll: وثائق|

تثبيت مكون السمة

29 إعجابًا

مرحباً، شكراً على هذه المكونات!

تم اختبارها للتو في نظام التشغيل Windows 11 مع السمة الداكنة. Discourse مع السمة الفاتحة الافتراضية.

كل شيء يعمل كما هو موصوف ولكن:

  1. الميزة = GitHub تجعل الجدول أسود بالكامل
  2. الميزة = Gitlab تجعل الرأس أسود
  3. الميزة = Bitbucket تعمل بشكل جيد

GitHub:

Gitlab:

إعجاب واحد (1)

مرحباً @Ivan_Rapekas،

شكراً لإخباري بهذه المشكلة. كان لدي بعض متغيرات الألوان المخصصة التي تتغير تلقائياً بناءً على تفضيل وضع الإضاءة/الظلام في نظام المستخدم. ومع ذلك، إذا لم يكن لديك التبديل التلقائي لوضع الظلام في Discourse، تحدث هذه المشكلة. خاصة إذا كان لديك سمة فاتحة في Discourse ولكن نظامك مضبوط على الوضع الداكن.

كحل سريع لهذه المشكلة، أضفت إعداداً يقوم بتبديل التبديل التلقائي لوضع الظلام. إذا قمت بإلغاء تحديد هذا الخيار في إعدادات السمة الخاصة بك، فيجب حل هذه المشكلة لك.

4 إعجابات

مرحباً @keegan!

شكراً على الرد والإصلاح السريع! لقد ساعدني هذا.

للأسف، يجب أن ألاحظ أن هذا المكون يغير الخط في كل مكان:
أ) المكون معطل:

ب) المكون ممكّن:

كما أنه يغير <code> </code> في خلية جدول (المقياس هو نفسه):
أ) الأصل:
Screenshot_4

ب) مع المكون:
Screenshot_3

هذا مجرد إشعار، لا حاجة لإصلاحه، أعتقد :slight_smile: .

@Ivan_Rapekas نعم هذا صحيح. حاولت تقليد اختيارات الخط المستخدمة في markdown لكل نكهة على حدة (أي أن خط markdown الخاص بـ GitHub.com يُستخدم عند تحديد نكهة GitHub)

إعجابَين (2)

آه، فهمت. في الواقع، الخطوط مشابهة لـ Gitlab/GitHub. شكرًا على الشرح! فكرة رائعة، هذا أكثر مما هو متوقع من “مجرد مكون سمة” :clap:

إعجاب واحد (1)

أخيرًا طبقت تنسيق كتلة الكود الأصلي على تخطيط Gitlab :slight_smile: (يعمل على السمة الافتراضية):

/admin/customize/themes/1/common/scss/edit

// الأصلي <kbd> فوق مكون سمة Gitlab

.cooked kbd {
    align-items: center;
    border: 1px solid var(--primary-low-mid);
    background: var(--primary-very-low);
    border-bottom-width: 2px;
    border-radius: 3px;
    box-sizing: border-box;
    color: var(--primary);
    display: inline-flex;
    font-size: var(--font-down-1);
    justify-content: center;
    line-height: var(--line-height-large);
    margin: 0 0.15em;
    min-width: 24px;
    padding: 0.15em 0.6em;
}

هذا يجعل: Screenshot_4

مرحباً، هل سيتم تحديث هذه المكونات لاستخدام مخططات الألوان؟ مثل الألوان الأساسية والثانوية وما إلى ذلك.

إعجابَين (2)

لم يكن لدي وقت لتحديث هذا، لكنني سأحاول تخصيص بعض الوقت قريبًا.

في غضون ذلك، ربما يناسبك هذا المكون official احتياجاتك؟

إعجاب واحد (1)

نعم، هذا رائع بالتأكيد. كنت أبحث أكثر عن الجداول. هل يحسن مكونك هنا قابلية قراءة الجدول مقارنة بالنواة الأساسية؟ باستخدام تخطيط جدول أكثر تقليدية مع فواصل خطوط عمودية.

أقدر حجم أعباء عمل الفريق. لا داعي للعجلة، فقط كنت أستفسر لأنني اكتشفت مؤخرًا فقط TC الخاص بك. :wink:

إعجاب واحد (1)