也許你該試試 Tufte 佈局

大多數網站的排版邏輯都是正文放中間，留白越多越好，sidebar 放廣告或目錄，但如果你寫的是學術性、高內容密度的文章，也許你該試試 Tufte 佈局。

Tufte 是什麼

Edward Tufte 是統計圖形與資訊設計領域的大師，Tufte CSS 是把他的書籍排版風格翻譯成網頁的開源專案，主要特色有幾個：

• 側欄註解 (sidenotes)：把腳注放在段落旁邊而不是頁面底部，讀者不需要滑到底部再滑回來，閱讀流程不被打斷
• 邊欄圖片 (margin figures)：圖片放在文字旁邊，不佔據正文空間
• 無多餘裝飾：沒有花哨的 header、沒有 hero image、沒有 CTA 按鈕

你也可以看中文介紹。

Tufte 佈局用於有大量補充說明、引用、或需要和正文並排的圖表，適合學術性質的文章、技術深度分析、或任何會大量使用腳注的內容。

Hugo 主題

可惜的是 tufte 的 Hugo 主題都已經停止更新了，無論是

• shawnohare/hugo-tufte
• slashformotion/hugo-tufte
• loikein/hugo-tufte
• st3v3nmw/hugo-tuftesque

都一樣。不過由於 Hugo 單一二進制的特性，只要下載舊版 Hugo 仍然可以穩定運行，我測試使用 Hugo 0.87.0+extended 可以正常運行 loikein/hugo-tufte，沒有任何額外依賴需要處理。

還有一個中文版本的 Laurenfrost/hugo-tufte-cjk 也可以試試看。