Octopress on 電気羊の執務室

はてブが表示されないなぁ

Fri, 11 May 2012 07:09:00 +0900

T.I.Dさんの記事を見ながら、このブログにはてブボタンを設置しようとしています。

ブックマークされる事は書けないかも知れませんが、何事も勉強です。

どううまく行かないか

はてブボタンの領域は確保してありそうなのですが、表示がうまくいっていないようです。

やったこと

記事をもとに、あれこれとテンプレートを変更しました。本当は一部始終を書かないといけないのですが、面倒で書けません。

後でじっくりやります。いまは嫁にホットケーキを焼いてあげないと・・・

参考資料

Octopressにはてブボタンを設置する - T.I.D.

bitbucketへ引っ越してみた

Tue, 08 May 2012 20:59:00 +0900

ブログのリポジトリを、githubからbitbucketへ移してみました。だんだんGitの使い方に習熟してきたので、楽になってきました。

下書きモード

octopressの取り扱いに慣れるため、published=falseの下書きモードを使ってみています。記事のヘッダーのpublished:をfalseに設定することで、その記事は下書きとなります。ローカルでプレビューすることができるのはpublish:trueの時と同じですが、リポジトリにpushしても非公開になっているところが違います。

使い道について考えてみた

ローカルのプレビューができれば、下書きモードのpushはあまり恩恵がないような気がしますが・・・どんな時に便利なんでしょうか。

タイマーで予約投稿ができれば便利な気がします。

その後

結局、bitbucketは記事のソースだけを管理することにし、記事はgithub pagesを使う事にしました。

理由は、bitbucketはCNAMEが有料オプションだからです。画像はSkitchに置くことにし、Skitchから効率よくMarkdownに書けるように工夫します。

デザイン変えてみた

Sat, 05 May 2012 22:14:00 +0900

連休のまとまった時間を利用して、Octopressの勉強がてら、スタイルの設定をがっつりやってみました。デフォルトのClassicテーマから、GlideNote風のデザインへ。

たぶん、細かい書式を使うとレイアウトが崩れると思うので、これから少しずつブラッシュアップしていければよいでしょう。

感謝を込めて

かなりの部分を参考にさせて頂いたGlideNoteさんに、感謝の意を表します。好き過ぎてパクっちゃいました★

そもそもOctopress、zshなど、GlideNoteさんの記事を読んでは、もろもろパクり倒してます。本当にありがとうございます。

Octopressのインストール（後編）

Mon, 23 Apr 2012 23:05:00 +0900

前編の続きです。

Octopressのインストール

いよいよOctopressをインストールしていきます。公式サイトやGlideNoteさんの記事、またjedipunkzさんの記事が参考になります。

GithubPageの取得

Githubの新規プロジェクト画面から、好きな名前でブログ用のリポジトリを作っておきます。

Octopressのインストールのイメージ

Octopressのインストールがどんな感じかというと、 AppStoreでアプリを買うのとは、だいぶ趣きが違います。

すごく基本的なところから解説してみます。 Octopressは、『アプリケーション』フォルダに入るプログラムではありません。ひとつのフォルダを作ってそこにインストールし、そのフォルダをブログの基地として使うイメージです。

Octopressのインストール

mkdir ユーザー名.github.com
cd ユーザー名.github.com
git clone git://github.com/imathis/octopress.git octopress
cd octopress
gem install bundler
bundle install
rake install # classic テーマのインストール

こんな感じで入れて下さい。上の例だと、~/ユーザー名.github.com/octopress のようになります。

別にアカウントごとにフォルダに分ける必要がなければ、 ~/octopress/ のように構成しても問題ないです。その場合は、上のコマンドの最初２つを飛ばします。

Octopressの構成

インストールしたOctopressのフォルダ構成と、動作のイメージを紹介します。

上の図で示すとおり、Octopressのフォルダ構成は、Octopressフォルダの中にいろいろある感じです。コマンドラインで作業する時には、基本的にカレントディレクトリは『Octopress』フォルダです。

参考資料； Octopressをインストールする動画： burnsoft 英語ですが、作業の流れがわかりやすいです。

Octopressの初期設定

Octopressの初期設定を行います。

rake setup_github_pages
Enter the read/write url for your repository:

上で作成したGithub PagesのリポジトリURLを指定します。オイラの場合だとこうです。

Octopressのインストール（前編）

Mon, 23 Apr 2012 12:47:00 +0900

OctopressとGitでブログを作ろう、と思い立ってから１週間。試行錯誤の末に、ようやくブログが上げられたので、ハマったポイントを紹介してみたいと思います。

インストール環境は、mac OSX Lion + zsh。Xcodeは入ってるところからスタートしました。記事内で、ちらっとUbuntuでのインストールにも触れます。関係ない人はスルーで。

Octopress導入まで

あまり何もないところから、Octopressを導入するところまでの手順を、ここにまとめてみます。大まかに、Octopressインストールまでには、以下のものが必要です。

Ruby 1.9.2以上（1.9.2そのものがおすすめ）
Git

オイラのMacに入っていたRubyは1.8.7だったので、 Ruby-1.9.2を別途入れる必要がありました。コマンドラインでruby --versionと入力して、“1.9.2"と表示されなかった方は、RVMを入れる必要があります。

Rubyのインストール準備

Octopress公式サイトでは、RVMかrbenvで、Rubyをバージョン管理することを勧めています。ここでは、RVMを使って進めます。

突然ですが、質問です。あなたのOSはMacですか？ Yesの方は、RVMのインストールに進んで下さい。 Noの方。Linuxをお使いで、Curlが入っていない方は、Curlをインストールしないといけません。

Curlのインストール

Ubuntuの場合は、以下のコマンドでcURLをインストールします。 sudo apt-get install libcurl-dev 以上。

RVMのインストール

次に、どなたさまもこのコマンドを、ターミナルで実行します。ディレクトリは、初期状態で構いません。 `bash -s stable < <(curl -s https://raw.github.com/wayneeseguin/rvm/master/binscripts/rvm-installer)`

ここから、シェルに何を使っているかで、二手に分かれます。何のことかわからない方は、最初の道を選んでください。あなたはbash組です。

1. bashを使っている方、何のこと？の方

以下のコードを、ターミナルで実行します。

echo '[[ -s "$HOME/.rvm/scripts/rvm" ]] && . "$HOME/.rvm/scripts/rvm" # Load RVM function' >> ~/.bash_profile
source ~/.bash_profile

2. zshを使っている方

オイラも、今回を機にzshデビューしました。このコードをどうぞ。

echo '[[ -s $HOME/.rvm/scripts/rvm ]] && source $HOME/.rvm/scripts/rvm' >> ~/.zshrc
source ~/.zshrc`

これで、Rubyを入れる準備ができました。まだ先は長いです。でもげっそりしないで下さいね。ひとつひとつは大した事じゃないです。うまくいけば・・・