Blog

記事内のコード表示

11tyでMarkdownコードブロックとシンタックスハイライトを確認するサンプル記事。

記事には通常のMarkdown本文とコードを含められます。ハイライトはブラウザではなくビルド時に実行します。

export function total(items) {
  return items.reduce((sum, item) => sum + item.amount, 0);
}

シェルの例も読みやすく表示します。

npm run build
npm run dev

Diffの例も扱えます。

+export const status = "published";
-export const status = "draft";