关于页面样式和路径的问题

[shenweiyan]

关于路径的问题：

1. 如果你的baseURL = "https://example.com/WebStack"（多了一个子目录WebStack ），本地预览时需要在浏览器中打开 http://127.0.0.1:1313/WebStack 进行预览；

2. 如果你的baseURL = "https://example.com/（不带子目录），本地预览在浏览器中打开 http://127.0.0.1:1313 即可。
   

---

关于样式不显示的问题，可以通过下面的方法检查一下：

1. 检查一下 hugo 的版本，建议使用 https://github.com/gohugoio/hugo/releases/v0.89.4/ 的版本；有用户反馈太高的 hugo 版本也可能会造成样式不显示。

2. 如果hugo server正常，但hugo -D生成的public/index.html生成的静态文件直接在浏览器打开出现样式不显示：

   • 正常hugo -D生成的public静态文件需要上传到 github pages/Cloudflare Pages，通过 url 才能正常显示，本地是无法直接查看。

   • 如果想要实现本地直接查看，可以在config.toml文件的顶部添加一个relativeURLs = true的选项，hugo -D重新生成一下public静态文件即可。

[hangzhi7]

关于样式不显示的问题，我的调试了一下，最后的解决办法： 将主题中的所有 “relURL”全部去掉就可以，用github pages部署也能正常访问

• 其实样式问题可以通过浏览器开发者模式控制台发现，是样式没有加载到包404，是路径问题，与hugo 的版本没有关系，

如上图，如果有relURL 生成时 路径里会多一个 “ / ”，这样的样式加载都会报404的，看作者github pages 部署示例也是样式有问题的，地址查看：https://shenweiyan.github.io/NavBioIT/ ，我也不知道为什么用Cloudflare Pages部署就可以正常访问。

• 其实github pages 部署后访问和本地用 hugo -D生成的public/index.html生成的静态文件直接在浏览器打开是一样的原理

[tom2almighty]

将 layouts/partials 文件夹下文件中 relURL 更换为 absURL 也可。

[shenweiyan]

将 layouts/partials 文件夹下文件中 relURL 更换为 absURL 也可。

感谢，已经把下面的 relURL 都更换为 absURL 了。

[yaoyuanArtemis]

https://shenweiyan.github.io/NavBioIT/

为什么我这个文件夹下是空的

[shenweiyan]

https://shenweiyan.github.io/NavBioIT/

为什么我这个文件夹下是空的

NavBioIT 仓库已经更改为 https://github.com/shenweiyan/Bioit-top，对应访问链接：https://bioit.top/。