腾讯云服务器优惠活动华纳云香港服务器
boke112百科 » Themes » 正文

一款简洁大方适合个人的网址导航静态html页模板

WordPress主题推荐

昨天跟大家说到 boke112 联盟已经抛弃百度个性化首页中的“我的导航”,然后将该功能整合到友情链接页面中,具体可见『百度首页个性化导航不见了怎么办?博主站长们可以这样做』。不过对于部分站长而言操作有点难度,所以今天就分享一款简洁大方适合个人的网址导航静态页 HTML 模板,该模板无后台,直接修改 index.html 页面即可添加、编辑、删除相应博客网站信息。

一款简洁大方适合个人的网址导航静态html页模板-第1张-boke112百科(boke112.com)

这个“只言片语 — 静态导航主页”是采用 HTML+CSS+JQ 开发的最简单的静态页面,JS 放在 keyword.js 中,HTML+CSS 太过简单,需要者自行修改即可!

如果拥有自己的主机空间,那么可以直接将代码上传到根目录中指定文件夹(如 bokewenda)存放,访问路径就是自己网站网址加该文件夹名称,如 https://boke112.com/bokewenda,或者购买一个域名并解析到主机空间中,访问该域名就能直接打开这个导航页面。

如果没有自己的主机空间,那么完全可以搭配 github pages 或者是 coding pages 来使用,同样效果棒棒哒。

该导航源码内嵌了当前比较主流的搜索引擎,包括谷歌、百度、必应、360、搜狗和网盘搜索等,点击选择相应搜索引擎,然后输入关键词后点击搜索图标按钮即可。

一款简洁大方适合个人的网址导航静态html页模板-第2张-boke112百科(boke112.com)

如果想要添加,或修改,或删除某个网站链接,只需要编辑 index.html 页面,找到类似下图所示的代码,然后直接编辑网站名称和网址即可。

一款简洁大方适合个人的网址导航静态html页模板-第3张-boke112百科(boke112.com)

如上图所示,网站名称和网址、栏目名称、页头页脚的信息都一目了然,修改起来毫无难度,而且完全开源无加密。如果你想要拥有一个属于自己的个性化网址导航的话,可以试试这个源码。

本文地址:https://boke112.com/post/7577.html

赞 (0) 打赏
版权声明:本文为原创文章,版权归 boke112百科 所有,欢迎分享本文,转载请保留出处!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请联系我们,确认后马上更正或删除,谢谢!
wu