Quartzへremark-emojiプラグインを組み込む

Quartzのプラグインに慣れるため､rhysd/remark-emoji: Remark markdown transformer to replace in textを組み込んでみる。

• TypeScript
• Making your own plugins

package.jsonへremark-emojiパッケージを追加

"remark-emoji": "^4.0.1",

追加後npm installする。

プラグインファイルを作成

quartz/plugins/transformers/emoji.tsを作成する。

import { QuartzTransformerPlugin } from "../types"
import remarkEmoji from "remark-emoji"
 
export const Emoji: QuartzTransformerPlugin = () => {
  return {
    name: "Emoji",
    markdownPlugins() {
      return [remarkEmoji]
    },
  }
}

エクスポート設定

quartz/plugins/transformers/index.tsへ以下を追加する。

export { Emoji } from "./emoji"

configファイルの設定

quartz.config.tsのplugins: transformers: [へ以下を追加する。

Plugin.Emoji(),

以上でMarkdown中に :dog:などと書くと🐶に展開される。