swfz https://blog.hatena.ne.jp/swfz/ notebook https://swfz.hatenablog.com/ React Gatsby TypeScript Gatsby製のブログで、コードハイライトにはプラグインとしてgatsby-remark-prismjsを使っている 特に設定などせず使っていたが、調べたら行番号指定でのハイライトや、シェル表示など色々なものがあるようだったのでローカルで試していた しかし、prism-coyのテーマが良くないのか組み合わせが悪いのか、結構意図と反する表示になることが多く、CSSをがっつり修正することにした その際に、このケースが載っている記事はあったっけな…というのを毎度探すのがたいへんだったので、どうせならある程度のユースケースを網羅しているサンプル用の記事を用意してそこを見ればOKというような状態にしたい… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fswfz.hatenablog.com%2Fentry%2F2023%2F11%2F25%2F054154" title="Gatsbyで記事用のMarkdownとサンプル用のMarkdownを分けて扱う - notebook" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2023-11-25 05:41:54 rich https://swfz.hatenablog.com/entry/2023/11/25/054154 1.0 100%