Hey,你好!朋友!

我觉得快乐就是自我陶醉的能力,可以无视现实的,可以省略现实的,可以虚拟现实的,都挺牛掰的。 --王朔
  博客园  :: 首页  :: 新随笔  :: 管理

Github 上利用github pages 部署站点

Posted on 2016-09-22 18:14  DPpeng  阅读(925)  评论(0编辑  收藏  举报

一:起始


准备项目,如果你在github上已有项目,则无需新建,如果你要新起一个项目,则需先在github上创建一个项目

本文以已创建好的 github/TestGitPage  为例。

 

二:设置github pages


创建出一个github pages 默认分支

 

1. 找到目标

image

 

2. 自动生成page按钮

image

 

 

3.编辑相关信息(也可不编辑)

image

 

4.编辑内容(也可不编辑)

image

 

5.可选择皮肤(自定义站点,现在选了也没用)点击 发布

image

 

6. 已自动创建好gh-pages 分支

image

 

7.再看这里的信息,会发现github已帮我们自动更新完成(当然你可以手动再次编辑域名等信息,不做介绍)

image

 

到这里github上的github pages算是配置完成了。

 

三:替换gh-pages分支中的文件为自己的站点文件


 

如果你电脑已经安装过 Git, TortoiseGit(小乌龟)(或者其他你熟悉的能操作git的工具,或者你熟悉git命令行),没有安装,得安装好git环境(安装方式不做介绍)

下面的操作、以 TortoiseGit(中文版) 工具为例

 

1.获取github项目

image

image

文件已经获取成功

 

2.创建 远程分支gh-pages 的本地分支

操作: TortoiseGit > 切换/检出(W)

a.选择gh-pages 分支

image

origin表示远程github上的分支,无则表示为本地分支

 

b.信息无需变更

image

 

c. 小乌龟已经帮你创建并切换了本地分支gh-pages,并发现这里有些文件,

这些文件是,在步骤(二)中github自动创建的

image

 

d. 选中这些你不需要的文件,右键,用小乌龟进行删除,别直接删除,不然无法同步更新到远程分支中

image

 

e. 复制你的站点文件,放到上步的文件夹中,然后,右键

image

 

f. 选中那些文件 :右键 > TortoiseGit > 添加

image

 

g.选中那些文件 :右键 > Git 提交

image

 

h. 右键 > Git同步

image

 

i. 查看github上 gh-pages 文件是否有提交上来

image

 

 

四:测试访问


 

image

如图地址,是github帮你生成好的,点击访问

 

image

image

 

以上我的站点访问成功,至于乱码,是编码的问题,这里不做介绍。