快速教你使用github部署你的網站

閱讀時間約 1 分鐘
不知道你是否有以下困擾呢?
「自己寫好的程式,若要呈現在網路上,該怎麼辦?」
「手上有個html的檔案,但是要如何分享給朋友們?」
「做一個網站要花主機的錢,如何有個免費託管主機的地方呢?」
以上問題,將由github pages來幫你解決喔!
接下來將會說明github pages架設靜態網站的應用唷~

第一步:進入github的網站,點選右上角,註冊一個新的帳號。(如果已經有帳號了,就可以直接點sign in登入即可。)

第二步:進來之後,點選右上角的「+」號,然後點選「New Repository」

第三步:填寫專案名稱(只能填寫英文與數字喔),然後設定你要公開還是要設為私人(建議用公開),最後按下綠色按鈕「create repository」。

第四步:點選你要「creating a new file(建立新檔案)」或是「uploading an existing file(上傳新檔案),完成後按下綠色按鈕「commit change」。

【✨重要:不論是哪種方式,最主要的那個首頁的檔案名稱務必改為index才可以喔

第五步:點選上面那排的「setting」。

第六步:點選右邊的「pages」,然後看到「Branch」。

第七步:接著將「none」改成「main」,最後按下「save」。

看完之後,是不是覺得容易許多呢~那就趕快動手操作吧!!
即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
avatar-img
32會員
97內容數
哈囉!我是冠彰,大家都叫我袋鼠。 從高中開始到現在不斷走在教育的道路上,意識到教育、社會與全球是息息相關,然而有太多結構性問題讓我感到困擾與煩憂。未來將成為#社會助人教育NPO工作者,期待在教育、社會、以負責、毅力與省思的方式,讓自己成為「助人的永續人才」道路前進。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
袋鼠Kangaroo's Blog 的其他內容
「你是否覺得電腦的那些固定字體已經看膩了呢?」 「你是否覺得每次電腦只能用黑體、標楷體或是新細明體呢?」 那麼今天要來介紹一下,如何在網路上安裝其他的字體,以及介紹幾種安裝字體的網站唷~
歡迎來到袋鼠的Blog! 由於最近google準備要將google雲端教育版的容量進行刪減,因此筆者開始尋找有什麼大容量的免費雲端是可以存放檔案的。也因此Microsoft365教育版推出了免費1TB的雲端空間,讓我們一同來看如何使用吧!
「你是否覺得電腦的那些固定字體已經看膩了呢?」 「你是否覺得每次電腦只能用黑體、標楷體或是新細明體呢?」 那麼今天要來介紹一下,如何在網路上安裝其他的字體,以及介紹幾種安裝字體的網站唷~
歡迎來到袋鼠的Blog! 由於最近google準備要將google雲端教育版的容量進行刪減,因此筆者開始尋找有什麼大容量的免費雲端是可以存放檔案的。也因此Microsoft365教育版推出了免費1TB的雲端空間,讓我們一同來看如何使用吧!
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
中小企業如何建立競爭優勢?本篇專訪,曾任台積電高階主管、全球前三大投資公司-新加坡淡馬錫集團決策者的郝旭烈(郝哥),將為我們用淺顯易懂的語言,分享從員工到老闆都好懂好用的商業知識精華,透過他的個人經驗和觀察,說明如何在不確定的時代中作出明智的決策和投資。
Thumbnail
你也是在過年大吃特吃後,發現自己身材走樣嗎,沒關係今天分享兩招教你減肥、恢復苗條身材!
Thumbnail
在職場上,我們經常需要計算銷售數量,例如每日、每週、每季、每年等。如果將每月的銷售數量進行累計,傳統的方法是逐筆加總,非常耗時。今天教大家的這個技巧,可以讓我們輕鬆地將銷售數量進行累計,節省大量時間。這個技巧可以幫助職場工作者:銷售人員:可以用來統計各月份的銷售數量,了解銷售狀況,並與目標進行比較。
Thumbnail
本文討論無論是男性、女性都應該要幫定期私密部位除毛,說明私密處除毛的重要性與優缺點,並詳細介紹自行在家輕鬆使用熱蠟除毛的方法,包括選擇合適的熱蠟除毛工具,正確的除毛方式與除毛後保養可避免過敏和毛囊炎等皮膚問題。
Thumbnail
在職場上,名牌是一種常見的禮儀用品,用來展示個人身份和資訊。在會議、研討會、招聘會等場合,名牌可以幫助我們快速認識新朋友,建立良好的第一印象。 手繪名牌雖然可以展現個人特色,但製作起來比較費時費力。而使用Excel製作名牌,可以快速生成專業的雙面名牌,並且可以根據需要進行修改和調整。 如何使用E
Thumbnail
Weebly作為一個初入網站建置的人來說,是一個很適合入門的網站建置工具,你可以透過熟悉它,讓它成為你未來製作網站時的模板及練習。以下請跟著我的腳步,一起來認識這個工具吧!
Thumbnail
想用Heptabase 實作卡片盒筆記法卻老是寫不出文章的創作者,看完這篇文章,你就偷著樂吧!這篇文章以寫「閱讀書評」為例,整理出 9 個簡單步驟,讓你可以用 Heptabase 快速寫出一篇文章。希望藉由文章的分享,能夠讓幫助你補上在 Heptabase 上建立各種卡片到寫出文章之間的最後一塊拼圖
Thumbnail
你知道嗎?台灣有高達70%的人沒有財務管理意識,更從不尋求專業的財務建議!或許,你也剛好覺得錢老是不夠用?如果你厭倦了錢老是不夠用的感覺,想要擺脫月光族。那相信這篇預算教學的文章絕對可以解決你的困惱!趕緊閱讀吧。
Thumbnail
課程中有時候會帶學生用剪映專業版(電腦版)軟體進行影音剪輯,主因是剪映是免費軟體、功能好用、甚至有語音識別快速生成字幕的功能,但唯一的缺點是剪映是簡體軟體,語音識別產出的字幕也都是簡體字,若要一個一個手動更改為繁體實在太累了~ 這邊教大家不用三分鐘快速替換系統預設字,輕鬆實現簡轉繁字幕~(教學影片在
Thumbnail
教你快速上手 #奧地利奶奶給孩子的居家芳療小藥鋪 𝕝𝕖𝕥'𝕤 𝕘𝕠 ! ⓵先翻第三章:這一章將孩子的成長過程分區設計配方,可以在這裡找到孩子年紀會遇到的幾個問題及適合他們的照顧方法。 ⓶第四章的急救箱:這章設計成類似家庭急救箱,很多疑難雜症都可以在這找到:夏天出門玩的驅蟲、防曬配方,不小
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
中小企業如何建立競爭優勢?本篇專訪,曾任台積電高階主管、全球前三大投資公司-新加坡淡馬錫集團決策者的郝旭烈(郝哥),將為我們用淺顯易懂的語言,分享從員工到老闆都好懂好用的商業知識精華,透過他的個人經驗和觀察,說明如何在不確定的時代中作出明智的決策和投資。
Thumbnail
你也是在過年大吃特吃後,發現自己身材走樣嗎,沒關係今天分享兩招教你減肥、恢復苗條身材!
Thumbnail
在職場上,我們經常需要計算銷售數量,例如每日、每週、每季、每年等。如果將每月的銷售數量進行累計,傳統的方法是逐筆加總,非常耗時。今天教大家的這個技巧,可以讓我們輕鬆地將銷售數量進行累計,節省大量時間。這個技巧可以幫助職場工作者:銷售人員:可以用來統計各月份的銷售數量,了解銷售狀況,並與目標進行比較。
Thumbnail
本文討論無論是男性、女性都應該要幫定期私密部位除毛,說明私密處除毛的重要性與優缺點,並詳細介紹自行在家輕鬆使用熱蠟除毛的方法,包括選擇合適的熱蠟除毛工具,正確的除毛方式與除毛後保養可避免過敏和毛囊炎等皮膚問題。
Thumbnail
在職場上,名牌是一種常見的禮儀用品,用來展示個人身份和資訊。在會議、研討會、招聘會等場合,名牌可以幫助我們快速認識新朋友,建立良好的第一印象。 手繪名牌雖然可以展現個人特色,但製作起來比較費時費力。而使用Excel製作名牌,可以快速生成專業的雙面名牌,並且可以根據需要進行修改和調整。 如何使用E
Thumbnail
Weebly作為一個初入網站建置的人來說,是一個很適合入門的網站建置工具,你可以透過熟悉它,讓它成為你未來製作網站時的模板及練習。以下請跟著我的腳步,一起來認識這個工具吧!
Thumbnail
想用Heptabase 實作卡片盒筆記法卻老是寫不出文章的創作者,看完這篇文章,你就偷著樂吧!這篇文章以寫「閱讀書評」為例,整理出 9 個簡單步驟,讓你可以用 Heptabase 快速寫出一篇文章。希望藉由文章的分享,能夠讓幫助你補上在 Heptabase 上建立各種卡片到寫出文章之間的最後一塊拼圖
Thumbnail
你知道嗎?台灣有高達70%的人沒有財務管理意識,更從不尋求專業的財務建議!或許,你也剛好覺得錢老是不夠用?如果你厭倦了錢老是不夠用的感覺,想要擺脫月光族。那相信這篇預算教學的文章絕對可以解決你的困惱!趕緊閱讀吧。
Thumbnail
課程中有時候會帶學生用剪映專業版(電腦版)軟體進行影音剪輯,主因是剪映是免費軟體、功能好用、甚至有語音識別快速生成字幕的功能,但唯一的缺點是剪映是簡體軟體,語音識別產出的字幕也都是簡體字,若要一個一個手動更改為繁體實在太累了~ 這邊教大家不用三分鐘快速替換系統預設字,輕鬆實現簡轉繁字幕~(教學影片在
Thumbnail
教你快速上手 #奧地利奶奶給孩子的居家芳療小藥鋪 𝕝𝕖𝕥'𝕤 𝕘𝕠 ! ⓵先翻第三章:這一章將孩子的成長過程分區設計配方,可以在這裡找到孩子年紀會遇到的幾個問題及適合他們的照顧方法。 ⓶第四章的急救箱:這章設計成類似家庭急救箱,很多疑難雜症都可以在這找到:夏天出門玩的驅蟲、防曬配方,不小