大多数人认为Github只是一个代码库，一个开发人员可以在其中协作项目，访问者可以下载新的开放源码应用程序的地方。这是肯定的，但是作为一个Github用户，如果你知道如何利用它，你可以得到更多。下面介绍如何使用Github托管webapp并使其可供访问者访问，例如作为一个列出项目的漂亮网站，甚至是一个可以引导人们访问的个人铭牌网站。

它并不是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吗？在下面的评论中分享您的项目页面以及如何构建它们。