Notion 嵌入 imgur網站內的圖並讓該圖顯現
閱讀時間約 5 分鐘
我使用imgur網站上的照片網址 ，以嵌入網址的方式，來實現 在Notion 中 的 Gallery 畫面中 上圖下文 的結果，現在，我把自己遇到的問題，和自己盲測的解決方法提供分享，希望 對於 使用 Gallery 的 圖片嵌入網址 的使用者，能有所幫助。
- 本事件源自 如何用 Notion 做書櫃，按作者八ㄦ力的傻勇者生存遊戲提供的「（Files & media）嵌入書封」 內容，經我實作後，出現一個問題：建立一個 Gallery database後，若在Gallery畫面的卡片內想將 imgur網站上的照片 利用 property / text / file & media 中使用 Embed Link 來嵌入 時，發現 imgur鏈結的圖片(包含Web 網頁鏈結的圖片) 無法顯現出圖片,只會出現一個鏈結位址（圖），看來，想要出現 上圖下文 的 Gallery，就只能另尋方法。以下是我實驗的兩個解決方法：
- 方法一，使用Gallery 卡片內的 Add cover (圖)注意，這個選項必須游標移至卡片標題的最上面時才會看到。
點擊 Add cover 後出現一張圖片,點搫圖片右下方的 Change cover(圖1),進入後選 link , 然後貼上 Web 網頁鏈結的圖片 (注意：直接複製貼上imgur網站上的圖片鏈結是無效的),最後按 Submit ，這樣就可以看到你所增加的 Cover 圖片。
完成上述動作後,回到Gallery畫面,這時應該不會看到之前嵌入的cover 圖片, 在這個畫面 ，點選 右上角三個點/properties（步驟1,2）進入 一個選單，點選單中第一個 Card preview ，再勾選 page cover 選項（步驟3,4），經過這些步驟（步驟圖），就可以顯現出上圖下文 的 Gallery（圖）。
溫馨提醒:page cover 𥚃的圖片使用的 Link 內容必須是 web 上可看到的，這個例子使用的是 博客來的書圖。
- 方法二，利用 /image 嵌入 imgur網站內的照片鏈結網址並讓該圖自動顯現這個方法，是使用Card preview 𥚃面的 page content （請看上面步驟圖的步驟3），所以進入卡片後，到卡片下半部，先把原來卡片內的 to do 等其他內容刪除。然後 用 /image 嵌入 照片鏈結網圵 （圖），而這裹 所填 的網址鏈結內容，會決定 Gallery 畫面的 照片會不會顯現。現就填入內容可區分為三種：
第一種填入內容：單純 copy imgur 網站上的照片鏈結，會導致 Gallery 畫面上的照片顯示失敗
範例如下
https://imgur.com/b4Zl7bC
填入這樣的內容，你可以看到 卡片內會出現 照片，但是該照片的右上角會多出一個 share，所以結果就是 Gallery 畫面上 仍然看不到 照片（圖）
第二種填入內容：就是將上面第一種填入的照片鏈結，在其後面加上附檔名 例如 .png 或 .jpg加上有附檔名的照片鏈結，你可以看到 卡片內 的照片 會以「龜速」的方式完整呈現，同時，你也可以在 Gallery 畫面上 看到 照片（圖）
溫馨提醒：這個方法，也同時解決了 我文章一開始提到的「在 property / text / file & media 中使用 Embed Link 來嵌入 照片卻無法 顯現 照片」 的問題（圖）。換句話說，如果 在 property / text / file & media 中嵌入照片鏈結網址後卻只看到 鏈結網址時，你只要在 填入的照片鏈結網址後面加上附檔名.png 或 .jpg 後，就可以看到 嵌入 的照片了（圖）。
第三種填入內容：就是將上面第二種填入的照片鏈結內容，在其前後分別加上[img] 和 [/img]，範例如下（圖）： [img]https://i.imgur.com/dJKDvLa.png[/img]
這樣的內容填入後，你可以看到 卡片內 的照片 會以「非常迅速」的方式完整呈現，同時，你也可以在 Gallery 畫面上 看到 照片（同上圖） 這也是 當你使用 Card preview 𥚃面的 page content 時，我最推薦的方法。
- 結論：
- 使用Gallery 卡片內的 Card preview / Page cover 來顯示 圖片時，嵌入的 imgur網站/照片網址後面要加 .png 或 .jpg 。
- 使用 Gallery卡片內的 Card preview / Page content 來顯示 圖片時，當配合使用 /image 來嵌入 imgur網站/照片網址，除了 確定該網址後面要加附檔名 .png 或 .jpg 外，一定要在其前後分別加上[img] 和 [/img]，如此可以加快 Notion 載入該圖片的速度。
即將進入廣告，捲動後可繼續閱讀
為什麼會看到廣告
4會員
19內容數
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
美國總統大選只剩下三天， 我們觀察一整週民調與金融市場的變化（包含賭局）， 到本週五下午3:00前為止， 誰是美國總統幾乎大概可以猜到60-70%的機率， 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Faker昨天真的太扯了，中國主播王多多點評的話更是精妙，分享給各位
王多多的點評
「Faker是我們的處境，他是LPL永遠繞不開的一個人和話題，所以我們特別渴望在決賽跟他相遇，去直面我們的處境。
我們曾經稱他為最高的山，最長的河，以為山海就是盡頭，可是Faker用他28歲的年齡...
Notion 最近釋出了 Home（主頁）的功能，讓使用者可以依照自身需求「自定義」自己的首頁，這個主頁的概念也符合人生系統中的入口，今天就來介紹 Notion Home 的相關概念吧！
上一集中我們講到通訊錄的應用，恰巧結合「整理新生活運動」中的社交斷捨離，而本集要來探討整理新生活運動中的「親情」、「愛情」可以用什麼數位收納的方式來整理。
我在之前提到過「朋」跟「友」的概念略有不同，我自己是以 Notion 資料庫的方式來管理跟我有關聯的「人物」，同時也是系統中的一小部分，接下來我們來看看這個資料庫的使用方法，也順便介紹我的設置方法。
經過前兩篇文章（Notion 是什麼？你適合使用 Notion 嗎、Notion 介面一覽及必備設定）的介紹，相信大家對 Notion 的功能及介面有了大致的瞭解，這次想要與大家分享的是我認為 Notion 中最具代表性的功能，Database。
近日有些夥伴在詢問我要如何使用 Notion 的多工畫面以及分享頁面的相關設置等等，因此今天就來導覽一下 Notion 介面以及我認為有哪些必做的設定調整，當然免不了還有滿滿的快捷鍵教學，請大家一定要看到最後，才不會錯過！
好像很多人透過 Notion 看到了我的文章，之前幾篇已經交代，我很早期就加入 Notion 得行列，但也算蠻早就決定停止使用，近兩年來許多人 Notion 創造了一個新的生態圈，也擁有龐大的社群擁戴者。這大概是我最直覺跟完整的一次整理，提供給正在思考是否加入 Notion 群體的朋友多思考。
【Notion Evernote 比較】是一篇討論 Notion 和 Evernote 之間差異的文章，透過簡單易懂的方式和你一起討論這個主題。
如果想提高生產力，正確的使用「筆記本」就是最好的方式，Notion 又是最佳的數位筆記的選擇。
【Notion Template 模版推薦】是一篇討論 Notion學習的文章，透過簡單易懂的方式和你一起討論這個主題。
「如果我能看得更遠， 那是因為站在巨人的肩膀上 - 牛頓」在這篇 Notion Template 的文章中，大叔將介紹 12 種最常使用的官方版模。
這不是一篇中規中矩的Notion教學文。
若你真心想學Notion，我會用我的誠意，跟你分享新手如何循序漸進地上手Notion，以及如何避免我在新手時犯下的許多錯誤!
你以為Notion只是個筆記軟體?
那就代表你還不夠了解它!!
一起來看看我如何在Notion建立「人生管理系統」，享受日常的小事，活出有意義的人生!
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
美國總統大選只剩下三天， 我們觀察一整週民調與金融市場的變化（包含賭局）， 到本週五下午3:00前為止， 誰是美國總統幾乎大概可以猜到60-70%的機率， 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Faker昨天真的太扯了，中國主播王多多點評的話更是精妙，分享給各位
王多多的點評
「Faker是我們的處境，他是LPL永遠繞不開的一個人和話題，所以我們特別渴望在決賽跟他相遇，去直面我們的處境。
我們曾經稱他為最高的山，最長的河，以為山海就是盡頭，可是Faker用他28歲的年齡...
Notion 最近釋出了 Home（主頁）的功能，讓使用者可以依照自身需求「自定義」自己的首頁，這個主頁的概念也符合人生系統中的入口，今天就來介紹 Notion Home 的相關概念吧！
上一集中我們講到通訊錄的應用，恰巧結合「整理新生活運動」中的社交斷捨離，而本集要來探討整理新生活運動中的「親情」、「愛情」可以用什麼數位收納的方式來整理。
我在之前提到過「朋」跟「友」的概念略有不同，我自己是以 Notion 資料庫的方式來管理跟我有關聯的「人物」，同時也是系統中的一小部分，接下來我們來看看這個資料庫的使用方法，也順便介紹我的設置方法。
經過前兩篇文章（Notion 是什麼？你適合使用 Notion 嗎、Notion 介面一覽及必備設定）的介紹，相信大家對 Notion 的功能及介面有了大致的瞭解，這次想要與大家分享的是我認為 Notion 中最具代表性的功能，Database。
近日有些夥伴在詢問我要如何使用 Notion 的多工畫面以及分享頁面的相關設置等等，因此今天就來導覽一下 Notion 介面以及我認為有哪些必做的設定調整，當然免不了還有滿滿的快捷鍵教學，請大家一定要看到最後，才不會錯過！
好像很多人透過 Notion 看到了我的文章，之前幾篇已經交代，我很早期就加入 Notion 得行列，但也算蠻早就決定停止使用，近兩年來許多人 Notion 創造了一個新的生態圈，也擁有龐大的社群擁戴者。這大概是我最直覺跟完整的一次整理，提供給正在思考是否加入 Notion 群體的朋友多思考。
【Notion Evernote 比較】是一篇討論 Notion 和 Evernote 之間差異的文章，透過簡單易懂的方式和你一起討論這個主題。
如果想提高生產力，正確的使用「筆記本」就是最好的方式，Notion 又是最佳的數位筆記的選擇。
【Notion Template 模版推薦】是一篇討論 Notion學習的文章，透過簡單易懂的方式和你一起討論這個主題。
「如果我能看得更遠， 那是因為站在巨人的肩膀上 - 牛頓」在這篇 Notion Template 的文章中，大叔將介紹 12 種最常使用的官方版模。
這不是一篇中規中矩的Notion教學文。
若你真心想學Notion，我會用我的誠意，跟你分享新手如何循序漸進地上手Notion，以及如何避免我在新手時犯下的許多錯誤!
你以為Notion只是個筆記軟體?
那就代表你還不夠了解它!!
一起來看看我如何在Notion建立「人生管理系統」，享受日常的小事，活出有意義的人生!