关于hexo修改css问题
解决hexo+next在本地部署成功,上传后失效问题
问题1:重新部署css失效
hexo在每次推送更新的时候,都需要清除缓存,重新部署静态文件,再推送更新。
每次清除缓存时都会删除main.css文件,再根据配置文件生成新的main.css文件。
因为美观,我就自定义了博客的main.css文件,来修改页面的字体和样式。
然而在下一次更新博客的时候,上自己的网站一看,修改的样式没了
原因:当再次推送时,重新部署的静态文件.css不包含个人修改的
解决方案:先清除缓存,再部署静态文件,此时将修改好的main.css文件覆盖 /根目录/public/css/main.css。覆盖成功后,再推送更新
1 | hexo cl |
问题2:增加功能失败
问题描述:本地测试成功,但推送后网页上失效
前提:本地测试成功——代表配置文件配置成功
我在写了一些博客之后发现,想要查询以前写的内容很不方便,于是新增了搜索的功能
在本地测试成功的情况下,我推送了更新,但网站上的搜索功能却失效了
在确认配置文件正确后,使用F12查看了网页
发现本地测试页面渲染出的Html、css文件都和网站上部署后的不一样
原因:因为我在增加搜索功能前修改了main.css并用这个main.css覆盖了系统重新部署的main.css,导致.css文件里并没有生成搜索功能该有的代码
解决方案:可以使用文本对比工具,将系统重新部署的main.css文件和之前修改的main.css对比,将新增功能的代码段落加入到修改的main.css中。当修改的main.css文件中有新增功能的段落后,部署的网站上就能正常使用功能了