启用新版个人主页

24 天前
36
AI 生成的摘要

启用新版个人主页

简略

查看新版主页:https://fosky.top

旧版主页存档:https://image.fosky.top/projects/homepage-2023/

更换原因

  1. 旧版主页性能较低,出现莫名的卡顿与掉帧
  2. 旧版主页使用 tailwindcss 编写,卡片的样式维护较难
  3. 旧版主页的依赖库版本较低,另外因为多次迭代,有不少遗留问题,难以维护
  4. 旧版主页使用 javascript 而非 typescript,在类型上踩坑
  5. 旧版主页的文件结构比较乱,规划较差
  6. 旧版主页的部分布局不合理,导致显示不佳
  7. 部分配置项需要多处修改,如 SEO 信息,迭代麻烦

新版简介

参考了 https://s23.moe

  1. 使用 typescript 编写
  2. 优先使用 TSX 组件 (jsx语法) 而非 SFC 组件,更加灵活与易阅读
  3. 使用组合式函数 (composable) ,方便复用且提高性能
  4. 实现了 requestWithCache 机制,以防止过多请求 api,减少页面卡顿与接口压力
  5. 实现了 inject-seo,只需配置一处地方,无需修改 index.html,迭代方便
  6. 优化了架构,使得组件的复用性更强

组件说明

使用社交账号登录

  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...