drowl87/hextra_mirror
1
0
Fork 1
mirror of https://github.com/imfing/hextra.git synced 2025-08-23 23:26:39 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity
Files
ec007d73c0116b643bfaa30081c2ed953a75adc2
hextra_mirror/exampleSite/content/docs/guide/shortcodes/icon.fa.md
Xin ec007d73c0 docs(blog): prepare for v0.10 release post (#746) 
* docs(blog): prepare for v0.10 release post

* Update v0.10.md

* Update v0.10.md to refine upgrade instructions and enhance blog features. Added synchronized tab switching and pagination controls, while improving the search experience and table of contents navigation.

* Enhance v0.10 release documentation with detailed upgrade instructions and migration guide. Added Tailwind theme variable customization section and clarified breaking changes. Improved clarity on CSS class prefix changes for better user experience.

* Update v0.10.md to enhance upgrade instructions, clarify breaking changes, and improve overall readability. Adjusted formatting for consistency and added details on asset management and user experience improvements.

* Add notable new features to v0.10.md, including dropdown menu support, enhanced search experience, and blog list pagination. Updated FlexSearch upgrade details for clarity and improved migration guide by removing redundant breaking change notes.

* chore: update zh-cn translation

* chore: update ja translation

* chore: update fa and ja translations

* chore: prepare release
2025-08-14 23:49:06 +08:00

1.4 KiB
Raw Blame History

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 برای سایت شماست.