Quartzのプラグインに慣れるため、rhysd/remark-emoji: Remark markdown transformer to replace in textを組み込んでみる。
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:
などと書くと🐶に展開される。