ノラ猫。の手も借りたい

Apple関係やら,ガジェット関係やら,何でもごじゃれ

blogの画像保存にgoogleDriveが結構便利な件

http://www.flickr.com/photos/20741443@N00/245850109

photo by Ian Muttoo

今回のblogのサーバーの引っ越しに際して,一番苦労したのが,画像の引っ越し。

大量の画像をどうしたものか...。

最初は,画像だけ,別サーバーに保存する事も考えたが,ほとんどの無料サーバーは,俗にいう「画像」置き場としてのレンタルはNGとしていることがほとんで,こっそり保存していても,ある日突然,アクセスできなくなったりしてしまったため,泣く泣く断念していた。

海外サーバーに置いてみたりしたが,やはり安定したリンクにならず苦労してしまった。

 

結局GoogleDriveに落ち着いたが...

それで,結局落ち着いたのが,GoogleDriveに画像を保存する方法。

でも,GoogleDriveの共有リンクはランダムなURLになるため,すべてのページの画像リンクを書き換える必要があった。

しかし,この苦労が,将来的にも役に立つ日が来ると信じたい。

もし,何らかのキッカケで,「やっぱり別のサーバーへ」といった事になったとしても,今後は,画像のURLの書き換えに悩む必要がなさそう。

 

GoogleDriveの共有リンクをblogに貼る方法

では,ここで改めて,GoogleDriveの共有リンクからblogにリンクを貼る方法をご紹介。

まず,Googleのアカウントを持っていないないなら,取得する必要がある。

アカウントを取得したら以下のURLにアクセス。

https://drive.google.com

 

アクセスしたら,blog用の画像を保存するフォルダを作っておくと便利。
ノラ猫。の場合,「マイドライブ」の中に「upload」フォルダを作っている。

このブログ用のフォルダを「公開用フォルダ」とする。

 

やり方〜。

・公開(共有)したいホルダを右クリックして,「共有」→「共有」と進む。

img

 

・「共有設定」として出てきた画面の一般公開の「変更」をクリック。

img

 

・「ウェブ上で一般公開」を選択して「保存」をクリック。

img

 

・ホルダの種類が変化する。

img

 

・blog用に使いたい画像は,この「upload」フォルダの中にアップロードするようにする。

 

・blogに貼り付けたい画像の公開リンクをコピーする。

img

 

・コピーしたURLをblogに貼り付ける。

 

流れはこのような感じ。

 

HTMLを多少編集

でも,このままURLを貼ると,ちょいと表示に色気が無いので,以下の様なimg classをHTML編集などで使う。
#ハテナフォトライフのタグを流用

<p><img class="hatena-fotolife" title="画像のタイトル" src="この部分にGoogleDriveからコピーした共有リンクを貼り付ける" alt="画像のタイトルや画像に関連したSEOに役立つキーワードなど" width="504" /></p>

 

これで完成!

 

 

スラスラわかるHTML&CSSのきほん

スラスラわかるHTML&CSSのきほん