mirror of
https://github.com/imfing/hextra.git
synced 2025-08-23 23:06:41 -04:00
ec007d73c0
* 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
1.2 KiB
1.2 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 v1 のアウトラインアイコンがデフォルトで利用可能です。
独自のアイコンを追加する方法
data/icons.yaml ファイルを作成し、以下の形式で独自の SVG アイコンを追加します:
your-icon: <svg>your icon svg content</svg>
追加したアイコンは以下のようにショートコードで使用できます:
{{</* icon "your-icon" */>}}
{{</* card icon="your-icon" */>}}
ヒント: Iconify Design はサイト用の SVG アイコンを見つけるのに最適な場所です。