Ruby on Rails筆記 — 在文章中直接插入Dropbox裡面的照片

I. 寫在開始之前

要製作自我介紹頁面時想到了這個問題，如果可以把照片放在dropbox裡，然後直接從網站連結的話勢必可以節省不少空間。如果有興趣的朋友就繼續往下看囉！



II. 提醒事項

§ 本文使用Ubuntu14.04，Rails 4.2.4，Ruby2.2.3
§ 在本文中寫給讀者看的註解會使用 % 符號
§ [ ] 為reference，會將網址放在最後提供參照



III. 步驟

1. 首先必須將照片放置於Dropbox裡的public資料夾

2. 右鍵點擊想要連結的照片，並選擇Copy public link 

3. 將網址複製下來，並到自己需要使用的頁面貼上，最重要的一點為必須在最後面加上
?raw=1，以我的例子如下：

(1) 在Html裡面使用<img>連結照片

<img src= "https://dl.dropboxusercontent.com/u/39850186/me.jpg" alt="me">

(2) 必須在連結最後加上?raw=1，所以變成如下

<img src= "https://dl.dropboxusercontent.com/u/39850186/me.jpg?raw=1" alt= "me"> 
% 如果沒有加入?raw=1的話，dropbox預設該網址為下載的網址，會無法在網頁上瀏覽
% 加入後即可成功將該照片連結至自己的網頁中
% alt為照片連結失效時會出現的代替文字