我的部落格
  • 首頁
  • 所有文章
  • 關於我

© 2026 個人部落格. 版權所有.

使用 Next.js 和 Tailwind CSS 建立

歡迎來到我的部落格

2026年2月1日
Next.js部落格介紹

歡迎來到我的部落格

這是我使用 Next.js 和 Tailwind CSS v4 建立的個人部落格。讓我來介紹一下這個專案的技術選型與特色。

技術選型

Next.js

使用 Next.js 14+ 的 App Router,提供:

  • 伺服器端渲染(SSR)
  • 靜態網站生成(SSG)
  • 優秀的 SEO 支援
  • 自動程式碼分割

Tailwind CSS v4

採用最新的 Tailwind CSS v4,帶來:

  • 更簡潔的設定方式
  • CSS-first 的配置方法
  • 更好的效能
  • 零設定的內容偵測

Markdown 內容管理

使用檔案式內容管理:

  • 版本控制友善
  • 無需資料庫
  • 部署簡單
  • 編輯方便

功能特色

  1. 響應式設計 - 適配各種裝置
  2. SEO 優化 - 完整的 metadata 設定
  3. 程式碼高亮 - 支援程式碼區塊的語法高亮
  4. 標籤系統 - 文章分類與標籤功能
  5. 現代化 UI - 簡潔美觀的使用者介面

未來規劃

  • [ ] 深色模式支援
  • [ ] RSS 訂閱功能
  • [ ] 文章搜尋功能
  • [ ] 評論系統整合
  • [ ] 多語言支援

感謝你的閱讀!期待未來能分享更多有趣的內容。