كيف أنسّق الشّيفرات البرمجيّة في مقالات منشورة على Blogger ؟

salimi · 26 ديسمبر 2015

لدي مدونة على Blogger أتحدّث فيها عن البرمجة وبعض الدّروس البرمجيّة وأريد أن أحصل على طريقة منسّقة لعرض الشّيفرات البرمجية (كما في أكاديمية حسوب)، فكيف يُمكنني ذلك؟

عبدالهادي الديوري · 26 ديسمبر 2015

أولا عليك أن تعلم بأنّ أكاديمية حسوب لا تستعمل Blogger كنظام لإدارة المُحتوى، أمّا بالنّسبة لسؤالك حول كيفيّة عرض الشّيفرات بطريقة جميلة في مقالاتك على مُدوّنتك، فيمكنك الاعتماد على تطبيق hilite.me لتنسيق الشّيفرات البرمجيّة، وطريقة عمله تكون كالتّالي:

ادخل إلى الموقع من هذا الرابط.
قم بكتابة الشّيفرة التّي ترغب بتنسيقها داخل مربّع الإدخال تحت مسمى Source code
اختر لغة البرمجة المُناسبة من قائمة Language، حيث يُوفّر لك الموقع العديد من لغات البرمجة للاختيار بينها.
اختر طريقة التّنسيق التّي تعجبك من قائمة Style
يُمكنك الاختيار بين ترقيم الشيفرة حسب الأسطر، وذلك من الخيار Line numbers.
اضغط على زر Highlight!

سيقوم الموقع بتوليد شيفرة HTML، انسخ هذه الشّيفرة وضعها في المكان المُناسب عند كتابة المقال في Blogger. ولتعديل شيفرة HTML غيّر وضع الكتابة من Compose إلى HTML. كما في الصّورتين التّاليتين: