Hugoのショートコード入力を支援するChrome拡張

自分用に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が追加される。