آیکون

برای استفاده از این شورت‌کد به صورت درون‌خطی، باید قابلیت شورت‌کدهای درون‌خطی در تنظیمات فعال شود:

hugo.yaml
enableInlineShortcodes: true

لیست آیکون‌های موجود را می‌توانید در data/icons.yaml مشاهده کنید.

مثال

نحوه استفاده

{{< icon "github" >}}

آیکون‌های Heroicons نسخه 1 به صورت پیش‌فرض در دسترس هستند.

چگونه آیکون‌های خود را اضافه کنید

فایل data/icons.yaml را ایجاد کنید، سپس آیکون‌های SVG خود را با فرمت زیر اضافه کنید:

data/icons.yaml
your-icon: <svg>محتوای SVG آیکون شما</svg>

سپس می‌توانید از آن در شورت‌کد به این صورت استفاده کنید:

{{< icon "your-icon" >}}

{{< card icon="your-icon" >}}

نکته: Iconify Design منبع خوبی برای یافتن آیکون‌های SVG برای سایت شماست.

آخرین به‌روزرسانی در