5分鐘，套用1962(本站)的佈景主題

1962 這個站在 2026-08-31 換掉了原本的官方主題,現在用的是我自己做的 fish1962。這篇把它的來源、為了中文改了哪些地方、後台能調什麼、以及怎麼安裝,一次講完。

一、它從哪裡來

程式碼的底子是 Ghost 官方主題 Journal(MIT 授權)。我沒有從零寫,而是 fork 它再改——Ghost 主題的骨架(handlebars 樣板、卡片、會員 Portal 掛點)官方那份已經很完整,重寫一遍只是浪費時間。

視覺的參考對象是 WordPress 的 Archivist / Formera:半透明白卡片、1px 細框、標題全大寫的那種檔案室感。我從 wordpress.com 的主題頁把它真正的設計 token 抓出來對過——Formera 的底色其實是 #eddbc5 暖砂色,不是綠的。我只照搬結構,底色換成薄荷綠 #dfeee4,強調色 #26714f。

⚠️ 有一個地方是被迫改的:Formera 與 Elite Math New 這兩套字體拿不到。它們是 wordpress.com 主題內附的字體檔,不在 Google Fonts、也不在 fontsource,授權不明。所以英數標題改用 Archivo(Google Fonts),中文用 Noto Sans TC。

二、為了中文改了什麼

這是整件事的重點。Ghost 是英文世界長大的 CMS,官方主題的排版都是照著英文字母的節奏設計的;中文是方塊字,直接套上去會有幾個地方不對勁。

字型堆疊重寫

--font-sans:  Archivo, "Noto Sans TC", Inter, -apple-system,
              "PingFang TC", "Microsoft JhengHei", sans-serif;
--font-serif: "Noto Serif TC", Lora, Georgia, "Songti TC", serif;

英數走 Archivo、中文走 Noto Sans TC(內文)與 Noto Serif TC(標題),後面接 PingFang TC 與 Microsoft JhengHei——Mac、Windows、Android 各自都有落點,不會掉到系統的醜字型。字距與行高也依中文重新調過,不是沿用英文那組。

全大寫只作用在英數

Archivist 的標題是全大寫的。中文沒有大小寫,所以 text-transform: uppercase 對中文字元天生無效——這是少數不用寫特例就能中英混排共存的地方。

日期與量詞

Journal 的日期是 31 8月 2026 這種英式語序硬套中文月份的寫法,改成 2026 年 8 月 31 日。量詞從 issue(期,電子報用語)改成「篇」「文章」。

翻譯補完

上游的 zh-Hant 只填了大約四分之一。fish1962 把 120 個字串全部翻完。

順帶說一件選型時該知道的事:Ghost 對讀者是完全中文的,對寫作者是英文的。站台端 zh-Hant 很完整,但後台 Admin 仍然全英文——這是官方文件自己寫明的,尚未支援 i18n,不是我漏翻。

翻頁與側邊欄

Journal 用 JS 的 load more 無限載入,換成「上一頁 / 下一頁 + 第 X / 共 Y 頁」。側邊欄從「關於 / 訂閱 / 精選 / 主題」改成「關於 / 搜尋 / 訂閱 / 近期文章 / 主題標籤」,而且每一塊都可以在後台各自關掉。

三、後台可以調什麼

裝好之後,Ghost 後台 Settings → Design & branding 就會多出這個主題自己的設定分頁。左邊是即時預覽,右邊是設定面板:

切到 Theme 分頁,才是這個主題自己開出來的選項:

Site wide:

• Background color——頁面底色,預設薄荷綠 #dfeee4
• Navigation layout——Logo 置左 / 置中 / 上下堆疊
• Title font / Body font——黑體(Noto Sans TC)或明體(Noto Serif TC)
• Show subscribe band——頁尾訂閱區開關
• Footer note——頁尾附註,接在版權後面

Homepage:

• Show latest card——首頁最上面那張最新文章大卡
• Sidebar about / search / signup / recent posts / topics——側邊欄五個區塊各自開關
• Recent posts count——5 / 8 / 10

兩個做的時候才知道的細節:

• 設定的「名稱」只能是英文。Ghost 直接把 snake_case 的 key 轉成標題顯示,沒有 label 欄位可以填中文。但選項的「值」可以是中文——所以你會看到英文的 Title font 配中文的「黑體(Noto Sans TC)」,這不是偷懶,是平台限制。
• 每頁文章數改不了。posts_per_page(目前 10)寫在 package.json 裡,那是主題設定檔不是後台設定,要改得改檔案重新打包。

另外注意:主色(Accent color)用的是 Ghost 內建的那個,不是主題設定。它會同時影響 Portal 訂閱彈窗與電子報,所以換主題時記得一起改,不然點「訂閱」跳出來的視窗會是舊配色。

四、怎麼安裝

這是它最好裝的地方:全程在後台,不需要 SSH、不需要敲任何指令。

1. 下載主題 .zip
2. Ghost 後台 → Settings → Design & branding → Change theme → Upload theme
3. Ghost 會自動跑 gscan 驗證相容性
4. 通過後按 Activate

⚠️ 需要 Ghost 6.0 以上。主題用到 social_accounts 這個 Ghost 6 才有的 helper,裝在 Ghost 5 上社群連結區會壞掉。

💡 順便提醒一個換主題會踩到的坑:Ghost 唯一支援放在主題根目錄的檔案是 robots.txt,還有 assets/ 底下的驗證用檔案(例如 IndexNow 金鑰)。這些東西是跟著主題走的——換主題就會一起消失。如果你有做 AI bot 放行規則或搜尋引擎驗證,換之前先確認它們有沒有打包進新主題裡。

五、授權與取得

fish1962 沿用 Journal 的 MIT 授權(Copyright © 2013-2026 Ghost Foundation)。MIT 允許自由散布,只要保留授權與出處。

不過也因為它是 fork 官方主題,不能拿去 Ghost 官方 Marketplace 上架販售——官方把「fork 官方主題」列為退件主因。送人則完全合法。

所以我把它整理成一份贈品版 1962gift:把站專屬的東西(內部路徑、IndexNow 金鑰、部署腳本、開發殘留)全部清乾淨,重新打包,用 Ghost 6.56 內建的 gscan 驗過 0 error / 0 warning。

下載連結放在這篇文章的最後面,註冊本站會員(免費)就看得到——按右上角的「註冊」填一個 email 就好,不收費，純粹是讓我知道有多少人拿走了。

下載後不用解壓縮,直接把 .zip 丟進 Ghost 後台 Settings → Design & branding → Change theme → Upload theme 就行(步驟見上面第四節)。

• 版本 1.0.1,559K / 78 個檔案
• 需要 Ghost 6.0 以上
• MIT 授權(Copyright © 2013-2026 Ghost Foundation,衍生自官方主題 Journal)
• Ghost 6.56 內建 gscan:0 error / 0 warning

請註冊後，解鎖下載連結：