GithubHelp home page GithubHelp logo

hottredpen / ezbookmarks Goto Github PK

View Code? Open in Web Editor NEW

This project forked from nmtuan/ezbookmarks

0.0 1.0 0.0 1.41 MB

无压的浏览器书签管理插件

License: MIT License

JavaScript 6.79% CSS 8.53% HTML 0.91% Svelte 83.76%

ezbookmarks's Introduction

项目介绍

简单书签 - 一个无压的浏览器书签管理扩展

相关地址

chrome 网上应用商店 (自备梯子)

Edge 外接程序

GitHub 源码

开发背景

近几年双链笔记的兴起,让我感受到了无压记录的魅力。一直在考虑如何把浏览器的书签整合到笔记中,曾经基于思源笔记的 api 尝试写过一个浏览器扩展,但最终因为形态模糊目标不清晰,再没有继续下去。

简单书签放弃了all in one的执念,锁定无压这个概念,让书签的使用不再有心智负担。

功能特色

  • 云端同步:所有数据均保存于腾讯云(cloudBase),保证多浏览器数据一致。

  • 私有接入: 除了本扩展提供的公共同步服务外, 还可以接入自己的腾讯云实例。

  • 数据唯一:保证 url 地址唯一,一个 url 地址只会产生一条数据。

  • 无压添加:使用标签替代文件夹的概念,添加书签(alt+d)不需要思考存放位置。

  • 无压使用:通过快速搜索(alt+f)寻找书签。

界面预览

查看动图

技术架构

本项目基于以下技术开发:

svelte.js vite.js tailwind.css cloudbase

本项目完全开源,可访问GitHub查看。

由于 svelte/vite/cloudbase 都是边学边做,代码质量不高,见谅。

使用方法

  1. 选择合适的市场(chrome | edge),安装此扩展。

  2. 打开浏览器扩展的快捷键设置界面,设置一个您习惯的快捷键。

  3. 打开扩展的选项页面,进入到登录界面。

  4. 切换至注册表单,使用您常用的邮箱进行注册,提交后会收到一封激活邮件。

  5. 找到激活邮件,点击激活链接完成注册流程。

  6. 回到选项页面,输入邮箱密码即可登录。

  7. 按照您设定好的快捷键,无压的使用吧。

私有接入

目前,简单书签最大的书签保存数量为 500 条/帐号,如果您需要更大的存储,可以考虑接入自己的腾讯云实例。

  1. 开通云开发环境,详见官方文档。记录您创建的实例 ID。

  2. 设置登录鉴权,开启并配置邮箱登录,建议选择 QQ 邮箱,方便快捷。

  3. 创建数据库,新建数据库集合,建议取名为bookmarks。集合权限设置为仅创建者及管理员可读写即可。

  4. 参见上面的使用方法安装此扩展,并打开扩展的选项页面。在登录窗的右上角点击小齿轮进入设置界面,填写实例 ID 和数据库集合名称后保存。

  5. 参见上面的使用方法注册并登录即可。

构建方法

如果你希望构建自己的简单书签,只需要克隆本仓库,简单配置一下即可创建属于您自己的简单书签。

注意:与私有接入一样,你需要准备好腾讯云开发实例;同时需要您有 git 基础和 nodejs 基础。

  1. git clone本仓库。

  2. 打开./config.js文件,配置云开发实例 ID。

  3. 命令行执行npm install或者yarn构建依赖。

  4. 命令行执行npm run build或者yarn build打包。

  5. 打开浏览器的扩展页面,开启开发者模式,选择加载已解压的扩展程序,选择./dist文件夹即可。

  6. 参考上面的使用方法注册并登录即可。

支持一下

如果该项目对您有所帮助,欢迎前往Star该项目。

或者前往面包多支持一个。

也可以直接扫码,让我给主子买个罐头。

版权

License MIT

ezbookmarks's People

Contributors

nmtuan avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.