wami

わみめも

NefryやSofmoといった開発者向けボードを作ったり、AndroidやFlutterアプリ作ったり、Webで遊んでみたり、手当たり次第になんでもやっちゃう人のサイト

HugoのShortcodeを活用してみた

Hugoにはshortcodeという機能があり簡単な手順で機能を追加できます

HugoのShortcodeでLinkCardを作成

下記のサイトを参考にshortcodeをつくってみました。

2つのshortcodeを追加しました。

warning

警告文を出すようのものですね

warning Warning
各自の環境で同様に動作する保証はありません。

こんなコードを書いたら、上のようにきれいにしてくれちゃうんです。

{{< warning >}}
各自の環境で同様に動作する保証はありません。
{{< /warning >}}

link card

リンクですね、Notionみたいに横並びにしようか悩みましたが、縦ならびでもよさそうなので、これで。

{{< linkcard "https://wamisnet.github.io/">}}

ちょっとの一工夫でいい感じにできるのはとても便利ですね

comments powered by Disqus

最近の投稿

カテゴリー

About

NefryやSofmoといった開発者向けボードを作ったり、AndroidやFlutterアプリ作ったり、Webで遊んでみたり、手当たり次第になんでもやっちゃう人
やってること
・ IoTデバイスNefryシリーズの開発、販売
・ 基板やファームを含むハードウエアやWeb、Androidアプリの受託開発
・ 専門学校やハンズオンなどの講師
・「同人ハードウェアmeetup」 #dhwmu や名古屋版IoTLTなどイベントの主催