プロメモグラム

誰が見てもわかるような文章を目指す

markdown-preview-enhancedのスタイル

エディタ

Markdownを書くときはVSCodeとかKobitoでも書けるけどAtomが便利な気がする。

VSCodeはコード書くように行数表示やVimのプラグイン入れているから文章入力には向かない。 Kobitoでもローカルで保存できるけど、もっとシンプルにDropbox上のディレクトリで管理したい。

AtomだとプラグインいれるとKobitoみたいにコードのシンタックスハイライトやプレビューとのスクロール位置の同期をしてくれたり、リストを作る時のハイフンも改行時に自動で入力してくれたりするから、総合的に考えてAtomに行き着いた。

パッケージ

markdown-preview-enhanced
- プレビューを良くしてくれる。数式や図式実は対応しているみたい。
markdown-writer
- Markdownの入力補完

日本語がスペルチェック機能によって赤い下線引かれてしまうのが目障りなので、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;
      }
    }
  }
}

Link