把專案推到 github 上後,並透過 github page 建置靜態頁面

github page 是一個由 github 提供的服務,只要在上面開專案並把 code push 上去後,就能在網路上看到這個專案的內容了,使用的方法也很簡單,這邊教大家用 VS Code 的方法來建構專案。

 

首先就是要有個 github 的帳號啦,如果沒有就開一個,有的話就在上面建構一個新的專案。

 

專案的名稱要設為 username.github.io ,username 就是你的帳號,像我就是 deathhell 這樣,專案就設定為 public 就好了。

 

建立專案後會到這個頁面,複製一下上面那一串 https://github.com/deathhell/deathhell.github.io.git 的 code 後到 VS Code,注意要複製你自己的不是完全跟我一樣的喔。

 

再來要先確認電腦有安裝 git 了,沒有的話就依據自己的作業系統安裝一下。

接著要在 VS Code 安裝 GitHub Pull Requests and Issues 這個套件。

 

安裝完成後,點一下左邊 git 的圖示,再點擊 Clone Repository,把剛複製的那段 code 貼上去,VS Code 就會把 git clone 下來了。

 

然後在裡面建立一個 index.html 的檔案,並隨便打一些內容,打完後切到 git 的頁面,按一下 commit 把檔案 commit 上去,記得要打一些敘述。

 

接著 push,選擇目標:

 

push 成功後,可以在 github 上看到你 push 的檔案,接著開啟你剛設定的專案名稱當網址(像我就是 deathhell.github.io),就可以看到你編輯後的網頁了。

 

 

課程推薦

AI工作術全面學習實戰營:6 堂精選課程,學會最好用 AI 工具,翻轉你的人生

AI工作術全面學習實戰營:6 堂精選課程,學會最好用 AI 工具,翻轉你的人生

《PChome雜誌》攜手 5 位在 AI 領域的專業講師,打造上述 6 堂實用課程,教你學會時下最好用的 AI 工具,導入生成式 AI 來產製工作內容,改造並升級你的工作流程。

輸入折扣碼 ZERO2024 還可以額外獲得 NT$400 優惠喔。

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

本課程專為希望深入了解 HTML 並有效結合 SEO 策略的學員設計。我們將重點放在 HTML 的深度學習與應用上,同時穿插介紹如何透過搜索引擎優化提升網站能見度。透過即時互動式的直播教學,加上 ChatGPT 的輔助,您將學習到如何建立一個結構優良、美觀且符合 SEO 標準的網站。這不僅會提升網站的用戶體驗,還會大幅提高網站的搜索引擎排名,進而增加訪客流量和潛在客戶。
用AI強化職場競爭力 ChatGPT、Midjourney從入門到精通

用AI強化職場競爭力 ChatGPT、Midjourney從入門到精通

在快速變遷的職場中,提升競爭力成為關鍵。透過引領潮流的AI技術,ChatGPT和Midjourney將助您勇攀高峰。無論您是AI新手還是專家,這個課程將引導您從入門到精通,解密AI的奧秘,並學習如何運用於職場。
GitHub Copilot AI 程式碼編輯工具應用實務班

GitHub Copilot AI 程式碼編輯工具應用實務班

讓學員瞭解有效地使用該工具來加速開發流程、提高程式碼品質和生產力。課程重點放在以 JavaScript 程式語言為例,介紹 Copilot 的基本原理、使用方法和最佳實踐。

輸入折扣碼 TC1456JA 還可以額外獲得 NT$500 優惠喔。

ChatGPT X Clipchamp AI 生成影片、配音與字幕應用實戰班

ChatGPT X Clipchamp AI 生成影片、配音與字幕應用實戰班

掌握Clipchamp AI的操作技巧,靈活運用Clipchamp AI進行影片編輯和創作,實現創意表達和傳播目的。

輸入折扣碼 TC1451JAN 還可以額外獲得 NT$500 優惠喔。

如何串接多種數位工具資訊?Looker Studio 資料視覺化實戰班|GoogleAds x FB廣告 x GA流量數據

如何串接多種數位工具資訊?Looker Studio 資料視覺化實戰班|GoogleAds x FB廣告 x GA流量數據

Looker Studio除了可協助使用者監控網站流量、廣告成效、選擇匯入資源的管道之外,還可以將數據資料多平台整合、數據報表即時更新、數據範本可重複套用的效益,透過自動化系統,將數據全部匯入同一個報表平台,是企業不可或缺的重要工具。

輸入折扣碼 TC1270JIA 還可以額外獲得 NT$500 優惠喔。

和我們交流

加入我們的社群,裡面會有一些技術的內容、有趣的技術梗,以及職缺的分享,歡迎和我們一起討論。