Github Pages 体验使用教程

Github与Github Pages

从微信小程序教程里面摘录的github pages 零基础入门

https://tencentcloudbase.github.io/handbook/webpage/01.html

相信不少人都听说过“开源”，在程序员的世界里，有非常多优秀的人愿意把自己辛苦辛苦写的代码开放给所有的人使用，我们写代码就可以站在前人的肩膀上，这样就大大降低了写代码的难度。而这些开源代码大多数都放在一个叫Github的网站上。

Github几乎是所有程序员都要求会使用的网站，它是世界上最大的开源代码共享平台，在这里你可以下载到世界上最优秀的程序员们开源出来的软件以及版本的更新信息，它就像是少林寺的藏经阁一样，揽尽江湖之上的至高武学。

• 一个操作系统可以开源(比如Liunx);
• 一个软件也可以开源(比如我们推荐的VS Code编辑器);
• 一个建站系统可以开源(比如世界上最流行的建站系统Wordpress);
• 网页的UI框架（比如这几天会学到的Bootstrap）或前端框架（比如前端开发工程师最流行的三大框架Vue、React、Angularjs）;
• 人工智能学习系统TensorFlow;

可以说Github上面的资料是非常的丰富，我们可以像关注知乎或微博里面的大V一样，来关注Github上的优秀的项目，这对我们学习技术非常有帮助~~

注册一个Github账号

打开Github官网 ，在这里 注册Github账户.

第一步：Set up a personal account注册一个个人账户填写英文用户名Username、邮箱Email Address、账户密码Password，填完后点击注册账号Create an account

第二步：Choose your plan 选择你的计划,在这里我们可以直接选择继续Continue

第三步：Tailor your experience 量体裁衣，填写你的经验,在这里我们可以直接提交Sumit

这样你的Github账号就注册好了。

在Github上我们不仅可以浏览到大量优秀的代码，而且你也可以把自己的代码上传到Github上面，分享给其他的人。现在程序员招聘都会要求附加上你的Github地址，来检查你的代码水平。Github还有很多有趣而实用的功能，等着你来探索学习~~

在电脑上写的网页项目怎样才能让其他人用浏览器打开呢？但你又不想花钱买服务器、虚拟机、域名，那你可以使用Github Pages。通过Github可以让你的网页项目一键生成一个静态小网站。Github与Github Pages使用教程

下载Github桌面工具

打开Github桌面工具的下载页面，然后点击下载Github桌面端工具Download GitHub Desktop，并安装。

Github的桌面工具好像不大支持Windows XP等比较老旧的操作系统，如果可以更新一下操作系统，如果系统没法更新，那只能不用桌面工具，需要大家学习一下Git命令行的相关知识了。

新建代码仓库并复制文件夹到代码仓库里面

打开Github桌面端工具，然后用Github的账号登陆该软件。然后新建一个代码仓库new repositories，名称为自定义英文名，路径为本地电脑的硬盘。这样你的代码仓库就建好了。 找到该代码仓库在电脑里面的位置，然后将前几步写好的项目文件夹复制到该路径。

上传代码仓库到Github

当你复制完文件到代码仓库里面之后，Github的桌面工具会有显示，在Commit and Sync master部分备注提交的理由，比如Summary和Description里面输入更新了哪些文件，比如Summary里面输入”上传主体文件”，Description里面输入”新增index.html文件、css、js、img文件夹”，然后点击Commit and Sync master提交和同步代码，会弹出一个对话框，你可以在描述Description里添加该代码仓库的中英文介绍，比如”HackWork网页开发任务完成情况”，然后点击Publish，你的代码仓库就上传到了Github上面了。

在Github上面找到你上传的代码仓库

打开Github官网，在首页右下角你的项目Your repositories可以看到你新上传的代码仓库，你也可以点击右上角你的头像那里下拉选择你的资料Your Profile，在你的个人资料页面也可以找到该代码仓库，然后点击进入该代码仓库。

将你的项目添加到Github Pages

在该代码仓库的页面，找到Settings设置，进入设置页面，找到GitHub Pages下面的Source，将None，修改成为master branch，然后保存Save，提交后会出现一段说明， Your site is published at…，后面的链接就是你的代码仓库的链接，打开它即可访问了。

如果你之前没有了解过Github或Github Pages，除了下载Github Desktop之外，还推荐下载Sourcetree，它和Github Desktop本质是相同的，大家可以自行百度这两个软件的使用教程，对Git以及Github有所了解了之后，之后我们会有专门的课程要求大家会使用Git命令行。

找一个你觉得设计得很好看的网站比如微信Mac官方网页，复制下来，然后把你复制的网页上传到Github Pages上分享给大家，研究一下你复制的网页与原网页有什么不同