toshikaz Blog

A blogging framework for hackers.

Octopressのプラグインのテスト

octopressにはまだ数はあまり多くないですが、色々なサードパーティプラグインがあります。

以下のプラグインをインストールしてみました

  • jekyll-tweet-tag
    • Twitterのつぶやきを簡単に埋め込むプラグイン
  • Nicovideo
    • ニコニコ動画を簡単に埋め込むプラグイン
  • octolayer
    • OpenStreetMapの地図を埋め込むプラグイン

それぞれこんな感じ ( 冒頭の%記号の前のスペースは実際には取り除く )

{ % tweet twitterURL %}

好きなニコマス動画も簡単に埋め込める

{ % nicovideo smVideoID %}

OpenStreetの地図を埋め込むのは、緯度、経度、ズーム情報を書くのでちょっと面倒かなぁ

{ % map 34.68736 135.52584 15 "大阪城" "ここが大阪城" %}
Map Data: OpenStreetMap contributors License - Tiles Courtesy of MapQuest

ちなみに、Google マップの埋め込みIFRAME HTMLコードだとこんな感じ

<iframe width="640" height="480" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps?f=q&amp;source=s_q&amp;hl=ja&amp;geocode=&amp;q=%E5%A4%A7%E9%98%AA%E5%9F%8E&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=70.689889,86.220703&amp;ie=UTF8&amp;hq=%E5%A4%A7%E9%98%AA%E5%9F%8E&amp;t=m&amp;ll=34.687569,135.525799&amp;spn=0.016938,0.027466&amp;z=15&amp;output=embed"></iframe><br /><small><a href="https://www.google.com/maps?f=q&amp;source=embed&amp;hl=ja&amp;geocode=&amp;q=%E5%A4%A7%E9%98%AA%E5%9F%8E&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=70.689889,86.220703&amp;ie=UTF8&amp;hq=%E5%A4%A7%E9%98%AA%E5%9F%8E&amp;t=m&amp;ll=34.687569,135.525799&amp;spn=0.016938,0.027466&amp;z=15" style="color:#0000FF;text-align:left">大きな地図で見る</a></small>

大きな地図で見る

他にも色々プラグインがあるようなので、よさそうだったら使ってみよう。

そんな感じ

Comments