Big Sky :: githubとjekyllとoctopressで作る簡単でモダンなブログ

2011/11/10

githubとjekyllとoctopressで作る簡単でモダンなブログ

以前、「jekyllで始める簡単ブログ」という記事を書いたのですが

Big Sky :: Jekyllで始める簡単ブログ

GithubのユーザページでJekyllが使われる様になりました。 GitHub Pages Upgraded to Jekyll 0.5.0 - GitHub I just released Jek...
http://mattn.kaoriya.net/software/lang/ruby/20090409185248.htm

octopressというのを使うともっと簡単に出来る事が分かった。

Octopress

Octopress is a framework designed by Brandon Mathis for Jekyll , the blog aware static site generato...
http://octopress.org

imathis/octopress - GitHub

What is Octopress? Octopress is Jekyll blogging at its finest. Octopress sports a clean responsive t...
https://github.com/imathis/octopress

以下簡単な手順を示す。
このgithubリポジトリは基本的に、1ブログに対して1つcloneする。cloneしたら


# rake install

する。octopressをシステムにインストールのではなく、このブログ用リポジトリにsassテーマをキャッシュさせる為の設定を行うだけなので安心してやって貰ってok。
次にgithubにブログを作るのであれば


# rake setup_github_pages

を実行し、読み取り書き込み権限のあるgit URLを貼り付けて完了。
Windowsの場合はちょっとここで修正が必要で、config.rbとかRakefileに変なパスが書かれているので直す。実際にはpublic/c:/path/to/public...みたいなフルパスが重なっているはずなのでpublic...に直せばok。
これについては時間があったらパッチ書いてpull requestを送るつもり。

さて、これでブログを書く準備が出来ました。簡単すぎますね！

試しにsource/_posts/2011-10-17-github-jekyll.mkdというmarkdownのファイルを作ります。中身は以前ご紹介した内容と変わりませんが、ocotopressは幾らか拡張プラグインが入っているので色んな書き方が出来ます。
例えばgist tagプラグインを使って


---

layout: post

title: "githubとjekyllとoctopressで作るブログ"

date: 2011-07-03 5:59

comments: true

categories:

---

便利すぎる...



{% gist 1292428 %}

こう書いて


# rake gen_deploy

すると

githubとjekyllとoctopressで作るブログ - ギッハブる日記

Recent Posts githubとjekyllとoctopressで作るブログ Github Repos Status updating... @mattn on Github Latest T...
http://mattn.github.com/blog/blog/2011/07/03/github-jekyll/

こんな記事が出来上がります。dateはファイル名じゃなくてdateの方が(設定されていれば)優先されるみたいですね。以後は記事を書いてrake den_deployするだけの簡単なお仕事です。
他にも、imageタグや、haml形式入力、html5 videoタグなど、色んなプラグインがあります。また、sassフォルダ内にあるsassファイルを弄れば簡単しかも柔軟なCSSを吐き出せます。
なお、_config.xmlを弄ってタイトルやサブタイトル、githubアカウント、twitterアカウントなんかを設定すると上述の様なサイトが簡単に出来上がります。


# ----------------------- #

#      Main Configs       #

# ----------------------- #



url: http://mattn.github.com/blog

title: "ギッハブる日記"

subtitle: ギッハブで作る開発日誌

author: mattn

気をつけておいて欲しいのは、github/jekyllはCGIで動いている訳じゃなくて、octopressが静的コンテンツを生成しているので、記事をアップする環境に依存する事。まぁここはbundleを使っているのでOSさえ変わらなければ大丈夫かと思います。Windowsからでも既述の様な修正を入れれば使えています。無料のgithubで簡単にしかもモダンなブログサイトを作りたい方は、一考してみてはどうでしょうか。

Posted at 11:39 | WriteBacks () | Edit

Edit this entry...

wikieditish message: Ready to edit this entry.

New Name:

Title:

Body:

meta-tags: github, jekyll, octopress
meta-creation_date: 2011-11-10T11:39:57+09:00

以前、「jekyllで始める簡単ブログ」という記事を書いたのですが

