美文网首页
界面设计之添加导航栏

界面设计之添加导航栏

作者: emmm2333 | 来源:发表于2018-07-11 20:55 被阅读0次

一个网页的界面中,不仅有页头、正文内容、侧边栏等,导航栏也是很重要的一个结构,它可以告知用户一个网站大致有那些界面和内容,起着为用户“导航指路”的作用。

那么最基础的导航栏要如何添加呢?

我们只需要打开data文件中的navigation文件,在title后输入自己想要为该栏设置的名字,若是要链接到其他的网站上,只要在url后面粘贴上想要链接的网站地址即可。

导航栏.png

接下来我们需要创建一个与data,includes等同级的文件夹并命名为pages,在其中分别创建about、svg、design等markdown文件,若是有文章要放在某个栏中,则该栏的名字后面需要加上archive,如图:

pages.png

然后分别在相应的文件中打入代码便大功告成啦!

相关文章

网友评论

      本文标题:界面设计之添加导航栏

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