HB 劇透標籤短代碼

劇透標籤可以讓你寫下一些用戶可能不想看到的文字,並將其隱藏起來,直到讀者選擇查看。

語法

自閉合語法

1{{< spoiler-tag />}}

閉合語法

1{{< spoiler-tag >}}
2TEXT
3{{< /spoiler-tag >}}

參數

text

索引名稱類型必填默認值版本示例
#0textstring---

當使用自閉合語法時必填。

markdown

索引名稱類型必填默認值版本示例
#1markdownboolean-false--

true 時,將其視作 Markdown 文本進行渲染。

selectable

索引名稱類型必填默認值版本示例
-selectableboolean-false--

標籤文本是否可選擇。

示例

內聯劇透標籤示例

源碼
1In the movie, {{< spoiler-tag "the hero kills his wife." />}}
結果
In the movie, the hero kills his wife.

可選擇的劇透標籤示例

源碼
1In the example, {{< spoiler-tag text="the spoiler tag is selectable." selectable=true />}}
結果
In the example, the spoiler tag is selectable.

帶有 Markdown 格式的長劇透標籤示例

源碼
1Lorem ipsum dolor sit amet, consectetur adipiscing elit.
2{{< spoiler-tag markdown=true >}}
3__Aenean__ _quis_ ipsum ~~tortor~~. Integer vel lectus vel mauris mattis laoreet. In quis pellentesque metus. Fusce tincidunt purus a leo feugiat, id vehicula nunc congue. Fusce posuere sodales sagittis. Maecenas scelerisque est vel scelerisque sollicitudin. Nam id ligula placerat dolor interdum ullamcorper. Proin a venenatis purus. Donec accumsan et risus sit amet rhoncus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce eu semper urna. Suspendisse ex lacus, malesuada ut nisi in, hendrerit imperdiet enim. In erat ex, tincidunt eget hendrerit eu, efficitur a neque. Vestibulum purus dolor, lobortis vel varius ac, elementum vel dolor.
4{{< /spoiler-tag >}}
結果
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis ipsum tortor. Integer vel lectus vel mauris mattis laoreet. In quis pellentesque metus. Fusce tincidunt purus a leo feugiat, id vehicula nunc congue. Fusce posuere sodales sagittis. Maecenas scelerisque est vel scelerisque sollicitudin. Nam id ligula placerat dolor interdum ullamcorper. Proin a venenatis purus. Donec accumsan et risus sit amet rhoncus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce eu semper urna. Suspendisse ex lacus, malesuada ut nisi in, hendrerit imperdiet enim. In erat ex, tincidunt eget hendrerit eu, efficitur a neque. Vestibulum purus dolor, lobortis vel varius ac, elementum vel dolor.
razonyang
2024年11月5日 星期二 2024年2月18日 星期日