<blockquote class="quote">
 <a href="http://mattn.kaoriya.net/software/lang/ruby/20090409185248.htm">Big Sky :: Jekyllで始める簡単ブログ</a> 
 GithubのユーザページでJekyllが使われる様になりました。 GitHub Pages Upgraded to Jekyll 0.5.0 - GitHub I just released Jek...
 <cite>http://mattn.kaoriya.net/software/lang/ruby/20090409185248.htm</cite>
</blockquote>

octopressというのを使うともっと簡単に出来る事が分かった。

<blockquote class="quote">
 <a href="http://octopress.org">Octopress</a> 
 Octopress is a framework designed by Brandon Mathis for Jekyll , the blog aware static site generato...
 <cite>http://octopress.org</cite>
</blockquote>

<blockquote class="quote">
 <a href="https://github.com/imathis/octopress">imathis/octopress - GitHub</a> 
 What is Octopress? Octopress is Jekyll blogging at its finest. Octopress sports a clean responsive t...
 <cite>https://github.com/imathis/octopress</cite>
</blockquote>

以下簡単な手順を示す。 
このgithubリポジトリは基本的に、1ブログに対して1つcloneする。cloneしたら

<code class="code">
# rake install 
</code>

する。octopressをシステムにインストールのではなく、このブログ用リポジトリにsassテーマをキャッシュさせる為の設定を行うだけなので安心してやって貰ってok。 
次にgithubにブログを作るのであれば

<code class="code">
# rake setup_github_pages 
</code>

を実行し、読み取り書き込み権限のあるgit URLを貼り付けて完了。 
Windowsの場合はちょっとここで修正が必要で、<code>config.rb</code>とか<code>Rakefile</code>に変なパスが書かれているので直す。実際には<code>public/c:/path/to/public...</code>みたいなフルパスが重なっているはずなので<code>public...</code>に直せばok。 
これについては時間があったらパッチ書いてpull requestを送るつもり。 
 
さて、これでブログを書く準備が出来ました。簡単すぎますね！ 
 
試しに<code>source/_posts/2011-10-17-github-jekyll.mkd</code>というmarkdownのファイルを作ります。中身は以前ご紹介した内容と変わりませんが、ocotopressは幾らか拡張プラグインが入っているので色んな書き方が出来ます。 
例えばgist tagプラグインを使って
<code class="code">
--- 
layout:&nbsp;post 
title:&nbsp;&quot;githubとjekyllとoctopressで作るブログ&quot; 
date:&nbsp;2011-07-03&nbsp;5:59 
comments:&nbsp;true 
categories: 
--- 
便利すぎる... 
 
{%&nbsp;gist&nbsp;1292428&nbsp;%} 
</code>
こう書いて

<code class="code">
# rake gen_deploy 
</code>

すると

<blockquote class="quote">
 <a href="http://mattn.github.com/blog/2011/10/17/github-jekyll/">githubとjekyllとoctopressで作るブログ - ギッハブる日記</a> 
 Recent Posts githubとjekyllとoctopressで作るブログ Github Repos Status updating... @mattn on Github Latest T...
 <cite>http://mattn.github.com/blog/blog/2011/07/03/github-jekyll/</cite>
</blockquote>

こんな記事が出来上がります。dateはファイル名じゃなくてdateの方が(設定されていれば)優先されるみたいですね。以後は記事を書いて<code>rake den_deploy</code>するだけの簡単なお仕事です。 
他にも、imageタグや、haml形式入力、html5 videoタグなど、色んなプラグインがあります。また、sassフォルダ内にあるsassファイルを弄れば簡単しかも柔軟なCSSを吐き出せます。 
なお、<code>_config.xml</code>を弄ってタイトルやサブタイトル、githubアカウント、twitterアカウントなんかを設定すると上述の様なサイトが簡単に出来上がります。 
<code class="code">
# ----------------------- # 
#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Main Configs&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # 
# ----------------------- # 
 
url: <a href="http://mattn.github.com/blog">http://mattn.github.com/blog</a> 
title:&nbsp;&quot;ギッハブる日記&quot; 
subtitle: ギッハブで作る開発日誌 
author: mattn 
</code>

