全球主机交流论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

CeraNetworks网络延迟测速工具IP归属甄别会员请立即修改密码
查看: 2813|回复: 22

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

[复制链接]
发表于 2020-3-7 23:33:44 | 显示全部楼层 |阅读模式
本帖最后由 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://www.hostloc.com/thread-652439-1-1.html
收录的mjj的博客站,aff站,杂货铺:https://www.hostloc.com/thread-647357-1-1.html
存js、css文件:https://www.hostloc.com/forum.php?mod=viewthread&tid=646638&page=1&extra=#pid7806133
虚空大佬的项目帖子:https://www.hostloc.com/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
 楼主| 发表于 2020-3-8 10:05:30 | 显示全部楼层
Vhc 发表于 2020-3-8 09:38
这太丑了吧!
鼠标悬停提示可以参考参考柴都导航 https://www.chaidu.com/

我用的是默认的样式,这方面还没修改,谢谢大佬,这项目最开始也是我刚学bootstrap4(边做边学),柴都导航,我也知道(挺有名的),我忘记加进去了
发表于 2020-3-8 09:38:51 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
发表于 2020-3-7 23:35:17 来自手机 | 显示全部楼层
支持技术大佬,有空试试 现在搭的用之前一个
发表于 2020-3-7 23:45:55 | 显示全部楼层
支持一下大佬
发表于 2020-3-8 00:32:59 | 显示全部楼层
本帖最后由 h1xy 于 2020-3-8 01:19 编辑

你是在虚空基础上改的把?有github地址吗
发表于 2020-3-8 00:42:45 | 显示全部楼层
支持支持支持支持,mark
 楼主| 发表于 2020-3-8 09:32:08 | 显示全部楼层
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协议
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|全球主机交流论坛

GMT+8, 2024-5-3 16:00 , Processed in 0.074447 second(s), 10 queries , Gzip On, MemCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表