かきスタンプ

福岡でフリーランスの物流系のエンジニアやってます。

Atom プレビュー画面の設定

Atomにて、以下のコマンドでhtmlやマークダウンのプレビューが閲覧可。

[Ctrl] + [Shift] + m

デフォルトだと背景が真っ黒だが、Styles.less編集で自由にカスタマイズできる。(WindowsUbuntuで確認。Macだと見栄えよく見えるのだろうか。)

File→Stylesheet

にて Styles.lessを開き、以下を追加

.markdown-preview.markdown-preview {
  background-color: #FFFFFF;
  font-family: "Meiryo UI";
}

 編集内容はお好みで。

f:id:kakisoft:20160812005834p:plain

 

UbuntuでStyles.lessを開くには

Help→Welcome Guide→Customize the Syling→Open your Stylesheet

と選択。他にやり方無いんかな?
こちらは編集しても上手くいかず。理由はまだよくわかんない。
Linux系OSにはそんなに力入れてなさそうなので、素直にプラグイン入れてやった方がよさそう。