静态网站生成器Hugo本地生成网站与public文件夹推送到Github上效果不一致的问题解决

前面试验了使用Github和Hugo来构建自己的在线文档网站的基本步骤,接下来想要定制一个自己的网站,而不是仅仅使用模板。

从一些经验帖来看,通用的做法就是

1)在Github上新建一个XX.Github.io的仓库,并开启Github Pages功能。

这时仓库下将生成index.md_config.yml。如此我们才能保证在线网站的基本访问功能。

2)在本地新建文档,使用hugo server命令生成public文件夹,这个文件夹里是hugo构建的所有静态页面,我们只需要将文件夹下的内容推送到步骤1中创建的仓库中(仓库中的index.md和_config.yml需要一直保留)就可以在公网上访问我们在本地构建好的网站。

实践的过程中就遇到问题了:

本地生成的网站长这样

使用public文件夹推送到Github上的网站长这样

小白的我,甚至不知道这样的现象如何描述,也许是CSS样式丢失?效果不一致?

对照教程,并没有哪里做的不对,大家也没有遇到我这样的现象。

只找到一条解决记录如下,但是我当时并没有看懂,只单纯地注释掉了自己config.toml里的首行“ baseURL = "https://example.com/",但是并没能起什么作用。

 

 最后呢?解决了。解决办法呢?F12键,也许这才是正确的调试办法吧。

既然说这是CSS样式的问题,那是不是CSS引用出现了问题,结合上面的解决记录,我试着将“ baseURL = "https://example.com/"改成了“ baseURL = "https://XX.github.io/" (XX是我github的用户名),也许这样CSS样式指向才正确。

 果然,public里有index.html效果达到了,推送到Github也正常。

 

猜你喜欢

转载自blog.csdn.net/qq_38250687/article/details/119455302