视频教程观看地址:​​http://study.163.com/course/courseMain.htm?courseId=1003879015​

这节课,我们将会将我们的网站上传到Github上,那么什么是GitHub?GitHub是一个用于托管和协作项目的网站。现在GitHub上有上百万个项目,像JQuery,Swift和C++,Python等等,当然也少不了HTML和CSS的开源代码。所以,学习和使用GitHub有很多好处。你可以用GitHub托管您的个人项目。你还可以在Github上找到各式各样的开源项目,通过学习别人的代码来提高自己,你还可以为开源软件做贡献。那么这节课我们只是简单的介绍使用Github托管个人网站,这节课可能需要一定的Github基础,所以,如果你想更全面的理解github或者理解这堂课的内容,你可以学习我们推出的另一门课程:Github全面详解。

GitHub提供免费的网站托管服务是:GitHub Pages(GitHub Pages)。它支持前端文件,因此HTML,CSS和JavaScript都可以。每个GitHub个人帐户或组织都可以在上面建立网站。

所以,你可以使用您的GitHub账户来创建自己的个性化定制网站。

那么,这节课,大家只需要跟着我操作,就可以将自己做的网站分享给你的同学,家人,朋友了。

我们首先打开并登录Github,然后创建一个新的代码仓库。

​我们将我们的代码仓库命名为www-oxox-work.github.io​​。它必须是你的用户名否则不会工作。我们将添加一个简短的描述:虚幻大学Github网站,我们会保持公开。我们不用README初始化它,最后单击Create Repository:

所以,我们已经创建了Github项目,那么接下来,我们将我们本地的网页文件上传到Github上,所以,按下Windows键+R键,打开命令行,来到我们的oxoxwork项目文件夹。这里我用dir查看当前目录下的所有文件:

你看,我们的文件都在这个文件夹里。实际上,GitHub页面仅适用于前端网站,因此您将无法托管像Ruby on Rails或Python这些编程语言。此外,它还要求你的主页面命名为index.html。那么这里,我们的文件都满足要求。

那么对于cd dir这些命令行操作,如果你不清楚,也可以观看我们推出的Windows命令行教程。

现在,我们将运行命令git init来初始化代码仓库,如果这里提示说git是一个未知命令,那么,你需要安装git for windows,你可以Google搜索下载安装即可。然后git status来检查状态。我们现在在主分支上,并且有这些文件未被Github跟踪。

所以我们输入git add .,添加所有文件,然后git commit –m “initial commit”,来初始提交:

最后,我们上传到Github上:

现在,如果我们回到GitHub,然后点击刷新,我们可以看到我们的所有文件都在这里:

这个时候,如果我在网址中输入 ​​www-oxox-work.github.io/,你会看到,我们的网站已经托管到github中了。如果你没有完全看到它,那也是正常的。网站的页面有时可能需要几分钟的时间才能建立。这个时候,你把这个网址发给任何人,他们都可以通过互联网访问到你的网站哦。​

更多精彩内容尽在视频中!