كيفية عرض كتل التعليمات البرمجية في المتوسط

وكيفية كتابة التعليمات البرمجية المضمنة وتضمين التعليمات البرمجية لإبراز بناء الجملة

الوسيط يجعل من السهل إضافة كتل التعليمات البرمجية ومضمنة

يحتوي الوسيط على اختصار مخفي يحول النص إلى نص عادي ...

إذا (المطور === صحيح) {

اتبع (this.mediumPublication) ؛

}

... في مقطع تعليمات برمجية منسق:

if (developer === true) {
 follow(this.mediumPublication);
}

للقيام بذلك ، حدد النص ، ثم اضغط على:

  • نظام التشغيل Windows : Control + Alt + 6
  • نظام التشغيل Mac : Command + Option + 6
  • Linux : Control + Alt + 6

تحديث 19 أكتوبر 2016: يدعم Medium الآن أيضًا اصطلاحًا شائعًا لبدء كتلة التعليمات البرمجية باستخدام علامات التجزئة الثلاثية. إذا قمت بكتابة "" على سطر جديد ، فسوف ينتقل Medium الآن إلى وضع إدخال الكود. شكراً جزيلاً لـ Luke Esterkyn وبقية الفريق المتوسط ​​على تنفيذ هذا!

يمكنك أيضًا تمييز التعليمات البرمجية المضمنة عن طريق تحديدها ، ثم النقر فوق مفتاح backtick (`). على سبيل المثال ، يمكنك تنسيق النص كرمز freeCodeCamp()في منتصف الجملة مباشرة.

يمكنك أيضًا تضمين قواعد GitHub عن طريق لصق عنوان URL الخاص بها في سطر فارغ ، ثم الضغط على Enter:

كيفية تضمين تطبيقات الويب

على سبيل المكافأة ، يمكنك تضمين التطبيقات القابلة للتشغيل مباشرة في المتوسط. فقط في حالة عدم عرضها بشكل صحيح في تطبيقات الأجهزة المحمولة الخاصة بـ Medium ، أوصي بتضمين الروابط أسفل كل من التضمينات كإجراء احتياطي.

الصق عنوان URL لـ CodePen.io في الوسيط ، ثم اضغط على Enter:

عرض CodePen الخاص بي هنا.

يمكنك أيضًا القيام بذلك باستخدام JSFiddle.net:

عرض JSFiddle الخاص بي هنا.

لكن لا تستخدم صور الكود.

على الرغم من أنه قد يبدو من المناسب التقاط لقطات شاشة من التعليمات البرمجية الخاصة بك ولصقها في Medium ، فلا تفعل ذلك.

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

لا يمكنك أيضًا تغيير حجم خط الصور الثابتة ، مما يجعل القراءة على الهاتف المحمول صعبة (حيث يقرأ معظم الناس متوسط).

أخيرًا ، هذا يجعل من المستحيل على القراء نسخ الشفرة ولصقها.

أعلم ، أعلم - لا يجب نسخ ولصق الكود على أي حال.

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

إذن للتلخيص:

  • استخدام كتل التعليمات البرمجية الأصلية الخاصة بـ Medium
  • أو تضمين جوهر GitHub
  • استخدم أمثلة العمل من CodePen و JSFiddle حيثما أمكن ذلك
  • لكن لا تلصق صور التعليمات البرمجية

أتمنى لك ترميزًا وكتابة عن البرمجة!

أنا أكتب فقط عن البرمجة والتكنولوجيا. إذا تابعتني على Twitter فلن أضيع وقتك. ؟