个人网址导航折腾备忘
闲来无事,折腾一下。
WebStack 是一个开源的网址导航,非常不错的项目。一为倒腾的付费 WordPress 版本(One Nav 正版主题)功能相当完善和强悍。除此以外,还有增加了搜索功能的 Hexo 版本,以及不带搜索功能的 Jekyll 版本和 Hugo 版本。
个人比较喜欢 Hugo,记录一下折腾的记录。
去除 tooltip 效果¶
把 layouts/index.html 的 data-toggle=”tooltip” data-placement=”bottom” 内容直接去掉。
增加搜索功能¶
借鉴 Hexo 版本的以下几个文件:
- source/js/header.js——>assets/js/search.js
- source/css/hclonely.css——>assets/css/search.css
- layout/index.ejs
第一步,把 layout/index.ejs 关于搜索部分 html 代码直接拷贝至 layouts/index.html 的
第二步,把 添加到 layouts/index.html 的 header 中。
简化 logo 链接¶
在 layouts/index.html 中判断 logo 是否以 http 开头,如果是,src 直接使用 data-src=”{{ .logo }}”;如果不是,src 设置为:data-src=”assets/images/logos/{{ .logo }}”。
默认折叠左侧栏¶
在 layouts/index.html 中的