ویترین بلاک‌ها؛ هر چیزی که در نوشن بنویسید، در بلاگ این‌طور دیده می‌شود

این صفحه مرجع زنده‌ی رندر است: هر بلاکی که در نوشن استفاده کنید، این‌جا می‌بینید در بلاگ چه شکلی می‌شود.

۱) تیترها — چهار سطح

سطح یک (H1) عنوانِ خود پست است — همان تیتر بزرگ بالای صفحه. سه سطح بعدی از Heading 1/2/3 نوشن می‌آیند:

این Heading 1 نوشن است — در بلاگ H2

این Heading 2 نوشن است — در بلاگ H3

این Heading 3 نوشن است — در بلاگ H4

۲) سبک‌های متن درون‌خطی

متن ساده، پررنگ، کج، زیرخط‌دار، خط‌خورده، کد درون‌خطی، پررنگِ کج و حتی پررنگ خط‌خورده‌ی زیرخط‌دار.

لینک ساده به مرشد، لینک پررنگ و لینک روی کد.

فرمول درون‌خطی هم داریم: E = mc^2 وسط جمله.

۳) رنگ متن و هایلایت

قرمز ، آبی ، سبز ، بنفش ، نارنجی ، صورتی ، قهوه‌ای ، خاکستری و زرد.

هایلایت زرد ، هایلایت سبز ، هایلایت آبی ، هایلایت قرمز و هایلایت بنفشِ پررنگ.

۴) لیست‌ها — ساده، تو در تو، ترکیبی

• گلوله‌ای سطح یک
  • سطح دو
    • سطح سه — عمق واقعی
• گلوله‌ای با فرزندِ شماره‌دار:
  1. قدم اول
  2. قدم دوم

1. شماره‌دار سطح یک
   1. شماره‌دارِ تو در تو
2. شماره‌دار با لینک داخلش

چک‌لیست (To-do)

• ✅ کار انجام‌شده
• ⬜ کار مانده با کد و لینک

۵) نقل‌قول، کال‌اوت و تاگل

نقل‌قول ساده — «کیفیت یعنی درست انجام دادن کار وقتی کسی نگاه نمی‌کند.»

و این پاراگرافِ فرزندِ همان نقل‌قول است.

کال‌اوت با آیکن لامپ — برای نکته‌های مهم.

کال‌اوت هشدار — رنگ پس‌زمینه‌اش در نوشن قرمز است.

تاگل: کلیک کنید (در بلاگ باز رندر می‌شود)

محتوای داخل تاگل.

• حتی لیست داخل تاگل

۶) کد و فرمول

// جاوااسکریپت
const greet = (name) => `سلام ${name}!`;
console.log(greet('مرشد'));

# پایتون
def fib(n):
    return n if n < 2 else fib(n-1) + fib(n-2)

{
  "name": "morshed-blog",
  "rtl": true
}

\sum_{i=1}^{n} i = \frac{n(n+1)}{2}

۷) جدول — با هدر و بدون هدر

۸) تصویر، ویدئو، بوکمارک و فایل

بوکمارک سایت مرشد

https://blog.morshed.ai

📎 نمونه-فایل.pdf

۹) ستون‌ها و جداکننده

ستون اول — در بلاگ پشت سر هم رندر می‌شوند.

ستون دوم — چون مقاله تک‌ستونه است.

بالای این خط یک جداکننده (divider) بود. تمام! 🎉