Github展示页面总结

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Github展示页面总结相关的知识,希望对你有一定的参考价值。

(本文为参考众多文章后的自我总结)

1.安装git

Mac无须安装git,自带命令功能。windows(https://git-for-windows.github.io/index.html

2.在github上创建项目仓库

技术分享

start a project

技术分享

 

取名,剩下的默认,create repository,完成。

3.上传代码

用刚才安装的git将本地代码上传到github。

①打开项目目录

cd /d/myGit/navcarousel   (或者直接把文件夹拖过来)

②初始化版本库,用于生成.git文件

git init
③将所有文件添加到缓存区
git add *

 ④提交当前工作空间的修改内容

git commit -m "first commit"

 ⑤将仓库连接到远程服务器

git remote add origin https://github.com/licong654c/navcarousel.git   

上面红字地址来自于:

 技术分享

 

 

(6)将改动推送到所添加的服务器上

git push -u origin master

4.创建gh-branch分支

之前的工作只是将代码发布到了github上demo仓库的master分支上,而要展示页面代码必须发布到名为“gh-pages”的分支上。我们只需要在github的demo项目页面手动创建gh-pages分支即可。  


技术分享

 

输入gh-pages后创建即可,这样的方式会直接拷贝master分支的所有文件到gh-pages分支。

5.访问页面

创建并上传文件至gh-pages之后,我们就可以访问如下url来查看自己的demo了:

http://(user_name|org_name).github.io/repo_name

  

这里我们的demo地址为:https://licong654c.github.io/navcarousel/




以上是关于Github展示页面总结的主要内容,如果未能解决你的问题,请参考以下文章

后台返回完整的HTML页面代码,如何打开展示

BootStrap有用代码片段(持续总结)

如何使用github来展示自己的网页

小程序各种功能代码片段整理---持续更新

如何使用 Android 片段?

源代码管理工具——github介绍