HugoのShortcodeを活用してみた
Hugoにはshortcodeという機能があり簡単な手順で機能を追加できます
下記のサイトを参考にshortcodeをつくってみました。
ショートコード作成の解説 | Hugo | nasust dev blog
https://nasust.com/hugo/tips/shortcode/
Hugoでブログカードに対応する | Hugo | nasust dev blog
https://nasust.com/hugo/shortcode/blogcard/
2つのshortcodeを追加しました。
warning
警告文を出すようのものですね
warning Warning
各自の環境で同様に動作する保証はありません。
こんなコードを書いたら、上のようにきれいにしてくれちゃうんです。
{{< warning >}}
各自の環境で同様に動作する保証はありません。
{{< /warning >}}
link card
リンクですね、Notionみたいに横並びにしようか悩みましたが、縦ならびでもよさそうなので、これで。
わみめも
NefryやSofmoといった開発者向けボードを作ったり、AndroidやFlutterアプリ作ったり、Webで遊んでみたり、手当たり次第になんでもやっちゃう人のサイト
https://wamisnet.github.io/
{{< linkcard "https://wamisnet.github.io/">}}
ちょっとの一工夫でいい感じにできるのはとても便利ですね
