Atomを使ってMarkdownで記事を書く

Atomを使って記事を書く効率をあげたい

当サイトはWordPressを使用していて、Markdownのプラグインをインストールしているので、記事を書く際にMarkdownを使用して、そのままコピペ(画像は別途保存しているのでコピペで完了ではありませんが)しているのですが、プレビューをしながら記述していないので、あとで誤りがあって修正が面倒なんです。
Markdownをプレビューできるエディターはいくつかありますが、どうもピンとこなかったので使っていませんでした。

Atomがいいのでは?という評判を聞いたので試してみました。

Atomのインストール

Atom公式サイトにアクセスしてインストールモジュールをダウンロードします。
Windows版
https://atom.io/download/windows_x64
Mac版は公式サイトへアクセスしてダウンロードできます。
https://atom.io/

  1. ダウンロードしたAtomSetup-x64.exeをダブルクリックします
  2. [セキュリティ警告]で[実行]をクリックします
  3. atom  テキストエディタ

  4. インストールが完了するとAtomが起動します
  5. atom  テキストエディタ

Atomの日本語化

日本語化パッケージをインストールします。

  1. メニュー[File]から[Setings]をクリックします
  2. atom テキストエディタ

  3. settingsタブが表示されます
  4. atom テキストエディタ

  5. [Install]をクリックします
  6. atom テキストエディタ

  7. [Install Packeages]の入力項目にJapanese-menuと入力して[Packeage]ボタンをクリックします
  8. atom テキストエディタ

  9. [Installボタンをクリックします
  10. atom テキストエディタ
    atom テキストエディタ

  11. パッケージインストールが完了した状態
  12. atom テキストエディタ

Markdownをプレビュー

Markdownをプレビューするには
atom テキストエディタ

  1. メニュー[パッケージ]→[Makdown Preview]→[Toggle Preview]を選択します
  2. atom テキストエディタ

  3. 画面が分割されて右ペインにプレビューが表示されます
  4. atom テキストエディタ

  5. プレビュー状態では編集がダイレクトに反映されます

これだと記述に誤りがあれば正しく表示されないので、WordPressにコピーしたあとの確認が少なくて済みます。
CSSなどを反映すればもっとプレビューがサイトに近づくのだと思います。