--- tags: summit2026 title: g0v Summit 作品集網站開發 --- <div style="font-weight: bold; "><img src="https://s3-ap-northeast-1.amazonaws.com/g0v-hackmd-images/uploads/upload_d73b3ea8ed15d74a3b555ac8b5d88a84.png" style="width: auto; height: 2em;">2026 宣傳組</div> # Summit 作品集網站開發 :::info [summit-assets|Google 試算表](https://docs.google.com/spreadsheets/d/1-JH3Ib3MI2AIfKedzZnaOZihDC35xRqDK2MQxOIYAKU/edit?gid=0#gid=0) [figma 設計稿](https://www.figma.com/design/Ax9PxlfLOCEWnRUPrST8NE/Summit-assets?node-id=13650-8129&t=HfIuHndei4LDDwsx-1) ::: ## 前言 看到 2016 年的「設計資源網」([g0v summit 2016 open design](https://g0v.github.io/summit-assets/#main_visual_-_system_guide))覺得太感動了,因此也想把 Summit 2024 的相關產出(文案、設計)都留一份在 github 上,讓未來辦活動的人有一個靈感庫可以使用 --by Dong ## 目前想到的功能 - 可以依據組別列出該組做的東西 - 可以依據個人列出他參與的東西 - 左側導航列根據資料夾自動渲染,右側會顯示個別功能頁面,如電子報可能是 pdf 或網頁格式、個人頁面可能有個別顯示方式 - 想要使用 markdown 作為介紹頁面的語法 - 圖片旁會顯示原檔、線上設計檔連結、設計稿下載按鈕 - Figma 可以下載成 .fig 檔案 - 利用 google 表單建立資料表,編輯完畢後,下載成 csv 或 json 作為資料渲染的依據 - 目前想到需要的表 - 志工 - ID - ID 必須是唯一值 - 預設與名字一樣,如果遇到同名時要改 ID - 名字 - 照片 - 簡介 - 標籤 - 社群發文主題 - 主題編號 - 主題標題 - 主題簡介 - 社群發文文案 - 主題編號 - fb 文案 - fb 貼文連結 - ig 文案 - ig 貼文連結 - x 文案 - x 貼文連結 - 作者 - Reviewer - 社群發文圖 - 主題編號 - 圖片檔名 - 主視覺 - 活動、年份標籤 - 如:g0v Summit 2024、g0v Summit 2020 - 側邊欄結構 - 2024 - 主視覺 → kv - 紀念品 → souvenir - 技能貼紙 - 鏡頭防窺蓋 - T恤 - 社群發文 → sns - 族繁不及備載 - 電子報 → e-newsletter - 族繁不及備載 - 場佈輸出 → event-prints - 族繁不及備載 - 其他 → others - badge - 場地 - 摺頁 - staff - github 資料夾結構 - React 程式碼資料夾 - assets - 2024 - kv - souvenir - sns - e-newsletter - 第一期 - 第一期.pdf - 素材 - 第二期 - event-prints - others - 2020 - kv - souvenir - sns - e-newsletter - event-prints - others - staff - avatar - ... ## 備份方式 ### 設計稿 - Figma 可以匯出成 .fig 檔,對於長久保存很友善 - Canva 不能匯出獨立設計檔案,只能保留連結 ### 電子報 - 可利用 [Web Page to PDF](https://webtopdf.com/) 將電子報網站存成 pdf - 使用瀏覽器內建的「列印 → 另存成 pdf」功能,會讓網頁被裁成很多頁的 A4,而透過這個網站,可以自訂尺寸,讓網頁存成單一頁的 pdf ![](https://g0v.hackmd.io/_uploads/S1XNpOP3gg.png) ## 授權方式選擇 > 預設以 CC-BY 方式授權 ```mermaid %%{init: { "fontFamily": "Onest, Candara, sans-serif" }}%% classDiagram class 產出物 產出物 --> 自己做的 產出物 --> 別人有著作權的 別人有著作權的 : 自己做的 --> CC_BY CC_BY : (姓名標示) CC_BY : 預設 自己做的 --> CC_BY_SA CC_BY_SA : (姓名標示-相同方式分享) CC_BY_SA : 紀念品 別人有著作權的 --> CC_BY_ND CC_BY_ND : 摺頁(僅授權成品 pdf) CC_BY_ND : (姓名標示-禁止改作) ``` > 之前跟 RS 有討論到像摺頁這種有別人著作權的東西,可以用 CC_BY_ND 的方式把成品開源出去,但好像沒討論到要怎麼把設計原檔流傳下去(暫不考慮用 google drive、隨身硬碟)? > 目前想到幾個方式: > 1. 開一個 private repo,把有別人著作權的東西丟在裡面,只有未來的協調人有權限看到、下載。 > 2. 把有別人著作權的東西移除,一樣把設計檔案開源 > 3. 直接把原檔丟到 github,但在備注加上「僅授權成品 pdf」 > > 不知道大家覺得怎麼樣比較好?還是有沒有更好的方式可以分享~[name=Dong] ## 設計時要注意的考量 ### GitHub 檔案大小限制 > @yellowsoar 有提到 github page 跟 repo 都各有一些儲存空間、流量的上限,雖然這次可能不會碰到,但如果是打算長期使用同一個 repo 跟 github page 的話,似乎遲早要面對這個問題(畢竟會放很多設計檔跟圖檔上去),我先把相關的資料放在這裡,日後如果真的遇到了,再來想辦法吧![name=Dong] * [Repository limits](https://docs.github.com/en/repositories/creating-and-managing-repositories/repository-limits) * [GitHub Pages limits](https://docs.github.com/en/pages/getting-started-with-github-pages/github-pages-limits) > 或許各年的實質檔案還是可以切開在不同 repo,再跟主 repo 用 `git submodule` 連接? > 這樣的好處是好管理歷程、而且可以把單年度的大檔丟到 Releases 那邊釋出,就沒有流量限制。[name=RS] * [Releases](https://docs.github.com/en/repositories/releasing-projects-on-github/about-releases)