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