{"componentChunkName":"component---src-modules-datocms-post-page-page-tsx","path":"/posts/7","result":{"data":{"post":{"title":"Octpressを初めてみました","author":{"name":"reoring","images":{"r32":{"src":"https://www.datocms-assets.com/29850/1591833154-735890.jpg?auto=format&fm=png&h=32&mask=ellipse&w=32","srcSet":"https://www.datocms-assets.com/29850/1591833154-735890.jpg?auto=format&dpr=1&fm=png&h=32&mask=ellipse&w=32 1x,\nhttps://www.datocms-assets.com/29850/1591833154-735890.jpg?auto=format&dpr=1.5&fm=png&h=32&mask=ellipse&w=32 1.5x,\nhttps://www.datocms-assets.com/29850/1591833154-735890.jpg?auto=format&dpr=2&fm=png&h=32&mask=ellipse&w=32 2x,\nhttps://www.datocms-assets.com/29850/1591833154-735890.jpg?auto=format&dpr=3&fm=png&h=32&mask=ellipse&w=32 3x"},"r48":{"src":"https://www.datocms-assets.com/29850/1591833154-735890.jpg?auto=format&fm=png&h=48&mask=ellipse&w=48","srcSet":"https://www.datocms-assets.com/29850/1591833154-735890.jpg?auto=format&dpr=1&fm=png&h=48&mask=ellipse&w=48 1x,\nhttps://www.datocms-assets.com/29850/1591833154-735890.jpg?auto=format&dpr=1.5&fm=png&h=48&mask=ellipse&w=48 1.5x,\nhttps://www.datocms-assets.com/29850/1591833154-735890.jpg?auto=format&dpr=2&fm=png&h=48&mask=ellipse&w=48 2x,\nhttps://www.datocms-assets.com/29850/1591833154-735890.jpg?auto=format&dpr=3&fm=png&h=48&mask=ellipse&w=48 3x"}},"bio":"株式会社クラフトマンソフトウェア代表 | Schoo講師 | 分報発祥の会社 | YYPHP主催 | マンガでわかるDocker監修 | 実践ドメイン駆動設計レビュア | 自動受け入れテスト ShouldBee http://shouldbee.at/"},"date":"2013年7月19日","tags":[],"category":"プログラミング","body":"

BlogをOctpressで書き始めてみる

\n

http://octopress.org/

\n

\n > 記事作成記事作成

\n
\n
\nbash
\n
bundle exec rake new_post\n
\n
\n

\n > プレビュープレビュー

\n
\n
\nbash
\n
bundle exec rake preview\n
\n
\n

\n > デプロイデプロイ

\n
\n
\nbash
\n
bundle exec rake deploy\n
\n
\n

\n > コメント欄をつけるコメント欄をつける

\n

_config.ymlに下記行を追加

\n
\n
\nyaml
\n
disqus_short_name: reoring\n
\n
\n

\n > はてなブックマークをシェア部分に追加はてなブックマークをシェア部分に追加

\n
\n
\nhtml
\n
 <div style=\"float:left\">\n     <a href=\"http://b.hatena.ne.jp/entry/{{ page.url }}\" class=\"hatena-bookmark-button\" data-hatena-bookmark-layout=\"standard\" title=\"このエントリーをはてなブックマークに追加\"><img src=\"http://b.st-hatena.com/images/entry-button/button-only.gif\" alt=\"このエントリーをはてなブックマークに追加\" width=\"20\" height=\"20\" style=\"border: none;\" /></a>\n   <script type=\"text/javascript\" src=\"http://b.st-hatena.com/js/bookmark_button.js\" charset=\"utf-8\" async=\"async\"></script>\n </div>\n
\n
\n

\n > OctpressのテンプレートエンジンのプレースホルダーをエスケープするOctpressのテンプレートエンジンのプレースホルダーをエスケープする

\n

Octpressでは、{{ page.url }} といった変数が使えるのですが、これそのものを記事にしたいときは、{% raw %}でエスケープします。

\n"}},"pageContext":{"id":"DatoCmsPost-5142937-ja","description":"BlogをOctpressで書き始めてみる http://octopress.org/ 記事作成 プレビュー デプロイ コメント欄をつける _config.ymlに下記行を追加 はてなブックマークをシェア部分に追加 Octpressのテンプレートエンジンのプレースホルダーをエスケープする Octpressでは、{{ page.url }} といった変数が使えるのですが、これそのものを記事にしたいときは、{% raw %}でエスケープします。","toc":[{"tag":"h2","depth":2,"href":"#%E8%A8%98%E4%BA%8B%E4%BD%9C%E6%88%90","text":"記事作成","html":"記事作成"},{"tag":"h2","depth":2,"href":"#%E3%83%97%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC","text":"プレビュー","html":"プレビュー"},{"tag":"h2","depth":2,"href":"#%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4","text":"デプロイ","html":"デプロイ"},{"tag":"h2","depth":2,"href":"#%E3%82%B3%E3%83%A1%E3%83%B3%E3%83%88%E6%AC%84%E3%82%92%E3%81%A4%E3%81%91%E3%82%8B","text":"コメント欄をつける","html":"コメント欄をつける"},{"tag":"h2","depth":2,"href":"#%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%96%E3%83%83%E3%82%AF%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%92%E3%82%B7%E3%82%A7%E3%82%A2%E9%83%A8%E5%88%86%E3%81%AB%E8%BF%BD%E5%8A%A0","text":"はてなブックマークをシェア部分に追加","html":"はてなブックマークをシェア部分に追加"},{"tag":"h2","depth":2,"href":"#Octpress%E3%81%AE%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%B3%E3%81%AE%E3%83%97%E3%83%AC%E3%83%BC%E3%82%B9%E3%83%9B%E3%83%AB%E3%83%80%E3%83%BC%E3%82%92%E3%82%A8%E3%82%B9%E3%82%B1%E3%83%BC%E3%83%97%E3%81%99%E3%82%8B","text":"Octpressのテンプレートエンジンのプレースホルダーをエスケープする","html":"Octpressのテンプレートエンジンのプレースホルダーをエスケープする"}],"ogpImageUrl":"https://www.datocms-assets.com/29850/1593190022-pastedimage20200627146.png?fm=png&mark64=aHR0cHM6Ly93d3cuZGF0b2Ntcy1hc3NldHMuY29tLzI5ODUwLzE1OTMxNTQ2MzYtdHJhbnNwYXJlbnQtcGl4ZWwucG5nP3c9NDAwJmg9NjQmZml0PWNyb3AmYmxlbmQ2ND1hSFIwY0hNNkx5OTNkM2N1WkdGMGIyTnRjeTFoYzNObGRITXVZMjl0THpJNU9EVXdMekUxT1RFNE16TXhOVFF0TnpNMU9Ea3dMbXB3Wno5dFlYTnJQV1ZzYkdsd2MyVW1abTA5Y0c1bkpuYzlNalUySm1nOU1qVTImYmxlbmQtaD02NCZibGVuZC14PTAmYmxlbmQteT0wJmJsZW5kLW1vZGU9bm9ybWFsJm1hcms2ND1hSFIwY0hNNkx5OWhjM05sZEhNdWFXMW5hWGd1Ym1WMEwzNTBaWGgwUDNSNGRDMWhiR2xuYmoxdGFXUmtiR1VsTWtOc1pXWjBKblI0ZEMxbWIyNTBQWE5oYm5NdGMyVnlhV1lsTWtOaWIyeGtKblI0ZEMxamIyeHZjajB5TWpFNE1UWW1kSGgwTmpROVkyMVdkbU50YkhWYWR5WjBlSFF0YzJsNlpUMHpNQ1pvUFRZMCZtYXJrLXg9NjQmbWFyay1hbGlnbj1taWRkbGUlMkNsZWZ0&mark-align=bottom%2Cleft&mark-x=100&mark-y=496&blend64=aHR0cHM6Ly93d3cuZGF0b2Ntcy1hc3NldHMuY29tLzI5ODUwLzE1OTMxNTQ2MzYtdHJhbnNwYXJlbnQtcGl4ZWwucG5nP3c9MTIwMCZoPTYzMCZmaXQ9Y3JvcCZtYXJrNjQ9YUhSMGNITTZMeTkzZDNjdVpHRjBiMk50Y3kxaGMzTmxkSE11WTI5dEx6STVPRFV3THpFMU9UTXhOVEE1TkRBdFkzSmhablJ6YldGdUxUQXhMbkJ1WncmbWFyay1hbGlnbj10b3AlMkNjZW50ZXImbWFyay13PTI1MCZtYXJrLXk9ODAmYmxlbmQ2ND1hSFIwY0hNNkx5OWhjM05sZEhNdWFXMW5hWGd1Ym1WMEwzNTBaWGgwUDNSNGRDMWhiR2xuYmoxdGFXUmtiR1VsTWtOalpXNTBaWEltZEhoMExXWnZiblE5YzJGdWN5MXpaWEpwWmlVeVEySnZiR1FtZEhoMExYQmhaRDB4TURBbWRIaDBMV052Ykc5eVBUSXlNVGd4TmlaMGVIUTJORDFVTWs0d1kwaEtiR016VUdwbmNFeHNhVW96YW1kdlNHcG5ZV0pxWjJKZmFtZGlOMnBuV21acVoxbzRKblI0ZEMxemFYcGxQVFUxSm5jOU1USXdNQ1pvUFRZek1BJmJsZW5kLW1vZGU9bm9ybWFs&blend-mode=normal","otherPost":{"type":"author","title":"NFS CookbookをWheezyに対応させる","slug":"/posts/8"}}}}