ブログに数式を使えるようにした

概要

最近競プロの問題を解いていてメモで $O(n)$ などと数式まじりで書いていた。手元のobsidianでは問題なく数式が使えるが、ブログ用にビルドした際には表示がおかしくなっていたので対応した。

完成したもの

数式を表示できるようにする #10

inline の数式はこのようになる -> $O(n)$ 数式をブロックとしても書ける

$$L = \frac{1}{2} \rho v^2 S C_L$$

作業memo

• rehype-mathjax を最初は試したが inline での表示がうまくいかずに諦めた
  • 最終的に rehype-katex を使うようにした
• 途中storybookが表示できなくなって困っていた
  • [Bug]: string-width dependency stops storybook from executing · Issue #22431 · storybookjs/storybook
  • 既知の問題だったのでワークアラウンドに合わせて依存関係を固定して完了
• remark-mathでも既知の問題に引っかかった
  • Cannot read properties of undefined (reading 'mathFlowInside') · Issue #89 · remarkjs/remark-math
  • 5系にダウングレードすればとりあえず問題なさそうだったのでダウングレードで対応