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

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

作者: win_wlq | 来源:发表于2016-11-16 18:25 被阅读0次

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

    1. 注册账号:地址: (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.png
      2.点击settings
      settings.png
      3.然后把点击打开的页面往下滑动有个Github Pages 的设置,点击Launch automatic page generator(启动自动页面生成器)。
      GitHub Pages.png
      4.点击页面最后的continue to layouts,然后就看到有几个页面主题,选中一个,点击 publish pages。
      主题.png
      5.然后页面头部就会有个页面网址,如下图,打开网址,就会看到你选中的主题页面了!
      网址.png
      网址打开的页面.png
      三:
      1.在电脑上选择一个盘,比如E 盘,在空白处鼠标右键,点击 Git Bash。
      2.输入如下命令,用来在 E盘创建 dome 文件放你的github上的dome repository,克隆dome repository到dome文件中。
      git.png
      3.然后到E盘,会发现dome文件里多了个dome文件,打开里面出现README.md 的文件
      dome.png
      4.回到Github,发现我们有两个分支,master和gh-pages分支,现在项目是在master分支,但是我们需要编辑的是gh-pages分支。
      分支切换.png
      5:输入以下命令,为本地新建一个gh-pages分支,而这个分支是远程分支origin/gh-pages的镜像,也就是我们可以在本地的gh-pages看到github上的gh-pages的内容。
      新分支.png
      6.然后E盘在打开dome文件,发现如下:
      新dome.png
      7:输入以下命令(图1,图2一起的),删除原有的gh-pages文件,并提交(commit)本次修改。
      1.png
      2.png
      在打开E盘,发现文件没有了
      dome1.png
      8:然后把自己的项目文件粘贴至E 盘的 dome 文件中
      项目.png
      9.输入如下命令,为了本地gh-pages中的项目文件同步到远程的gh-pages中。
      命令.png
      10.最后输入git push origin gh-pages,会出现让你输入你的 github 账号和密码,输入之后回车,如图
      ok.png
      10.最后打开浏览器输入你的网址:
      最后网址.png
      ok,可以访问你的项目网站了,也可以分享给别人吹牛吹牛了!

    相关文章

      网友评论

          本文标题:利用Github Pages生成一个快速访问的网址,展示自己的项

          本文链接:https://www.haomeiwen.com/subject/xgsrpttx.html