#“关于我”编写

本周，我开始了“关于我”页面的编写工作

使用的技术栈包括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, 对于我来说还是写的很舒服的