# [設計規格書](https://hackmd.io/@vwsc4wWPRKmqkZX0kVCVvg/BJsn67mhT)
| 版本号 | 日期 | 描述 | 作者 |
| --- | --- | --- | --- |
| 1.0 | 2024-02-18 | 初始草案 | [Sam] |
| 1.1 | 2024-02-21 | 追加規範 | [Sam] |

## 修改紀錄
* [詳細內容](https://hackmd.io/@vwsc4wWPRKmqkZX0kVCVvg/Bk_1RX7n6)

## 維護事項
週期：每周一次檢查更新
維護人：Sam, Thomas

---
[目錄](https://hackmd.io/@vwsc4wWPRKmqkZX0kVCVvg/BJsn67mhT)
===

## 資源
* [連結](/7wBsCg_bSCe0dbIkqBD69A)

## 資料夾結構
* [架構視圖](https://hackmd.io/@vwsc4wWPRKmqkZX0kVCVvg/BkgFU07Q3a)

## 命名規範
* [CSS命名規範](https://hackmd.io/@vwsc4wWPRKmqkZX0kVCVvg/BkGFRQmh6)
* [靜態圖檔命名](https://hackmd.io/@vwsc4wWPRKmqkZX0kVCVvg/ByesAmmna)

## SCSS主題色
* [變數配置](https://hackmd.io/0Nl7a9akTF6CHLgKG6o6KA)

## 開版規則
* [開版教學](https://hackmd.io/@vwsc4wWPRKmqkZX0kVCVvg/HkR3AQXnp)

## git commit
* [commit 注意事項](https://hackmd.io/@vwsc4wWPRKmqkZX0kVCVvg/r1sRC7XhT)

## CSS背景圖片使用方式
* [utils/cssImg](https://hackmd.io/@vwsc4wWPRKmqkZX0kVCVvg/HkWbkNQhp)

## 註解規範
* [Todo Tree 使用規範](https://hackmd.io/@vwsc4wWPRKmqkZX0kVCVvg/BJ2fkEm26)

## 共用函式
* [API 共用函式](https://hackmd.io/4QrDfIYASMyBfXcywysxHw?view)
* [其他共用函式](https://hackmd.io/@vwsc4wWPRKmqkZX0kVCVvg/rJFzr3UT6)

## 其他
* [版面樣式](https://hackmd.io/@vwsc4wWPRKmqkZX0kVCVvg/Sk9qh_B2T)
* [API串接](https://hackmd.io/fQrCaAlkREC1BxvOQZSuFw)
* [i18n翻譯](https://hackmd.io/FB-5jcKOSmSSsK5Mqwa-Yw)
* [SVGA 引用方法與解說](https://hackmd.io/@vwsc4wWPRKmqkZX0kVCVvg/SJG1Eq5R6)
* [專案參數](https://hackmd.io/@vwsc4wWPRKmqkZX0kVCVvg/H1z52CXlR)
* [即將檔案移除紀錄](https://hackmd.io/@vwsc4wWPRKmqkZX0kVCVvg/S1fzhFEj0)
* [測試流程](https://hackmd.io/@vwsc4wWPRKmqkZX0kVCVvg/SyXecvpiR)
## 共用元件架構 (Notion) 需使用另開分頁/視窗開啟
* [連結](https://hackmd.io/vbAy_0ylSbq_isHcltCPvA)