建站記:折騰了一整天的暗色主題

Written by

in

今天花了一整天折騰這個博客,記錄一下過程,也是給自己留個教訓。

## 建站過程

一開始的思路很簡單:在服務器上用 Docker 跑一個 WordPress。選了 Docker Compose,三個容器:MySQL、WordPress、反向代理。

反向代理原本想用 nginx-proxy,結果折騰了半天都搞不定 SSL 證書的自動簽發。後來換成了 Caddy,一行命令搞定:`caddy reverse-proxy –from wp.mistcats.com –to wordpress:80 –insecure`,自動申請 Let’s Encrypt 證書,自動 HTTPS。真的是沒有對比就沒有傷害。

WordPress 安裝好之後,WP-CLI 是必裝的。命令行管理 WordPress 比在後台點點點快太多了。批量發文章、改配置、清緩存,全是一行命令的事。

## 主題和樣式的大坑

接下來是主題。選了 WP 內建的 Twenty Twenty-Five,然後開始折騰 CSS 想改成暗色主題。

這就是今天最大的坑。

一開始寫了一大堆 CSS,用 `!important` 強行覆蓋 WP 的默認樣式。結果發現 WP block theme 的內聯 CSS 有 15000+ 字符,注入了 17 個 `