jic999 / moon-web-start

A simple style web navigation page | 一个简约风格的网址导航页
https://moon-start.netlify.app/
MIT License
104 stars 42 forks source link

问题反馈 #8

Open happylike opened 1 year ago

happylike commented 1 year ago

当二级分类超过四个字,网站名称超过八个字就会显示不全二级分类超过四个字,网站名称超过八个字就会显示不全。 详见:https://ilaw.netlify.app/

jic999 commented 1 year ago

为了防止文字溢出,目前是这么设计的,你有什么建议吗

happylike commented 1 year ago

1.不改变现有布局:让超出的文字滚动播放; 2.改变现有字符:2.1变更字符间距;2.2缩小字符;2.3缩小字符的同时换行显示;2.4二级分类根据三级的行数,如果超出两行,则二级分类八个字(手机上二级分类是独占一行则不需要考虑),也可以跟手机一样让标题独占一行这样如果超出一行分行显示也不影响标题的判断,或者电脑上二级分类和三级有明显的差异性,按照四字分行也容易读。三级的话按照一行容纳的字符算,如果超出一行容纳字符的网页则在第二行显示。 以上是我的一点拙见。😂

jic999 commented 1 year ago

很好的建议🌹,但是我觉得这可能会破坏页面风格的一致性,从而影响整体的显示效果。我看了你提供的 demo,有不少名字较长的网站无法完全显示,我认为 用一个精简的标签去显示一段并不精简的内容 可能并不是一个很明智的选择。

不过,你的建议让我想起了另一个或许可行 idea:新增一个“标签模式”(暂且这么叫)的设置项,可选“精简模式”和“详情模式”。

精简模式就是目前的状态;而详情模式下,将网站由较小的 tag 切换为类似 WebStack-Laravel 中的较大的 card 的形式(下图),而二级标题改为独占一行,这样以来,不但能够显示更长的内容,还可以根据个人喜好为网站添加一段 desc。你觉得怎么样?

image

happylike commented 1 year ago

我感觉这个想法非常的好,感谢回答!

happylike commented 1 year ago

用了两个python脚本,可以将src/preset.json,转换为csv或者将固定格式的csv编写好后转换为json,适用于大量的网页分类。 脚本和模板csv在这里https://netcloud.lanzouj.com/iqb691cnt8sh。

jic999 commented 1 year ago

等我有空会尝试实现一下,这可能需要几天。当然如果你有时间和兴趣的话也可以提交一个 pr😆

happylike commented 1 year ago

我不太会用git😂 怕弄乱了

jic999 commented 1 year ago

dev 分支最新的提交大致完成了上述的内容,但看起来感觉不太协调,我看能否再优化一下。有什么建议,欢迎提出!

loveyang2012 commented 10 months ago

自定义网站后,怎么做持久化呢?修改了一些配置,比如删减了一些网站,清空浏览器后刷新,就复原了。

jic999 commented 10 months ago

自定义网站后,怎么做持久化呢?修改了一些配置,比如删减了一些网站,清空浏览器后刷新,就复原了。

你可以检查一下网站偏好是否为自定义。自定义数据存储在浏览器的 localStorage 中,刷新或重启浏览器是不会导致丢失数据的。

jojo100 commented 6 months ago

当二级分类超过四个字,网站名称超过八个字就会显示不全二级分类超过四个字,网站名称超过八个字就会显示不全。 详见:https://ilaw.netlify.app/

请问您是如何固化数据的?我换了一个浏览器打开就是默认界面了。但是我看您这个,我用那个浏览器打开都是这个界面,求教

assassinliujie commented 6 months ago

当二级分类超过四个字,网站名称超过八个字就会显示不全二级分类超过四个字,网站名称超过八个字就会显示不全。 详见:https://ilaw.netlify.app/

请问您是如何固化数据的?我换了一个浏览器打开就是默认界面了。但是我看您这个,我用那个浏览器打开都是这个界面,求教

本地添加完后点击导出设置,然后用导出的内容替换掉/src/preset.json里的内容就好了

jojo100 commented 6 months ago

当二级分类超过四个字,网站名称超过八个字就会显示不全二级分类超过四个字,网站名称超过八个字就会显示不全。 详见:https://ilaw.netlify.app/

请问您是如何固化数据的?我换了一个浏览器打开就是默认界面了。但是我看您这个,我用那个浏览器打开都是这个界面,求教

本地添加完后点击导出设置,然后用导出的内容替换掉/src/preset.json里的内容就好了

果然可以了~十分感谢,静态网站部署的OK了,docker在容器内换了可是还是不行 我再琢磨琢磨~

303415198 commented 5 days ago

我不管是挂载preset.json 还是替换容器内的 都不行。。在新浏览器/无痕下打开还是默认的

docker run --name moon-web-start -d -p 6969:80 -v /mnt/disk1/docker/moon-web-start/preset.json:/app/src/preset.json jic999/moon-web-start

请教下大佬哪儿不对啊

jic999 commented 4 days ago

我不管是挂载preset.json 还是替换容器内的 都不行。。在新浏览器/无痕下打开还是默认的

docker run --name moon-web-start -d -p 6969:80 -v /mnt/disk1/docker/moon-web-start/preset.json:/app/src/preset.json jic999/moon-web-start

请教下大佬哪儿不对啊

容器里用的是 build 产物,这样改没作用,需要在 src/preset.json 改完后重新制作镜像。后面我看下能否在打包时把 preset.json 分出来