全球主机交流论坛

标题: 学习虚空大佬的CF-Worker-Dir，写了个小项目（bug） [打印本页]

作者: 0Ll0 时间: 2020-2-20 13:47
标题: 学习虚空大佬的CF-Worker-Dir，写了个小项目（bug）
本帖最后由 0Ll0 于 2020-2-21 14:49 编辑

前几天看了虚空大佬的帖子：https://443502.xyz/forum.php?mod=viewthread&tid=643150
学习虚空大佬的项目和学习bootstrap4，并用bootstrap4+jquery制作了项目：
github：https://github.com/ytorpedol/cloudflare-works-nav
演示地址：https://nav.elle.workers.dev/

2/20 22:42更新
目前还需改进的问题：
1、莫名其妙的逗号问题（已解决）
2、样式引入（现在用的是github里面存的，但是速度不快，有的地区可能无法访问）（已通过jsdelivr的功能，解决）
3、图片api用的是虚空大佬的，我之前找了其他的api，但是很不稳定，所以用了虚空大佬的api。
4、tooltip提示框，换行问题，用能识别html的，担心安全问题（github里面并未增加提示框使用html的功能）
5、修复自适应（已修复部分）
6、未知

与原版不同的是：样式不同，增加了导航栏，增加锚点。。。

@虚空

作者: ychhan 时间: 2020-2-20 14:10
界面不错，节省页面空间。

作者: 34995549 时间: 2020-2-20 14:14
没我博客差评

作者: 肥而不腻 时间: 2020-2-20 14:15
手机上看好像有点扭曲

作者: 某猫猫 时间: 2020-2-20 14:17
看着不错，挺好看的

作者: 坏鱼炒年糕 时间: 2020-2-20 14:28
这玩意儿怎么用自定义域名。。我一直没成功。。听说得NS解析的域名才行 CNAME的不行？

作者: 0Ll0 时间: 2020-2-20 14:35

坏鱼炒年糕发表于 2020-2-20 14:28
这玩意儿怎么用自定义域名。。我一直没成功。。听说得NS解析的域名才行 CNAME的不行？ ...

好像可以啊，我这里。我不用是因为速度问题，我不知道为什么用他的加载很快，自定义一下，慢死了（网盘站），可能是我这cdn慢

作者: 0Ll0 时间: 2020-2-20 14:36

34995549 发表于 2020-2-20 14:14
没我博客差评

后面收录加上（我在想怎么用excel转数组，方便批量添加）

作者: yiluosha3 时间: 2020-2-20 14:42
不用kv store跟个静态页面没区别

作者: 虚空 时间: 2020-2-20 14:44
注意一下模板函数的写法逗号应该就能消失了我猜你是多打了一个逗号导致被JS当成内容渲染出来了

布局电脑端挺不错的手机端有点拉跨建议把侧边导航改成折叠式的还有页脚要是能自适应就更好了

作者: 0Ll0 时间: 2020-2-20 22:46

肥而不腻发表于 2020-2-20 14:15
手机上看好像有点扭曲

修复了一下，现在应该不扭曲了（第一次使用Bootstrap4，移动端没开发过，现学现改），

作者: 0Ll0 时间: 2020-2-20 22:51

yiluosha3 发表于 2020-2-20 14:42
不用kv store跟个静态页面没区别

没接触过kv store，大佬提到，我才知道，有机会我学习完改进。谢谢大佬！

作者: 0Ll0 时间: 2020-2-20 23:12

虚空发表于 2020-2-20 14:44
注意一下模板函数的写法逗号应该就能消失了我猜你是多打了一个逗号导致被JS当成内容渲染出来了

布局电脑 ...

修复了逗号错误（少打一个括号），移动端现在应该已经正常了，页脚之前就是自适应啊（下面的内容有点多，还写了基于大佬您的github并附上链接），页脚不知道怎么改好（我看到大佬您的项目后，想增加导航栏，才去学习bootstrap4，我之前没怎么接触过响应式布局，移动端可能有很多需要改进的地方）。折叠式导航还需要重构（折叠后移动端的样式没想好怎么搞，在移动端不太方便的样子，现在的能分类跳转（导航栏能放8-12个分类，不影响其他位置）。谢谢大佬的建议，能让我有更多的开发经验

作者: hongcha 时间: 2020-2-20 23:37
提示: 作者被禁止或删除内容自动屏蔽

作者: 告辞 时间: 2020-2-20 23:44
不错的，感谢大佬，已star

作者: FengM 时间: 2020-2-20 23:58
make

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