“关于我”编写

在这周, 我开始了“关于我”的编写

使用的技术栈是react、Tailwind CSS、Magic UI以及Cloudflare的自动部署

当然也没有离开chatGPT的帮助

这是我第一次写react，也是第一次使用Tailwind CSS, 经过了gpt的帮助, 写的还是很舒服的

接下来我就来分享一下编写的过程吧~

部署方面

最开始, 包括本站, 编译和访问完全使用及Cloudflare的pages功能, 图床使用部署的+小黄云

然后使用umami进行访问统计

编写方面

头像模块

使用到的是Magic UI的Orbiting Circles组件

语言使用模块

我使用的是wakatime的API获取编程语言使用时间

我新开了一个仓库, 使用py每天去调用api, 然后生成json文件, 放在cf上

在关于我的编译阶段, 先度调用上面爬到的数据放在本地, 也写了调用接口

用户在访问的时候，默认显示我放在本地的数据, 在接口返回后, 替换掉原来在页面上的数据

工作经历模块

我使用的是Magic UI的Neon Gradient Card组件

总结

使用react编写简单的ui界面, 没有用到复杂的js, 对于我来说还是写的很舒服的