Giter Club home page Giter Club logo

pic-on-qiniu's Introduction

图床on七牛

基于七牛的图床插件,图片保存在七牛的 Bucket 中,具体实现原理可以参考 我的博客

安装

Chrome 应用商店

Chrome Web Store

下载安装

下载仓库,打开 Chrome 插件设置 chrome://extensions/,勾选 开发者模式,将仓库中的 chrome 文件夹拖入即可。

设置

图床使用七牛存储接口,图片将上传到用户设置的七牛空间中。因此,使用之前,需要首先设置七牛参数。

  1. 注册七牛账号,登录。
  2. 进入 Bucket管理,新建一个用于存储图片的公开 bucket(例如 my-pictures),给 bucket 绑定域名,例如 asset.my.com。
  3. 进入 密钥管理,获取 AccessKey 以及 SecretKey。
  4. (可选)查看 魔法变量,自定义保存文件名。如配置为 image/$(year)$(mon)$(day)/$(etag)$(ext),则最终图片的保存路径为 image/20190401/FlM6_0RQjjfz2jPHOlKqYeCkGMUM.jpg。置空则默认为 $(etag)$(ext)
  5. 点击左上角的 设置 按钮,输入 AccessKey,SecretKey,Bucket Name,Bucket 所在地区以及 Bucket 绑定的域名,保存即可。

注意:插件不会保存您的七牛 Access Token 以及 Secret Token,请放心使用

Change Log

1.6 (2021.8.8)

  • 增加「复制为 Markdown 链接」按钮

1.5 (2019.4.1)

1.4 (2019.2.1)

  • 修复 Issue#3
  • 修改了未配置时的文案,目前七牛已经不支持”测试域名“了

1.3 (2017.12.4)

  • 修复 Issue#2

1.2 (2017.2.4)

  • 设置页面增加滚动条,兼容小屏幕
  • 增加区域选择,不同区域的存储空间,上传URL不同。

1.1 (2017.1.22)

  • 历史记录按照时间顺序排列。

1.0 (2017.1.22)

  • 完成基本功能。

pic-on-qiniu's People

Contributors

cj1128 avatar kevinbai-cn 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.