Blogger 日期格式化詳解

Blogger 如果想調整日期格式的話，後台就有許多排列組合可選，照理說總能找到一個滿意的。只不過 Blogger 是外國人設計的產品，日期格式主要按照西式的排列習慣，還真不一定能符合所有人喜好。 雖然 Blogger 官方並沒公開關於日期格式化的說明，不過網路上倒有一些資料可循，本篇會詳細說明如何將日期改成自己想要的格式，中英文都可以。 (圖片出處: unsplash.com)

一、注意事項

1. 參考資料 本篇所有修改語法的資料來源為這兩篇：

• Format Post Date and Add Class
• blogger-snippets-Date

從發布時間來看，都是至少 4 年(2020)之前的資訊，代表 4 年以前按照這些資料來修改 Blogger 範本是沒問題的，那麼現在呢？ 2. 官方 RWD 範本 經實測後，官方 RWD 範本例如 Contempo、Soho、Emporio、Notable、Essential，如果想要搜尋範本中跟日期相關的語法，會發現已經找不到能修改的地方了，代表過去幾年 Blogger 官方 RWD 範本又做了不小的變更，不讓使用者修改的地方又更多了。 這個狀況我一點都不意外，因為當初 2017 年「Blogger 推出官方 RWD 範本」時，我就做了這樣的結論：

官方的設計明顯希望站長們不要動這個 RWD 範本，預設的效果就放手去接受它吧

所以對於官方 RWD 範本的使用者，如果你是熟練的老手，才建議參考本篇的資料，自行在範本中找合適的地方進行改。如果是新手的話，建議要嘛接受預設效果，要嘛改用「官方非 RWD 範本」 3. 官方非 RWD 範本 怕新手不知道什麼是「官方非 RWD 範本」，所以多說明一些，例如 Simple、Picture Window、Awesome、Watermark、Ethereal、Travel。 本篇的語法建議使用在以上這些範本，比較不會有挫折感。

二、首頁每篇文章都顯示日期(新版)

1. 修改方式 多年前寫過一篇「讓 Blogger 首頁每篇文章都能顯示日期」，剛好本篇參考資料的語法，可以讓這件事變得簡單，所以提供新版的作法。 在範本中搜尋以下字串： <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span><data:post.dateHeader/></span></h2> </b:if> 改成以下字串即可： <h2 class='date-header'><span><data:post.date/></span></h2> 2. 原理說明 Blogger 語法現在多了 <data:post.date/> 日期資料，不必再像以前須判斷是否為該日期的第一篇文章，改用 <data:post.date/> 後就能每篇文章都顯示日期。

三、自訂日期格式

1. 日期格式化語法 根據參考資料，Blogger 日期格式化語法如下： <b:eval expr='data:post.date format "YYYY-MM-dd"'/>

• YYYY: 年份 4位數
• MM: 月份 2位數(自動補0)
• dd: 日期 2位數(自動補0)

由於我們使用了分隔符號 "-"，在網頁上顯示的效果如下： 2024-01-25 2. 修改技巧 可任意使用中文字串，就便成了中文日期，例如： <b:eval expr='data:post.date format "YYYY年M月d日"'/> 顯示效果如下，不會自動補 0： 2024年1月25日 3. 修改範本 接著以「官方非 RWD 範本」為例，說明如何修改日期格式。範本中代表日期資料的有這些標記： <data:post.dateHeader/> <data:post.timestamp/> <data:post.date/> 在想要修改日期格式的地方，將以上這幾個 Blogger 標記語法改成前述的日期格式化語法即可。

四、日期格式化參數

前面提到的參考資料「blogger-snippets-Date」整理了許多日期格式化參數，建議修改時可以參考，以下列出一些實用的修改方式，請注意大小寫有分：

• 月份：MMM → 顯示三個字英文縮寫，例如 Jan, Nov
• 月份：MMMM → 顯示完整英文，例如 January, November
• 星期：ww → 顯示兩位數
• 天：EEE → 顯示三個字英文縮寫，例如 Mon, Tue
• 天：EEEE → 顯示完整縮寫，例如 Monday, Tuesday
• 上下午：aaaa → 例如 AM, PM
• 小時：hh → 顯示12小時制，兩位數
• 小時：HH → 顯示24小時制，兩位數
• 分鐘：mm → 顯示兩位數

更多「Blogger 語法」相關文章：