mirror of
https://github.com/imfing/hextra.git
synced 2025-10-31 21:54:54 -04:00
83f3b5052e
* chore(docs): rename `exampleSite` to `docs` and create `examples` * chore(build): update build script to support new version format and source directories; add v0.10 to documentation menu
1.6 KiB
1.6 KiB
title, next
| title | next |
|---|---|
| آیکون | /docs/guide/shortcodes/steps |
برای استفاده از این شورت‌کد به صورت درون‌خطی، باید قابلیت شورت‌کدهای درون‌خطی در تنظیمات فعال شود:
enableInlineShortcodes: true
لیست آیکون‌های موجود را می‌توانید در data/icons.yaml مشاهده کنید.
مثال
{{< icon "academic-cap" >}} {{< icon "cake" >}} {{< icon "gift" >}} {{< icon "sparkles" >}}
نحوه استفاده
{{</* icon "github" */>}}
آیکون‌های Heroicons نسخه 1 به صورت پیش‌فرض در دسترس هستند.
چگونه آیکون‌های خود را اضافه کنید
فایل data/icons.yaml را ایجاد کنید، سپس آیکون‌های SVG خود را با فرمت زیر اضافه کنید:
your-icon: <svg>محتوای SVG آیکون شما</svg>
سپس می‌توانید از آن در شورت‌کد به این صورت استفاده کنید:
{{</* icon "your-icon" */>}}
{{</* card icon="your-icon" */>}}
نکته: Iconify Design منبع خوبی برای یافتن آیکون‌های SVG برای سایت شماست.
خيارات
| المعلمة | وصف |
|---|---|
name |
اسم الأيقونة |
attributes |
سمات الأيقونة. |