一直想弄一个漂亮一点的个人博客,之前一直用的博客园,对主页的能自定义内容实在不满意,终于下定决定,找到了Octopress这个适合我的解决方案,以下过程都是自己一步一步记录下来的,希望对大家有帮助。

1.首先你可以登录Octopress主页一下主要功能

http://octopress.org

并且确保mac安装了以下工具:

git(应该是mac自带的)

ruby 1.9.3以上版本(可以在终端中用ruby --version查看版本是否满足)

缺少的请单独下载安装,这里就不具体讲了

2.开始安装,mac上基本自带安装了git,所以直接打开终端,输入:

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

之后git将会从github克隆下Octopress项目文件到本地的octopress目录,本地目录可以根据需要更改

cd octopress

进入Octopress项目根目录

3.安装相关工具

gem install bundler

这过程可能会比较长,而且我还碰到一个问题,如果控制台显示权限不够,需要加上sudo重新执行,并输入密码:

sudo gem install bundler

好的,安装完成进入下一步

bundle install

开始安装具体的工具,这里没有碰到什么问题

再接使用rake工具安装默认的主题和配置

rake install

这里又碰到一下问题

You have already activated rake 0.9.6, but your Gemfile requires rake 0.9.2.2.

google一下,找到原因了,rake自动安装的版本是0.9.2.2,太旧,需要更新

可以用boundle show命令看下版本是否是0.9.6,如果不是,继续执行以下命令更新rake

boundle update rake

更新完成可以在确认一下,没问题进入下一步

4.接下来开始部署博客

官方推荐了3种部署方式:

1-github,部署允许自定义域名,免费,好处是多人开发更方面,坏处是文件随时可以被任何人拉下来。

2-heroku,部署允许自定义域名,免费,并且是私有的,看样子这个比较适合我,后面的过程就用这个方法。

3-rsync,建议用来部署有自己服务器的个人博客。

开始部署到heroku,首先需要一个账号,登入以下地址,注册账号

https://id.heroku.com/signup

很简单只要一个email地址,之后按照提示到邮箱激活账号

接下来回到终端,输入以下命令安装heroku,需要带sudo输入用户密码

sudo gem install heroku

这里又遇到一个问题,好像输入了好几次都没有反应,可能是服务器架设在国外的原因,多试几次,多等一会,还是会安装好的

好了,终于安装完成

开始创建一个心的heroku应用,使用以下命令

heroku create

heroku会要求你输入之前注册的email和密码

成功后会提示:Git remote heroku added

接下来设置本地git的远程代码库到heroku,使用以下命令:

git config branch.master.remote heroku

还要修改下Octopress项目根目录下的.gitignore文件,将public删除(这个文件列出来的是git版本控制忽略的文件类型,需要保留public)

好了最后需要上传本地项目到heroku,这之前还要上传下本地的公钥到heroku

如果有公钥请直接上传,如果没有也没有关系,heroku能够帮你快速创建,输入

heroku keys:add

按照提示确认后,提示公钥上传成功

完成之前还要用rake工具生成一下项目,并commit本地git库

rake generate
git add .
git commit -m 'site updated'
 
好了,大功完成,最后一步,上传项目到heroku服务器:
git push heroku master
 

5.最后简单的设置下博客,并看下效果

打开项目根目录下的 _config.yml文件,根据自己的需求修改吧

url: # For rewriting urls for RSS, etc

title: # Used in the header and title tags
subtitle: # A description used in the header
author: # Your name, for RSS, Copyright, Metadata
simple_search: # Search engine for simple site search
description: # A default meta description for your site
date_format: # Format dates using Ruby's date strftime syntax
subscribe_rss: # Url for your blog's feed, defauts to /atom.xml
subscribe_email: # Url to subscribe by email (service required)
category_feeds: # Enable per category RSS feeds (defaults to false in 2.1)
email: # Email address for the RSS feed if you want it.
 
修改完成后试试本地预览
先重新生成一次网站
rake generate
然后准备预览
rake preview
之后可以打开浏览器输入本地预览地址
这里还有个小问题,在最新的mac系统和safari7上预览好像有问题,可以用chrome或者firefox打开预览
附上我的新主页链接和预览
 
 

looks nice!

关于自定义域名,完成后发现自己的域名是peaceful-depths-8859,实在难看,看了下只要修改下heroku设置的项目名称就能修改这个域名,如图:

好了,现在能够通过自己的名字登录了

http://sawyerzhu.herokuapp.com

Attention:注意更改了app名称后需要在本地重新设置远程库的地址

git remote set-url heroku yourRemoteGitURL

其中yourRemoteGitURL可以在heroku的设置里的info中找到

6. 安装主题

Octopress有许多第三方的主题可以安装,这对于我这个刚刚学网页的人来说实在是太棒了,可以先安装一个主题,以后在慢慢研究

首先在google上找一个自己喜欢的主题,例如我找到了一个不错的:

http://zespia.tw/Octopress-Theme-Slash/index_tw.html

之后打开终端,执行以下指令

$ cd octopress

$ git clone git://github.com/tommy351/Octopress-Theme-Slash.git .themes/slash

$ rake install['slash']

$ rake generate

之后可以本地预览一下

$ rake preview

确认后就可以上传到heroku

git push heroku master

再次打开博客url就能够看到实际效果了

