drowl87/hextra_mirror
1
0
Fork 1
mirror of https://github.com/imfing/hextra.git synced 2025-08-23 15:56:36 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity
Files
7b8e1bdfd14cb41a90845ba2ae6256d70997f4c6
hextra_mirror/exampleSite/content/docs/guide/shortcodes/tabs.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

4.3 KiB
Raw Blame History

title, next
title next
تب‌ها /docs/guide/deploy-site

مثال

{{< tabs items="macOS,Linux,Windows" >}}

{{< tab >}}macOS: یک سیستم عامل دسکتاپ توسط اپل.{{< /tab >}} {{< tab >}}Linux: یک سیستم عامل متن‌باز.{{< /tab >}} {{< tab >}}Windows: یک سیستم عامل دسکتاپ توسط مایکروسافت.{{< /tab >}}

{{< /tabs >}}

نحوه استفاده

پیش‌فرض

{{</* tabs items="JSON,YAML,TOML" */>}}

  {{</* tab */>}}**JSON**: JavaScript Object Notation (JSON) یک فرمت متنی استاندارد برای نمایش داده‌های ساختاریافته بر اساس نحو شیء جاوااسکریپت است.{{</* /tab */>}}
  {{</* tab */>}}**YAML**: YAML یک زبان سریال‌سازی داده‌های قابل خواندن توسط انسان است.{{</* /tab */>}}
  {{</* tab */>}}**TOML**: TOML هدفش این است که یک فرمت فایل پیکربندی حداقلی باشد که به دلیل معناشناسی واضح، خواندنش آسان باشد.{{</* /tab */>}}

{{</* /tabs */>}}

مشخص کردن ایندکس انتخاب شده

از ویژگی defaultIndex برای مشخص کردن تب انتخاب شده استفاده کنید. ایندکس از 0 شروع می‌شود.

{{</* tabs items="JSON,YAML,TOML" defaultIndex="1" */>}}

  {{</* tab */>}}**JSON**: JavaScript Object Notation (JSON) یک فرمت متنی استاندارد برای نمایش داده‌های ساختاریافته بر اساس نحو شیء جاوااسکریپت است.{{</* /tab */>}}
  {{</* tab */>}}**YAML**: YAML یک زبان سریال‌سازی داده‌های قابل خواندن توسط انسان است.{{</* /tab */>}}
  {{</* tab */>}}**TOML**: TOML هدفش این است که یک فرمت فایل پیکربندی حداقلی باشد که به دلیل معناشناسی واضح، خواندنش آسان باشد.{{</* /tab */>}}

{{</* /tabs */>}}

تب YAML به طور پیش‌فرض انتخاب خواهد شد.

{{< tabs items="JSON,YAML,TOML" defaultIndex="1" >}}

{{< tab >}}JSON: JavaScript Object Notation (JSON) یک فرمت متنی استاندارد برای نمایش داده‌های ساختاریافته بر اساس نحو شیء جاوااسکریپت است.{{< /tab >}} {{< tab >}}YAML: YAML یک زبان سریال‌سازی داده‌های قابل خواندن توسط انسان است.{{< /tab >}} {{< tab >}}TOML: TOML هدفش این است که یک فرمت فایل پیکربندی حداقلی باشد که به دلیل معناشناسی واضح، خواندنش آسان باشد.{{< /tab >}}

{{< /tabs >}}

استفاده از Markdown

نحو Markdown شامل بلوک کد نیز پشتیبانی می‌شود:

{{</* tabs items="JSON,YAML,TOML" */>}}

  {{</* tab */>}}
  ```json
  { "hello": "world" }
  ```
  {{</* /tab */>}}

  ... سایر تب‌ها را به همین ترتیب اضافه کنید

{{</* /tabs */>}}

{{< tabs items="JSON,YAML,TOML" >}}

{{< tab >}}

{ "hello": "world" }

{{< /tab >}}

{{< tab >}}

hello: world

{{< /tab >}}

{{< tab >}}

hello = "world"

{{< /tab >}}

{{< /tabs >}}

همگام‌سازی تب‌ها

تب‌هایی که لیست items یکسانی دارند می‌توانند همگام‌سازی شوند. وقتی فعال باشد، انتخاب یک تب تمام تب‌های دیگر با items یکسان را به‌روز می‌کند و انتخاب را در بین صفحات به خاطر می‌سپارد.

به صورت جهانی در فایل hugo.yaml در بخش page فعال کنید:

params:
  page:
    tabs:
      sync: true

با فعال کردن این گزینه، دو بلوک تب زیر همیشه آیتم انتخاب شده یکسانی را نمایش خواهند داد:

{{</* tabs items="A,B" */>}}

  {{</* tab */>}}محتوای A{{</* /tab */>}}
  {{</* tab */>}}محتوای B{{</* /tab */>}}

{{</* /tabs */>}}

{{</* tabs items="A,B" */>}}

  {{</* tab */>}}محتوای دوم A{{</* /tab */>}}
  {{</* tab */>}}محتوای دوم B{{</* /tab */>}}

{{</* /tabs */>}}