q_nnn412 | Q的狗窩 (Traces)

一個充滿個人溫度的技術與思考隨筆空間。專注於 DLLM 研究、開發與對生命的緩慢思考。

Live Site

🖋️ 設計理念

• 生活化表達：捨棄公版式的詞彙，用第一人稱敘述最真實的技術選擇與價值觀。
• 白金冷調 (Platinum Cold)：以淡金色與冷灰色交織出的極簡風格，體現「靜謐中帶有力量」的視覺氛圍。
• 動態經歷牆：使用 Framer Motion 實作的滾動式時光軸，記錄從無聲到與社群共鳴的成長軌跡。
• 閱讀感優先：搭載技術隨筆系統，支援 Markdown 渲染，讓文字回歸本質。

🛠️ 技術堆疊

• 核心框架: Next.js 14 (App Router)
• 樣式引擎: Tailwind CSS (搭配 @tailwindcss/typography)
• 動效與交互: Framer Motion + Lucide React
• 國際化方案: next-intl (支援 繁中 / 英文 / 日文)
• 部署流程: GitHub Actions (持續整合與自動部署)
• 內容管理: 原生 Markdown 渲染

📂 專案核心結構

src/
├── app/[locale]/       # 多語系動態路由頁面
├── components/
│   ├── layout/         # 品牌 Navbar 與 專業 Footer
│   ├── sections/       # Hero, Blog, Journey, Friends 等核心區塊
│   └── ui/             # 回應式主題切換與語系切換器
├── config/             # 站點全域屬性 (siteConfig)
├── lib/                # 部落格資料與工具函式
└── messages/           # 各語系 JSON 翻譯文本

🚀 部署與開發

本地開發

npm install
npm run dev

自動部署

專案已配置 GitHub Actions。當變更推送到 main 分支時，會自動進行靜態導出 (next export) 並部署至 GitHub Pages。

• 相關配置檔案：.github/workflows/deploy.yml

🤝 合作與聯繫

• GitHub: NiaN0412
• Instagram: @q_nnn412
• Email: h0980199619@gmail.com

---

Designed with ❤️ by Sakura-Cloud Creative Studio