Vivliostyle Flavored Markdownでコードに行番号を付ける - Qiita

この記事の内容はu1f992/rehype-spectroscopeに引き継ぎました。今後はこちらのrehypeプラグインを使用することで、Vivliostyle組版でソースコードに行番号をつけることができます。 以前の記事 はじめに 『Web技術で「本」が作れるCSS組版Vivliostyle入門』に次の記述があります1。 ソースコードに行番号を付けるのは、CSSだけではできません。（中略）本書のコードの行番号は、自作の拡張機能でつけています。 Vivliostyle側に寄せた筋のよい方法で行番号を付けることができないか考えてみました。 前提 Vivliostyle Flavored Markdownでは、コードブロックに言語を指定すると、HTMLへの変換時に各トークンにspanが割り当てられます。この要素に対応したCSSを使用して、コードブロックをスタイリングできます。 $ cat s