前言
灵感来源
最近在掘金上看到一篇文章 仿 Mac 个人网站开发 |项目复盘,是一个大佬写的一个用mac的ui实现的一个个人站点,之前也有看到类似的项目 github.com/PuruVJ/maco… ,觉得这样的个人网站,真的是太酷了,于是心血来潮,想着自己也要实现一个,于是有了这一个项目。
效果
目前是简单实现了最基本的Dock和弹框组件(仅实现拖拽和缩放),而且还没有将他们结合起来。大致效果如gif图所示:
技术栈
本次项目使用的技术栈为比较常规的vue3全家桶
- vue3
- typescript
- less
- vite
- pinia
- prettier/eslint
- vue-router
源码
目前打算用这一个仓库实现一个基本的mac-ui的基本框架,实现dock栏、弹框、主题变换、多语言、系统配置、mac ui的基本组件(如:输入框)等基础功能。希望可以让其他人可以根据这个架子,搭建一个属于自己的比较具有特色的个人网站。
后续我也会基于这个框架并结合nest,搭建一个新的个人博客(ps: 之前的个人博客服务器没有续费,已经访问不了了😭)。
静态资源
获取图标
从下面这个 c.subeiz.com/ 网站里可以拿到app store里的免费应用图标,