title | linkTitle | description | date | nav_weight | series | categories | tags | alias | ||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
短代碼 |
短代碼 |
各種各樣的段代碼列表。 |
2023-04-11 |
4 |
|
|
|
|
本文將簡單地介紹如何利用短代碼來豐富你的內容,並列出一些可用的短代碼。
另請參閱 use shortcodes。
- Figure: 是 Markdown 中圖像語法的延伸。
- Gist:顯示 GitHub gist 代碼。
- Highlight:顯示高亮代碼。
- Instagram:顯示一篇 Instagram 帖子。
- Param:獲取當前頁面的參數,如無則回退到網站參數。
ref
andrelref
:返回指定頁面的固定鏈接(ref
)或相對固定鏈接(relref
)。- Tweet:顯示 Twitter 推文。
- Vimeo:顯示 Vimeo 視頻。
- YouTube:顯示 YouTube 視頻。
{{% module "github.com/hugomods/bootstrap" %}}
Bootstrap 短代碼列表。
- Alert:顯示警告信息,支持多種樣式、圖標和標題。
- Clearfix:清除浮動的內容,如浮動圖片。
- Collapse:隱藏和顯示內容。
- Config Toggle:從一個代碼庫中生成一個配置切換,支持
YAML
、TOML
和JSON
。 - Icon Grid:顯示帶有圖標、標題和描述的 icon grid。
- Lead:使一個段落脫穎而出。
- Ratio:完美的響應式處理視頻或幻燈片的嵌入,基於父體的寬度。
- Toggle:比 config toggle 更加通用,設計用於任何內容,如 SDK 代碼。
{{% module "github.com/hugomods/shortcodes" %}}
擴展的短代碼列表。
- Asciinema:顯示 asciinema 視頻。
- Bilibili:顯示嗶哩嗶哩視頻。
- NetEase Cloud Music:顯示網易雲音樂播放器。
- YouKu:顯示優酷視頻。
你可能需要安裝相應的模塊來使用以下短代碼。