AtomでCSSや画像を反映させたい

Question

現在、Atomを使って開発を進めており
プレビューのためにatom-html-previewというプラグインをインストールしたのですが
CSSや画像などが反映されません。
どなたか解決策をご存じの方、ご教示いただけると幸いでござまいます。

Answer 1

こんにちは！
CSSや画像が反映されていないということはプラグインの影響ではなく読み込みパスが間違っている可能性があります。
プレビュー機能ではなく、ブラウザで直接確認してみて読み込めていなかった場合、読み込めていない可能性が高いです！

imgタグやcssのパスはどのように記述されているでしょうか？

Answer 2

確認していないのでこれで良いのかわかりませんが、このサイトの通りにやってみてはいかがでしょうか(違っていたらすみません)。
Atom Html PrevierでローカルにあるCSSを読み込む方法 - 役立ちぬ開発史、それはただのブログ

方法

1. ctrl+shift+Pで表示されるテキストエリアに、settings View: View Installed Packagesと入力&クリック
2. 右側のインストール済みのパッケージの一覧からAtom Html Previewをクリック
3. 上側のView Codeをクリック
4. libの中のatom-html-preview-view.coffeeファイルを開く

iframe.src = "data:text/html;charset=utf-8,#{encodeURI(text)}"

を、以下のように置換

iframe.setAttribute("sandbox", "allow-scripts allow-same-origin")
iframe.src = @getPath()

6.Atomを再起動