Тестовая статья для проверки вёрстки

Это тестовая публикация: так выглядит обычный текст, списки и форматирование на главной и на странице статьи.

Заголовок второго уровня

Краткий абзац с ссылкой на главную и курсивом.

Арабский текст

Ниже — пример арабской вставки (направление строки задаёт браузер по символам Unicode):

السَّلَامُ عَلَيْكُمْ. هَذَا نَصٌّ تَجْرِيبِيٌّ بِاللُّغَةِ الْعَرَبِيَّةِ لِاخْتِبَارِ الْعَرْضِ عَلَى الْمَوْقِعِ.

مَرْحَبًا بِكُمْ فِي مُرِيد — مِثَالٌ أَخَرُ بِخَطٍّ أَبْسَطَ: اليوم جميل والشمس مشرقة.

Озвучка (пример)

Клик по арабской фразе воспроизводит аудио (файл в public/audio/test-primer/):

Сейчас это короткая заглушка (~1 с); замените demo.ogg своей записью. В Markdown: <button type="button" class="voice-sentence" data-audio="/путь/к.mp3">текст</button>.

Примеры размеров арабского текста

В Markdown нельзя задать произвольный font-size без HTML (его режет санитайзер). Зато разные уровни заголовков дают разную крупность — ниже только арабский текст в h3, h4 и обычном абзаце (стили в globals.css для .markdown-body).

العربية — عنوان من المستوى الثالث

العربية — عنوان من المستوى الثالث

العربية — عنوان من المستوى الثالث

العربية — عنوان من المستوى الرابع

عادي — حجم الفقرة الاعتيادي، كما في основном тексте المقال.

سميك — نفس الحجم مع خط أعرض.

اقتباس بخط أصغر قليلاً من الهامش — للتحقق من السطر والهوامش في الوضعين الفاتح والداكن.

Форматирование

  • маркированный список;
  • второй пункт с жирным.
  1. Нумерованный пункт один.
  2. Нумерованный пункт два.

Цитата: можно проверить отступы и цвет границы в светлой и тёмной теме.

Инлайн-код: content/articles/test-primer.md.

Блок кода (plain text)

После деплоя эта карточка должна появиться на главной, а страница — открываться по адресу /articles/test-primer.

На главную