Тестовая статья для проверки вёрстки
Это тестовая публикация: так выглядит обычный текст, списки и форматирование на главной и на странице статьи.
Заголовок второго уровня
Краткий абзац с ссылкой на главную и курсивом.
Арабский текст
Ниже — пример арабской вставки (направление строки задаёт браузер по символам 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).
العربية — عنوان من المستوى الثالث
العربية — عنوان من المستوى الثالث
العربية — عنوان من المستوى الثالث
العربية — عنوان من المستوى الرابع
عادي — حجم الفقرة الاعتيادي، كما في основном тексте المقال.
سميك — نفس الحجم مع خط أعرض.
اقتباس بخط أصغر قليلاً من الهامش — للتحقق من السطر والهوامش في الوضعين الفاتح والداكن.
Форматирование
- маркированный список;
- второй пункт с жирным.
- Нумерованный пункт один.
- Нумерованный пункт два.
Цитата: можно проверить отступы и цвет границы в светлой и тёмной теме.
Инлайн-код: content/articles/test-primer.md.
Блок кода (plain text)
После деплоя эта карточка должна появиться на главной, а страница — открываться по адресу /articles/test-primer.