最近有好多位使用者問到如何加入照片，也許是我們的設計不夠明顯，但其實很簡單：

加入照片

要加入電腦中的照片：

1. 拖放 (drag & drop) 電腦上的照片：打開檔案總管，拖放照片到思書編輯，照片就上傳到思書上了，這最簡單，而且別忘了，還可以編輯照片。
2. 選擇檔案：這時你就要選 ➕插入 / 上傳照片，然後，你就可以選那張照片上傳，一樣，也可以編輯照片。  注意：用手機上傳時，因為畫面不夠寬，你可能需要將手機轉成「橫的」，這樣才會看到上傳「插入」的按鈕。

要加入網路上的照片：

1. 複製網路照片：點選圖片，按右鍵「複製圖片」，再 control - v 到思書編輯，照片就上傳到思書上了，這種方法是直接複製圖片，也就是說，照片已經被上傳到思書中了，所以可以做編輯照片。
2. 照片網址：這時你就要選 ➕插入 / 圖片網址，再輸入你要顯示照片的網址就好，這種方法沒有複製圖片，只是透過網路讀取顯示出來，所以，不能編輯照片。

兩種都可以選擇設定大小，你可以試試。

崁入圖片、影片

要加入圖片或影片，通常就是想要在你的文章中分享給你的讀者，如果能做成像是以下的「連結參考」，是不是很棒！《思書》有一個很棒的「連結參考」自動製作，基本上，就是複製 copy 網址，再貼在思書編輯，你要建立的「連結參考」就建好了，詳細說明就在以下這個「連結參考。」

思書開發的故事 5：思書會自動產生「連結參考」資訊了 — 當你在網路上看到一篇好文章，或是照片影片，你想要在你的文章中分享給你的讀者，如果能做成像是以下的「連結參考」，是不是很棒！ 如何提高網...
Scrivinor 思書: 思書

您如果有很多圖片，也需要重複使用，這時你可以使用其他網路服務，幾個比較流行的有：照片網路服務 flickr、imgur，及影片服務 youtube、gfycat、giphy，等等，您都可以試試，flickr 上的圖，你只要「複製圖片位置」再貼上思書的編輯器，圖就進來了，很簡單，youtube, gfycat 及 giphy 等的影片，你可以點選該影片後，選擇 embed/iFrame，複製內容後，貼到 ➕插入 / 媒體 / 崁入碼 內就可以把影片加入思書文章內了，它們也可以選擇寬度大小，只是你要更改崁入碼內的 width 及其他，你可以試試。 

程式碼

《思書》有內建的程式碼編輯設定，你只要選 格式 / Text / 程式碼，就可以變成內建程式碼的固定寬度字元，如果要加入行號，也只要再選 段落 / <pre>，這對有行號需求的很有用：

For i = 1 to 10
  next
end 

我們還支援 code highlight，選擇 ➕ 插入/code sample ，就可以貼上程式碼，那一個好用？就選擇一個你喜歡的吧。

module M
  def self.included(base)
    base.extend ClassMethods
    base.class_eval do
      scope :disabled, -> { where(disabled: true) }
    end
  end
end

畢竟，這種還是靜態的程式碼顯示，很多人希望能有直接讓讀者互動，讓讀者更容易複製，或是直接改玩程式，這時就可以使用像 codepen.io、或是 jsfiddle 等網路程式編輯服務了，要加入這些服務內的程式碼也是一樣簡單，在這些服務內，選擇你要貼上程式碼的部分，再選 embed/iFrame，複製內容後，貼到 思書的編輯器內➕插入 / 媒體 / 崁入碼 就可以把程式碼加入思書文章內了。