自分用にHugoのショートコードの入力を支援するChrome拡張を書いた。

htakeuchi/HugoShortcoder: Chrome extension to copy Hugo shortcode to clipboard according to open URL.

機能

たとえばHugoの公式ショートコードでTweetを引用しようとすると、

  1. URLからユーザIDとTweet ID?を調べる。
  2. URLがhttps://twitter.com/SanDiegoZoo/status/1453110110599868418だとすると
  3. {{< tweet user=“SanDiegoZoo” id=“1453110110599868418” >}}の形式でショートコードを書く

ことになり、なかなか面倒だ。

この機能拡張はこれらを支援するもので、引用したいページを開きコンテキストメニューから機能拡張を起動すれば、URLからショートコードを組み立ててクリップボードへコピーされる。

サポートしているサービスは以下の通り。

  • gist
  • Instagram
  • X (Twitter)
  • Vimeo
  • YouTube

これらのサービス以外のページでは、Markdown形式でページタイトルとURLのリンクが作成され、クリップボードへコピーされる。

使用方法

せっかくなので、Chromeウェブストアで公開しようかと思ったが、機能拡張が悪用されるケース多いせいか、手続きが煩雑になっていたため、野良で使うことにした。

  1. Release v1.0 · htakeuchi/HugoShortcoder からzipをダウンロードし、 任意のディレクトリで解凍する
  2. Chromeを起動し設定-拡張機能を選択する
  3. デベロッパーモードをオンにしてパッケージ化されていない拡張機能を読み込むボタンをクリック
  4. 1.のディレクトリを選択

以上でマウス右クリックで表示されるコンテキストメニューにHugoShortcoderが追加される。