AtomにWebページと同じ形でPreviewを出したい。

Question

Atomエディタのプレビュー画面に、Webページと同じ仕様でHTML.CSSを反映させたいのですが、以下の手順を試しましたが、うまく反映されません。

１、見本となるページを、chromeの右上「その他のツール」→「ページを別名で保存」でHTML・CSS・画像を保存。
※なぜかHTMLが保存されていなかったので、「検証」→「copy outerHTML」からHTMLを保存して追加しました。
２、Atomを起動し、先ほどのファイルを開く。
３、Shift＋Ctl＋Hでプレビューを開くが、画像や背景色などが反映されない。

また、参考にしたサイトはこちらです。
「https://kimetsu.com/anime/」

見本サイトと同じように反映させるには、どういった手順を踏めばよろしいのでしょか。
ご回答お願いいたします。

Answer 1

なにを目的としたいのかによりますが、右クリックでダウンロードとかAtomのプレビュー機能を使うのはお勧めしません。

右クリックでソースの表示をし、ページ内で読み込まれている全てのファイルをダウンロードし、ディレクトリ構造をそのまま自身のPCで再現しChrome等のブラウザから確認してください。

個人的には、サイト全体の模写なんて自己満足なのでその時点でお勧めはしませんが。