VScodeで数式を書いてpdf化する
インストールするもの
- 数式を入力のための拡張
Markdown+Math
もしくは
Markdown All in One
- Markdown PDF
テンプレ書き換え
> Extensions: Open Extensions Folder
で拡張機能フォルダを開いて書き換える。
markdown-pdf.../template/template.html
<!DOCTYPE html> <html> <head> <title>{{{title}}}</title> <meta http-equiv="Content-type" content="text/html;charset=UTF-8"> {{{style}}} <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.10.0/dist/katex.min.css" integrity="sha384-9eLZqc9ds8eNjO3TmqPeYcDj8n+Qfa4nuSiGYa6DjLNcv9BtN69ZIulL9+8CqC9Y" crossorigin="anonymous"> <script defer src="https://cdn.jsdelivr.net/npm/katex@0.10.0/dist/katex.min.js" integrity="sha384-K3vbOmF2BtaVai+Qk37uypf7VrgBubhQreNQe9aGsz9lB63dIFiQVlJbr92dw2Lx" crossorigin="anonymous"></script> <script defer src="https://cdn.jsdelivr.net/npm/katex@0.10.0/dist/contrib/auto-render.min.js" integrity="sha384-kmZOZB5ObwgQnS/DuDg6TScgOiWWBiVt0plIRkZCmE6rDZGrEOQeHM5PcHi+nyqe" crossorigin="anonymous"></script> <script> document.addEventListener("DOMContentLoaded", () => { renderMathInElement(document.body, { delimiters: [ { left: "$$", right: "$$", display: true }, { left: "$", right: "$", display: false }, ] }); }); </script> </head> <body> {{{content}}} </body> </html>
Mathjaxの有効化は下記のようにする.
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> <script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex2jax: {inlineMath: [['$', '$']]}, messageStyle: "none" }); </script>