vocus logo

方格子 vocus

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

更新 發佈閱讀 2 分鐘
vocus|新世代的創作平台

不知道你是否有以下困擾呢?

「自己寫好的程式,若要呈現在網路上,該怎麼辦?」

「手上有個html的檔案,但是要如何分享給朋友們?」

「做一個網站要花主機的錢,如何有個免費託管主機的地方呢?」

以上問題,將由github pages來幫你解決喔!

接下來將會說明github pages架設靜態網站的應用唷~

網站:https://github.com/

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

vocus|新世代的創作平台

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

vocus|新世代的創作平台

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

vocus|新世代的創作平台

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

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

vocus|新世代的創作平台
vocus|新世代的創作平台

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

vocus|新世代的創作平台

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

vocus|新世代的創作平台

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

vocus|新世代的創作平台

看完之後,是不是覺得容易許多呢~那就趕快動手操作吧!!

留言
avatar-img
袋鼠Kangaroo's Blog
42會員
96內容數
哈囉!我是冠彰,大家都叫我袋鼠。 從高中開始到現在不斷走在教育的道路上,意識到教育、社會與全球是息息相關,然而有太多結構性問題讓我感到困擾與煩憂。未來將成為#社會助人教育NPO工作者,期待在教育、社會、以負責、毅力與省思的方式,讓自己成為「助人的永續人才」道路前進。
袋鼠Kangaroo's Blog的其他內容
2023/12/31
在我無意見看見網路上有人討論三模的國文寫作時,讓我特別留下深刻的印象。其中,題目設計更是引人入勝。首題以一場關於失敗實驗的小遊戲為核心,讓我不禁反思,為何台灣的學生在全球範疇中展現最高的「害怕失敗」指數?這背後的原因值得我們深入剖析。
Thumbnail
2023/12/31
在我無意見看見網路上有人討論三模的國文寫作時,讓我特別留下深刻的印象。其中,題目設計更是引人入勝。首題以一場關於失敗實驗的小遊戲為核心,讓我不禁反思,為何台灣的學生在全球範疇中展現最高的「害怕失敗」指數?這背後的原因值得我們深入剖析。
Thumbnail
2023/12/18
最近在網路上看到關於武敬凱的最新影片-「你之所以窮,就是因為你窮。|階級複製, 富人思維」。而在各大臉書或是論壇當中,我時常看到這個社會時常說到「讀書」可以翻轉階級。但是,過去以往可以用讀書翻轉,但是面對未來變化莫測的世界,對於用讀書來翻轉階級已經是很困難了,不然你想想,大家都想翻轉階級,但是到底有
Thumbnail
2023/12/18
最近在網路上看到關於武敬凱的最新影片-「你之所以窮,就是因為你窮。|階級複製, 富人思維」。而在各大臉書或是論壇當中,我時常看到這個社會時常說到「讀書」可以翻轉階級。但是,過去以往可以用讀書翻轉,但是面對未來變化莫測的世界,對於用讀書來翻轉階級已經是很困難了,不然你想想,大家都想翻轉階級,但是到底有
Thumbnail
2023/12/15
引言: 在台灣,教育一直是社會關注的焦點之一。儘管108課綱的實施意圖良好,但社會上普遍存在對其評價褒貶不一的聲音。這種評價的背後,是一系列教育體制和政策的問題。本文將以專業的態度,從政府教育目的、心態導向、升學競爭、差別待遇等角度深入探討,旨在促使對台灣教育體制進行更深層次的反思和改革。 政府
Thumbnail
2023/12/15
引言: 在台灣,教育一直是社會關注的焦點之一。儘管108課綱的實施意圖良好,但社會上普遍存在對其評價褒貶不一的聲音。這種評價的背後,是一系列教育體制和政策的問題。本文將以專業的態度,從政府教育目的、心態導向、升學競爭、差別待遇等角度深入探討,旨在促使對台灣教育體制進行更深層次的反思和改革。 政府
Thumbnail
看更多
你可能也想看
Thumbnail
Step1: 打開github登入 https://github.com/ 創立一個Repositories把網頁檔案丟上去 之後點我圈起來的地方 把你的網頁檔案放上去 要注意把檔案都正確上傳(通常會有29個檔案) 並點擊下面確認按鈕 Step2: 打開netlify登入 https://app.n
Thumbnail
Step1: 打開github登入 https://github.com/ 創立一個Repositories把網頁檔案丟上去 之後點我圈起來的地方 把你的網頁檔案放上去 要注意把檔案都正確上傳(通常會有29個檔案) 並點擊下面確認按鈕 Step2: 打開netlify登入 https://app.n
Thumbnail
若說易卜生的《玩偶之家》為 19 世紀的女性,開啟了一扇離家的窄門,那麼《海妲.蓋柏樂》展現的便是門後的窒息世界。本篇文章由劇場演員 Amily 執筆,同為熟稔文本的演員,亦是深刻體察制度縫隙的當代女性,此文所看見的不僅僅是崩壞前夕的最後發聲,更是女人被迫置於冷酷的制度之下,步步陷入無以言說的困境。
Thumbnail
若說易卜生的《玩偶之家》為 19 世紀的女性,開啟了一扇離家的窄門,那麼《海妲.蓋柏樂》展現的便是門後的窒息世界。本篇文章由劇場演員 Amily 執筆,同為熟稔文本的演員,亦是深刻體察制度縫隙的當代女性,此文所看見的不僅僅是崩壞前夕的最後發聲,更是女人被迫置於冷酷的制度之下,步步陷入無以言說的困境。
Thumbnail
全新版本的《三便士歌劇》如何不落入「復刻經典」的巢臼,反而利用華麗的秀場視覺,引導觀眾在晚期資本主義的消費愉悅之中,而能驚覺「批判」本身亦可能被收編——而當絞繩升起,這場關於如何生存的黑色遊戲,又將帶領新時代的我們走向何種後現代的自我解構?
Thumbnail
全新版本的《三便士歌劇》如何不落入「復刻經典」的巢臼,反而利用華麗的秀場視覺,引導觀眾在晚期資本主義的消費愉悅之中,而能驚覺「批判」本身亦可能被收編——而當絞繩升起,這場關於如何生存的黑色遊戲,又將帶領新時代的我們走向何種後現代的自我解構?
Thumbnail
操作筆記、安裝git、下載github專案
Thumbnail
操作筆記、安裝git、下載github專案
Thumbnail
還在苦惱怎麼樣把你的檔案上傳到Github嗎?這裡教大家簡單上傳你的檔案可以沿用到如何上傳整體專案到Github並展示你的作品集
Thumbnail
還在苦惱怎麼樣把你的檔案上傳到Github嗎?這裡教大家簡單上傳你的檔案可以沿用到如何上傳整體專案到Github並展示你的作品集
Thumbnail
本文目標是用 gh-pages 來部署靜態網頁達成需求 最近有人剛好有兩個版本的問卷,需要在使用者進入時隨機給予其中一份。他也找了程式碼,只差部署到一個地方來做隨機派發的需求。 簡單看一下發現其實用 Github Pages 就能達成(單純的前端而已),可是程式碼內容比較不符個人習慣,所以就改了一下
Thumbnail
本文目標是用 gh-pages 來部署靜態網頁達成需求 最近有人剛好有兩個版本的問卷,需要在使用者進入時隨機給予其中一份。他也找了程式碼,只差部署到一個地方來做隨機派發的需求。 簡單看一下發現其實用 Github Pages 就能達成(單純的前端而已),可是程式碼內容比較不符個人習慣,所以就改了一下
Thumbnail
對於前端工程師來說github上的gh-page是一個很適合放置自己作品的地方 尤其適合想要練練手感的時候可以方便地展示成果的地方 在過去使用手動commit至gh-page的分支上,或是使用deploy.sh檔來部署,對於我這種懶人來說都是多一個步驟,時常會覺得麻煩 現在能夠透過github ac
Thumbnail
對於前端工程師來說github上的gh-page是一個很適合放置自己作品的地方 尤其適合想要練練手感的時候可以方便地展示成果的地方 在過去使用手動commit至gh-page的分支上,或是使用deploy.sh檔來部署,對於我這種懶人來說都是多一個步驟,時常會覺得麻煩 現在能夠透過github ac
Thumbnail
本文深度解析賽勒布倫尼科夫的舞臺作品《傳奇:帕拉贊諾夫的十段殘篇》,如何以十段殘篇,結合帕拉贊諾夫的電影美學、象徵意象與當代政治流亡抗爭,探討藝術在儀式消失的現代社會如何承接意義,並展現不羈的自由靈魂。
Thumbnail
本文深度解析賽勒布倫尼科夫的舞臺作品《傳奇:帕拉贊諾夫的十段殘篇》,如何以十段殘篇,結合帕拉贊諾夫的電影美學、象徵意象與當代政治流亡抗爭,探討藝術在儀式消失的現代社會如何承接意義,並展現不羈的自由靈魂。
Thumbnail
程式碼建置後的結果一樣在build下面,我們只需要{專案資料夾}/build/js/packages/{專案名}/kotlin/裡的四個檔案。 我另外開了一個gh_pages的Git分支,命名由來是GitHub的pages,除了initial的commit以外,只新增剛剛的四個檔案。
Thumbnail
程式碼建置後的結果一樣在build下面,我們只需要{專案資料夾}/build/js/packages/{專案名}/kotlin/裡的四個檔案。 我另外開了一個gh_pages的Git分支,命名由來是GitHub的pages,除了initial的commit以外,只新增剛剛的四個檔案。
Thumbnail
不知道你是否有以下困擾呢? 「自己寫好的程式,若要呈現在網路上,該怎麼辦?」 「手上有個html的檔案,但是要如何分享給朋友們?」 「做一個網站要花主機的錢,如何有個免費託管主機的地方呢?」 以上問題,將由github pages來幫你解決喔!
Thumbnail
不知道你是否有以下困擾呢? 「自己寫好的程式,若要呈現在網路上,該怎麼辦?」 「手上有個html的檔案,但是要如何分享給朋友們?」 「做一個網站要花主機的錢,如何有個免費託管主機的地方呢?」 以上問題,將由github pages來幫你解決喔!
Thumbnail
長期以來,西方美學以《維特魯威人》式的幾何比例定義「完美身體」,這種視覺標準無形中成為殖民擴張與種族分類的暴力工具。本文透過分析奈及利亞編舞家庫德斯.奧尼奎庫的舞作《轉轉生》,探討當代非洲舞蹈如何跳脫「標本式」的文化觀看。
Thumbnail
長期以來,西方美學以《維特魯威人》式的幾何比例定義「完美身體」,這種視覺標準無形中成為殖民擴張與種族分類的暴力工具。本文透過分析奈及利亞編舞家庫德斯.奧尼奎庫的舞作《轉轉生》,探討當代非洲舞蹈如何跳脫「標本式」的文化觀看。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News