網站編輯說明 ‐ How to Edit Homepage

網站架構

開源星手村網站使用 Decap CMS（前 Netlify CMS）進行編輯，並透過 Next.js 生成。該網站同時支援多語言（i18n），目前支援的語言有繁體中文（zh-tw）和英文（en），預設語言為繁體中文（zh-tw）。

主要頁面

網站包含以下主要頁面：

• 首頁
• 卡片頁
• 資源頁
• 後台管理頁

編輯頁面

您可以在後台管理頁面對所有內容進行修改。若需要新增頁面，目前仍需要手動在 pages/ 資料夾中新增對應的頁面名稱，然後使用 contentmapper 產生該頁面。

如果您無法登入後台管理，請聯絡專案管理員 Claire（claire@ocf.tw）或 Ben（@ben196888）。

介面基本介紹

1. 選擇編輯語言

2. 預覽選項

   • (1) 同步編輯其他語言或預覽網站畫面
   • (2) 開啟或關閉網站預覽畫面
   • (3) 開啟或關閉左右側同步滾動

3. 選擇儲存後的狀態（按下 Save 才會保留變更！）

內容編輯審核發布流程

stateDiagram-v2
    [*] --> 新增
    新增 --> 草稿
    草稿 --> 正在審核
    草稿 --> 刪除未發布的變更
    正在審核 --> 草稿
    正在審核 --> 預備發布
    正在審核 --> 刪除未發布的變更
    預備發布 --> 正在審核
    預備發布 --> 發布
    預備發布 --> 刪除未發布的變更
    發布 --> [*]

Loading

首頁、資源頁和卡片頁（卡片區塊和引導文字）

1. 新增或更改首頁內容：

   • (1) 新增首頁區塊
   • (2) 展開區塊內容
   • (3) 拖曳以變更區塊順序
   • (4) 刪除區塊

區塊類型

區塊分為標題類和內容類兩大類。每頁只能包含一個標題類區塊，但可以包含多個內容類區塊。不同區塊的組合方式能呈現不同的內容。

標題類

• Hero Image 標題（layout - banner）

• Headline 標題（layout - headline）

內容類

• 圖文區塊（

layout - image & text）

• 單欄式區塊（layout - section + 1 column）

• 雙欄式區塊（layout - section + 2 columns）

• 三欄式區塊（layout - section + 3 columns）

• 卡片區塊（layout - cards）

卡片區塊可以透過選擇卡片類型（Card Type）和卡片標籤（Card Tags）來顯示相關的卡片。

卡片頁卡片內容

增加或修改卡片

1. 在 Cards collection panel 下選擇要修改的卡片或點選 "New Card"

2. 編輯標題和簡述（Title & Description）

3. 選擇卡片種類。專案卡選擇 "專案"、人力卡選擇 "人力"、事件卡選擇 "事件"

4. 增加卡片的標籤（可多選）。開放政府專案可加上 "開放政府"、基礎專案卡可加上 "基礎"、專案需求有公務員可加上 "公務員"、專案需求有工程師可加上 "工程師"，以此類推。

5. 編輯卡片內容。

注意：卡片內容中的參考連結請使用 Markdown 中的 list item 進行條列！

6. 點選左上角的 "Save" 完成。確認完成後，將卡片切換到 "in review" 階段。