话不多说,先上资源
biuplink导航: http://www.bituplink.com/goodweb
OneHtmlNav项目: https://github.com/bituplink/OneHtmlNav
OneHtmlNav下载: 本地下载 或者github直接打包下载
小呆导航源项目: https://github.com/xiaodai945/WEBJIKE
然后上图
再然后说说这个项目的初衷
最近新建了自己的wordpress博客,原先网站使用的导航过于简陋,尤其是选择搜索引擎这块比较缺失,刚好看到了小呆导航,比较喜欢搜索引擎选择这块,但是小呆导航是CMS模板,文件多,对服务器也有要求,因此就想着把其进行精简,虽然美观降级和交互少了,但是胜在实用
优点:
- 单文件,精简使用
- 搜索引擎选择很便捷
- 电脑和手机端显示良好
- 内容好修改,搜索引擎和网站都在同一个页面,HTML本地修改,PHP代码在wp中编辑修改
- 加了一些注释,应该比较容易理解和操作
修改点:
- 把原项目后台和交互去掉,只剩下一个HTML界面,电脑本地和服务器都能用
- 去掉了网站图标,不想维护辣么多图标,虽然原版的很漂亮
- CSS和JS清理过了,代码清晰,这是个苦力活,没有工具,一行行阅读和手动删除的
- 背景图片也是编码内嵌的,还是不想再增加一个文件,repeat平铺了下(本来想用CSS渐变,没搞定…)
- 搜索引擎选择也没有了图片,改为了文字版
- 适配增加了新的搜索引擎,包括简书 微信内容 和v2ex等等
- 公共的css文件和js文件用的是官网或者CDN上的,定制的CSS和js都合并在了文件中
写在最后
- 项目基于开源MIT协议,感谢原作者的辛勤劳动,同时readme和网站都保留了版权声明
- 如果有觉得这个导航适合自己的,可以收藏或者修改属于自己的代码
- 我的前端技术实在渣渣,能改成这样已经尽力,因此欢迎技术大牛帮助完善,提交代码
- 我也比较喜欢收集好的网站,欢迎各位推荐好的网站和搜索引擎链接给我,在github,我的博客,这里留言都可以的
版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/bituplink/article/details/89507847
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。
