Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/boeto/picgo-plugin-cfi-uploader

Cloudflare Images + Picgo uploader plugin
https://github.com/boeto/picgo-plugin-cfi-uploader

Last synced: 3 months ago
JSON representation

Cloudflare Images + Picgo uploader plugin

Host: GitHub
URL: https://github.com/boeto/picgo-plugin-cfi-uploader
Owner: boeto
License: mit
Created: 2021-11-16T11:18:21.000Z (almost 3 years ago)
Default Branch: main
Last Pushed: 2021-11-16T15:01:56.000Z (almost 3 years ago)
Last Synced: 2024-07-27T03:03:23.246Z (3 months ago)
Language: TypeScript
Homepage:
Size: 61.5 KB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: License

Awesome Lists containing this project

Awesome-PicGo - picgo-plugin-cfi-uploader

README

        # Picgo Plugin: cfi-uploader

[Cloudflare-images](https://dash.cloudflare.com/?to=/:account/images) + [Picgo](https://github.com/Molunerfinn/PicGo): Simple and convenient image hosting plan sharing

## Install cfi-uploader

![8a1c4502-205b-4bbc-e61c-805230be7100](https://imagedelivery.net/7kW0MTMwpKjAop-yO74TRg/8a1c4502-205b-4bbc-e61c-805230be7100/public)

## Setting

![e06535a1-4ca1-40fd-de76-c0105365b600](https://imagedelivery.net/7kW0MTMwpKjAop-yO74TRg/e06535a1-4ca1-40fd-de76-c0105365b600/public)

### Steps to get accountId

- [Sign up to use Cloudflare Images](https://dash.cloudflare.com/?to=/:account/images) & Transparent Pricing --->

- Add Storage --->

- Confirm Payment --->

- Copy and get accountId in the left sidebar

---

1.[Sign up to use Cloudflare Images](https://dash.cloudflare.com/?to=/:account/images) & Transparent Pricing

![6471e3c2-4794-44d9-b3d3-d474e05f6f00](https://imagedelivery.net/7kW0MTMwpKjAop-yO74TRg/6471e3c2-4794-44d9-b3d3-d474e05f6f00/public)

2.Add Storage

![90937721-1a66-4b25-e799-2bd0aaf8e500](https://imagedelivery.net/7kW0MTMwpKjAop-yO74TRg/90937721-1a66-4b25-e799-2bd0aaf8e500/public)

3.Confirm Payment

![1b3b138e-bcaa-4ea7-5b9d-6ee999488700](https://imagedelivery.net/7kW0MTMwpKjAop-yO74TRg/1b3b138e-bcaa-4ea7-5b9d-6ee999488700/public)

4.Copy and get accountId in the left sidebar

![1273ad6d-2c0d-46d7-78fd-0f88693a6300](https://imagedelivery.net/7kW0MTMwpKjAop-yO74TRg/1273ad6d-2c0d-46d7-78fd-0f88693a6300/public)

---

### Steps to get apiToken

- [Create Token](https://dash.cloudflare.com/profile/api-tokens) --->

- Get started --->

- Enter your token name --> Permissions -> Select 'Cloudflare Images' -> Select 'Edit' --->

- Create Token --->

- Copy & Save your token

---

1."[Create Token](https://dash.cloudflare.com/profile/api-tokens)"

![dbfec860-8ec5-4b8f-966e-f28cfe906500](https://imagedelivery.net/7kW0MTMwpKjAop-yO74TRg/dbfec860-8ec5-4b8f-966e-f28cfe906500/public)

2."Get started"

![3a6e6d52-e030-4d79-f69e-ccc4a9e2b500](https://imagedelivery.net/7kW0MTMwpKjAop-yO74TRg/3a6e6d52-e030-4d79-f69e-ccc4a9e2b500/public)

3."Enter your token name-->Permissions->Select 'Cloudflare Images'->Select 'Edit'"

![256cb6b1-3d89-4018-a9be-39597a96d600](https://imagedelivery.net/7kW0MTMwpKjAop-yO74TRg/256cb6b1-3d89-4018-a9be-39597a96d600/public)

4."Create Token"

![a50a526c-d205-4b1b-6a09-f636710c7800](https://imagedelivery.net/7kW0MTMwpKjAop-yO74TRg/a50a526c-d205-4b1b-6a09-f636710c7800/public)

5."Copy & Save your token"

![d981ae94-6133-41f1-fb89-a1d1d41f1300](https://imagedelivery.net/7kW0MTMwpKjAop-yO74TRg/d981ae94-6133-41f1-fb89-a1d1d41f1300/public)

---

### Steps to get variantName

- Click 'Variants' in the left sidebar --->

- Copy/Add one of the Variants(Default name is 'public')

![image-20211116214126617](https://imagedelivery.net/7kW0MTMwpKjAop-yO74TRg/b7110109-2ae1-4328-180c-dba3d075ca00/public)

---

## Fill the "accountId/apiToken/variantName" information that you got & confirm. Finally use it happily

![image-20211116214737263](https://imagedelivery.net/7kW0MTMwpKjAop-yO74TRg/f2705905-2f6d-4da0-9830-481b4c73d900/public)

![image-20211116215832870](https://imagedelivery.net/7kW0MTMwpKjAop-yO74TRg/f8853c3a-aa6e-4251-fbc7-133bd6fb8500/public)

![image-20211116220506942](https://imagedelivery.net/7kW0MTMwpKjAop-yO74TRg/a975482b-f3b8-4409-e7b8-bc90864da700/public)

---

#### Cloudflare-images official introduction:

- [how-cloudflare-images-can-make-your-life-easier](https://blog.cloudflare.com/how-cloudflare-images-can-make-your-life-easier/)

- [Cloudflare Images Now Available to Everyone](https://blog.cloudflare.com/announcing-cloudflare-images/)