萝莉控导航是一个网站导航,可以方便地浏览和管理自己经常访问的网站。本文将从以下几个方面介绍如何更好地使用萝莉控导航。
一、添加网站
使用萝莉控导航前,首先需要添加自己常用的网站。进入萝莉控导航首页,点击右上角的“添加网站”按钮,弹出添加网站的窗口。在网站名称和网站地址栏中输入相应的内容,点击“保存”按钮即可添加成功。
<div class="add-site"> <button class="add-site-btn">添加网站</button> <div class="add-site-form"> <input type="text" class="add-site-name" placeholder="网站名称"> <input type="text" class="add-site-url" placeholder="网站地址"> <button class="save-site-btn">保存</button> </div> </div>
二、分类管理
随着添加的网站越来越多,分类管理就显得尤为重要。在导航页面的左上角,可以看到“分类管理”按钮,点击后可以进入分类管理页面。在该页面中,可以添加、修改、删除分类,并将不同的网站添加到对应的分类中,以便更快地找到需要的网站。
<div class="category-management"> <button class="add-category-btn">添加分类</button> <ul class="categories-list"> <li class="category-item"> <div class="category-title">分类名称</div> <div class="category-actions"> <button class="edit-category-btn">编辑</button> <button class="delete-category-btn">删除</button> </div> <ul class="sites-list"> <li class="site-item"> <a href="网站地址" class="site-link">网站名称</a> </li> </ul> </li> </ul> </div>
三、搜索功能
在导航页面的右上角,有一个搜索框,通过输入网站名称或关键词,可以快速找到需要的网站。在搜索结果中,可以点击对应的网站名称直接跳转到该网站。
<div class="search"> <input type="text" class="search-input" placeholder="搜索网站名称或关键字"> <button class="search-btn">搜索</button> </div>
四、chrome插件
在使用Chrome浏览器时,可以通过安装萝莉控导航的Chrome插件,在浏览器上方添加一个萝莉控导航的快捷方式。这样,不需要再打开萝莉控导航的网页,就可以方便地管理和访问自己添加的网站。
chrome.browserAction.onClicked.addListener(function(tab) { chrome.tabs.create({url: "https://loli.tools/nav"}); });
五、快捷键
在萝莉控导航的网页中,有一些快捷键可以进行快速操作:
Enter
:搜索框中输入搜索内容后,按下Enter键即可搜索Tab
:在添加网站时,输入完网站名称后,按下Tab键即可自动跳转到网站地址输入框Ctrl+S
:在编辑分类或者网站时,按下Ctrl+S键即可保存修改Ctrl+Z
:在编辑分类或者网站时,按下Ctrl+Z键即可撤销修改