Octopress Images and Google Drive

The problem: Octopress does not like the shared link. So you need to convert to the direct link.

I ran into this issue when I didn’t want to load all my images via a local source / Dropbox. Mainly because I’m running out of room in my Dropbox and am too cheap to pay for storage.

Steps for Google Drive Host your Images

1) Load your image into Google Drive. :)

2) Get the shareable link, make it publically availible.

Your sharable link will look something like this mess: https://drive.google.com/file/d/0B-O5ZxZB2T39bVBUc0lZaUlCdXM/view?usp=sharing

4) Change the file/d/ to uc?export=&id= and remove the view?usp=sharing at the end.

The direct link to open the image would be changed to: https://drive.google.com/uc?export=&id=0B-O5ZxZB2T39bVBUc0lZaUlCdXM

5) Embed the image in Octopress as normal: LINK

6) Success!


Loading of images via Google Drive appears a bit slow. I may need to make the images smaller or compress them to improve loading time.

Blog Credit

Direct link information gleaned from LINK