التعليمات البرمجية المضمنة يصعب التعرف عليها

Inline code `code` -> Normal Code

لقد وجدت هذين الحلين، وكلاهما لا يعمل، هل فاتني شيء ما أم أن شيئًا ما قد تغير في هذه الأثناء.

https://meta.discourse.org/t/inline-code-is-hard-to-see/126225
https://meta.discourse.org/t/how-can-i-set-custom-colors-for-inline-code/86205

شكرًا مقدمًا....

مع خالص التقدير.
إعجابَين (2)

هناك 4 إعدادات في admin > settings التي ستحتاج إلى النظر إليها


آمل أن يساعد ذلك

إعجابَين (2)

لا أرى أي اختلافات:

لغة الكود الافتراضية → تلقائي
اللغات المميزة تلقائيًا → قائمة
إظهار زر النسخ لكتلة الكود → مفعل
تمييز كل الكود تلقائيًا → مفعل

الخيار غير متاح لـ code-fences.

لا يمكنني تثبيت code-fences لأنه خطة عمل.

ملاحظة

أنا أيضًا أضيف النص العادي إلى القائمة…

مع خالص التقدير.

كما ذكر OP، يمكن تمييز التعليمات البرمجية المضمنة. لا تزال الطريقة تعمل:

  1. انتقل إلى https://example.com/admin/customize/themes/1/common/scss/edit (قد يختلف عنوان السمة الخاص بك)
  2. انتقل إلى أسفل قسم CSS والصق الرمز أدناه:
p<code>, li<code> {
   color: #c7254e;
   background: #f9f2f4;
   padding: 2px 4px;
   border-radius: 2px;
}

احفظ. تم. يبدو النص المضمن الخاص بك كالتالي: изображение

هذا مخصص لكتل التعليمات البرمجية فقط (الصورة أدناه). كان السؤال الأصلي حول النص المضمن

إعجابَين (2)

شكرا على الرد لقد اختبرت الكود الخاص بك من قبل ولكنني لا أعرف لماذا لا يعمل في موقعي:

Captura de pantalla de 2021-11-10 13-04-12

مع خالص التقدير.

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

من المحتمل أن يكون السمة الخاصة بك مخصصة بالفعل ولا تدعم هذا.

أستخدم السمة الافتراضية (آسف للنص غير الإنجليزي):

لقد استخدمت مخطط الألوان الافتراضي → فاتح

مع خالص التقدير.

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

لقد أجريت اختبارًا على موقعي باستخدام سمة “Default Light” (السمة الافتراضية الفاتحة)، وقد نجح الأمر معي. :+1: اضطررت إلى تحديث صفحتي لكي تظهر بشكل صحيح.

هل أضفتها كمكون سمة جديد؟ إذا كان الأمر كذلك، فهل تذكرت إرفاقها بالسمة؟ (من الواضح جدًا، أعرف، لكنني نسيت :slightly_smiling_face:)

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

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

مع خالص التقدير.

إعجابَين (2)

لقد وجدت وهذا هو المصدر:

-> discourse-custom-code/common at main · discourse/discourse-custom-code · GitHub

p &gt; code,
li &gt; code,
pre &gt; code {
  color: dark-light-choose($code_light, $code_dark) $i;
  background: dark-light-choose($code_background_light, $code_background_dark) $i;
}

يمكنك القيام بذلك بدون تعديلات CSS، فقط استخدم هذا المكون وقم بتعديل:

  • لون الضوء.
  • لون الخلفية الفاتح.
  • الكود الداكن.
  • خلفية الكود الداكن.

ملاحظة

ومع ذلك، يعمل هذا لكل من الكود المضمن والكود الكتلي.

مع خالص التقدير.

3 إعجابات

يبدو أن الرابط الصحيح يجب أن يكون Custom Code

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

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.