這是中華民國第十一屆全國不分區立法委員葛如鈞(寶博士)的個人網站原始碼。
本網站使用 Astro 框架建置,結合 React 與 Tailwind CSS,打造高效能且具備現代化設計的靜態網站。內容涵蓋法案行動、寶博士使用說明書以及各類雜項文章。
- 核心框架: Astro
- UI 框架: React
- 樣式: Tailwind CSS
- 圖示: Lucide React
- 內容管理: Astro Content Collections (Markdown / MDX)
- 多語言支援: 內建 i18n 路由 (en / zh-TW)
關於如何新增文章、編輯現有內容以及新增分類,請參閱詳細教學文件:
所有指令請在專案根目錄下執行:
| 指令 | 說明 |
|---|---|
pnpm install |
安裝專案依賴 |
pnpm dev |
啟動本地開發伺服器 (localhost:4321) |
pnpm build |
建置生產環境版本至 ./dist/ |
pnpm preview |
預覽建置後的網站 |
本專案使用 OpenRouter 處理 AI 聊天功能。部署前請確保設定以下環境變數:
OPENROUTER_API_KEY: OpenRouter 的 API Key。
/
├── public/ # 靜態資源
├── src/
│ ├── components/ # React 與 Astro 元件
│ ├── content/ # 網站內容 (文章)
│ ├── layouts/ # 頁面佈局
│ ├── pages/ # 路由頁面
│ ├── styles/ # 全域樣式
│ └── i18n/ # 多語言設定
└── astro.config.mjs # Astro 設定檔