ariticle 2

“文章原创,转载请注明出处”


博客建立好了,花了不少时间,今天就想将自己如何建立这个博客的过程梳理一遍,写在这里,当作复习回顾的同时,也与人参考。

自己的这个小博客是用的Octopress搭建的,托管在github上面(没有资金但又想建立一个自己独立博客的同志们可以使用GitHub,free哦)。

使用Octopress唯一的问题在于你得学一点shell commands和Git基础(其实用的内容并不很多,照着顺序搭建部署都可以搞定)。以后发博客只需要一些简单的每次都一样的步骤就可以搞定了,直接复制粘贴就好。但是我想你需要对这些命令不感到反感才行,正如Octopress官方文档开头说的:

You should be comfortable running shell commands and familiar with the basics of Git. If that sounds daunting, Octopress probably isn’t for you.

但是shell跟Git是很好的东东,shell可以帮你很大限度地减少重复工作,而且学习shell的过程会让你对计算机有更深入的了解;Git是一个开源的分布式版本控制系统,它让我一次性放弃了CVS而投入它的怀抱(变得是不是太快了)。GitHub就是为开源项目免费提供Git存储的网站,看看现在无数的开源项目在GitHub里面活跃,你就知道不是我变得太快,而是它的优秀让你无法抗拒。


一、准备工作

在安装Octopress之前,你必须得先安装上Git和Ruby。安装很简单,直接百度就可以了。如果你用的是Mac,那么恭喜你,你的电脑里面已经自带了Ruby。当然你仍然可以选择用rvm或者rbenv去安装更新Ruby,这些命令在官网上都有,就不多说了。

安装完成后,在终端中运行命令:

1
2
git --version
ruby --version

如果能正确显示版本号,类似于我的输出:分别是git version 1.8.3.4 (Apple Git-47)ruby 2.0.0p247 (2013-06-27 revision 41674) [universal.x86_64-darwin13],就没有问题了,继续往下吧!

二、安装Octopress

首先在终端进入你想安装Octopress的文件夹中,然后使用git命令将Octopress clone到本地:

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

进入octopress文件夹:

1
cd octopress

安装依赖项:

1
2
3
gem install bundler
rbenv rehash    # If you use rbenv, rehash to be able to run the bundle command
bundle install

当然你有可能跟我一样遇到权限不足,操作无法完成的情况,那么你需要在命令前面加上sudo,第一次终端会要求你输入密码,输入成功后就可以正常安装了。

安装好依赖项后,你需要安装主题:

1
rake install

上面命令会安装默认主题,当然你可以选择安装第三方主题,在这里有很多第三方的主题,你可以挑选自己喜欢的主题,然后安装:

1
2
git clone GIT_URL .themes/THEME_NAME
rake install['THEME_NAME']

比如我的用的是CleanPress主题:

1
2
git clone git://github.com/macjasp/cleanpress.git .themes/cleanpress
rake install['cleanpress']

三、注册GitHub

GitHub网站上注册一个免费账户,然后新建一个repository。repository一定要使用这样的格式命名:yourname.github.io,其中yourname是你注册时的用户名。

四、部署到GitHub

1
rake setup_github_pages

输入上述的命令会要求你输入SSH(你注册GitHub时会有)或者是你的repository的url,找到复制粘贴就好。

然后就可以开始部署了:

1
2
rake generate
rake deploy

此时可能会让你登录你的github,按照提示进行输入即可。

到此为止,就差博客的source还没有提交了:

1
2
3
git add .
git commit -m 'your message'
git push origin source

五、配置Octopress

我对Octopress没有做很大的配置改动,只是设置了博客名称,以及添加了Home页及其它一些页面的内容(其实就是给了一个空网页,里面神马都没有,以后再慢慢填充吧)。

在octopress文件夹中,需要在_config.yml中设置自己博客的名称等等的内容:

1
2
3
4
5
6
url: [url of your github]
title: [title of your blog]
subtitle: [subtitle of your blog]
author: [your name]
simple_search: http://google.com/search
description: [some other information you want to add]

除此之外,我还将里面有关twitter、facebook等等的社交信息全部给删除掉了(谢谢船哥,这个明显的是偷师啊~)。当然你要是有这些帐号也可以设置,只是在国内用处不大呀。

之后,我对octopress/source/_includes/custom下的navigation.html进行了简单的修改,就是添加了Home,以及变换了About的位置:

1
2
3
4
5
6
7
<ul>
	<li><a href="/home">Home</a></li>
	<li><a href="/">Blog</a></li>
	<li><a href="/portfolio">Portfolio</a></li>
	<li><a href="/archives">Archive</a></li>
	<li><a href="/about">About</a></li>
</ul>

现在添加了Home页,但是Home页其实还是不存在的,所有需要建立一个新的page:

1
rake new_page[home]

上述命令会在octopress/source文件夹下生成一个新的文件夹homehome文件夹下面有一个markdown文件index.markdown。编辑该文件,将你想放在Home页上的东西写进去就OK了。

默认情况下,About,porfolio页面都是不存在的,所以需要自己设置,方法与设置home页面的一样,就不多说了。

根据自己的需求,修改完成后,不要忘了:

1
2
3
4
5
rake generate
git add .
git commit -m 'customise octopress'
git push origin source
rake deploy

六、发布新博客

根据Jekyll的命名规则,文章命名必须有这样的格式:YYYY-MM-DD-post-title.markdown,使用Octopress的rake task可以简单解决这个问题:

1
rake new_post["title"]

命令会生成这样的文件:source/_posts/YYYY-MM-DD-title.markdown,然后你可以修改markdown文件,写自己的博文。写好后,别忘记部署到GitHub:

1
2
3
4
5
rake generate
git add .
git commit -am 'YYYY-MM_DD post'
git push origin source
rake deploy

至此文章就部署好了,过两分钟去自己的博客看看吧。

七、最后

利用Octopress搭建一个GitHub博客的简单流程差不多就像上述。但是对于自己的博客,可能我们还需要做更多的一些配置,比如添加评论系统,社交分享啊等等。这些内容网上有很多,可以到Google里面百度一下~


参考资源以及更多配置Octopress的资源推荐

  1. Octopress官方文档
  2. 破船之家利用Octopress搭建一个Github博客
  3. Never Doubting Me教程:一步步在github上建立octopress博客
  4. William’s Blog with OctopressOctopress - 像黑客一样写博客
  5. 研究研究我的Octopress配置
  6. 简单文本Octopress博客问题解决方案与技巧
  7. 。。。

如果有什么问题或者建议,可以直接回复我或者给我发邮件:[email protected]