返回

简约导航:简单的自建导航页

完全自定义的Navi体验

缘起

有了一台VPS之后,就总想要搭点什么。正好那是用了很久infinity导航(这也是个良心软件),实在是对文字+纯色圆圈的展示形式有些接受不能,所以就萌生了自己搭一个导航页的想法。

(最后才发现这个并不一定需要VPS才能搭,理论上你用把代码复制到Github Page上效果是一样的)

对比

我之后就找了很久,也浏览了很多项目,最后选了这个。因为我主要有四个要求:

  • 要纯文字的。含图标的,如果网站本身有图标,当然很好,网站没图标,自己用文字+纯色背景替代图标就异常难看。
  • 支持自定义(废话)。
  • 能够显示背景(木得背景,木得灵魂)。
  • 要有个搜索框(搜索还是挺重要的,但是很多项目都没有)。

如果你的要求不一样,可以参考以下项目:

这个项目挺火的,但是不满足1,4条件

也是,不满足1

(前面两个项目都有带后端的版本,也就是说可以直接在网页上进行增减)

内容有点多了

部署和自定义

部署

  • 直接到项目地址,用它的index.html文件替代你网站根目录的index.html文件即可。

自定义

  • 由于没有配置后端(纯静态文件),只能自己手改代码。
  • 对于网站就自己改名字改链接好了。
  • 对于背景,在<head>加一句
<style>
    body
    {
        background:url(https://XXXX.jpg);
        background-size: cover;
    }
</style>

即可

DEMO

kermnavi (kermsite.ml)

仅供参考
仅供参考

附录

参考文献

版权信息

本文原载于kermsite.com,复制请保留原文出处。

Built with Hugo
Theme Stack designed by Jimmy