Zenn のアイキャッチ絵文字を記事の内容から生成するプラグインを作りました

に公開

こちらのポストにインスパイアされて作成しました。

https://x.com/__syumai/status/1826866708633497645

Zenn では new:article を実行するとランダムな絵文字が使われます。しかし、ランダムなため記事の内容に合わない場合があります。絵文字を考えるのが手間になることや、同じ絵文字を使い回してしまうことも多いです。そこで、記事の内容から絵文字を生成するプラグインを作成しました。

https://www.npmjs.com/package/@karamem0/zenn-plugin-emoji

Zenn と GitHub を連携しているプロジェクトにパッケージをインストールします。

npm install @karamem0/zenn-plugin-emoji

ルートに .env(.env.local も可) を作成し、OpenAI の API キーとモデル名を設定します。.env は GitHub にアップロードしないよう .gitignore で除外することを推奨します。また、Azure OpenAI Service も利用できます。

  • OPENAI_API_KEY=...
  • OPENAI_MODEL_NAME=gpt-4o-mini

以下のコマンドを実行します。

npx zenn-emoji articles/hogehoge.md

次のような結果が得られます。

articles/hogehoge.md: ✨

記事を自動的に更新する場合は -u オプションを指定します。

npx zenn-emoji articles/hogehoge.md -u

ソースコードは以下で公開しています。

https://github.com/karamem0/zenn-plugin-emoji

Discussion