لغات إبراز التركيب المدعومة في كتل الكود

تدعم كتل الكود في VeloCMS إبراز التركيب لأكثر من 40 لغة برمجية عبر Shiki، وهو أداة إبراز عالية الدقة تعتمد على قواعد TextMate. أدرج كتلة كود بالأمر /codeblock، ثم اختر اللغة من القائمة المنسدلة التي تظهر في أعلى الكتلة. يُطبَّق الإبراز فورًا في معاينة المحرر وعلى الصفحة المنشورة.

اللغات الأكثر استخدامًا

javascript / js — JavaScript (ESM, CJS)
typescript / ts — TypeScript
tsx — TypeScript مع JSX (مكوِّنات React)
jsx — JavaScript مع JSX
python / py — Python 3
bash / sh — نصوص Shell وأوامر الطرفية
sql — استعلامات SQL
json — مستندات JSON
yaml / yml — ضبط YAML
css — CSS وPostCSS
html — ترميز HTML
markdown / md — Markdown
rust — Rust
go — Go
java — Java
php — PHP
ruby — Ruby
swift — Swift
kotlin — Kotlin
c / cpp — C وC++
dockerfile — Dockerfile
nginx — ملفات ضبط Nginx
toml — ضبط TOML
graphql — مخطط GraphQL والاستعلامات

تعيين اللغة

بعد إدراج كتلة كود، انقر على شارة اللغة في الزاوية العلوية اليسرى من الكتلة. تظهر قائمة منسدلة قابلة للبحث تسرد جميع اللغات المدعومة. ابدأ الكتابة لتصفية الخيارات — 'py' يعرض Python، و'ts' يعرض TypeScript وtsx. يُخزَّن إعداد اللغة في AST المقالة، لذا لا يؤثر تغييرها لاحقًا على محتوى الكود — بل يُغيِّر فقط قواعد الإبراز المطبَّقة عليه.

إذا لم تجد اللغة في القائمة، اضبط الكتلة على 'text' أو 'plain' — فهذا يُعطِّل الإبراز ويعرض الكود بخط monospace دون ألوان. هذا أفضل من اختيار لغة خاطئة تُنتج إبرازًا مشوَّهًا.

زر النسخ وأرقام الأسطر

تُعرض جميع كتل الكود في المنشورات المنشورة بزر نسخ إلى الحافظة في الزاوية العلوية اليمنى. أرقام الأسطر اختيارية — فعِّلها من شريط أدوات الكتلة (قائمة النقاط الثلاث في الزاوية العلوية اليمنى للكتلة أثناء التحرير). تُفيد أرقام الأسطر في مقالات الدروس التعليمية التي ستُشير فيها إلى أسطر بعينها في نصك، كقولك «في السطر 14، غيِّر قيمة المهلة إلى 30000».