1、介绍github
Github:https://github.com/ 一个网站,网站搭建了一个供用户管理代码的平台(而且是基于GIT操作进行管理的一个平台)
GitHub在全世界都是比较权威的,我们前端开发工程师所需要的框架、类库、插件的源代码基本上在GitHub上有托管
建议:初期回去后把自己所了解的关于框架、类库、插件的源代码在GitHub上找到,然后Fork到自己的仓库一份,以后有时间尽量去研究一下源代码;后期当自己有一定的能力的时候,写一些插件或者类库,上传到GitHub上
GitHub还有一个作用:可以在这个平台上发布前端的项目文件(GitHub本身就是一个资源文件托管的平台,我们把项目资源文件上传到这个平台,平台帮我们发布,以后只需要输入对应的网址就可以把这个平台中托管文件的源代码返回到用户的客户端进行渲染)
2、使用github
建议:注册一个GitHub账号(用户名是自己的中文全拼),注意在GitHub中注册一个账号后,只有邮箱验证后续创建仓库托管文件才可以操作
GitHub中的一个账号可以创建多个仓库,每一个仓库一般只存储和管理一个项目
README.MD文件是对仓库的说明,里面的内容采用MARK语法进行编写
通过$ git clone xxx.git 把远程仓库中的文件下载到本地,此时本地的文件夹就和我们的远程仓库保持了链接
我们可以通过链接把本地的文件推送到远程仓库上,也可以从远程仓库上下载最新的文件
3、使用GitHub发布项目,创建自己的静态博客
1)、创建一个新的仓库(新仓库默认只有一个主分支master,我们如果要托管的是源代码的话,都是把源代码上传到master这个分支下 ->$ git push origin master)
2)、基于当前的仓库发布我们的博客
Settings->Options->GitHub Pages ->Launch Automatic page generator(按钮)->continue to layouts -> Publish Page(在这一步我们可以选择一个模板,我们可以后期上传自己的项目来展示)
RESULT:页面顶部会出现一条url地址的提示信息,通过那个地址就可以访问自己的博客了。
GitHub在访问页面的时候,如果不指定具体访问的xxx.html的话,默认找index.html,所以我们使用生成的地址可以不用编写myBlog/index.html,但是注意只有index.html才可以省略,其他的文件名都是需要加上的。
GitHub默认为当前的仓库创建了一个gh-pages这个分支,GitHub默认生成的项目的源代码都在gh-pages这个分支下(也就是,以后想管理发布项目的文件或者内容都需要在gh-pages分支下进行管理)
3)、为了方便后期的管理,我们把仓库的默认分支切换为gh-pages
Settings ->Branches->default-branch
4)、把自己开发的项目上传到仓库的gh-pages分支下,替换默认生成的文件
例如:
$ git clone xxx.git 把远程仓库中的文件克隆到本地(把除了.git文件以外的其他文件都可以删除掉)
把自己需要展示上传的文件copy到项目文件中
$ git add .
$ git commit -m '备注信息'
$ git push origin gh-pages 传到的是gh-pages分支下而不是原先的master
这样以后就可以把地址告诉别人来访问了
5)、锦上添花:把地址生成一个二维码,让别人扫码访问(草料)