本地网页html上传到github后格式不一致

发布网友发布时间：2023-04-12 17:59

共1个回答

热心网友时间：2023-04-22 23:42

前面试验了使用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也正常。