Beacon 是一款為速度與可讀性打造的極簡部落格主題。這篇文章展示了排版與各項功能, 讓你預覽自己的內容會呈現出怎樣的效果。

有哪些功能

Beacon 將雙欄卡片版面與現代深灰配色、清晰的排版以及細膩的動效結合在一起, 帶來平靜而專注的閱讀體驗。它內建了:

  • 淺色 / 深色 / 自動 三種配色模式,並會記住你的選擇
  • 簡潔雙欄版面的卡片式文章列表首頁
  • 閱讀時間、字數、標籤與麵包屑導覽
  • 目錄、程式碼複製按鈕與分享連結
  • 開箱即用的 SEO、OpenGraph 與 Twitter 卡片中繼資料

排版

先用一段引用定個基調:

簡約是終極的複雜。

再來一個有序列表:

  1. 用 Markdown 撰寫文章
  2. 放入 content/posts/ 目錄
  3. 執行 hugo server 預覽

程式碼區塊

行內 code 是這樣的。圍欄程式碼區塊在滑鼠停留時會顯示複製按鈕:

package main

import "fmt"

func main() {
    fmt.Println("Hello, Beacon!")
}

表格

功能支援
深色模式
目錄
程式碼複製

就是這樣 —— 開始寫作吧!