唔洗講今次又仲坑搞左幾個鐘頭，話說之前有個可以自動 Generate 圖片的網站現在用唔到了 (可能要靠 Cookie 先可以比自己睇到)，所現現在要為所有 Blog post 都加返個可以設定的 Featured Image 功能。

其實 Featured Image 係 Blogger 入面都係有的 (已前)，但係現在就唔知點解收收埋埋無左 !!! 變左每一個 post 入面第一張 image 自動變為作 Featured Image !! 不過最慘係佢個 Blogger Data Tag 個 Document 係無寫到出來點用，搞到又要找又試一大輪先用到。

正常情況下用 post.featuredImage 應該可以拎到個 Image 出來係唔係? 不過 Blogger 就好神奇地唔得既，如果 Blog Widget 入面要拎 Featured Image 係要用 post.firstImageUrl 先拎到 (拎到第一張圖片)，但係如果係 Blog Archive Widget 度拎 Featured Image 的話，就要正常使用 post.featuredImage 先得 !! 中晒坑

好彩先前有大神遇過先，如果唔係十世都唔會搵到 :

https://stackoverflow.com/questions/51087706/post-thumbnail-not-showing-on-homepage-with-error-img-src-lt-cant-find-su

> When the images are hosted externally (aka not uploaded via Blogger editor) and you still want to access them via Blogger data tag, then you will need to use `<data:post.firstImageUrl/>` in place of `<data:post.thumbnailUrl/>`.

### 在 Post 內加入 Featured Image

係 Blogger 入面，每一個 post 的第一張插入圖片就會自動成為 Featured Image。首先要 Switch 去 HTML Mode 先，然係插入以下 Code:

```html
<img style='display: none;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghC-axPogzPnql0blsf4UrF0TGWckylVcJewFVhbEj-t6QDGxRrZuG_qeAfgBqAaeox5OL0G0BEAebiqH5VoQNJVRyHeyIufyz4fhrRkbHdUDekSIpKQA1mYsupMuzULgE2837PV5YKWw6Nw3y6axZA750hM4qHsEiB6yuzPjez1nxH-rPckvaUtYm6Hw/s1600/Blogger-Logo-16x9.png' />
```

將入面圖片的 Url 連結改為你自己的圖片就可以了。設定好之後 Blogger 就可以係 Data Tag 比資料時經由 post.firstImageUrl 或者 post.featuredImage 拎返出來用了。