github建站系列(1) -- 将你的github仓库部署到github pages

前言

随着做技术的越来越深入,也想搞个个人站点来存放自己的一些技术积累, 顺便偶尔发发牢骚。 本来想租个服务器的,不过后面看到有人可以将个人站点直接放到 github 上,我觉得这个好省事, 所以也想搞一搞, 关于 github page ,官方也有详细的文档 GitHub Pages, 所以就简单实践一下。

实操

1. 新建一个github仓库”hello-ghpages”

1

2. 点击setting,到项目设置页面

1

点击 Launch automatic page generator 按钮。

1

可以看到默认用 markdown 写的。 点击下面 Continue to layouts

3. 选择模板

接下来选择模板

1

选择一个模板,点击 publish page 按钮,就直接发布上去了。 如果点击 edit 按钮,直接回退到编辑界面。

接下来就等一下,让github 部署一下。(不用30秒)

1

可以看到已经生效了。

4. 修改项目代码

接下来回到 这个项目,然后切换到 gh-pages 分支,就可以看到对应的html 文件了。

1

如果要改模板的话,直接 clone 下来, 然后切换到 gh-pages 分支,然后删掉其他的,只剩一个简单的index文件,然后文件里面只剩下 hello pages。

首先 clone 下来

1

切换到具体的文件夹,并且切换到 gh-pages 分支(默认master分支)

1

接下来删掉所有文件,并添加一个 index 文件,最后 commit 并且 push 到 gh-pages 分支里面去。

1

最后查看 http://kebingzao.github.io/hello-ghpages/

1

发现已经改过来了。 gh-pages 分支只剩下 index.html 这一个文件

1

总结

这样子就将我们的某一个仓库部署到 github pages。 接下来就开始创建自己的个人博客。


github 建个人站点系列文章:
github建站系列(1) -- 将你的github仓库部署到github pages
github建站系列(2) -- 创建个人blog主页
github建站系列(3) -- 使用hexo创建个人blog主页
github建站系列(4) -- 绑定 kebingzao.com
github建站系列(5) -- 重新再换一个好看一点的模板
github建站系列(6) -- 开始写文章了
github建站系列(7) -- 安装评论插件 DISQUS
github建站系列(8) -- 增加阅读次数
github建站系列(9) -- 写文章的时候,插入图片
github建站系列(10) -- 增加 algolia 的搜索功能
github建站系列(11) -- 对首页的部分长文章增加了阅读全文的按钮
github建站系列(12) -- 文章底下增加 copyright
github建站系列(13) -- 域名加 ssl
github建站系列(14) -- NexT 修改内容区域的宽度
github建站系列(15) -- Hexo博客NexT主题右上角添加fork me on github入口
github建站系列(16) -- 为你的 blog 添加看板娘
github建站系列(17) -- 为你的 blog 添加google adsence 广告