منتظم موضوع كتلة التعليمات البرمجية

:discourse2: الملخص سيسمح لك منتقي موضوع كتلة الكود بتغيير الموضوع المستخدم في كتل الكود بسهولة.
:eyeglasses: معاينة معاينة على منشئ موضوعات Discourse
:hammer_and_wrench: رابط المستودع https://github.com/discourse/hljs-theme-picker
:open_book: جديد على موضوعات Discourse؟ دليل المبتدئين لاستخدام موضوعات Discourse

تثبيت مكون الموضوع هذا

الميزات

هذه مجرد مجموعة صغيرة من الخيارات المتاحة. يتضمن هذا المكون جميع الخيارات الـ 90 المعروضة في مستودع hljs.

:information_source: على الرغم من تضمين جميع الخيارات في هذا المكون، إلا أنه سيقوم بتحميل الخيار الذي تختاره فقط. لذا، لا يوجد عبء إضافي.

كيفية الاستخدام

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

  1. انتقل إلى your.site.com/admin/site_settings/
  2. ابحث عن theme_authorized_extensions
  3. أضف css إلى تلك القائمة.

على النحو التالي:

:warning: يجب عليك القيام بذلك قبل تثبيت المكون، وإلا فلن يعمل.

بمجرد الانتهاء من ذلك، يمكنك تثبيت المكون مثل أي مكون آخر.

الإعدادات

الاسم الوصف
موضوع hljs حدد الموضوع الذي تريد أن تستخدمه كتل الكود. يمكنك زيارة صفحة عرض hljs التجريبي لمعاينة الموضوعات
مطابقة الوضع الداكن في hljs تحميل مخطط الألوان الداكن إذا كان متاحًا

إذا كنت بحاجة إلى رؤية كيفية ظهور الخيارات، يرجى الاطلاع هنا We're not a CDN - highlight.js

بمجرد أن تقرر موضوع hljs الذي تريد استخدامه، يمكنك البحث في القائمة المنسدلة عن الموضوع الذي تريده وحفظ الإعداد. ستحتاج إلى تحديث الصفحة حتى تبدأ كلthings في العمل.

الائتمان

جميع موضوعات hljs المضمنة في هذا المكون تحتوي على معلومات حقوق النشر في ملفاتها الخاصة. قائمة جميع هؤلاء المؤلفين (:heart:) كبيرة جدًا لإضافتها هنا، ولكن يمكنك رؤيتها هنا.


:discourse2: مُستضاف من قبلنا؟ مكونات الموضوعات متاحة للاستخدام في خططنا Standard و Business و Enterprise.

42 إعجابًا

هذا القالب مفيد جداً ويعمل على موقعي منذ فترة طويلة. ومع ذلك، اكتشفت فجأة أنه توجد مشكلة في Firefox. يتم حظر ملف CSS المخصص بواسطة الرأس التالي: X-Content-Type-Options: nosniff. تظهر وحدة التحكم أن نوع MIME لملف CSS هو text/html. بغض النظر عن القالب الذي أختاره، تظل المشكلة قائمة في Firefox بينما يعمل Chrome بشكل سليم.

سيكون هذا المكون الفائق في السمة أفضل لو كان نمط كتلة الكود المحدد قابلاً للاختيار أيضًا كإعداد تفضيلي للمستخدم.

5 إعجابات

أوافق. سيكون من الرائع جدًا أن يكون ذلك حسب تفضيلات المستخدم.

هل هناك طريقة لعرض أرقام الأسطر؟

مكون سمة رائع.

سؤال واحد: هناك 242 سمة في عرض highlight.js التوضيحي. على سبيل المثال، “Github Dark Dimmed” كما في الصورة المرفقة.

هل توجد طريقة لحل هذه المشكلة؟ شكراً لنصيحتكم.

للأسف، هذا الأمر معقد بعض الشيء.

يعمل Discourse بإصدار 10.6.0 من highlight-js. معظم السمات الإضافية المفقودة حاليًا - مثل base16 - تتطلب الإصدار 11.0.

المشكلة هي أن هذا الإصدار يُدخل بعض التغييرات المكسرة والإلغاءات. اطلع هنا:

Release Version 11 · highlightjs/highlight.js · GitHub

لذا، هذا يعني أن الخيارات الحالية ستبقى كما هي لفترة من الوقت. أولاً، يجب تحديث إصدار highlight-js في tests-passed في Discourse. ثم سنحتاج إلى الانتظار حتى صدور إصدار مستقر. تحديث السمات (حتى السمات الحالية) سيضعنا في حالة صعبة حيث سيكون من الصعب التكهن بما إذا كانت السمة تعمل بشكل صحيح على موقعك أم لا.

4 إعجابات

يبدو أن هذه المكونات معطلة في أحدث الإصدارات التجريبية - لم يعد التمييز يعمل بشكل صحيح عند تثبيتها. لقد قمت بإزالة المكونات من السمات وبدأت في العمل مرة أخرى - لا يمكنني اختيار سمة التمييز.

إعجابَين (2)

تأكيد كسر تمييز الصيغة هنا أيضًا في أحدث إصدار تجريبي

@Falco قام بدمج إصلاح لهذه المكون: DEV: Update highlight.js to version 11 by xfalcox · Pull Request #3 · discourse/hljs-theme-picker · GitHub

يتضمن تحديثًا لسمات highlight.js الإصدار 11 (تم تحديث النواة هنا إلى highlight.js الإصدار 11 أيضًا) وإصلاحات للأنماط التي تفتقر إلى الخصوصية الصحيحة.

إعجابَين (2)

لقد تلقيت هذا الخطأ عند محاولة تثبيت المكون

خطأ في إنشاء أصل التحميل: a11y-dark. اسم الملف الأصلي عذرًا، الملف الذي تحاول تحميله غير مصرح به (الامتدادات المصرح بها: wasm، jpg، jpeg، png، woff، woff2، svg، eot، ttf، otf، gif، webp، avif، js).

هل قمت بهذا الجزء :point_down:

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

أوه لا، سأفعل ذلك :hugs:

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

يسعدني وجود مكون السمة هذا! ألاحظ أن الإعداد hljs dark match لا يبدو أنه يعمل.

على سبيل المثال، لدينا hljs theme مضبوط على atom-one-light (والذي يوجد له أيضًا atom-one-dark).

عند التحديث، يعمل atom-one-light أثناء الوضع المظلم، لكن كتلة التعليمات البرمجية لا تتحول إلى الوضع المظلم عند التبديل إلى الوضع المظلم - بل تبقى فاتحة.


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

هل أضفت css إلى قائمة ملحقات الثيمات المسموح بها؟

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

شكرا لك، لقد نجح الأمر ^^

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

ملاحظة:

يجب أن يكون:

يبدو أن مكون السمة هذا معطل في أحدث إصدار.

لقد أضفت بالفعل css إلى الإعداد theme_authorized_extensions وحاولت إعادة تثبيت المكون، ولكن أنماط الكتل البرمجية لا تزال لا تُطبق.

هل يمكنك التحقق من ذلك؟ شكرًا.