部署Octopress到你的VPS

发表于 | 分类于 | | 阅读次数:
字数统计: 1.6k 字 | 阅读时长 ≈ 5 分钟

Blog迁移完毕，现在已经完全host到了我的VPS上，访问效果还不错。特此留下blog一篇，介绍一下如何部署octopress到自己的VPS上。

准备工作

提到octopress，就不能不提到Ruby。因为octopress需要用到ruby的运行时环境，所以，搭建ruby环境是第一步。

安装Ruby，可以用RVM来安装和管理，方便又好用。安装步骤，可以参考官网上的介绍，安装好后，直接用RVM来安装和管理各种版本的Ruby。

Octopress默认使用的Ruby 1.9.3, 所以，得安装一个Ruby 1.9.3先……

1
rvm install 1.9.3

装好后，直接去Github clone一个octopress到你的机器：

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

Clone好后，需要先安装一下octopress所需要用到的gem包。先进入到clone下来的octopress目录，运行命令：

1
bundle install

如果提示错误，有可能你还没有安装bundler，先安装bundler：

1
gem install bundler

当必要的工作准备完毕，可以初始化octopress的默认主题了，用命令：

1
rake install

当然，你想用其他的主题，可以自己安装。

###导入和生成Markdown文件###

这一步，其实就是生成新的文章了，在octopress中，每一篇文章，对应着一个Markdown文件。如果你是从WordPress转移到octopress，也可以用其他的转换工具，得到一大堆的Markdown文件。这些文件都放在octopress目录的source/_posts目录中。

用octopress单独生成一篇文章的命令是：

1
rake new_post['This is a new post']

生成好后，你会得到一个时间加上文章标题的Markdown文件。接下来，就是写文章了。编辑Markdown文件的方式有很多，推荐Windows下使用MarkdownPad，Mac OS下，有大名鼎鼎的Mou来编辑。当然，我也经常用Vim来编辑文章 :-) (参考文章：Chrome中实时预览Markdown)

写完blog，保存好你的Markdown文件。这里不得不说一下，由于octopress的blog文章，全部是Markdown文件的方式保存，文本类型的。就连octopress本身的很多配置文件，也是文本方式的，所以，完全推荐你采用版本控制工具来保存和管理你的文章和octopress配置，比如用git。除此之外，用dropbox这类的工具保存也未尝不可。

哈哈，在这里得强烈推荐一下Bitbucket，跟Github不同的地方，是可以允许建立免费的私有reposiroty，这样你的blog文件可以以私有的方式push到Bitbucket的远程仓库保存了。我就是这么干的……

如果用bitbucket的私有仓库保存octopress的配置和blog文章，只需要你每次commit文章到本地仓库，再push到bitbucket就可以了，实在是方便啊……

部署blog到VPS

前面介绍到了文章的生成和保存，最后一步，就是发布你的blog到你自己的VPS了。众所周知，Github提供免费的Pages服务，可以直接deploy到github上托管你的网站，这类教程网上也很多，google一下就知道方法。这里主要介绍下如何deploy博客到自己的VPS。

发布blog到自己的VPS，有几种方式，这里介绍一种相对简单的方式，后面的文章，我打算再说说其他的几种方式。

写好了文章，保存好Markdown文件，下一步，就是发布了。我们都知道，octopress生成后的blog页面，全部是静态页面，不同于php一类的语言，需要服务端安装对应的组件来动态解析。因此，octopress的这种简单部署方式，只要求服务端有一个能支持展现静态页面的。如今都是二十一世纪了，哪个web服务端不支持静态页面呢？呵呵……

** 配置Nginx

在这里，我们选用处理静态页面性能比较出色的Nginx来作为host我们blog的服务端。 Nginx的安装比较简单，你可以直接去官网下载源代码编译安装，也可以用包管理来安装。这里以debian为例，使用apt来安装：

1
apt-get install nginx

安装好后，你会在/etc/nginx/找到nginx的配置文件，可以在sites-avaialble中建立你的站点的配置文件。以我的blog为例：

1
2
3
4
5
6
7
8
server {
        listen 80;

        root /home/username/octopress;
        index index.html index.htm;

        server_name xiaozhou.net www.xiaozhou.net;
}

站点指向/home/timothy/octopress目录，也就是我的blog部署到VPS上的目标目录。

默认访问页面是index.html和index.htm

绑定的域名，是我的blog的域名，配置非常简单，省去了动态脚本解析的配置部分。

** 修改Rakefile

接下来，就是在你的本地，修改Rakefile，填入你的VPS信息，并启用rsync的部署方式。

1
2
3
4
5
6
7
8
9
10
11
ssh_user       = "[email protected]"

ssh_port       = "22"

document_root  = "~/octopress"

rsync_delete   = false

rsync_args     = ""

deploy_default = "rsync"

这里的配置，主要就是配置VPS的信息，包括SSH的端口号，部署的时候用的SSH帐户，以及部署的目录。 ~/octopress，正好对应vps上的 /home/username/octopress。请确保此帐户对此目录拥有读写权限！

** 发布和部署blog

一切准备就绪，万事具备，只欠东风了！ 接下来就是部署blog了，激动么？ 部署就简单多了，前面的准备工作都已经完毕。采用下面的命令，生成blog的静态文件：

1
rake generate

生成好后，用下面的命令，会直接以rsync的方式，部署你的blog到你的VPS:

1
rake deploy

其实在最终部署之前，你如果还是不太放心，想预览一下生成的文章和blog是什么效果，可以直接在本地先预览一下：

1
rake preview

此命令会默认在本地开启一个web服务，地址是 localhost:4000，可以在浏览器中访问此地址，预览你的blog.

如果你信心十足，直接生成和发布，octopress还提供了一个更为便捷的命令：

1
rake gen_deploy

这个命令可以直接一气呵成，把生成和发布放在一步了，省事多了吧！

再补充一下，deploy的时候，如果你VPS的SSH采用用户名和密码的方式验证，部署的时候需要你输入密码。如果你采用可信任证书的验证方式，就更方便了，中途不需要输入密码(除非你的证书本身设定了密码)。

Octopress部署之旅到此结束，下一篇blog打算再介绍另一种比较牛逼和geek的部署方式……

支持原创技术分享，据说打赏我的人，都找到了女朋友！