Atomで縦書きプレビューを試行錯誤してぶん投げた話

## 準備
### Atomのインストール

[Atom](https://atom.io/)

### パッケージ追加

  1. japanese-menu（特に必要ではない）
    * メニューを日本語化する
  2. markdown-preview-enhanced
    * Markdownプレビュー用
  3. language-gfm-enhanced
    * MarkdownプレビューをGitHubっぽくしてくれるもの？（よくわかってない）
  4. revert-buffer
    * ファイルに更新があれば自動で反映してくれる

### パッケージ無効化

  1. language-gfm
  2. markdown-preview

/* Please visit the URL below for more information: */
/*   https://shd101wyy.github.io/markdown-preview-enhanced/#/customize-css */

.markdown-preview.markdown-preview {
  -webkit-writing-mode: vertical-rl;
  font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
  // font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic M", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: 500;
  font-size: 24px;
  background-color: #f5f5f5;
  color: #333333;
  h1, h2, h3, h4, h5, h6, pre, code {
    font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
    font-weight: 800;
  }
  h1 {
    counter-reset: h2counter;
    font-size: 35px;
    margin: 0 100px 0 15px;
    letter-spacing: 3px;
    padding: 10px 10px 10px 10px;
    color: #5989cf;
    background: #c6e4ff;
    border-bottom: solid 6px #aac5de;
    border-radius: 9px;
  }
  h2 {
    counter-increment: h2counter;
    counter-reset: h3counter;
    padding: 10px 10px;
    margin: 25px 10px 0 10px;
    color: #bf5656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
  }
  h3 {
    counter-increment: h3counter;
    counter-reset: h4counter;
    padding: 10px 10px;
    margin: 25px 10px 0 10px;
    color: #ff8686;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
  }
  h4 {
    counter-increment: h4counter;
    padding: 10px 10px;
    margin: 25px 10px 0 10px;
    color: #ff8686;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
  }
  h2:before {
    content: counter(h2counter) ". ";
  }
  h3:before {
    content: counter(h2counter) ". " counter(h3counter) ". ";
  }
  h4:before {
    content: counter(h2counter) ". " counter(h3counter) ". " counter(h4counter)
      ". ";
  }

}

@import "/novel-style.less"
#
## 準備
### Atomのインストール

[Atom](https://atom.io/)
・・・省略・・・