維修日誌

設備：寬、窄螢幕都有這個問題

原因：判斷深色模式的內聯 <script> 代碼被包在了 header.html 的 <head>...</head> 標籤裡。 但是這個partial是在 <body> 裡被引入的， 瀏覽器在 <body> 遇到重複的 <head> ，會忽略標籤本身，但把裡面的內容當成一般body 內容延後執行，導致判斷深色模式的時機比預期晚，偶爾會先畫出淺色畫面才補上深色。

解決：把這段判斷腳本搬到 baseof.html 的 <head> 裡、放在載入CSS之前。

設備：寬螢幕

原因：圖注原本和圖片放在同一個容器裡， 圖注很長的時候，文字寬度會反過來把容器撐寬，導致圖片沒有置中、圖注超出圖片右邊緣。

解決：改用表格版面（table / table-caption）。讓容器寬度只由圖片決定。 現在長圖注會自動換行+不超出圖片右邊緣，短圖注縮到文字寬度並貼齊圖片右下角。圖注左側並保留至少兩成空白，以免和正文混同。

Bear Blog能導出所有頁面爲markdown文件真好，再次讚美。 也就開頭的yaml格式需要根據hugo改一下， 寫個py批量處理了。 已經能用了（好快

沒有加css和js代碼的原生介面好色情（？