转自:https://www.cnblogs.com/wanxudong/p/6772684.html
Github Pages中的Octopress框架搭建个人博客
一、预备知识:
1、shell command
2、Git
二、搭建过程:
下面是具体的安装步骤(这里使用RVM
安装,还可以通过rbenv
安装,Octopress给出的官方安装文档:Octopress Setup):
一、查看ruby版本
1
|
|
如果ruby版本 >= 1.9.3-p0
,跳过RVM和Ruby的安装。
二、安装RVM
1
|
|
三、安装Ruby 1.9.3
1
2
3
|
|
四、安装 Octopress
1、将 Octopress的项目clone
到本地:
1
2
|
|
2、更新ruby
源,将官方的ruby
源替换成国内淘宝的源。
1
2
3
|
|
3、安装依赖:
1
2
|
|
4、最后安装 Octopress
1
|
|
5、修改Octopress初始配置
1
2
|
|
注:可以看到如下代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
|
确保在octopress目录,执行命令
1
2
|
|
六、部署到GitHub Pages上
在 GitHub 上创建一个New repository
,Repository name
即项目名称命名规则为 userName.github.io
。userName
必须与用户名称一致。Tips:
最好不要勾选README
,免得同步到远程仓库的时候需要做额外的pull
操作。
1、将本地代码仓库同步到GitHub
.
1
|
|
2、绑定远程仓库
1
|
|
3、创建一篇文章
1
|
|
4、生成新的文章在source/_posts/目录下
1
2
|
|
这个时候会在目录里看到.markdown
后缀的文件,我们可以通过一些第三方的Markdown编辑器打开。在这里我使用的是Mou(下载地址:这里),Mou
附带实时预览,文档说明里也将markdown语法说的很详细,这里不再赘述。
5、编辑完成后生成静态站点,终端执行命令:
1
|
|
6、预览本地的站点,执行指令:
1
|
|
7、在浏览器打开localhost:4000
查看网页效果效果。如果没有问题可以将静态站点同步到 GitHub
远程仓库中。执行命令
1
|
|
打开GitHub稍等一会儿,就会看到我们的静态网页已经被同步到GitHub仓库的master
分支上了。浏览器访问访问username.github.io
,就会发现个人博客已经创建成功。
最后,创建source
分支。Octopress的Git仓库(repository
)有两个分支,分别是master
和source
。
source
分支存储的是生成博客的源文件,在octopress根目录下。master
分支存储的是博客网站本身master的内容,在根目录的_deploy
文件夹内,当你push
源文件时会忽略,它使用的是rake deploy
命令来更新的。
1
2
3
4
|
|
8、git操作代码如下:
1
2
3
4
5
6
|
|