octopress - colors in our life

octopress

A collection of 12 posts

从octopress到ghost

我曾经非常肯定地和夫人提到过，我们这个博客 [http://us.colors4.us]一建起来就是用来写上几十年的。我花了不下几个礼拜来整理这种 octopress [http://octopress.org]类型博客，当时搞得我心力憔悴，但却颇有成效，不仅达到了电子邮件自动发博客的要求，写的几篇 octopress使用心得 [http://colors4.us/tag/octopress/] 也引人留言、转载交流，霎时间就很有作家的感觉。从12年初开始做这个博客，到现在也有3年时间，用得都很顺畅，的确有些小毛病，也都忍了。 1. 系统3年没有更新，有些跟不上时代了； 2. 系统配置繁琐，导入导出系统不完善，迁移成本高。我就不再说disqus评论系统mapping url时有多么悲催了。也因此，当我想要更换服务器的时候，我首先就得考虑是不是花上一个周末把系统这个备份进行迁移，还要做好安装的RVM版本号不对无法达成目标的准备； 3. 博客的建立还和我的一个性格有关系，当时就是以it simply works的标准来要求的，所以在加入诸如JekyllMail

octopress博文设置中英文题目

本篇博文专门针对本网站，可能(99.9%)不合适其他octopress博客系统。这里提出仅是抛砖引玉，给octopress爱好者提供一个新想法。我先介绍我的博客。我的博客发表比较特别，是用电子邮件发送。这意味着只要手里有网络不用搭建任何平台就可以进行文字发表。有兴趣的可以看看我的这篇文字 [https://blog.colors4.us/li-yong-you-jian-fa-biao-octopressbo-ke/] ，介绍如何用电子邮件发布博客。我也不知道是如何整好utf-8代码的，但弄好后，发布的博文地址全部带上了中文。在浏览器上还是挺好看的，不过拷贝后就能看到很多如%88%A9%E7%94%A8% 般巨长地址，看完总是让我留下这不科学的惆怅感。不过今天在我进行调试的时候，总算摸到一个让博文保持中文标题，同时网址走英文格式的方法不敢独自敝帚。在邮件标题栏中，我发表原来是这样书写的：民国101年台湾旅行小记 || secret: ****** / author: linpx / categories: life / comments: true， (其实就是YMA

在octopress上引入相片流

我一直很想在博客上能够多一项小功能，就是照片流。这样我就可以把flickr上的照片一连串的全部共享出来，或者有次出行了，拍了些照片，只要把博文地址微博给朋友，就可以上来浏览了。没错，就是和以前msn博客上的相册是一个道理。只是换到了octopress后，这些都得自己动手整。很繁琐，不过弄好了的话，还是有成就感的。设立相册的可能性当然是可能的了，要不这篇博客就没有意义了。我本人是不会任何编程，也不是学计算机的，所以很多时候，我知道这样去尝试可能可以，至于要问我为什么可以，对不起，实际上我这里给出的编码啥意思，自己也不明白。只要能得到想要的结果，知其然而不知其所以然，也挺好，不是？我这里引用的代码是fancybox [http://fancyapps.com/fancybox/],做好后会有这样的效果 [http://fancyapps.com/fancybox/demo/] 。很显然，对于一个超小众的octopress博客平台来说，想使用另一个超小众的的相片流代码，一定得找成功的先例。实际上，平台比较出名的slash主题 [http://zespia.tw/Octopres

调整octopress主题小结

太难了，对博客主题的更改。这是我大半年以前刚开始写博时的感觉。毕竟octopress不是wordpress，很方便的随便点击几下确定键就可以了。我确实尝试过，失败了。一个很重要的原因是，我不知道css的语法。不知道的话，很简单，就去学。css不是excel啊，太难学了。我的那种抄袭式的学习方式根本派不上用场。在没有办法搞定的前提下，我选择忽略对主题背景修改的重视。这一放，就到了半年后，也就是现在。我要求的博客样式非常简单。我想让我博客中的背景图片统一。怎么样，很简单吧。问题就在这里，我找到了满意的照片，却不知道应该放到哪个文件夹去。即使放下后，基于octopress完全定制的风格，我也不知道应该从哪儿修改文件。一切从昨天突然想到的一次google收索开始。这篇博文 [http://melandri.net/2012/02/14/octopress-theme-customization/] 参考后，帮助很大。完全符合我的风格。背景统一，干净，简介。分离navigation bar 由于octopress基于jekyll模式，我很方便地根据文章的提示，

备份VPS内容到dropbox

我对github一筹莫展，昨晚更新了博客内容后，还是发现无法在github上备份，除非我用心去学这东西，不然问题还是会一再出现。于是就自然想到了用dropbox来备份我的vps和博客内容。首先被否定了的是dropbox官网上贴出的linux安装教程 [https://www.dropbox.com/install?os=lnx]。运行出错，考虑到机子内存本身不大，于是就掠过了。继续在网上晃荡，直到我看见了这篇Backup your Linux system to Dropbox [http://davehope.co.uk/Blog/backup-your-linux-vps-to-dropbox/]。原理是利用mysql登录dropbox，将文件打包上传，由于vps带宽的原因，我发现几乎是妙传。贴出code，供大伙参考。 {% codeblock %} !/bin/bash DROPBOX_USER= Your Dropbox username DROPBOX_PASS= Your Dropbox

更换服务器后的Octopress设置

每隔一段时间，我总会有些东西跳出来。事情是这样的，公司里面有道防火墙，屏蔽了Gmail。If there are something to be got rid of my computer, I am quite positive the services from google would the last one on my list. 于是我就用了翻墙软件来上Gmail，很讽刺，是吗？在肉身翻墙之后。。。之前购买的VPS服务也许是因为我设置的邮件发布octopress的ruby程序，一个月内服务过载警告2次。于是我开始考虑转换一个服务器 [http://newwebsite.com]。概要，目的 1. 我想实现和现在VPS一样的功能； 2. 改善邮件发送功能。以前是使用cron定时器，每隔一定时间的运行，被动检查是否有新博客。

给octopress博客添加category列表

在前几篇博客我有提到过，我还不大会设置category list。博客有这功能后，当然会更好浏览了。作为一项任务，必须攻克。于是大年初二，家里也没啥亲戚可逛，也没有太多电话短信去发，又上google搜去了，闲着也是闲着，挺好不是？设置当然还是先得去GitHub上去找前人做好的程序了，这里采用了nistude [https://gist.github.com/nistude]写的 gist:1144723 [https://gist.github.com/1144723]。下面贴出的是我fork后修改的内容。 {% gist 1661725 %} 我解释一下用法。gist下载后放到octopress/plugins/下即可。然后建立 source/_includes/asides/categories.html文件。内容如下： {% gist 1667342 %} 然后我们在_config.yml中的default_asides条目中仿照同类，中括号内加入asides/

利用邮件发表octopress博客

看完这篇文章，我想大伙应该就可以实现通过email直接在octopress博客上进行发文。好处相当明显，你不可能永远带着你配置有octopress的电脑，只要手里有手机发邮件，就没有问题。真正做到 anytime anywhere. 写文章的初衷是，本网站 [http://colors4.us]是我 [http://twitter.com/linpx]和我太太 [http://twitter.com/sourrabbit] 共同经营的博客。很多时候，她写好了文章，委托我发表时，苦于手中的工作windows电脑，发布相当不易。就开始设想有没有这么个功能，用email发布博客。答案是有。在和 @lucifr [http://twitter.com/lucifr]交流后，发现@masukomi [http://twitter.com/masukomi] 的方法很靠谱，可以使用，于是在不懂任何环境配置的情况下，瞎猫碰到死老鼠地运气和从windows

windows下发布octopress博客的尝试

多此一举以下经证明，属多此一举。在任何需要输入中文的情况下，只需在word下写好，拷贝入terminal cocoons即可，即使表现出来是乱码也勿挂，谨记各步骤即可。本篇文章适用于将octopress发布系统配置在服务器上的朋友。有的时候需要发布博客，手头上只有windows电脑，还是借别人用的，异常绝望。因为我们通过windows以ssh方式登录上服务器后，发现输入中文时，出来全是乱码。rake generate不认怎么办。我想了个绕过去的方法，不用任何设置，只需要有Dropbox即可。先解释我的方法。先用markdown写好博客，notepad下以UTF-8格式存好，放入Dropbox的Public 文件夹，这样我们会得到一个链接，拷贝链接；在服务器端下，先设立新文档，命名新文档(建议按英文名命名，中文不识别的缘故),然后wget 拷好的链接，用cat命令将取回的博客添加到新文档后面，以保存完整的ymal的metadata。看看如下的代码就明白啦。 {% codeblock 服务器端 %} cd octopress wget http://dl.dropbox.c

Octopress博客从零开始 III

其实现在已经可以开博了，不过如果进行一些个性化博客格式的调整，也就会让你自己的页面出彩些，对我来说，就是有些小爽了。博客标题字体进入octopuses下的目录，修改文件/source/_includes/custom/head.html。从Google webfonts http://google.com/webfonts)往里头添加自己喜欢的字体。这是我的范例。{% codeblock %} echo >> source/_includes/custom/head.html vi sass/custom/_font.scss #这里修改主题，使

Octopress博客从零开始 II

现在开始进行下一步octopress的安装。我之前做过的octopress博客是这样更新的，vps上安装了，本地电脑也安装了，两个同时和github同步保持更新。同时，域名绑定vps的ip地址，用nginx来显现网页。因为我对git不熟悉，经常会出现一个问题就是更新出现问题。 octopress要求有rvm和git等配置好，我直接列出在ubuntu下直接安装的命令行，下次我考好直接贴入就可以了。 {% codeblock %} apt-get install git git-core git-gui git-doc curl gcc build-essential groupadd rvm useradd -g rvm rvm usermod -a -G rvm root bash < <(curl -Lk https://github.com/wayneeseguin/rvm/raw/1.3.0/contrib/install-system-wide) echo [[ -s

Octopress博客从零开始 I

本文的写作原则是以我这个没有学过程序的文科同学为基础，所以会有很多其他哥们看了觉得没事，可在我这就得想破脑袋才能整出来的(呵呵，擦汗)。写这篇文章的两个原因是，向别人分享我安装这个的经验，减少无用功；以及可以让我以后在更换服务器的时候，不用浪费太多时间在我曾经做成过的东西。这次的策略是，我只打算用vps上的octopress来更新博客，简单些，应该好些。放在vps上更新的好处是，换了电脑也能更新博客，只要有ssh软件的话。到这儿 [http://www.webhostingtalk.com/forumdisplay.php?f=104]来挑个你心仪的VPS服务吧。我选择了 inceptionhosting [http://inceptionhosting.com/],4欧元可以拿到美国的Xen VPS，256MB，以及直接就可以安装设置好openvpn的distro。我认为这是个相当不错的选择。购买之后，进入VPS control panel，选择安装设置好openvpn的ubuntu 32bit就可以了。（这个distro只是个人爱好。）然后就是SSH进入已经设置好的服务