https://benzhub.github.io/tags/%E9%83%A8%E8%90%BD%E6%A0%BC/Recent content in 部落格 on BenzHubHugozh-TWSun, 13 Sep 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/044-case-blog/Sun, 13 Sep 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/044-case-blog/<blockquote> <p>上一篇我們做了講究「轉換」的行銷 Landing Page,這一篇要換個完全不同的場域——講究「閱讀體驗」的<strong>內容型部落格</strong>。我們會用 <strong>TailwindCSS v4</strong> 逐段打造文章列表頁(卡片、封面、標籤)與文章閱讀頁,並祭出本篇的主角 <strong>@tailwindcss/typography</strong> 的 <strong>prose</strong> 類,用一行 class 就把一整篇 Markdown 長文變得像出版品般好讀,再補上側邊欄目錄 <strong>TOC</strong>、精緻程式碼區塊、響應式與暗色模式。做完你會得到一個可以直接放文章上去的閱讀站。</p> </blockquote>