氪主页-纯静态

演示:https://www.51kim.com/

源码:https://github.com/idealclover/zhuye_kim_HTML

image-20220304000654593

X主页-纯静态

演示:https://wxnan.gitee.io/x_home_page/

源码:https://gitee.com/wxnan/x_home_page

image-20220304000453205

H5仿夸克主页-纯静态

演示:https://liumingye.gitee.io/quarkhomepage/

源码:https://github.com/liumingye/quarkHomePage

image-20220304001454324

nan.ge-纯静态

演示:https://nan.ge/

源码:https://github.com/xOS/Nange

image-20220304000854686

红隼书签

一款简洁的在线书签导航网站。

https://github.com/zhanhongzhu/kestrel-bookmark

img

在线书签管理工具

https://www.yuque.com/baideye/my/kcfmdc#H1bL1

img

发现导航-纯静态

演示:https://www.nav3.cn/#/side

源码:https://github.com/xjh22222228/nav

第三方教程:https://navdoc.super.site/

image-20220304001212879

咖啡吧导航-纯静态

地址:https://github.com/ops-coffee/nav

教程:https://blog.ops-coffee.cn/s/jrszzcbeic5mjby7ddkkmq

下载:📎咖啡吧导航.zip

img

导航站采用纯静态构建,下载源代码后只需要修改html文件中的li代码块即可,li代码块结构如下:

1
2
3
4
5
6
7
8
9
<li>
<a class="nav-item clearfix" href="https://music.163.com/" target="_blank">
<div class="nav-img"
style="margin-bottom:40px;background-image: url(/images/icon/m163.png);">
</div>
<div class="nav-name">网易云音乐</div>
<p>音乐社区,不止是播放器</p>
</a>
</li>

仅需修改四个地方,分别对应了网站的四个关键信息:

修改 https://music.163.com 为对应网站的URL地址

修改 /images/icon/m163.png 为对应网站的Logo地址

修改 网易云音乐 为对应网站的名称

修改 音乐社区,不止是播放器 为对应网站的描述

黑格导航

演示:http://heige.chuangzaoshi.com/

下载:📎BlackGrid-黑格导航Pro2.0.zip

HaoWa导航

演示:http://dianshanglao.com/

https://hao.uisdc.com/

下载:📎WordPress导航主题HaoWa_1.3.1与教程.zip

简约导航-纯静态

地址:https://github.com/appexplore/jianavi

img