后续继续定制自己漂亮的博客!

Mac环境下Octopress个人博客搭建的更多相关文章

  1. GITHUB个人博客搭建-Pelican 在Windows环境下的安装及配置

    GITHUB个人博客搭建-Pelican 在Windows环境下的安装及配置 前言 此篇博客主要为Pelican在Windows平台下的配置安装所写,在此过程中主要参考资料烟雨林博客.poem_of_ ...

  2. w10环境下Hexo博客搭建

    w10使用hexo+github手把手搭建自己的第一个博客 对一个程序员来说,博客的重要性不言而喻,不但可以积累知识,还可以更好的给别人分享自己的心得.今天就以时下比较流行的hexo博客搭建属于自己的 ...

  3. nodejs环境 + 入门 + 博客搭建

    NodeJS:NodeJS是一个使用了Google高性能V8 引擎 的服务器端JavaScript实现.它提供了一个(几乎)完全非阻塞I/O栈,与JavaScript提供的闭包和匿名函数相结合,使之成 ...

  4. [转] Mac下 快速写博客的软件 MarsEdit

    正文 marsedit最好. 这东西还是收费的,这里, 我给个注册码: Name: The Blade SN: RSME3-DA4KUN-3EL6Y-MXD2X-LYMT9-6KGX8-4 ~~~~~ ...

  5. LNMP环境搭建之php安装,wordpress博客搭建

    LNMP环境搭建之php安装,wordpress博客搭建 一.介绍: 1.什么是CGI CGI全称是"通用网关接口"(Common Gateway Interface),HTTP服 ...

  6. 【hexo博客搭建】将搭建好的hexo博客部署到阿里云服务器上面(下)

    一.部署到阿里云服务器 既然博客也已经成功在本地部署,然后主题也成功安装,接下来就可以部署到服务器上面了,如果你也想要魔改matery主题,可以去各种博客上面找一找大佬的教程,或者联系我,也可以让你少 ...

  7. MAC 环境下搭建HttpRunnerManager平台

    1 . mac pycharm 创建虚拟环境 https://blog.csdn.net/qq_39806105/article/details/96908584 2. mac 环境下搭建HttpRu ...

  8. 基于Github&Hexo的个人博客搭建过程

    大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...

  9. [原创]HEXO博客搭建日记

    博客系统折腾了好久,使用过Wordpress,Ghost,Typecho,其中Typecho是我使用起来最舒心的一种,Markdown编辑+轻量化设计,功能不多不少刚好,着实让我这种强迫症患者舒服了好 ...

随机推荐

  1. ssdb binlog机制 存疑

    int BinlogQueue::del_range(uint64_t start, uint64_t end){ while(start <= end){ leveldb::WriteBatc ...

  2. 转行进入IT前端,目标全栈

    选择进入IT这个行业,未来充满着挑战,未来充满着机遇,互联网已经走入高速稳定的发展正轨了,前端大时代也已经到来了.前端之路怎么走,前端需要不停地学习新知识,跟紧时代的步伐,成为全栈工程师是前端的目标. ...

  3. jsonp是什么【转载自JavaScript微信公众号】

    转自 http://mp.weixin.qq.com/s/xNnKAeLv6sO0T-IvP2AUlQ          JavaScript微信公众号 一.JSONP的诞生 首先,因为ajax无法跨 ...

  4. JSON resource 启示

    好久没写博客了,刚走完20000步,不废话了,先吐为快. 上面的en-us.json 是一个简单得不能再简单的json对象,当你写下"key-2": "duplicate ...

  5. 【Java EE 学习 77 下】【数据采集系统第九天】【使用spring实现答案水平分库】【未解决问题:分库查询问题】

    之前说过,如果一个数据库中要存储的数据量整体比较小,但是其中一个表存储的数据比较多,比如日志表,这时候就要考虑分表存储了:但是如果一个数据库整体存储的容量就比较大,该怎么办呢?这时候就需要考虑分库了, ...

  6. Zbrush 快捷键

    1.按住shift 在空白地方移动鼠标左键 就会去到正交视图 2.shift+F可以看一下布线的情况 3.按住shift 点一下画布,松开shift键,就可以旋转画布

  7. 基于Codeigniter框架实现的APNS批量推送—叮咚,查水表

    最近兼职公司已经众筹成功的无线门铃的消息推送出现了问题,导致有些用户接收不到推送的消息,真是吓死宝宝了,毕竟自己一手包办的后台服务,影响公司信誉是多么的尴尬,容我简单介绍一下我们的需求:公司开发的是一 ...

  8. c#中ObservableCollection<T>排序方法

    之前用到的一段代码,记录一下 public static class ObservableExtension { public static void Sort<TSource, TKey> ...

  9. AOJ 0558 Cheese【BFS】

    在H * W的地图上有N个奶酪工厂,分别生产硬度为1-N的奶酪.有一只吃货老鼠准备从老鼠洞出发吃遍每一个工厂的奶酪.老鼠有一个体力值,初始时为1,每吃一个工厂的奶酪体力值增加1(每个工厂只能吃一次), ...

  10. 使用dom4j读取xml连接数据库与之单例模式

    使用dom4j读取xml ,加入jar包 dom4j-1.6.1.jar jaxen-1.1-beta-6.jar public class XmlConfigReader { //懒汉式,延迟加载 ...