如何利用Github Pages展示自己写的项目

接触github很久了,自己搭建过hexo博客,但是对于web项目托管github pages感觉很懵,所以在此总结分享给有需要的亲们。

教程开始:

1、创建一个新库

如何利用Github Pages展示自己写的项目

2、给库命名

如何利用Github Pages展示自己写的项目

3、创建新库后点击设置

如何利用Github Pages展示自己写的项目

4、在设置页面点击下面按钮

如何利用Github Pages展示自己写的项目

5、进入新页面后,点击下面的按钮

如何利用Github Pages展示自己写的项目

6、选择一个主题,生成页面

如何利用Github Pages展示自己写的项目

7、利用gitbash把创建的库克隆的本地

如何利用Github Pages展示自己写的项目

8、进入分支选择页面

如何利用Github Pages展示自己写的项目

9、选择gh-pages分支

如何利用Github Pages展示自己写的项目

10、切换到gh-pages分支 并且初始化本地

如何利用Github Pages展示自己写的项目

11、执行如下命令,删除原有的gh-pages文件,并提交(commit)本次修改

如何利用Github Pages展示自己写的项目

如何利用Github Pages展示自己写的项目

如何利用Github Pages展示自己写的项目

12、输入如下命令,将本地gh-pages中的网页文件同步到远程的gh-pages中

如何利用Github Pages展示自己写的项目

如何利用Github Pages展示自己写的项目

如何利用Github Pages展示自己写的项目

13、恭喜你可以访问自己的项目了 访问地址格式如下

https://账户名.github.io/库名/

一些常用git命令:

$ git clone  //本地如果无远程代码,先做这步,不然就忽略

$ cd //定位到你blog的目录下

$ git status //查看本地自己修改了多少文件

$ git add . //添加远程不存在的git文件

$ git commit  -m "what I want told to someone" //提交修改

$ git push  //更新到远程服务器上

$ git rm //移除文件

上一篇:JRebel 7.1.5 插件下载 安装 激活 结合 IntelliJ IDEA--自动编译进行热部署---


下一篇:vue原生table合并单元格并可编辑