全球主机交流论坛

标题: cloudflare-works-nav基于cf的导航站项目再更新 [打印本页]

作者: 0Ll0 时间: 2020-3-7 23:33
标题: cloudflare-works-nav基于cf的导航站项目再更新
本帖最后由 0Ll0 于 2020-3-11 21:27 编辑

这几天更新了下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://loc.442266.xyz/thread-652439-1-1.html
收录的mjj的博客站，aff站，杂货铺：https://loc.442266.xyz/thread-647357-1-1.html
存js、css文件：https://loc.442266.xyz/forum.php?mod=viewthread&tid=646638&page=1&extra=#pid7806133
虚空大佬的项目帖子：https://loc.442266.xyz/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

作者: Wyane 时间: 2020-3-7 23:35
支持技术大佬，有空试试现在搭的用之前一个

作者: fly97 时间: 2020-3-7 23:35
膜拜大佬

作者: Crying 时间: 2020-3-7 23:37
支持.支持

作者: Reves 时间: 2020-3-7 23:41
大佬厉害

作者: hasamol7468 时间: 2020-3-7 23:45

支持一下大佬

作者: h1xy 时间: 2020-3-8 00:32
本帖最后由 h1xy 于 2020-3-8 01:19 编辑

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

作者: A23187 时间: 2020-3-8 00:42
支持支持支持支持，mark

作者: beastie 时间: 2020-3-8 01:51
支持

作者: 0Ll0 时间: 2020-3-8 09:32

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协议

作者: Vhc 时间: 2020-3-8 09:38
提示: 作者被禁止或删除内容自动屏蔽

作者: 0Ll0 时间: 2020-3-8 09:39

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

因为迷茫，所以我在footer里也写了虚空大佬的地址：https://s2.ax1x.com/2020/03/08/3vrHit.png。我把这个问题也放到帖子里吧，帖子里本来就写了虚空大佬的项目帖子，他帖子里有他的github

作者: yrj 时间: 2020-3-8 09:43

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

哈哈确实有点丑，回忆杀啊，，仿佛回到10年前

作者: 0Ll0 时间: 2020-3-8 10:05

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

我用的是默认的样式，这方面还没修改

，谢谢大佬，这项目最开始也是我刚学bootstrap4（边做边学），柴都导航，我也知道（挺有名的），我忘记加进去了

作者: yy520 时间: 2020-3-8 11:44
个人感觉第二版最好看，第一和第三版移动端不行

作者: 0Ll0 时间: 2020-3-8 11:57

yy520 发表于 2020-3-8 11:44
个人感觉第二版最好看，第一和第三版移动端不行

第三版？你指的是我现在的导航站吗？那个可能是因为英文名字和描述的问题，那个就是第二版添加了，只不过第二版没那么多内容，也没有英文标题，描述，所以不会乱

作者: lqtest 时间: 2020-3-8 12:25
好东西。搭建了一个。谢谢

作者: 八块腹肌的Duang 时间: 2020-3-8 12:38
提示: 作者被禁止或删除内容自动屏蔽

作者: 虚空 时间: 2020-3-9 11:40
最近几天一直加班都没来LOC逛了
Licence的话保留我的版权就可以了别的无所谓

2.0版本已经开始做了但是这段时间公司开了新项目只能等疫情过了再说了

作者: 兔斯基 时间: 2020-3-9 11:42
提示: 作者被禁止或删除内容自动屏蔽

作者: 迷路小刀 时间: 2020-3-9 14:39
辣眼睛。。

作者: 0Ll0 时间: 2020-3-11 21:17

迷路小刀发表于 2020-3-9 14:39
辣眼睛。。

没办法，我比较菜

作者: 0Ll0 时间: 2020-3-11 21:25
其实这个项目就是方便，搭建速度快，不需要vps，不怕被d，如果真的要好看，搞mjj导航那种比较好

欢迎光临全球主机交流论坛 (https://loc.442266.xyz/)