博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js学习总结----使用github发布项目
阅读量:5114 次
发布时间:2019-06-13

本文共 1621 字,大约阅读时间需要 5 分钟。

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)、锦上添花:把地址生成一个二维码,让别人扫码访问(草料)

转载于:https://www.cnblogs.com/diasa-fly/p/7347135.html

你可能感兴趣的文章
慵懒中长大的人,只会挨生活留下的耳光
查看>>
"远程桌面连接--“发生身份验证错误。要求的函数不受支持
查看>>
【BZOJ1565】 植物大战僵尸
查看>>
VALSE2019总结(4)-主题报告
查看>>
浅谈 unix, linux, ios, android 区别和联系
查看>>
51nod 1428 活动安排问题 (贪心+优先队列)
查看>>
中国烧鹅系列:利用烧鹅自动执行SD卡上的自定义程序(含视频)
查看>>
Solaris11修改主机名
查看>>
latex for wordpress(一)
查看>>
如何在maven工程中加载oracle驱动
查看>>
Flask 系列之 SQLAlchemy
查看>>
aboutMe
查看>>
【Debug】IAR在线调试时报错,Warning: Stack pointer is setup to incorrect alignmentStack,芯片使用STM32F103ZET6...
查看>>
一句话说清分布式锁,进程锁,线程锁
查看>>
python常用函数
查看>>
FastDFS使用
查看>>
服务器解析请求的基本原理
查看>>
[HDU3683 Gomoku]
查看>>
【工具相关】iOS-Reveal的使用
查看>>
数据库3
查看>>