toshikaz Blog

A blogging framework for hackers.

Webrickだとgitlabが動くのにhttpd+pumaだと動かないのが、古いrubyのpathの問題だったことについて

ruby1.8系だと動かないのはわかっていたけど、1.9.3を入れたし…と思っていたら、/etc/rc.d/init.d/function が、/usr/bin/をPATHの頭に設定してて、init.dの中のファイルのほうで、PATHを引き継いで、その後に/usr/local/binを追加してたので、/usr/bin/rubyが優先されていたことについて書く

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>

大きな地図で見る

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

そんな感じ

Octopressで画像を貼るときのディレクトリ指定の仕方

octopressで画像を貼るときは、Markdown形式

![alt title](image URL)

もしくは、公式ページのImage Tagにあるように

{ % img [class names] /path/to/image [width] [height] [title text [alt text]] %}

このように書くことができます。（※実際には先頭の％の前のスペースは不要）

ただし、画像ファイルのURLの指定がわかりませんでした。 どこのフォルダに置けば画像を相対パスで指定できるのでしょうか？

色々と試してみました

![violin](http://toshikaz55.github.com/blog/images/violin.jpg)

![violin](../../images/violin.jpg)
![violin](violin.jpg)
![violin](images/violin.jpg)

![violin](/images/violin.jpg)

![violin](/blog/images/violin.jpg)

結果は、octopress/source/imagesディレクトリに画像を置いて、

絶対URL指定ならば

![violin](http://toshikaz55.github.com/blog/images/violin.jpg)

相対URL指定ならば

![violin](/images/violin.jpg)

このように、指定することで、画像を表示できました。

violin

よかったよかった。