💻【码日常】IndWebIndex的变化
2024-5-14
| 2026-9-13
字数 1041阅读时长 3 分钟

IndWebIndex近期变化

  1. 字体来源
  1. tag逻辑
  1. 右键菜单
  1. 数据库整理

字体来源

之前的字体文件是放在项目中的,每次加载都会消耗掉vercel大量的流量,同时加载速度也非常的缓慢。
于是我痛定思痛(其实也不是太痛,毕竟没啥人访问我的网站,但是为了杜绝以后访问多了导致流量超了)把字体换成了 CDN 模式。
就是使用链接导入,每次访问我的网址的时候就会从 cdn 链接那边访问字体,换句话说就是访问字体的流量不会算在我头上了。
但这样是不是会给 cdn 网站增添很大的流量负担呢,随着使用量的增加,确实会耗费很多的流量,因此也会有新的措施来应对。
那就是字体分包,字体分包的意思就是给字体建很多个群,每个字体只能进入其中一个群,这样的话,我想找到一个字体,就只需要先把那个找到对应的群就可以了,也就是每次只需要下载一个小的字体包,就可以满足你当前的需求。
字体分包除了对流量有帮助以外,还是能让网页加载速度变快的一个关键,因为字体文件往往是一个网页中加载最慢的文件,但是一个网页就用不了所有的字体,所以只需要加载几个字体包就可以了。
对于只找得到字体文件,但是找不到CDN链接的,我们可以使用中文网字计划的字体分包功能,把自己的字体文件分包之后上传到 GitHub,然后使用 vercel 部署。

tag逻辑

之前的 tag 逻辑在使用中已经有很不错的感受,点按一个 tag 标签就在下方展示对应被筛选的网页列表。
但是也有一个问题,就是这个 tag 标签列表是可以多选的,很容易就筛选不到网页,其他用户在使用的时候也许并不知道标签的组合。
因此我对标签逻辑做了重构,当你点按一个标签的时候,整个标签列表也会刷新,只保留可选项,同时被选中的标签会放在最前面。
这样就避免了前面的问题,同时提高了标签检索效率。

右键菜单

这其实是我自己想做的一个功能,原本的右键菜单在我这个标签网页上完全没作用,所以就索性直接覆盖了,变成切换网页字体的功能,同时也添加了几个我很喜欢的字体。
分别是得意黑,霞鹜文楷,朱雀仿宋,京華老宋体这四个,我目前偏爱最后的京華老宋体这种古典的风格。

数据库

网页的数据都是放在 notion 上的,但是也很久没怎么整理,所以标签的设置也还是比较随意的,如果按照标签查询还是有一些难度的,很多对应的不是那么好。
于是这次我做了一个整理,准备整理出来几条范式作为标签查询的法则,但是还没整理出来,整理标签的时候想的挺好,过后又没什么想法了,先这样,有想法了再来写。

未来预期

网站征集页面来获取更多优质网站
更多字体?
Next.js 版本已经在路上了,会作为 2.0.0 版本发布
tailwind 替换原有的 css
隐藏关键词搜索展示状态为隐藏的网页
更多配色?也许会增加主题配置
landing page
版本更新页面changelog
  • 项目
  • 开发
  • 周记
  • 【IndWebIndex】更新日志【码日常】EverydayTechNews版本更新
    Loading...