維修日誌
窄屏新增底部固定工具列與選單抽屜
修改窄屏版面。頂端保留大頭貼跟站名，原本內嵌在 header 下方的導覽連結 移除，改成畫面底部一個固定工具列， 並新增一個左側滑出的「選單」抽屜， 把全站導覽、搜尋入口、常用工具都收進去。
修bug：暗黑模式偶爾會先閃成淺色再變深色
設備：寬、窄螢幕都有這個問題
原因：判斷深色模式的內聯
<script>代碼被包在了header.html的<head>...</head>標籤裡。 但是這個 partial 是在<body>裡被引入的， 瀏覽器在<body>遇到重複的<head>，會忽略標籤本身，但把裡面的內容當成一般 body 內容延後執行，導致判斷深色模式的時機比預期晚，偶爾會先畫出淺色畫面才補上深色。解決：把這段判斷腳本搬到
baseof.html的<head>裡、放在載入 CSS 之前。修bug：圖片有長圖注時，無法居中顯示，令排版十分奇詭
設備：寬螢幕
原因：圖注原本和圖片放在同一個容器裡， 圖注很長的時候，文字寬度會反過來把容器撐寬，導致圖片沒有置中、圖注超出圖片右邊緣。
解決：改用表格版面（table / table-caption）。讓容器寬度只由圖片決定。 現在長圖注會自動換行+不超出圖片右邊緣，短圖注縮到文字寬度並貼齊圖片右下角。圖注左側並保留至少兩成空白，以免和正文混同。
從 Bear Blog 遷移至此
Bear Blog 能導出所有頁面爲 markdown 文件真好，再次讚美。 也就開頭的 yaml 格式需要根據 hugo 改一下， 寫個py批量處理了。 已經能用了（好快
沒有加css和js代碼的原生介面好色情（？
