- 创建github项目：
![[图片]](https://blog-pic-1257286366.cos.ap-chengdu.myqcloud.com/github%E5%8F%91%E5%B8%83%E5%8D%9A%E5%AE%A2/1.png)
名字为：{{你的帐号}}.github.io - clone项目，创建并提交推送一个index页面
如：
<!DOCTYPE html>
<html>
<body>
<h1>Hello World</h1>
</body>
</html>- 1
- 2
- 3
- 4
- 5
- 6
- 打开https://{{你的帐号}}.github.io/，可以开到你刚才的页面
![[图片]](https://blog-pic-1257286366.cos.ap-chengdu.myqcloud.com/github%E5%8F%91%E5%B8%83%E5%8D%9A%E5%AE%A2/2.png)
这就已经算成功一半了 -
去ruby网站下载安装ruby，https://rubyinstaller.org/downloads/
-
安装后查看是否安装成功
ruby -v- 1
gem -v- 1
![[图片]](https://blog-pic-1257286366.cos.ap-chengdu.myqcloud.com/github%E5%8F%91%E5%B8%83%E5%8D%9A%E5%AE%A2/3.png)
6. 安装jekyll
gem install jekyll- 1
- 查看是否安装成功
jekyll --version- 1
![[图片]](https://blog-pic-1257286366.cos.ap-chengdu.myqcloud.com/github%E5%8F%91%E5%B8%83%E5%8D%9A%E5%AE%A2/4.png)
8. 创建项目
jekyll new blog- 1
![[图片]](https://blog-pic-1257286366.cos.ap-chengdu.myqcloud.com/github%E5%8F%91%E5%B8%83%E5%8D%9A%E5%AE%A2/5.png)
![[图片]](https://blog-pic-1257286366.cos.ap-chengdu.myqcloud.com/github%E5%8F%91%E5%B8%83%E5%8D%9A%E5%AE%A2/6.png)
9. 安装bundler ，我的没安装会出现报错，一些问题可参考https://blog.csdn.net/wudalang_gd/article/details/74619791
gem install bundler -r --source http://rubygems.org/- 1
在你刚建的博客目录下：
bundle install- 1
- 启动
jekyll serve- 1
![[图片]](https://blog-pic-1257286366.cos.ap-chengdu.myqcloud.com/github%E5%8F%91%E5%B8%83%E5%8D%9A%E5%AE%A2/7.png)
![[图片]](https://blog-pic-1257286366.cos.ap-chengdu.myqcloud.com/github%E5%8F%91%E5%B8%83%E5%8D%9A%E5%AE%A2/8.png)
11. 下载自己喜欢的模版http://jekyllthemes.org/