cloudflare-works-nav基于cf的导航站项目再更新

0Ll0

这几天更新了下cloudflare-works-nav项目，在前版本的基础上增加背景图片,透明度，提高移动端兼容性。
演示地址：https://nav.elle.workers.dev/ 我的导航站（现在的样式）
演示地址：https://nav2.elle.workers.dev/ 2.0版本:在旧版本基础上增加背景图片，滚动条等，优化移动端响应
演示地址：https://nav1.elle.workers.dev/ 1.0版本:无背景图片
搭建教程：https://blog.csdn.net/qq_38243612/article/details/104428591
绑定域名教程：https://blog.csdn.net/qq_38243612/article/details/104433673

项目当前存在的bug：
1、为了让锚点不被遮住，造成了点击后目标位置产生距离（本来不用那么久的，这方面查了很多资料，还是难解决）
2、纯英文的desc可能造成间距问题（已解决）
3、背景图片无法在数组里面修改 style=“backgroud:url(图片)”    （如何实现改数组数据，图片位置数据变化，我尝试修改过，报错。。。）
我想知道上述bug能怎么解决 ，还有响应式布局怎样能在改变一个大小的情况下，不影响其他元素，希望大佬教教我
项目应该不会再改样式了（可能只会修bug），如果虚空大佬@虚空
更新增加了小工具，我会看看能不能学习增加在此项目上。

虚空大佬说的折叠导航栏，我觉得做的话，挺麻烦的（折叠栏好做，如果数据多的话，分类太麻烦，如果有了折叠栏，我会想在导航内容部分加小分类）

之前为解决bug开的帖子：
给cf项目自定义域名提速(效果不太明显)：https://hostloc.wiki/thread-652439-1-1.html
收录的mjj的博客站，aff站，杂货铺：https://hostloc.wiki/thread-647357-1-1.html
存js、css文件：https://hostloc.wiki/forum.php?mod=viewthread&tid=646638&page=1&extra=#pid7806133
虚空大佬的项目帖子：https://hostloc.wiki/forum.php?mod=viewthread&tid=643150


3.11更新提示框样式，透明度问题等。未覆盖之前样式，现在的样式在master中，引入改为<link rel="stylesheet" >

感谢各位大佬的帮助和支持,谢谢大家!


关于项目是不是从虚空大佬的上直接改的，我也迷茫。说是的话，我的和他的除了数组使用相同和workers，主函数相似，调用他的api外，我的导航站是我学习bootstrap4（此项目最开始的是我第一写bootstrap4），我的项目的html版在我的github上有：https://github.com/ytorpedol/navigation-html里，说不是，我的确看过他的项目怎么写的，学习了他的项目。他的项目是MIT协议，衍生软件可以不写版权。我第2版改成了Apache协议。对这个问题我也迷茫，本这向大佬学习的态度，不管在第一个版本还是第二个版本，在导航程序的末尾也加上了base on虚空。https://s2.ax1x.com/2020/03/08/3vrHit.png
前面也写了虚空大佬的项目帖子，里面有他的github，为方便大家，附上他的github地址：https://github.com/sleepwood/CF-Worker-Dir/
演示地址：http://gethe.best

0Ll0

Vhc 发表于 2020-3-8 09:38
这太丑了吧！
鼠标悬停提示可以参考参考柴都导航 https://www.chaidu.com/

我用的是默认的样式，这方面还没修改，谢谢大佬，这项目最开始也是我刚学bootstrap4（边做边学），柴都导航，我也知道（挺有名的），我忘记加进去了

Wyane

支持技术大佬，有空试试 现在搭的用之前一个

fly97

膜拜大佬

Crying

支持.支持

Reves

大佬厉害

hasamol7468

支持一下大佬

h1xy

你是在虚空基础上改的把？有github地址吗

A23187

支持支持支持支持，mark

beastie

支持

0Ll0

h1xy 发表于 2020-3-8 00:32
你是在虚空基础上改的把？有github地址吗

重新写css和html，juqery，然后转换成能在workers上跑的代码，虚空大佬的项目地址：Github：https://github.com/sleepwood/CF-Worker-Dir/
演示地址：http://gethe.best，上面的帖子里面有啊，且我加上了链接，导航程序的最下面（虽然不知道写的对不对，我那上面写了base on），其实我也不知道算不算在虚空的基础上改的，反正页面是重写的，worker也只能运行c、c++、js，rust。虚空大佬的项目让我知道在cf上怎么运行js，我参考了他的js数组、因我之前收录博客的时候，文件已经给我转成相同的形式，所以js运行数组形式和他的一样，我的项目的html版在我的github上有：https://github.com/ytorpedol/navigation-html，我写了html的后，再搞cf版的。图片api之前用的是别的api，但是不知道为什么到了js版长失效，bug多。后面改用虚空大佬的api。项目用了：bootstrap4+jquery，这项目最开始的时候，我才开始学bootstrap4，虚空大佬用的好像是semantic ui。我都迷茫了，我到底是不是在他的基础上，说是，除数组外几乎不同，说不是，我的确看过他的项目怎么写的，学习了他的项目，所以在导航程序的末尾也加上了base on虚空。他的项目是MIT协议，衍生软件可以不写版权。我第2版改成了Apache协议