0%

优化-采用静态开源导航页

发表于 2022-11-11 更新于 2022-11-12 分类于 other

对导航页的优化或者说放弃自己写导航页想法，直接在github找了一个开源的项目。

开源导航页地址：

1	https://github.com/appexplore/jianavi

hexo下next的优化：

# hexo下新建一个page
hexo new page navigate
# 在source下会生成navigate目录，进入该目录，使用wget下载开源导航页后解压并将所以文件都移动到navigate下，同时删除index.md文件
# 进入hexo的配置文件：_config.yml,找到skip_render选项，在该选项后面添加上新建的navigate目录,如下：
skip_render: navigate/*
# 同时在next主题配置下修改其配置文件：找到Menu Settings选项，添加如下：
navigate: /navigate || fas fa-compass
# 修改完配置后，就可以进行部署了

问题解决

问题一：jquery.js与js.js请求资源失败

部署后通过浏览器网络功能抓包发现请求jquery.js与js.js资源失败，代码为404。其原因是index.html中设置的js请求地址为：jquery.min.js与js.min.js,所以解决办法也很简单。修改js目录下的名字，改为jquery.min.js与js.min.js即可，或者在index.html中修改js的正确名。

问题二：背景图片无法加载

这个问题我反复在css与index.html中检查，发现确实没有什么问题，但背景图片死活加载不出来，后来我的解决办法是注释掉css目录下style.css中的背景图片设置项，然后在index.html中的body头中加入如下：

1	<body background="index2.jpg">

部署后背景图片正常显示

OVER

奖励作者买杯可乐？