LoginSignup
8
3

More than 5 years have passed since last update.

HugoをLAN上のiPhoneからプレビューする方法

Last updated at Posted at 2018-12-09

手順

Step1. IPアドレス確認

まずはMacのIPアドレスを確認する.
ifconfigでeth0を見るか,設定アプリ>ネットワークから確認する.

Step2. Hugo server 起動

仮にIPが192.168.0.20だったとして,

$ hugo server --bind 192.168.0.20 --baseURL=http://192.168.0.20

でHugoを起動する.
コマンドオプションは後の補足説明参照.

Step3. (初回時のみ)ネットワークアクセスを許可

初回起動時だと次の画像のように許可を求められるのでHugoに権限を与える。許可は後で取り消すことが可能。

macOS.png

Step4. 任意の端末からアクセス

その後iPhone(に限らず他のコンピュータ)から,
192.168.0.20:1313にアクセスすれば完了!

補足説明

コマンドオプションについて.

オプション 説明
--bind デフォルトでは127.0.0.1.この値をMacのIPまたは0.0.0.0に変更することで他のLAN上のコンピュータからアクセス可能になる.
--baseURL ホスト名・パスの設定.CSS反映がうまくいかない場合はこのオプションを追加すると良い.

よりシンプルな方法

仮にMacの名前がMyMBPだとしたら,mymbp.localでLANからアクセスすることもできる(Macの名前は設定アプリ>共有から確認できる).その場合はhugo server --bind 0.0.0.0で起動し,他端末からmymbp.local:1313にアクセスすれば良い.


参考:
https://discourse.gohugo.io/t/site-preview-from-smart-phone-in-lan-is-not-possible/2951/2

8
3
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
3