美文网首页
利用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