Bootstrap 圖片網格短代碼

用於生成圖片網格的短代碼。

贊助

成為我們的資助者或贊助商,以支持我們的工作。

贊助商

語法

1{{< bs/img-grid "data" >}}

參數

data

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

數據文件名稱。

數據文件

數據文件需要存放於 /data 文件夾。

圖片屬性

src

名稱上下文類型必填默認值版本示例
src-string---

圖片 URL 或圖片資源名稱。

title

名稱上下文類型必填默認值版本示例
title-string---

圖片文本。

url

名稱上下文類型必填默認值版本示例
url-string----

鏈接地址。

示例

data/img-grid-examples.yaml
  <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-yaml" data-lang="yaml"><span class="line"><span class="ln">1</span><span class="cl">- <span class="nt">src</span><span class="p">:</span><span class="w"> </span><span class="l">https://avatars.githubusercontent.com/u/128204519?s=200&amp;v=4&amp;width=200&amp;height=200</span><span class="w">

2 title: HugoMods 3 4- src: https://avatars.githubusercontent.com/u/127904984?s=200&v=4&width=200&height=200 5 title: HB Framework 6 7- src: https://avatars.githubusercontent.com/u/17720932?s=200&v=4&width=200&height=200 8 title: Razon Yang

源碼
1{{< bs/img-grid "img-grid-examples" >}}
結果
HugoMods
HugoMods
HB Framework
HB Framework
Razon Yang
Razon Yang