VS Code

VS Code で Markdownのプレビュー

VS Codeは基本機能でMarkdownのプレビューができる。ただMarkdown Preview Enhancementというプラグインを入れている方も多いと思う。

それぞれCSSのカスタマイズをどうするかメモにした。

workspaceごとにCSSを設定する

workspaceを選択し、「フォルダーの設定」を開く設定の検索にcssと入力し、markdown:Styleという設定を見つける自分で作製したcssファイルを指定する

方法１：全体に反映するCSS ctrl + shift + p でパレットを開き、パレットにcssと入力する Markdown Preview Enhanced:Cusotomize CSSを選択しEnter

${VSCODE_HOME}/.mume/style.lessがcssの本体なので、このファイルを修正する

方法２：個別に反映するCSS mdファイルと同じディレクトリにlessファイルを配置し、@importで読み込む

@import "my.less"