在github上，幾秒鐘內免費託管您自己的webapp、個人銘牌或個人網站

大多數人認為Github只是一個程式碼庫，一個開發人員可以在其中協作專案，訪問者可以下載新的開放原始碼應用程式的地方。這是肯定的，但是作為一個Github使用者，如果你知道如何利用它，你可以得到更多。下麵介紹如何使用Github託管webapp並使其可供訪問者訪問，例如作為一個列出專案的漂亮網站，甚至是一個可以引導人們訪問的個人銘牌網站。...

Illustration for article titled Host Your Own Webapp, Personal Nameplate, or Personal Website For Free in Seconds at Github

它並不是Github最流行的功能之一，但是Github頁面允許您將webapp或任何其他內容釋出到某個儲存庫中的web上，以便任何人都可以看到它。您所要做的就是建立儲存庫，並相應地命名它。這些頁面支援普通的HTML、CSS和JavaScript（還有Jekyll，稍後將詳細介紹），這意味著您可以根據自己的內容設計和開發頁面的外觀。以下是如何開始。

你需要什麼

Github帳戶。
一些，但不多，網頁設計的訣竅
在Github上託管的一個webapp、專案或專案集合，您希望將其介紹給世界

真正的關鍵是構建專案頁面，使其看起來和行為符合您的要求。你可以瘋了，但有多瘋狂將取決於你的網頁設計技能。如果你更像是一個開發人員而不是設計師，別擔心，Github頁面有一個內建的專案頁面生成器，可以為你設定它。

如何開始

一旦有了工具，現在就可以選擇Github子域，訪問者可以使用它訪問您的專案。例如，如果我想讓我的webapp在“alanhery.github.com”上執行，我所要做的就是在我的github帳戶中建立一個名為“alanhery.github.com”的repo，雖然它的目錄實際上是github.com/alanhery/alanhery.github.com，但它可以被網路上的任何人以更短、更容易記住的URL訪問。以下是您的操作方法：

建立新儲存庫。給它一個你想用的github子域的名字。

新增描述，並公開回購。
將主分支推送到專案中，並用專案和希望在專案頁面上可見的其他元素填充它。
向您的專案中新增一個“index.html”檔案，並根據您的需要用html和JavaScript構建頁面。
提交更改，並等待大約10分鐘。

提交更改後，需要幾分鐘才能在選定的URL上看到新頁面。如果您不習慣手動執行，可以使用Github的自動專案頁面生成器來執行。它位於repo的管理面板中，雖然它生成的頁面沒有定製頁面的風格和內容，但如果您願意將時間花在您想炫耀的專案上，它確實起到了作用。如果你是Jekyll的粉絲，Github也提供了一個開源站點生成器，你也可以用它來生成你的頁面。

您可以對新的github頁面做什麼

我建議建立一個簡單的index.html頁面，但是根據你的技能水平，你可以在這裡隨心所欲。如果你有一個你想執行的webapp，只要把它的資源AJAX，JavaScript，CSS，任何你需要執行的東西新增到你的repo，把webapp**你的頁面，然後告訴所有人你的新webapp在你選擇的URL上是可用的。如果你的專案是開源的，你的託管是免費的，你的回購是免費的，每個人都可以享受你建立的應用程式。

也有其他的方法。Twitter背後的人為其社交網路的開源軟體感到驕傲，他們在Github頁面上提供了所有的專案。您也可以這樣做，為所有其他Github專案構建一個前端。你甚至可以建立一個個人或專業的銘牌網站使用我們給你的工具，或使用任何其他CSS或HTML你選擇。您甚至可以使用前面提到的Deck.js或Impress.js構建關於您的專案、webapps或您自己的幻燈片。請註意，Github頁面只適用於靜態頁面，這意味著您使用的任何“webapp”基本上都需要在JavaScript或其他客戶端技術中執行，而不是伺服器端，因為您將無法安裝任何東西。sravanreddy在他的部落格上發表的文章為您的新Github專案頁面提供了許多其他的可能性，如果這些都不符合您的喜好的話。

只要你的專案是開源的（這使你的帳戶免費，併為你的專案和回購提供了無限的空間），你就可以有效地為你的所有webapp、網站和專案提供一個web主機，並提供一個簡短的自定義URL，供你設定。如果您有自己的域，Github甚至可以讓您免費訪問Github子域並將自己的URL指向您的專案頁面。

Github的人並不意味著他們的服務本質上成為一個免費的web主機，他們的目標是讓你有一個地方來託管你的專案，如果你願意的話，展示這些專案，讓世界看到你的能力。即使你不是嚴格意義上的開發人員，在Github上構建和託管一個webapp、個人網站，或者只是一個設計或開發專案列表供所有人檢視和試用的能力也是一個很有用的工具，在其他任何地方都很難找到。

你的專案使用Github頁面嗎？你有一個在Github託管的公共和活動的webapp嗎？在下麵的評論中分享您的專案頁面以及如何構建它們。