之前，为了将谷歌浏览器中的书签整理成博客的markdown文件，我曾经开发了一个名为parse-bookmark的小工具。最初的目的是为了方便在博客中创建一个网址导航页面，这样我就可以随时随地找到常用的网站。
在公司内部，我也整理了许多网址，但直接使用表格或一行一行地记录并不美观。我一直在寻找一种方法，可以生成包含网站图标、名称和描述信息的网址导航页面。
推荐博客
cafehaus
我开发了一个可视化的网页工具——markdown-web-nav。用户可以直接在网页上添加、编辑和删除网址数据，然后自动生成所需的markdown数据。具体功能包括：
在网页上新增、编辑和删除网址数据。
通过上传json文件直接生成页面数据。
实时预览最终的markdown渲染效果。
一键复制最终的markdown数据。
导出页面数据到markdown文件或json文件。
使用markdown-web-nav制作网址导航页面的步骤如下：
2. 可选步骤：对于习惯使用json数据的程序员用户，可以直接上传json文件，数据会自动导入到工具中。需要按照特定格式编写json数据，包括导航分类的title以及分类下网站的name、url、icon和description等信息。具体格式可以参考示例模板中的json文件。如果不习惯使用json模式，可以直接跳过此步骤并按照下面的步骤操作。
3. 新增导航分类：为网址导航中的网站数据进行分类，如科技类、美食类等。在新增分类的同时需要同步添加一个网站导航数据。
4. 新增网站数据：在分类下添加具体的网站信息，包括网站名称、地址等。点击分类和网站数据后的编辑图标可以编辑详细信息，点击减号图标可以删除当前元素，点击加号图标可以添加当前分类下的新网站信息。
5. 复制markdown数据：完成数据添加后，点击右侧的“复制markdown数据”，将最终的markdown数据复制到粘贴板。同时建议点击“导出json”按钮备份当前数据到本地电脑。
