hugo2019年に入ってから友人とUCSB留学ブログを運営しており、主に友人が記事の執筆、自分はブログサイトの開発を担当しています。CMSを利用して執筆と開発を分離しているのですが、CMSからアップロードした画像のサイズが変更できないという苦情を受けたのでごにょごにょして修正しました。CMSはreactで書かれているということで、最初はカスタマイズできるか自信がなかったのですが、documentを確認してみると、意外にもeditorのcomponentを簡単にカスタマイズできるようになっていて素敵でした。matterに合わせて適当にボタンとかインプットとか増やせるみたいですね。documentに従って、/static/admin/index.htmlに記述していきます。}});上記のようにindex.htmlにscriptを追加すると、CMSからcustomImageという項目を選択することができるようになります。これで終わりかと思いきや、まだ一つやることがあります。}このようなshortcodeが実際のmarkdownファイルには記述されます。shortcodeを追加しましょう。shortcodeを追加するhugoのプロジェクトルートにある/layout/shortcodesにcustomImage.htmlというファイルを作成し、以下のコードを保存してください。style="height:auto;"/></figure>shortcodeの第一引数にimageへのパス、第二引数にwidthの数値を入れることでサイズ可変のfigureを挿入することが可能になっています。これで、CMSからサイズの変更できるcustomImageを挿入することができるようになりました。CMSのほうが拡張性があったので、選んで正解だったかなと思いました。