投稿テスト
はじめに
GitHub Pagesでウェブサイトの無料ホスティングが可能ということで、ブログというか備忘録的なものを作ろうと、ずっと思ってました。 以前、GitHub Pages + Twitter bootstrapでサイトを作成したことがあって、html直打ちで(稀に！)更新したりしてます。 でも、ブログとなると機能が不足だし、というかoctopressと連携してブログ簡単に作れるんじゃん、ということで今回はGitHub Pages + octopressでブログを制作してみました。
すでに多くの方がインストール・設定方法を公開してくれているので割愛。 参考になったのは、octopressのソースをBitbucketのプライベートリポジトリで管理するTips。これにより、
- ブログ記事の下書きをGitHubで公開せずにバージョン管理できる
という点がポイント。
初回投稿ということで、各種テスト。
markdown記法
ここを参考に。
Markdown記法 チートシート #Qiita #Markdown – Qiita
埋め込みテスト
markdown記法でhtmlコードを埋め込むというのは無理らしく(一部使えるらしいですが)、ツイートや動画の埋め込みはどうしよう…と思っていたら、素晴らしいプラグインを公開している方がいたので、使わせていただきました。
Octopress用OEmbedプラグインを作ってみた – Shogo’s Blog
使い方は簡単で、{% oembed URL %}とするだけ。
- ツイートの埋め込みテスト。
氷菓聖地巡礼、平湯民俗館、露天風呂。夜風が気持ちよく。貸切状態の露天風呂は最高…だけど、泳ぐには湯が熱いばら。 pic.twitter.com/vqesrGEs5N
— なおゆら (@nyaoyura) June 9, 2013
- YouTube埋め込みテスト
引用てすと
旅の恥は掻き捨て
数式テスト
下記サイトを参考にさせていただきました。
Octopress – TeX で数式表示！ – mk-mode BLOG
{% math %} TeX数式 {% endmath %}のように指定する。
記事のポスト
Mouというエディタを使うとライブプレビュー見ながら記事書けるの便利(有名ですよね)。
Mou – Markdown editor for web developers, on Mac OS X
とは言え、ツイッターの方がより手軽なので、ブログは一連のツイートのまとめと、設定備忘録、あとは読んだ論文の紹介なんかがメインになるかも。
さいごに
画像表示テスト。markdown記法だとサイズ指定できないので、HTML imgタグで直接記述。ツイッターの画像だと:smallや:largeといった指定もできるけれど、幅何pxって指定したい。
れっつフォト、なので。
そういえば、Twitter IDは@nyaoyura ですが、ブログのURLは、
で、にゃおゆら(nyaoyura)でなくなおゆら(naoyura)なの自分でも紛らわしい。