Blogger 的特定指令標籤 (語法)

 

前言 :

在眾多免費部落格平台中，Google Blogspot（Blogger） 一直是一個相當經典且穩定的選擇。

自從 Google 收購並持續維護 Blogger 之後，國外許多創作者、工程師與寫作者都曾經使用這個平台建立自己的網站。

整體而言，Blogspot 是一個 穩定、且免費的部落格平台。然而國內、為何不受大家青睞呢 ?

在Google的 Blogger（Blogspot）網站裡，Blogger的HTML主題模板檔案，所使用的標籤和 XML語言並非完全相同，

這些標籤其實是 Blogger 提供的一種模板語言（Template Language），使用於Blogger XML 編輯器的特定指令標籤。

若想自訂版面或開發主題（Template），就一定會接觸到 Blogger 的特定指令標籤。

這些Blogger的特殊語法 (指令標籤)，可以讓版面根據文章、留言或網站資料自動產生內容。

以下本文將介紹 Blogger 中最常見的幾種類型指令標籤，以及它們的用途與基本用法。

大多數Blogger 標籤都可以透過前綴 <b:>來識別。

<b:tagName/>

Blogger 的特殊指令標籤與經典 HTML 不同，它們區分大小寫，並且必須完全按照文件中的方式編寫。

透過前綴 <b:>來識別的Blogger 指令標籤是寫在 Blogger 模板 XML 裡的特殊語法，用來呼叫網站資料。

這些資料會在網頁載入時 自動替換成實際內容。

第一個要介紹的 Blogger 指令標籤是

資料標籤（Data Tags）<data:tagName/>

這個標籤通常在 `<b:loop>` 裡使用，用來顯示文章資訊。

常見例子：

```

<data:post.title/> ~~ 顯示文章標題

```

```

<data:post.body/> ~~ 顯示文章內容

```

```

<data:post.author/> ~~ 顯示作者名稱

```

```

<data:post.date/> ~~ 顯示發佈日期

```

更多的 blogger 資料清單

---

第二個為 ~ 佈局標籤

佈局標籤有 2 個：<b:section>和<b:widget>。

第一個在頁面正文中建立區段，而另一個在區段中顯示小工具。

區段就是網頁的區域，例如側欄、頁尾等等。

小工具就是網頁元素，例如網頁、網誌聯播或任何可從 [網頁元素] 分頁新增的物件。

您可以在主題中的區段周邊插入任何 HTML。

區段標籤 : <b:section>

主題中的每個區段都有一個開始和結束標記，如下所示：

<b:section id='header' class='header' maxwidgets="1" showaddelement="no">

</b:section>

區段只能包含小工具。如要在區段中插入額外的程式碼，請將該區段分割為兩個以上的新區段。

小工具標籤 : <b:widget> 

小工具是以單一標記來表示，用來做為預留位置，指定小工具在 [網頁元素] 分頁中的運作方式。

小工具的範例如下 (一個用於網頁標頭，一個用於清單)：

<b:widget id="header" type='HeaderView' locked="yes"/>

<b:widget id="myList" type='ListView' locked="no" title="My Favorite Things"/>

<b:widget id=”BlogArchive1” locked=”false” mobile=”yes” title=”Blog Archive” type=”BlogArchive”/>

其三、 條件判斷標籤

Blogger 提供 `<b:if>，<b:elseif>，<b:else>`  標籤來做條件判斷，類似程式語言的 **if statement**。

其四、循環標籤：<b:loop>

在Blogger 的 XML 編輯器中，循環是透過 `<loop>` 迴圈標籤，用來 **重複輸出資料列表**，最常用於文章列表。


其五、Blogger Include 標籤

` <b:includable>`和`<b:include>` 標籤就像裝有一系列程式碼的抽屜。 

` <b:includable>`包含內容，而 ` <b:include>`呼叫內容。

包含標籤：`<b:include>` 用來 **載入模板片段（snippet）**，讓模板更模組化。

範例：

```

<b:include name='post' data='post'/>

```

這通常會呼叫 Blogger 內建的文章顯示結構。

其六、 表達式求值標籤 ~ <b:eval>

<b:eval> 是一個自閉合標籤，可讓您明確顯示Blogger 表達式的結果值。

語法：

```

<b:eval expr='EXPRESSION'/>

```

更多的標籤使用說明