终于开始拾到我的收藏夹了...从头到尾逐一测试筛查,去除了一些404和过时的内容,整理了两个小时左右终于搞定了!
额,忘了截图了,原来的收藏夹乱的狠,点开收藏可以满屏而且杂乱无序,有的时候找个东西也是很不方便,而且很多网址失效打不开太影响效率了!前几天看到别人用了网址导航不错,自己也痒痒的要搞个玩,但是看了一下网址导航的程序都好专业,咱就一个自用型,也用不上那么多的功能呢,算了还是自己动手写吧。
要不先看看效果:
这么多的网址不可能一个一个的复制然后加入到静态页面去,所以先模拟数据设计好前端的dom结构,然后导出自己的收藏夹为HTML,使用python写了一个脚本,将收藏夹的HTML解析并生成JavaScript的对象,这样就可以直接使用这个对象在next项目中加载数据了,然后打包编译,上传到GitHub,大功告成!
再写python的脚本的时候差点放弃了,因为导出的收藏夹的HTML结构很特殊,与普通网页的HTML不一样,所以解析的时候总是出错,中间竟然放弃了,决定手动组装JavaScript对象,但是复制粘贴了半个小时就累的不行,回头继续写脚本,后来求助与AI,调试了半个多小时,终于解析出来了,生成了JavaScript的对象。
在上传GitHub pages时候也遇到了问题,由于GitHub pages 对静态文件目录识别的特别性,导致无法正确的加载静态资源,后来修改了next的配置文件,增加了一个静态资源前缀的配置项,还添加了一个空文件:.nojekyll
才解决的了一些资源加载的问题,明天总结一下这些坑。
至此,终于搞定了这个网址导航......,看给我闲的!