利用Github Pages生成一个快速访问的网址,展示自己的项目

利用Github Pages展示自己的项目

写了个小项目,想要分享出去,一直在用Github管理项目,了解到Github还有Github Pages功能,然后惊喜的发现Github pages可以搭建博客或者托管网页,比什么买域名,部署到什么阿里云之类的服务器方便多了,心动不如行动,下面就来说一下它的使用过程吧!
一:

  1. 注册账号:地址: (https://github.com/),如果有了账号直接登录就ok了!
    利用Github Pages生成一个快速访问的网址,展示自己的项目
    login.png

    2.下载安装git:https://git-scm.com/downloads
    3.在本地准备好你的项目

    利用Github Pages生成一个快速访问的网址,展示自己的项目
    项目文件.png

    二:
    1.登录你的github,然后创建一个New repository,起个名称dome(名称随你开心的改),勾选 initialize this repository with a README,如下图,然后点击create repository。

    利用Github Pages生成一个快速访问的网址,展示自己的项目
    Create new repository.png

    2.点击settings

    利用Github Pages生成一个快速访问的网址,展示自己的项目
    settings.png

    3.然后把点击打开的页面往下滑动有个Github Pages 的设置,点击Launch automatic page generator(启动自动页面生成器)。

    利用Github Pages生成一个快速访问的网址,展示自己的项目
    GitHub Pages.png

    4.点击页面最后的continue to layouts,然后就看到有几个页面主题,选中一个,点击 publish pages。

    利用Github Pages生成一个快速访问的网址,展示自己的项目
    主题.png

    5.然后页面头部就会有个页面网址,如下图,打开网址,就会看到你选中的主题页面了!

    利用Github Pages生成一个快速访问的网址,展示自己的项目
    网址.png
    利用Github Pages生成一个快速访问的网址,展示自己的项目
    网址打开的页面.png

    三:
    1.在电脑上选择一个盘,比如E 盘,在空白处鼠标右键,点击 Git Bash。
    2.输入如下命令,用来在 E盘创建 dome 文件放你的github上的dome repository,克隆dome repository到dome文件中。

    利用Github Pages生成一个快速访问的网址,展示自己的项目
    git.png

    3.然后到E盘,会发现dome文件里多了个dome文件,打开里面出现README.md 的文件

    利用Github Pages生成一个快速访问的网址,展示自己的项目
    dome.png

    4.回到Github,发现我们有两个分支,master和gh-pages分支,现在项目是在master分支,但是我们需要编辑的是gh-pages分支。

    利用Github Pages生成一个快速访问的网址,展示自己的项目
    分支切换.png

    5:输入以下命令,为本地新建一个gh-pages分支,而这个分支是远程分支origin/gh-pages的镜像,也就是我们可以在本地的gh-pages看到github上的gh-pages的内容。

    利用Github Pages生成一个快速访问的网址,展示自己的项目
    新分支.png

    6.然后E盘在打开dome文件,发现如下:

    利用Github Pages生成一个快速访问的网址,展示自己的项目
    新dome.png

    7:输入以下命令(图1,图2一起的),删除原有的gh-pages文件,并提交(commit)本次修改。

    利用Github Pages生成一个快速访问的网址,展示自己的项目
    1.png
    利用Github Pages生成一个快速访问的网址,展示自己的项目
    2.png

    在打开E盘,发现文件没有了

    利用Github Pages生成一个快速访问的网址,展示自己的项目
    dome1.png

    8:然后把自己的项目文件粘贴至E 盘的 dome 文件中

    利用Github Pages生成一个快速访问的网址,展示自己的项目
    项目.png

    9.输入如下命令,为了本地gh-pages中的项目文件同步到远程的gh-pages中。

    利用Github Pages生成一个快速访问的网址,展示自己的项目
    命令.png

    10.最后输入git push origin gh-pages,会出现让你输入你的 github 账号和密码,输入之后回车,如图

    利用Github Pages生成一个快速访问的网址,展示自己的项目
    ok.png

    10.最后打开浏览器输入你的网址:

    利用Github Pages生成一个快速访问的网址,展示自己的项目
    最后网址.png

    ok,可以访问你的项目网站了,也可以分享给别人吹牛吹牛了!

上一篇:利用GitHub Pages + jekyll快速搭建个人博客


下一篇:OC-@property、self及类的本质