markdown-preview-enhancedのスタイル
Markdownを書くときはVSCodeとかKobitoでも書けるけどAtomが便利な気がする。
VSCodeはコード書くように行数表示やVimのプラグイン入れているから文章入力には向かない。 Kobitoでもローカルで保存できるけど、もっとシンプルにDropbox上のディレクトリで管理したい。
AtomだとプラグインいれるとKobitoみたいにコードのシンタックスハイライトやプレビューとのスクロール位置の同期をしてくれたり、リストを作る時のハイフンも改行時に自動で入力してくれたりするから、総合的に考えてAtomに行き着いた。
パッケージ
日本語がスペルチェック機能によって赤い下線引かれてしまうのが目障りなので、Core-Packageからspell checkを無効にした。
スタイル
Ctrl+Shift+P入力後 "markdown-preview-enhanced: customize css" でmarkdown-preview-enhanced専用のcss設定ができる。
html body { @main_color: #303030; @inverce_color: #eeeeee; background: @inverce_color; h1,h2,h3,h4,h5,h6 { color: @main_color; } h1 { font-size: 2.0m; text-align: center; } h2 { font-size: 1.7em; border-bottom: 1px solid @main_color; } h3 { font-size: 1.5em; text-decoration: underline; } h4 { font-size: 1.3em; } p, li { color: @main_color; line-height: 2em; } table { tr { background-color: @inverce_color; th, td { color: @main_color; border: 1px solid @main_color + #888; } th { background: @inverce_color - #222; } } } }