互動設計 114-2

歡迎 👋

這是一個 Quarto demo 課程網站，跟你的 wiki 對比觀察 typography、版面、Graphviz 渲染。

本 demo 的目的

讓你在 1 個瀏覽器分頁裡同時看到：

  • BookStack（WYSIWYG wiki 路線）
  • Wiki.js（modern wiki 路線）
  • Quarto（academic 靜態網站，你目前在這個）

請打開 3 個分頁交叉比較。

本 demo 包含

  1. index.qmd — 你正在看的這頁
  2. syllabus.qmd — 課程大綱範例
  3. lecture-01.qmd — 第 1 講內容，含 Graphviz 圖、Mermaid、LaTeX 數學、引用、callout

為什麼 Quarto 特別適合你

  • 同一個 .qmd 可以輸出 HTML 網頁 / PDF 講義 / Reveal.js 簡報 三種格式
  • 字體用 SCSS / mainfont: 一行改完
  • Graphviz / Mermaid / Math 都是原生 markdown 區塊
  • 純文字源檔 → Gitea 版控 / 學生開 PR 改錯字

🆕 編輯測試 (2026-05-18 10:55)

這段是剛剛從 Mac 編輯的，存檔 + 一個 quarto render 指令就上線。