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

【主要内容:】

1. Octopress介绍

2.安装环境

3.安装步骤

3.1 安装git

3.2 安装ruby

       
3.3 [b]Setep Octopress[/b]

3.4
install dependencies



一、[b]Octopress介绍[/b]






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

[b]2.安装环境
[/b]

安装环境：






三、安装步骤

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

[b]3.4 install
dependencies[/b]

安装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



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