Education/Software_Architecture
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新 部屬/GItHub_靜態網站/README.md

Browse Source
This commit is contained in:
leo 2025-02-21 21:36:52 +08:00
parent 033b6021c2
commit 6c6925b121
1 changed files with 58 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
部屬/GItHub_靜態網站/README.md
View File

@ -0,0 +1,58 @@
## GitHub 靜態網站 架設
若有需要架設自己的履歷 或是一些簡單的靜態網站 可以參考這邊
### 步驟如下 (記得先有GitHub帳號)
* 創建儲存庫
![](http://leovip125.ddns.net:8418/Education/Software_Architecture/raw/branch/master/%E9%83%A8%E5%B1%AC/GItHub_%E9%9D%9C%E6%85%8B%E7%B6%B2%E7%AB%99/img/%E5%9C%96%E7%89%871.png)
* 取名稱 並 創建
![](http://leovip125.ddns.net:8418/Education/Software_Architecture/raw/branch/master/%E9%83%A8%E5%B1%AC/GItHub_%E9%9D%9C%E6%85%8B%E7%B6%B2%E7%AB%99/img/%E5%9C%96%E7%89%872.png)
* 複製 等等要git clone 的網址
![](http://leovip125.ddns.net:8418/Education/Software_Architecture/raw/branch/master/%E9%83%A8%E5%B1%AC/GItHub_%E9%9D%9C%E6%85%8B%E7%B6%B2%E7%AB%99/img/%E5%9C%96%E7%89%873.png)
* 於電腦中找個資料夾 git clone 下來
![](http://leovip125.ddns.net:8418/Education/Software_Architecture/raw/branch/master/%E9%83%A8%E5%B1%AC/GItHub_%E9%9D%9C%E6%85%8B%E7%B6%B2%E7%AB%99/img/%E5%9C%96%E7%89%874.png)
* 進入 clone下來的資料夾 ，確保是git的位置 可以透過以下方式查看
![](http://leovip125.ddns.net:8418/Education/Software_Architecture/raw/branch/master/%E9%83%A8%E5%B1%AC/GItHub_%E9%9D%9C%E6%85%8B%E7%B6%B2%E7%AB%99/img/%E5%9C%96%E7%89%875.png)
![](http://leovip125.ddns.net:8418/Education/Software_Architecture/raw/branch/master/%E9%83%A8%E5%B1%AC/GItHub_%E9%9D%9C%E6%85%8B%E7%B6%B2%E7%AB%99/img/%E5%9C%96%E7%89%876.png)
* 找一個喜歡的模板，或是你自行做好的純前端
(建議找模板直接魔改)
![](http://leovip125.ddns.net:8418/Education/Software_Architecture/raw/branch/master/%E9%83%A8%E5%B1%AC/GItHub_%E9%9D%9C%E6%85%8B%E7%B6%B2%E7%AB%99/img/%E5%9C%96%E7%89%877.png)
* 複製到 clone 下來的資料夾
![](http://leovip125.ddns.net:8418/Education/Software_Architecture/raw/branch/master/%E9%83%A8%E5%B1%AC/GItHub_%E9%9D%9C%E6%85%8B%E7%B6%B2%E7%AB%99/img/%E5%9C%96%E7%89%878.png)
* 將網頁推上git 可參考以下作法
![](http://leovip125.ddns.net:8418/Education/Software_Architecture/raw/branch/master/%E9%83%A8%E5%B1%AC/GItHub_%E9%9D%9C%E6%85%8B%E7%B6%B2%E7%AB%99/img/%E5%9C%96%E7%89%879.png)
![](http://leovip125.ddns.net:8418/Education/Software_Architecture/raw/branch/master/%E9%83%A8%E5%B1%AC/GItHub_%E9%9D%9C%E6%85%8B%E7%B6%B2%E7%AB%99/img/%E5%9C%96%E7%89%8710.png)
![](http://leovip125.ddns.net:8418/Education/Software_Architecture/raw/branch/master/%E9%83%A8%E5%B1%AC/GItHub_%E9%9D%9C%E6%85%8B%E7%B6%B2%E7%AB%99/img/%E5%9C%96%E7%89%8711.png)
* 進入GitHub頁面 並確認資料有上傳進來
![](http://leovip125.ddns.net:8418/Education/Software_Architecture/raw/branch/master/%E9%83%A8%E5%B1%AC/GItHub_%E9%9D%9C%E6%85%8B%E7%B6%B2%E7%AB%99/img/%E5%9C%96%E7%89%8712.png)
* 進入GitHub設定 動作如圖
![](http://leovip125.ddns.net:8418/Education/Software_Architecture/raw/branch/master/%E9%83%A8%E5%B1%AC/GItHub_%E9%9D%9C%E6%85%8B%E7%B6%B2%E7%AB%99/img/%E5%9C%96%E7%89%8713.png)
![](http://leovip125.ddns.net:8418/Education/Software_Architecture/raw/branch/master/%E9%83%A8%E5%B1%AC/GItHub_%E9%9D%9C%E6%85%8B%E7%B6%B2%E7%AB%99/img/%E5%9C%96%E7%89%8714.png)
* 完成以上動作 即可查看
![](http://leovip125.ddns.net:8418/Education/Software_Architecture/raw/branch/master/%E9%83%A8%E5%B1%AC/GItHub_%E9%9D%9C%E6%85%8B%E7%B6%B2%E7%AB%99/img/%E5%9C%96%E7%89%8715.png)
可以進入[結果網址](https://leo890808.github.io/github_test_webpage/index.html)進行查看