使用Jekyll时如何在移动设备上访问localhost

Question

所以我搜索了很多谷歌，我已经尝试了所有人都在暗示的东西，但似乎没有任何工作。

我想在手机上查看我的jekyll网站。

当我运行jekyll时，它说服务器地址：127.0.0.1:4000

我的电脑的IP是154.135.X.Y

我在Windows入站规则中打开了端口

我尝试使用154.135.X.Y：4000和127.0.0.1:4000从我的手机访问，但无济于事。

任何人都知道如何在移动设备上访问我的jekyll网站？

Answer 1

如果您的服务器地址是127.0.0.1，则表示Jekyll仅在您的本地主机上侦听。您需要启动Jekyll并指示它在任何接口上绑定到端口4000：

jekyll serve --host 0.0.0.0
Configuration file: none
Auto-regeneration: enabled for '/private/tmp/test'
Configuration file: none
    Server address: http://0.0.0.0:4000/
  Server running... press ctrl-c to stop.

如果您是从网络访问计算机，则需要确保您的路由器将端口4000转发到您的PC。

如果从本地LAN访问计算机，请确保访问计算机的专用IP，而不是公共IP。

显然，您需要确保没有防火墙阻止PC上的传入连接。

Answer 2

• 运行bundle exec jekyll serve --host 0.0.0.0或jekyll serve --host 0.0.0.0
• 在笔记本电脑中打开端口4000。 （对于Windows，为端口4000添加入站规则例外。）
• 查找笔记本电脑的本地IP地址（https://www.whatismybrowser.com/detect/what-is-my-local-ip-address），如192.168.1.109
• 确保移动设备连接到与笔记本电脑相同的wifi网络。在移动浏览器中使用端口4000打开local-ip-address-laptop。即https://192.168.1.109:4000
• 多田！
• 您仍然可以使用http://127.0.0.1:4000
访问笔记本电脑中的网站

TiP：使用{{site.baseurl}}/在页面中添加图片/资源，并确保 url:~

中没有_config.yml键