原文转自 https://www.lik.cc/archives/homeforvue
一个使用 Vue 3 + TypeScript + Vite 构建的现代化个人主页，具有博客文章展示、项目展示、联系表单等功能。
小米LOGO 原文地址 http://www.mi.com/a/h/19823.html
小米的新Logo由日本设计师原研哉设计，采用“超椭圆”形状，结合了圆形和方形的特点，旨在展现品牌的灵动与亲和力。颜色上变得更加柔和，强调了“Alive”（生动）的概念，体现了小米希望通过科技让生活更加美好的愿景。这个新标识是小米品牌升级的一部分，意在以更全面、强大的姿态面对未来。
最近要给博客换套个logo样式，这个logo是之前花了50块买的，其实还算可以，加上了一个简单的圆角样式，看起来其实也还行。但是圆角太直接，看着有点不太舒服。
于是我找到了之前小米的logo公式，
在网上找了一堆裁剪工具 例如 https://mi-logo.lvwzhen.com/
但是他的不能拿自己的图片进行裁剪 只有下方两种样式，不太符合我的要求。
于是，在AI工具的帮助下，写了一个可以裁剪自己图片为类小米logo的工具。
看到漫川博客 mancs.cn 里有个加载动画不错，死皮赖脸下找站长要来了。按我自己的垃圾审美改了改，
演示 https://www.naigou.cn 额外加了个文字放大的效果 添加到额外 css 即可
漫川博客原代码
画蛇添足版
前段时间看到这种动态SVG渐变效果看上去很舒服，今天抽出来时间试了一下，看着还不错。文章中没有放GIF图片，试了一下太掉帧了，直接放了静态图片了，想看效果的自己建一个index.html试一下就行。
话不多说直接上图和代码
