آیکون
برای استفاده از این شورتکد به صورت درونخطی، باید قابلیت شورتکدهای درونخطی در تنظیمات فعال شود:
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 برای سایت شماست.
خيارات
| المعلمة | وصف |
|---|---|
name | اسم الأيقونة |
attributes | سمات الأيقونة. |
آخرین بهروزرسانی در