Anotion CSS ホットリロードツール

事前準備

Anotion側の設定

• ① https://live.anotion.so 上からLive化コード（このページ下部）をコピー

• ② https://app.anotion.so/ の管理画面でサイト一覧上配下の「データ編集 > HTML直接追記」へ貼り付け

• ③「保存＆閉じる」ボタンをクリック

実際に使ってみる

• https://live.anotion.so/ と自身のanotion.soサイトをブラウザ上で同時に表示

• live.anotion.so側でCSSを編集し「Cmd+S (Mac) またはCtrl+S (Windows)」で保存

• 自分のanotion.soの見た目が変わることを確認

• ※ここでの変更はLiveエディタ利用者のみに反映され、一般の閲覧者には反映されません。 一般の閲覧者にCSSを反映したい場合はanotionのデザインの変更から、CSSを反映させてください。

• Live化コード適用済みのデモサイト でも動作確認していただけます。