---
title: 前端小白的 Github pages 入門
description: 藉由前幾堂課所學的 Git 基礎指令與 HTML/CSS 網頁開發技巧，本次課程將帶領大家整合所學並進一步探索 GitHub 平台。我們將介紹如何運用 GitHub Pages 服務來架設靜態網站，同時也會深入講解 Git 在多人協作專案中的應用場景。透過實際操作，讓社員能更全面地掌握以 Git 為核心的版本控制技術，並學會如何運用 GitHub 平台來展示自己的作品。
tags:
- 社課
- 共筆
- 113 學年
---
:::success
# 前端小白的 Github pages 入門
**時間：** 2025/05/15（星期四）18:00~20:00
**地點：** 挺生大樓 A3-200 教室
**簡報：** [連結](https://www.canva.com/design/DAGnVAV42n0/LefkNnITdu5MKrcS646Frg/view?utm_content=DAGnVAV42n0&utm_campaign=designshare&utm_medium=link2&utm_source=uniquelinks&utlId=h4e6e6acd2a)
**Slido：** [連結](https://app.sli.do/event/qge2DdLjQcmXARHkjTiQ2Q)
:::

這是範例，開始建置 HUGO pages
https://jerry080401.github.io/Jerry080401-HUGODemo/

這是安裝步驟
https://hackmd.io/jrjrXr5qT26woudNxFOnvg

Window安裝 scoops

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
Invoke-RestMethod -Uri https://get.scoop.sh | Invoke-Expression

安裝 scoop

Set-ExecutionPolicy RemoteSigned -Scope CurrentUser

---

#### HUGO 主題
https://themes.gohugo.io/

---

#### static image

檔案要放在 `/public` folder

GitHub Pages:
存取相對路徑為: `/repo-name/<path>`
或是`/<path>` (repo-name就是*.github.io的話)

embed in markdown:

``