はじめに

基本画像はInstagramにアップロードすれば良いかなと思っているのだけども、スクリーンショットとかはなんとなく違うかなと思っていて、そういった画像はGoogle DriveまたはGoogle Photosへアップロードしてブログに表示させたい。

画像の準備

  1. Google Drive上で画像を選択する。
  2. リンクを知っている人は誰でも見れる状態に共有設定する

画像のIDの取得

この辺りとても怪しいのだけど、今の所大丈夫っぽ。
共有リンクの以下の部分がIDになる。

https://drive.google.com/file/d/{id}/view?usp=sharing

Shortcode

使い方

{{< gphoto id="id" alt="alt text" >}}

テンプレート

{{ $id := .Get "id" }}
{{ if $id }}
<div class="gphoto-media">
  <img src="//drive.google.com/uc?export=view&id={{ $id }}"{{ with .Get "alt" }} alt="{{.}}"{{ end }}></img>
</div>
{{ end }}

Google DriveとGoogle Photos

Google PhotosはGoogle Driveでも管理できるので、2つが連携できていれば、このShortcodeでどちらも表示できることは確認済み。

参考