转载的~githubfreeCodeCamp前端学习日记

Github 的注册与使用教程以及github page (一)

2017-01-18  本文已影响249人  神执念浅言多行

须知:

  1. 本文图片较多, 所以我用了webp格式的图来加载, 以防止出现网速不好者, 要等待一会~ 还有就是图片作用就是让你确认你的界面应该是怎么样的. 我也有文字说明的.
  2. (新加) 难过, 移动端暂时不支持webp格式的图片, 我在找到解决的方法之前, 还是先用jpg格式的.
  3. 本文是从小白开始的教程, 大牛勿喷. 再说. 这是我第一次写, 难免过于幼稚. 体谅哈~
  4. 左侧有目录, 可以跳转查看.

使用Github来托管你的代码

第一部分 认识Github和Github Page

在第一部分中, 我简单的写了Github的注册, 建仓库, 初次使用Github page. 还是用的网页上的create new file 在实际生产中, 我们肯定不可能是那样的写文件吧, 所以. 这个博文就是教你如何上传代码文件的

第二部分 运用客户端或命令行上传你的代码

本文讲述了如何上传 本地的代码 到 Github上. 常见的方式有 客户端终端命令行 这两种. 我在这里用文字加图片的方法, 讲述一下Github的上传代码的事情.

认识Github和Github Page

啰嗦的第一段, 已经了解的可以左侧目录栏跳过啦~

  1. GitHub是一个通过Git进行版本控制的软件源代码托管服务,由GitHub公司开发并运营.

  2. 截止到2015年,GitHub已经有超过九百万注册用户和2110万代码库。事实上已经成为了世界上最大的代码存放网站和开源社区。

  3. GitHub同时提供付费账户和免费账户。这两种账户都可以创建公开的代码仓库,但是付费账户还可以创建私有的代码仓库。

  4. Github还有一个github page功能. 从而建立一个属于你自己的网站. 并且, 它是免费又快速的.

  5. Github Page还可以自定义域名, 从而让你更加的与众不同. 出色于你的努力.

  6. Are you ready?

Github 注册

首先, 我们应该打开github官网袄~ https://github.com/ 当然, 已经注册过的 可以跳过往下看~

注册页面

网址: https://github.com/join?source=header

第一步
Github_img_1
第二步
Github_img_2
第三步
Github_img_3

验证邮箱

创建仓库

第一步

点击右上角的 + , 在弹出的下拉菜单里, 点击 new repository . 仓库的名字一定要看清,填好袄~ 还有, 有个需要打钩的地方, 也顺手打了吧, 这样会方便以后, 尽管后面你还可以自己创建.

Github_img_4

我这里为了下面的演示Pages 所以就创建了一个.github.io格式的仓库.

第二步 (可选)

体验github page的魅力吧!

Github_img_5

点击 create new file , 进入后, 注意创建的文件的名字! 注意创建的文件的名字! 注意创建的文件的名字! 内容你可以仿照我的敲一下, 也可以把你自己写过的静态单个html文件的内容复制粘贴过来. PS: 单个html的意思是指你页面中的js啊,css啊,都在一个.html里面, 这样网页才完整. 不然就有些样式和脚本就不会出现啦~.

Github_img_6

ok后, 在页面的最下方, 除了点击那个绿色的按钮 commit new file 其他什么都不要点, 不用填, 就可以了.

好了, 现在深呼吸一下(好累的), 在浏览器里打开一个新的标签页. 输入地址: https://你的用户名.github.io 回车后, 见证你自己的奇迹吧~

如果有人真的很相信我, 就在地址栏输入https://你的用户名.github.io , 那我是冷漠呢还是高兴呢. 好难选诶

原文链接: http://blog.zhinian.info/2016/12/08/Github-1/

上一篇下一篇

猜你喜欢

热点阅读