利用Github Pages展示自己的项目
写了个小项目,想要分享出去,一直在用Github管理项目,了解到Github还有Github Pages功能,然后惊喜的发现Github pages可以搭建博客或者托管网页,比什么买域名,部署到什么阿里云之类的服务器方便多了,心动不如行动,下面就来说一下它的使用过程吧!
一:
- 注册账号:地址: (https://github.com/),如果有了账号直接登录就ok了!
login.png
2.下载安装git:https://git-scm.com/downloads
3.在本地准备好你的项目项目文件.png二:
1.登录你的github,然后创建一个New repository,起个名称dome(名称随你开心的改),勾选 initialize this repository with a README,如下图,然后点击create repository。Create new repository.png2.点击settings
settings.png3.然后把点击打开的页面往下滑动有个Github Pages 的设置,点击Launch automatic page generator(启动自动页面生成器)。
GitHub Pages.png4.点击页面最后的continue to layouts,然后就看到有几个页面主题,选中一个,点击 publish pages。
主题.png5.然后页面头部就会有个页面网址,如下图,打开网址,就会看到你选中的主题页面了!
网址.png网址打开的页面.png三:
1.在电脑上选择一个盘,比如E 盘,在空白处鼠标右键,点击 Git Bash。
2.输入如下命令,用来在 E盘创建 dome 文件放你的github上的dome repository,克隆dome repository到dome文件中。git.png3.然后到E盘,会发现dome文件里多了个dome文件,打开里面出现README.md 的文件
dome.png4.回到Github,发现我们有两个分支,master和gh-pages分支,现在项目是在master分支,但是我们需要编辑的是gh-pages分支。
分支切换.png5:输入以下命令,为本地新建一个gh-pages分支,而这个分支是远程分支origin/gh-pages的镜像,也就是我们可以在本地的gh-pages看到github上的gh-pages的内容。
新分支.png6.然后E盘在打开dome文件,发现如下:
新dome.png7:输入以下命令(图1,图2一起的),删除原有的gh-pages文件,并提交(commit)本次修改。
1.png2.png在打开E盘,发现文件没有了
dome1.png8:然后把自己的项目文件粘贴至E 盘的 dome 文件中
项目.png9.输入如下命令,为了本地gh-pages中的项目文件同步到远程的gh-pages中。
命令.png10.最后输入git push origin gh-pages,会出现让你输入你的 github 账号和密码,输入之后回车,如图
ok.png10.最后打开浏览器输入你的网址:
最后网址.pngok,可以访问你的项目网站了,也可以分享给别人吹牛吹牛了!