【红隼书签】自定义光影、自定义背景、亮度和主题功能

Part1用Vue3.0 开发一款导入浏览器书签的在线书签

🤵介绍（取名）

👉👉👉【红隼书签】是一款简洁的在线书签导航网站。 名字的由来其实是，本着保护动物，爱护动物的初心，想到起一个鸟类的名称，其实最开始想了很多名字，小詹书签，麻雀书签等。

但是听起来都不够响亮。后来想了一个食肉的，有点凶猛的又有点呆萌的鸟类的名字，红隼【英文翻译：kestrel】，点个赞。于是就有了这个名字啦，但是听起来也是不错的。于是开发计划开始啦。

😀数据来源（印象中文）

他的默认数据为我选的是印象中文的web导航数据；其实我自己哪里收藏了更多的导航数据，但是很多设计到公司的一些访问网站。想想还是算了，于是就用了印象中文的数据。它可以修改数据；全局搜索筛选功能；单页面完成逻辑非常简单，新手小白也能完成二次修改开发；采用granim插件完成背景动画；可选择更多动画效果；炫酷光晕背景动画效果。

💹 功能/特色

（炫酷光晕背景动画效果，可导入浏览器数据存入LeanCloud）

• ✅ 1.同步印象中文的web导航数据；书签支持新增、修改和删除
• ✅ 2.全局搜索筛选功能；本地离线数据持久化，书签增删改查
• ✅ 3.可登录获取保存在leancloud里面的书签数据，再不用担心书签数据丢失了
• ✅ 4.采用granim插件完成背景动画；可选择更多动画效果；
• ✅ 5.支持导入浏览器书签数据（Google，火狐），并存入LeanCloud;
• ✅ 6.可注册leanCloud并修改appId和appKey；自己部署该书签；
• ✅ 7.采用Vue3.0 Composition API；也是一个学习Vue3.0 的学习项目；希望帮助更多正在学习VUe 3.0的朋友；
• ✅ 7.采用Vue3.0 Composition API；也是一个学习Vue3.0 的学习项目；希望帮助更多正在学习VUe 3.0的朋友；
• ✅ 8.自定义上传背景图片
• ✅ 9.自定义背景动画效果
• ✅ 10.导入解析浏览器书签，支持修改、删除并存入LeanCloud

📝 正在开发的功能

• 👉自定义工具栏
• 👉书签支持多种布局样式（卡片，列表，树形书签结构等）
• 👉支持修改整个书签的图标；目前使用的是红点图标，也挺好看的；
• 👉自定义配色方案
• 👉增加中国风和热门游戏配色效果
• 👉其他功能

😀自定义导入数据

可以将浏览器的书签导出，然后导入到书签系统中。也可以将书签系统的数据导入到浏览器中。

😀leancloud存储

数据到云端。只需注册登录即可，后续无需担心数据丢失问题。

⚡主题

目前提供 清晰/暗黑两种主题。后续还会增加更多的主题效果。

👉暗黑