HUGO MEMO

はてなブログからHUGO + Github Pages にした。 最低限のメモを以下に記す。

HUGO

導入記事

commands

$ brew install hugo
$ hugo server -w --bind=0.0.0.0

themes

このブログは、steam を元にスマホで見やすいようにデザイン調整したつもり。

shortcodes

コードスニペットを簡単に呼び出しできる。

例えば、はてなブログの埋め込みをしたい場合、 以下のようなコードスニペットを用意してあげれば、 記事内で呼び出すと勝手に展開をしてくれる。

#./layouts/shortcodes/hatenablog.html
<iframe src="{{ .Get 0 }}"
 class="embed-card embed-blogcard"
 scrolling="no"
 frameborder="0"
 style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"
></iframe>
{\{% hatenablog "//techblog.karupas.org/embed/20111117/1321542949" %\}}

こういうのを自前で書くのは楽しいけど、はてなは便利だったなーと思う。 embed に関しては、私の場合は、そこまで embed する機会がないので、様子見。 また、embed.js なるもので、統一的なI/Fで embed できるようなので、試してみてもいいかもしれない。

comments powered by Disqus