https://github.com/yumetodo/vscode-google-photos-uploader

extract image from markdown, upload, replace path
https://github.com/yumetodo/vscode-google-photos-uploader

Last synced: about 20 hours ago
JSON representation

extract image from markdown, upload, replace path

• Host: GitHub
• URL: https://github.com/yumetodo/vscode-google-photos-uploader
• Owner: yumetodo
• License: other
• Created: 2019-03-28T09:59:44.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-03-14T22:28:54.000Z (almost 2 years ago)
• Last Synced: 2025-01-21T00:51:45.756Z (4 days ago)
• Language: TypeScript
• Homepage: https://vscode-unofficial-g-photos-uploader.irregular-at-tus.work/
• Size: 4.32 MB
• Stars: 6
• Watchers: 3
• Forks: 2
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: License.md

Awesome Lists containing this project

README

        
# google-photos-uploader

[![Version](https://vsmarketplacebadge.apphb.com/version-short/yumetodo.google-photos-uploader.svg)](https://marketplace.visualstudio.com/items?itemName=yumetodo.google-photos-uploader)

[![Installs](https://vsmarketplacebadge.apphb.com/installs/yumetodo.google-photos-uploader.svg)](https://marketplace.visualstudio.com/items?itemName=yumetodo.google-photos-uploader)

![Build](https://github.com/yumetodo/vscode-google-photos-uploader/workflows/build/badge.svg)

![icon](images/icon.png)

This extension just provides `google-photos-uploader: Upload image and replace` command.

The command will do all the step shown below:

1. extract img path from your **markdown** text

2. upload to [Google Photos](https://www.google.com/photos/about/)

3. replace img path to Google Photos published url

Keep in mind that this plugin will publish all images the target markdown file referencing to all over the world.

![select_upload](images/working.gif)

## Technical Information(Ja)

See [google-photos-uploader の製作背景と技術的解説](docs/README.md)

## How to install

In extension tab on vscode, search `google photos` and you can find `Google Photos Uploader(unofficial)`. Click `install`.

## How to use

### Run command

Open command palet(`Ctrl`+`Shift`+`P`), find `google-photos-uploader: Upload image and replace` command and execute.

![run command](images/start.jpg)

### (OAuth)

This plugin sometimes request you OAuth2 Authentication.

In this case, default browser will be started.

1. Select Google acount and login  

   ![oauth2_select_account](images/oauth2_select_account.png)

2. Authorize these parmissions.  

   ![oauth2_scope_check_1](images/oauth2_scope_check_1.png)  

   ![oauth2_scope_check_1](images/oauth2_scope_check_2.png)

3. Authorize these parmissions again!(I don't know why authorize phase are duplicated)  

   ![oauth2_scope_check_3](images/oauth2_scope_check_3.png)

4. Sucess! Go back to vscode.  

   ![oauth2_success](images/oauth2_success.png)

## Select Album

Because of Google Photos API limitation, albums you can add photos must be created by this plugin.

So, you have 3 choices to upload images.

1. I don't want to add photos to albums: not tested

2. create a new album

3. select album already created by this plugin

![select album](images/select_album.jpg)

When you chose `create a new album`, you need to specify the new album name.

![create album](images/input_album_name.jpg)

## Please wait for seconds

On this phase, this plugin executes below:

1. extract image path

2. upload image (depend on the total image size and your traffic speed, showing progress info)

3. register images to the album

4. get published image URL

5. replace image path to the URL

![uploading](images/uploading.jpg)

![select_upload](images/registering.jpg)

![finish](images/finish.jpg)

## Known Issues

### Image count per album limitation

Currently, do not make the situation that over 500 images in the album which you specified.

[yumetodo/google-photos-album-image-url-fetch#3](https://github.com/yumetodo/google-photos-album-image-url-fetch/issues/3)