Custom」という拡張を入れることで、Markdownのプレビューを見やすくできました!またCSSをいじることで、カスタマイズも可能です!なぜこの拡張が必要か?どのように表示されるのか?拡張の入手法CSSを変更するCSSを編集してみたh2の設定h3の設定tableの変更あとがきなぜこの拡張が必要か?まず見やすいことと、CSS編集でカスタマイズできるという点が挙げられます。CSSを共通化できるのがポイントです。Markdownのプレビューは、そもそもCSSでカスタマイズすることができます。現在のVSCodeでは、ワークスペースごとにCSSを管理しないといけません。「あるパスに置いてあるCSSをどのプレビューでも適用する!」ということが通常ではできません。このように拡張を使うことで、1つのファイルを、どのプレビューでも共通して適用することができます!!どのように表示されるのか?どのように表示されるかのサンプルです。使うようなやつを、ざっと表示させてみました!見出しは「6」まで対応しているようです。その他もかなり見やすい!拡張の入手法マーケットプレイスのURLはこちらです。Codeから取得する場合は、拡張を検索します。Custom」をコピペして検索するとこの様に表示されます。他の拡張同様、インストールしたら、再読込すれば適用されます!CSSを変更するこのパスにCSSがあります。C:\Users\[ユーザ名]\.vscode\extensions\dmodalek.markdown-preview-github-styles-custom-0.1.4\styles.cssコレを変更してあげると、プレビュー時の見た目が変わります!元々あったファイルを残しておきたい場合は、コピーしておくなどしてバックアップしておきましょう。CSSを編集後、プレビューの画面を更新すれば、編集内容が適用されます。方法はプレビュー画面のメニュー(...)から「プレビューを更新」タブを切り替えて再表示させるプレビュー自体を開き直すなどすればOKです。CSSを編集してみたぼくはこのように編集してみました!見出しが個人的に少し見づらかったので、このブログと似たような感じにしてみました。色は元々と同じモノトーン統一にしようとしたため、グレー系にしました。235行目あたりにあります。h2,h3の定義でも、上の方にも別のh2,h3がいるので、どこに入れるかは気をつけましょう。border-bottomを追加しました。#444;}font-sizeを少し小さくしました。border-bottomを追加しました。#444;}しましまも特にいらないと感じたので、背景色は一律にしました。あとがき他の拡張も試しましたが、白画面だったのでやめました(安直)。現在のVSCodeは、MarkdownプレビューのCSSはワークスペースごとに管理しなければならない。コレを使って、共通化したほうが正直めっちゃ楽だと思うのでオススメです!デフォルトのままでも見やすいですし、カスタマイズも可能なのがいいですね!「特定のワークスペースでは違うものを」みたいなことができるかは......今の所考慮していませんのでご了承ください。lisz-worksスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。