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

Tommonkey

发布于 2023-02-27 20:31:57

1.7K0

发布于 2023-02-27 20:31:57

文章被收录于专栏：Tommonkey

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

开源导航页地址：

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的正确名。