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

[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. Chrome 浏览器 F12 打开开发者模式对 css 样式，鼠标右键选择新标签页打开，确认是否能正确访问。
   

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/WebStack-Demo，对应访问链接：https://webstack-demo.weiyan.cc/。