はじめに

みなさんこんにちは！お久しぶりです
最近お仕事が多忙で更新が滞りましたが、今回もやっていきます！
前回はカスタムCSSを設定しました。そして今回は予告したようにHugoテーマのStackに、QiitaやGitHubで使用できるアラート機能を実装しようと思います！
（参考にした記事の通りに行うので内容少な目です…）

対象

• VSCode+Hugoでブログを作りたい方
• QiitaやGitHubで使えるアラート機能を実装したい方

前提

• Windowsな環境であること
• Hugoをインストールしてあること
• GitとVSCodeをインストールしていること
  • まだな方は、こちらの記事を参考にインストールしてください。
  • GitHubとの連携まで済ませておいてください。

アラート機能の実装

基本的にはこちらの記事の通りに設定します。が、これだけでは少しうまくいかないので、少しだけ追記をします。

いじるのはこのファイルです。
themes/hugo-theme-stack/layouts/shortcodes/alert.html
このファイルに次のように追記します。

1
2

<script type="module" src="https://cdn.jsdelivr.net/npm/ionicons@latest/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/npm/ionicons@latest/dist/ionicons/ionicons.js"></script>

これを追記することで、アラート機能を実装できました。あとはお好みでCSSを設定するのがよいと思います。
とりあえず、

おわりに

今回も非常に短いですが、これで終わりにします。
次回はGitHub Actionsを使用してさくらのレンタルサーバにHugoで作成したブログを自動でアップロードできるようにしたいと思います。
それではまた！

参考文献

• アラートを実装した偉大なる先人
  https://4nm1tsu.com/posts/fww5e5r/