2021-07-10 06:12:43 +00:00
|
|
|
|
# kestrel-bookmark 红隼书签
|
2021-07-10 04:16:10 +00:00
|
|
|
|
|
|
|
|
|
#### 介绍
|
2021-07-10 06:39:58 +00:00
|
|
|
|
👉👉👉【红隼书签】一款简洁的在线书签导航网站。
|
2021-07-10 04:16:10 +00:00
|
|
|
|
|
2021-07-10 06:12:43 +00:00
|
|
|
|
网址书签
|
|
|
|
|
========
|
2021-07-10 06:39:58 +00:00
|
|
|
|
__注意:👉本项目会持续新增功能,但持续维护。如使用中发现问题,请留言或者提交 issue 。谢谢!!!__
|
2021-07-10 04:16:10 +00:00
|
|
|
|
|
2021-07-10 06:12:43 +00:00
|
|
|
|
## 安装步骤
|
2021-07-10 04:16:10 +00:00
|
|
|
|
|
2021-07-10 06:12:43 +00:00
|
|
|
|
* 1.克隆项目 https://gitee.com/zhanhongzhu/kestrel-bookmark.git
|
|
|
|
|
* 2.进入项目目录 `npm install`
|
|
|
|
|
* 3.启动项目`npm run serve`打开浏览器即可 localhost:8080
|
|
|
|
|
* 4.打包命令 `npm run build`
|
2021-07-10 04:16:10 +00:00
|
|
|
|
|
2021-07-10 06:12:43 +00:00
|
|
|
|
## 在线地址
|
|
|
|
|
[红隼书签](http://bookmark.zhanhongzhu.top/)
|
2021-07-10 04:16:10 +00:00
|
|
|
|
|
2021-07-10 06:16:18 +00:00
|
|
|
|
## 效果
|
2021-07-10 06:19:56 +00:00
|
|
|
|
![](./kestrel01.png)
|
|
|
|
|
![](./kestrel02.png)
|
2021-07-10 06:39:58 +00:00
|
|
|
|
|
|
|
|
|
#### 源码地址
|
|
|
|
|
完全开源,大家可以随意研究,二次开发。当然还是十分欢迎大家点个Star⭐⭐⭐
|
|
|
|
|
👉👉[源码链接(gitee)](https://gitee.com/zhanhongzhu/kestrel-bookmark) 👉👉[源码链接(github)](https://github.com/zhanhongzhu/kestrel-bookmark)
|
|
|
|
|
|
|
|
|
|
## 功能/特色
|
|
|
|
|
✅ 1.同步印象中文的web导航数据;可以修改数据;
|
|
|
|
|
✅ 2.全局搜索筛选功能;
|
|
|
|
|
✅ 3.单页面完成逻辑非常简单,新手小白也能完成二次修改开发;
|
|
|
|
|
✅ 4.采用granim插件完成背景动画;可选择更多动画效果;
|
|
|
|
|
```js
|
|
|
|
|
├── src
|
|
|
|
|
├── assets // 存放静态资源
|
|
|
|
|
│ └──Json // 静态数据源json数据
|
|
|
|
|
│ └──svg // 工具栏图标
|
|
|
|
|
├── APP.vue
|
|
|
|
|
└── main.js
|
|
|
|
|
```
|
|
|
|
|
## 后续增加功能
|
2021-07-10 06:40:55 +00:00
|
|
|
|
* 👉本地离线数据持久化,书签增删改查</br>
|
|
|
|
|
* 👉serverless数据,书签增删改查</br>
|
|
|
|
|
* 👉背景图片自定义上传</br>
|
|
|
|
|
* 👉背景动画效果自定义</br>
|
|
|
|
|
* 👉工具栏功能自定义</br>
|
|
|
|
|
* 👉导入解析浏览器书签,同步书签数据</br>
|
2021-07-10 06:39:58 +00:00
|
|
|
|
|
|
|
|
|
|