開始使用碧落

· 約 1 分鐘閱讀

歡迎使用 碧落 / Biluo —— 一個注重效能與排版的 Astro 部落格主題。 這篇是 demo 內容,等你熟悉之後,把 src/content/blog/ 下的文章刪掉,開始寫自己的。

NOTE

這是一篇示範文,用來展示主題語法、同時讓建置保持零警告。請換成你自己的內容。

安裝與啟動#

pnpm install
pnpm dev        # 開發伺服器 localhost:4321
pnpm build      # 建置到 ./dist,含 Pagefind 搜尋索引
pnpm preview    # 以 wrangler dev 服務 dist(最貼近線上)

設定你的站#

讓站台「變成你的」的設定集中在這幾個檔:

想改什麼在哪
站名、描述、作者、社群連結src/consts.ts
UI 字串與站台語系src/i18n/ui.ts
標籤分類src/data/taxonomy.ts
系列文src/data/series.ts
留言板(Giscus)src/data/comments.ts

TIP

留言板預設關閉,且 provider 可抽換。內建 Giscus——到 src/data/comments.tsprovider 設成 'giscus',再填入 giscus.app 給的值即可。 同一個檔也寫了如何照相同掛載模式接上自託管後端(Waline、Artalk 等)。

寫一篇文章#

src/content/blog/ 下新增 Markdown 或 MDX 檔。frontmatter schema (src/content.config.ts)支援:

---
title: "我的第一篇文章"       # 必填
description: "一段簡短摘要"    # 選填,省略時退回內文
pubDate: 2026-06-29          # 必填
updatedDate: 2026-06-30      # 選填
heroImage: "../../assets/my-hero.jpg" # 選填,會經 Astro 優化
tags: ["中文", "Getting Started"]
pinned: false
---

省略 heroImage 時,主題會用內建的預設圖,所以沒有自備圖的文章看起來一樣完整。

關於字體#

內文中文走 昭源圜方(Chiron GoRound TC)、拉丁字母與數字走 Nunito、 等寬走 Monaspace Radon,三套皆為 SIL OFL 1.1(見 NOTICEpublic/fonts/ 下各 OFL.txt)。中文用 CFF 輪廓並依字頻切片載入,所以首屏只下載 用到的那幾片。若你的站不需要中文,可以換成純拉丁字體並省下這套切片—— 做法見英文版的 Going English-first

IMPORTANT

本主題是單一語系設計:UI 隨附繁體中文,src/i18n/ui.tssiteLocale 是全站語系的單一真相來源。完整語法導覽見 Markdown 語法