Mac下使用Octopress搭建博客详细教程-芒果iOS

【主要内容:】

1. Octopress介绍

2.安装环境

3.安装步骤

3.1 安装git

3.2 安装ruby

        3.3 Setep Octopress

3.4 install dependencies

一、Octopress介绍

一直在用CSDN写技术博客，但是感觉CSDN博客的页面UI不能自己排版自定义不够人性化。再加上经常看喵神还有其他一些大牛的技术博客，发现大家都用的都是自己搭建的博客。身为开发人员感觉是时候搭建一个属于自己的博客了。在网上找了很多方案，经过权衡之后选择了Octopress。

2.安装环境

安装环境：

三、安装步骤

3.1 安装git

在Mac系统中是自带git的，但是git版本过低的话需要更新一下，用

git --version

命令查看git版本

3.2 安装Ruby

Octopress需要ruby环境，Mac系统非常好的一点ruby也是自带的，可以用

ruby -v

命令查看你电脑的ruby版本

3.3 Setep Octopress 

这里是Octopress官网，里边有Octopress的clone地址，下边直接clone到本地：

git clone git://github.com/imathis/octopress.git octopress

3.4 install dependencies

安装bundler

gem install bundler

安装的时候如果出现提示：You don't have write permissions for the /usr/local/lib/ruby/gems/2.2.0 directory. 那就尝试用管理员权限执行命令：

sudo gem install bundler

安装完成后如下图所示：

bundler install

按执行bundler install 的时候一定要进入Octopress的目录下执行，否则会报

Could not locate Gemfile

的错误，这个小小的错误浪费了我1个小时的时间。

首先cd Octopress目录，然后在执行bundler install

这条命令安装了很多东西，不再一一截图，最后安装完成后如图：

安装默认主题：

rake install

下一步就可以绑定github域名了，在github上创建一个新的仓库，仓库名按照下边这样命名：

<你的用户名>.github.com/<你的用户名>.github.io

这是创建好的github仓库

创建好仓库之后，需要利用octopress的一个配置rake任务来自动配置上面创建的仓库：可以让我们方便的部署GitHub page。在终端输入如下命令：

rake setup_github_pages

他会提示你输入仓库的git地址

下边就可以将博客部署到git仓库上去了，执行下边两天命令：

rake generate
rake deploy

现在博客部署已经基本完毕，还需要将博客push到source分支去，执行命令如下：

git add .
git commit -m 'Initial source commit'
git push origin source

到这一步配置就完成了，就可以在浏览器中访问你的网址了