iT邦幫忙

5

在github建立靜態網站

  • 分享至 

  • xImage
  •  

一、前言

github是用來放開源程式碼的地方,許多高手在這邊放上程式碼後,還要另外找一個伺服器放上自己的一些說明文件,實在太麻煩了。
由此,官方發展出一個方式,讓每一份專案都可以有一個靜態網站的空間,讓大家使用。我們趕快來看看怎麼使用吧。
網址
https://docs.google.com/document/d/1yyEddd57WHWDACgQoYdxlrVwdV56BzyMFb2TLajPFPk/pub

在github建立靜態網站
一、前言

github是用來放開源程式碼的地方,許多高手在這邊放上程式碼後,還要另外找一個伺服器放上自己的一些說明文件,實在太麻煩了。
由此,官方發展出一個方式,讓每一份專案都可以有一個靜態網站的空間,讓大家使用。我們趕快來看看怎麼使用吧。
二、產生靜態網站

首先,先利用自己帳號建立一個新的倉庫。
打入基本資訊就可以下一步了。
圖:

倉庫建立成功!
請按下右下方的設定
圖:
設定頁面的下方有一個”GitHub Pages”方框,按下”Automatic page generator”按鈕。
會自動產生靜態網站裡的首頁。
圖:
這個頁面可以編輯自動產生出來的首頁的內容,比較特別的是編輯方式,是以markdown的方式。這個東西我也不太熟,直接下方確定就好了。
圖:
這時候要挑選樣版,挑一個喜歡的。然後就送出。
圖:
首先可以看到我們的branch已經被自動切到gh-pages了。這是一個特別的branch。有只有這個branch會可以使用靜態網頁的伺服器。下面可以看到透過模板,幫我們產生了一些靜態網頁了。我們可以再次點進settings裡面。來看我們的網站網址。
圖:
如果你是第一次產生,或是用模板自動產生。有可能要等待一段時間。

可以看到成品了。
圖:

三、上傳自己的靜態網頁。

下面的說明會使用軟體操作的方式來說明。
首先,先把線上的repo拉回自己本機。
(值得注意的是,如果你的修改幅度很小,是可以直接在網站上操作的)
圖:
首先確認自己的branch。記住只有gh-pages這個branch支援網站。
圖:
做了一些修改,就commit & push了。
圖:
圖:
成功修改了,以後這裡就歸你管嚕~
圖:


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言