制作自己的导航网页

摘要

定制化的导航网址在日常办公中是十分必要的，他可以加快日常办公索引效率。推荐一款github上爆火的一款轻量级别的导航索引模版，搭载云服务器以及构建自己的LAMP就可以很轻的使用啦。

一、git网址

GitHub - WebStackPage/WebStackPage.github.io: ❤️静态响应式网址导航网站 - webstack.cc

二、索引网站效果图

三、常用功能修改分析

3.1 导航初始页面

首先是对工程文件进行讲解：

一级：

二级：

在一级目录中存在index.html指向二级目录里的cn以及en中的index来区分不同语言所显示的网页。

默认中文显示只需要将一级目录下的index修改为：

3.2 增加导航按钮

在二级目录下的index文件里代码：

1代表下文索引的标号位置，也就是导航网页里左边那一栏点击后指向右边的哪里。

2代表显示的名称。

3.3 增加导航网址

现在需要将自己常用的网址添加到对应的右边区域：

1需要与3.2中#xxxx对应，这样点击3.2中的导航按钮就可以索引啦；

2是需要导航的网址；

3与4分别代表自己的解释。

这样子基本的功能就可以实现啦。

3.4 个性化的一些网页显示

对于网页中一些特殊的图标，可以通过文件目录里assets/css/fonts/linecons/css/linecons.css找到

对于定制化左上角的图标以及网站小图标，需要修assets/images/logo_dark@2x.png以及assets/images/favicon.png这两个文件就可以啦。