fox-net’s blog

システム開発に間することをざっくばらんに

atomの背景画像を設定してみる

atomの背景画像を設定してみる

editor-backgroundを使うと、atomの背景画像をとても簡単に設定できます。

おおまかな手順は以下の2つだけ。

  1. editor-backgroundのインストール
  2. 背景画像の設定

1.editor-backgroundのインストール

コマンド一発でOK
$ apm install editor-background

2.背景画像の設定

atomのメニューから
パッケージ -> editor-background -> Toggle
を表示

最低限、以下の2つを設定すればOK

  • Background Sizeをcoverに変更
  • image URLに表示させたい画像のパスを設定
    ※パスの設定は「atom://」がatomのインストールフォルダになります。
     (だいたいユーザフォルダの直下の.atomフォルダ)

f:id:fox-net:20180225015038p:plain


完成

やったぜ f:id:fox-net:20180225015656p:plain