Hexo部署到云服务器后CSS样式无效的问题

Hexo部署到云服务器后CSS样式无效的问题

01 前言

趁活动入手了一个云服务器（Linux），打算简单挂个博客上去，因为之前部署到github有了一些经验，所以还是选择使用Hexo。中间步骤略，部署完使用浏览器访问的时候，碰到一个比较诡异的现象：文字、图案等内容是有了，但是只是直接简单罗列出来的，CSS样式没有生效！
于是先F12简单检查一下浏览器网络请求情况，发现CSS文件请求也是正常的，也正常返回来内容了，但是就是没有渲染到页面！
就像这样：

查了一通资料，Hexo配置文件也折腾了一番，还是没有解决。最后认真对比了一下跟GitHub的部署的那套有啥区别之后，发现原来坑是在NGINX代理上。

02 正文

相关软件版本如下：

Nginx:1.18.0
Hexo:7.0.0
Hexo 主题：butterfly，4.11.0

假设博客根目录为：/usr/local/example，先生成静态资源：

hexo clean && hexo g

然后就顺利生成public文件夹了，直接上NGINX代理。
接着，N