美文网首页
在 jekyll 建站之搜索与导航体会

在 jekyll 建站之搜索与导航体会

作者: GeekJun | 来源:发表于2018-07-11 21:16 被阅读9次
jekyll.jpg

搜索

我是在主页全局导航里面添加了搜索栏,点击有个类似放大镜的小图标就进入到搜索的界面,输入关键词就可以查询到自己想要找到的信息。读者在面对很多文章无从查找的窘境经常使用的方法,关键是网站的页面要提供这样一个功能,它可以使网站提高访问量,方便用户使用,在面对繁多的信息面前不会感到无所适从和毫无头绪

导航

我添加了两种类型的导航栏,分别是侧边自定义导航栏和面包屑导航栏。侧边自定义导航栏要把链接的路径弄好,否则没有办法实现正确跳转,我只是放置跳转了我的部分重要文章,可以直接方便用户在每一页直接实现跳转。面包屑导航栏是为了方便读者明确自己在网站的哪一个位置,可以直接返回父级导航,大大提高了可访问性和一致性,但是设置有点小,不太容易发现,这也是会被诟病的地方

相关文章

  • 在 jekyll 建站之搜索与导航体会

    搜索 我是在主页全局导航里面添加了搜索栏,点击有个类似放大镜的小图标就进入到搜索的界面,输入关键词就可以查询到自己...

  • 在 jekyll 建站之背景颜色和图片体会

    背景颜色 我选用了比较亮一点的米色,属于暖色调,不会太过于惊艳,比较简单。但是缺点是我还不太会把色调调到恰到好处的...

  • Jekyll建站问题

    序言 文章的诞生过程 本文描述jekyll建站时遇到的问题,由于对jekyll建站并无专门的学习和研究,所以该文章...

  • Jekyll search组件

    之前的文章给jekyll添加炫酷简洁的搜索中介绍了怎么给jekyll添加全局搜索功能,为了能够更快的加入搜索功能,...

  • Hexo search组件

    当前主流的静态博客有Jekyll和Hexo,之前的文章已经介绍了Jekyll中的搜索组件

  • 自建博客

    因为想要装个逼,在网上找到一些自建博客的教程=。=我采用的是jekyll和github pages的建站方法以后在...

  • GitHub Pages 教程

    参考资料: jekyll博客搭建之艰辛之路 Github+Jekyll 搭建个人网站详细教程 jekyll+git...

  • uniapp 原生导航栏

    在项目开发中, 想要自定义一个导航栏, 做完之后发现坑还是不少 需求: 导航栏添加搜索框与搜索图标 pages.j...

  • 浅析资讯类信息流产品

    在 web 1.0 和 2.0 时代,用户在门户新闻网站查寻信息,靠的是分类与导航。后来,用户会到搜索引擎搜索信息...

  • bundler: failed to load command:

    jekyll主题更改,执行bundle exec jekyll serve报错 解决方法: 在该jekyll主题下...

网友评论

      本文标题:在 jekyll 建站之搜索与导航体会

      本文链接:https://www.haomeiwen.com/subject/mtekpftx.html