快速教你使用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」。

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