vscodeのmarkdown css変更メモ

初期のcssだと若干見づらいところがあるので、githubのcssに差し替えた際のメモ

github cssの取得

• https://github.com/sindresorhus/github-markdown-css ダウンロードしてくる
• 「.markdown-」 を 「（空白）」にリプレースする
  • 「」はいらない。念のため

プレビューのcssを上記に変更

• "markdown.styles": ["C:\Users\<ユーザー名>\.vscode\md_preview.css"] とするとプレビュー時のcssが変わる
  • C:\Users<ユーザー名>.vscode以下に置く必要はないけど、その方がわかりやすいかと

Markdown PDFのcssも上記に変更

• C:\Users<ユーザー名>.vscode\extensions\yzane.markdown-pdf-1.4.1\styles\markdown-pdf.cssを上書きする
  • 念のため、元ファイルはリネームしておいた

フォントを変更

そのままだと漢字が太かったり、細かったりと読みづらいので以下のようにした

body {
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ　Ｐゴシック', 'MS PGothic', sans-serif;
}

参考にさせていただいたサイト

• 参考というか、もうそのままですね。ありがとうございました。
• https://qiita.com/08thse/items/205eea7ed85188ae38bf
• https://qiita.com/__mick/items/c80fab6c185a41882880