在部署网站初期的过程中, 我发现了这样一个问题:
在运行命令 hugo 和 命令 hugo server 后, 在 http://localhost:1313/posts/ 里可以看到完整并且正常渲染数学公式的文章内容, 但是在网页端无法看到, 并且显示了
这样的字样.
我在观察了主页的index.html后, 发现其中有这样的一段代码.
<a href="http://localhost:55781/" accesskey="h" title="Haruhi的博客 (Alt + H)">Haruhi的博客</a>
于是猜想是不是因为疏忽把文章重定向到了本地端口.
于是我转向本地的public文件夹, 发现其仍然指向本地端口.
我们试着运行hugo重新构建这个文件夹.
惊讶地发现, 代码变成了http://haruhi.com.cn/.
通过询问ai, 我发现hugo 和 hugo server 是两种不同的命令. 前者是构建一个可以直接部署在服务器上的public文件夹, 而后者则是生成一个本地版的public 文件夹. 我原来认为hugo server 只是把public部署在本地服务器上, 这个想法是错误的.
因此解决方法是:
在测试时使用hugo server, 而在正式部署前额外运行一次hugo.
这个问题解决了, 但于此同时又出现了新的问题: 图片无法在网页中显示.
如下:
在手动检查了服务器端的html文件后, 我们神奇地发现其似乎指向了一个不存在的png 文件, 于是再次构建提交后, 问题解决了.
至此, 我们的网站终于完成了最基础的显示图片, 显示 $\LaTeX$ 的功能了.下一篇文章, 我将阐述我是如何简化构建过程的.