気をつけておいて欲しいのは、github/jekyllはCGIで動いている訳じゃなくて、octopressが静的コンテンツを生成しているので、記事をアップする環境に依存する事。まぁここはbundleを使っているのでOSさえ変わらなければ大丈夫かと思います。Windowsからでも既述の様な修正を入れれば使えています。無料のgithubで簡単にしかもモダンなブログサイトを作りたい方は、一考してみてはどうでしょうか。

Excerpt:

以前、「jekyllで始める簡単ブログ」という記事を書いたのですが Big Sky :: Jekyllで始める簡単ブログ GithubのユーザページでJekyllが使われる様になりました。 GitHub Pages Upgraded to Jekyll 0.5.0 - GitHub I just released Jek... http://mattn.kaoriya.net/software/lang/ruby/20090409185248.htmoctopressというのを使うともっと簡単に出来る事が分かった。 Octopress Octopress is a framework designed by Brandon Mathis for Jekyll , the blog aware static site generato... http://octopress.org imathis/octopress - GitHub What is Octopress? Octopress is Jekyll blogging at its finest. Octopress sports a clean responsive t... https://github.com/imathis/octopress以下簡単な手順を示す。このgithubリポジトリは基本的に、1ブログに対して1つcloneする。cloneしたら# rake installする。octopressをシステムにインストールのではなく、このブログ用リポジトリにsassテーマをキャッシュさせる為の設定を行うだけなので安心してやって貰ってok。次にgithubにブログを作るのであれば# rake setup_github_pagesを実行し、読み取り書き込み権限のあるgit URLを貼り付けて完了。Windowsの場合はちょっとここで修正が必要で、config.rbとかRakefileに変なパスが書かれているので直す。実際にはpublic/c:/path/to/public...みたいなフルパスが重なっているはずなのでpublic...に直せばok。これについては時間があったらパッチ書いてpull requestを送るつもり。さて、これでブログを書く準備が出来ました。簡単すぎますね！試しにsource/_posts/2011-10-17-github-jekyll.mkdというmarkdownのファイルを作ります。中身は以前ご紹介した内容と変わりませんが、ocotopressは幾らか拡張プラグインが入っているので色んな書き方が出来ます。例えばgist tagプラグインを使って---layout: posttitle: "githubとjekyllとoctopressで作るブログ"date: 2011-07-03 5:59comments: truecategories:---便利すぎる...{% gist 1292428 %}こう書いて# rake gen_deployすると githubとjekyllとoctopressで作るブログ - ギッハブる日記 Recent Posts githubとjekyllとoctopressで作るブログ Github Repos Status updating... @mattn on Github Latest T... http://mattn.github.com/blog/blog/2011/07/03/github-jekyll/こんな記事が出来上がります。dateはファイル名じゃなくてdateの方が(設定されていれば)優先されるみたいですね。以後は記事を書いてrake den_deployするだけの簡単なお仕事です。他にも、imageタグや、haml形式入力、html5 videoタグなど、色んなプラグインがあります。また、sassフォルダ内にあるsassファイルを弄れば簡単しかも柔軟なCSSを吐き出せます。なお、_config.xmlを弄ってタイトルやサブタイトル、githubアカウント、twitterアカウントなんかを設定すると上述の様なサイトが簡単に出来上がります。# ----------------------- ##      Main Configs       ## ----------------------- #url: http://mattn.github.com/blogtitle: "ギッハブる日記"subtitle: ギッハブで作る開発日誌author: mattn気をつけておいて欲しいのは、github/jekyllはCGIで動いている訳じゃなくて、octopressが静的コンテンツを生成しているので、記事をアップする環境に依存する事。まぁここはbundleを使っているのでOSさえ変わらなければ大丈夫かと思います。Windowsからでも既述の様な修正を入れれば使えています。無料のgithubで簡単にしかもモダンなブログサイトを作りたい方は、一考してみてはどうでしょうか。

Ping URLs:

File:

Password:

A quick preview will be rendered here when you click "Preview" button.