Notion 嵌入 imgur網站內的圖並讓該圖顯現

更新於 發佈於 閱讀時間約 6 分鐘

我使用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 載入該圖片的速度。




留言
avatar-img
留言分享你的想法!
傻勇者-avatar-img
2022/01/05
想問問可以讓我把文章分享到我那篇書櫃的頁面嗎?當初沒有解釋清楚只能複製結尾有 .jpg 或是 .png 才能夠顯示,相信有很多人有一樣的問題〜
wendad-avatar-img
發文者
2022/01/06
歡迎
avatar-img
wendad的沙龍
4會員
19內容數
wendad的沙龍的其他內容
2022/03/13
在進入 區塊鏈世界時,要先讓自己建立不會造成後遺的邏輯判斷能力,這樣的能力則基於相關資訊的搜集及建立,以及自我省思能力的培養。
Thumbnail
2022/03/13
在進入 區塊鏈世界時,要先讓自己建立不會造成後遺的邏輯判斷能力,這樣的能力則基於相關資訊的搜集及建立,以及自我省思能力的培養。
Thumbnail
2022/03/13
題目雖然有「業配文」三個字,但這篇文章絕不是「業配文」
Thumbnail
2022/03/13
題目雖然有「業配文」三個字,但這篇文章絕不是「業配文」
Thumbnail
2022/03/12
源自:iThome 《Twitter推出Tor版服務以供俄羅斯用戶存取》
Thumbnail
2022/03/12
源自:iThome 《Twitter推出Tor版服務以供俄羅斯用戶存取》
Thumbnail
看更多
你可能也想看
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
我發現很多人在使用 Notion 的一個煩惱跟痛點是因為自由度太高, 所以很容易找不到建立的頁面隨著新增功能側邊欄越來越長 其實 Notion 根本可以不用手動整理他呀! 你只需要在每個頁面新增一個快速跨頁面自動目錄
Thumbnail
我發現很多人在使用 Notion 的一個煩惱跟痛點是因為自由度太高, 所以很容易找不到建立的頁面隨著新增功能側邊欄越來越長 其實 Notion 根本可以不用手動整理他呀! 你只需要在每個頁面新增一個快速跨頁面自動目錄
Thumbnail
隨著生活和工作複雜度的提高,我們面臨著在多個平台和網站上收集資訊的挑戰。因此,掌握整理資訊的技巧,以更有序的方式進行管理和追蹤,是值得思考的議題。本篇文章,我們將分享 Save to Notion,讓你輕鬆將網頁內容分門別類地儲存進 Notion 頁面,有助於你建立一個高效且有組織性的資訊管理系統。
Thumbnail
隨著生活和工作複雜度的提高,我們面臨著在多個平台和網站上收集資訊的挑戰。因此,掌握整理資訊的技巧,以更有序的方式進行管理和追蹤,是值得思考的議題。本篇文章,我們將分享 Save to Notion,讓你輕鬆將網頁內容分門別類地儲存進 Notion 頁面,有助於你建立一個高效且有組織性的資訊管理系統。
Thumbnail
現今數位世代,資訊匯流如潮水般湧入,如何有效地整理、保存網頁上有用內容成為許多人的挑戰。如果你像我喜歡使用 Notion 來管理你的工作和生活,那麼 Notion Web Clipper 將會是你無法或缺的強大工具。它能夠將任何網頁內容輕鬆儲存至 Notion,讓你能更便捷地閱讀、註記、保存和分享。
Thumbnail
現今數位世代,資訊匯流如潮水般湧入,如何有效地整理、保存網頁上有用內容成為許多人的挑戰。如果你像我喜歡使用 Notion 來管理你的工作和生活,那麼 Notion Web Clipper 將會是你無法或缺的強大工具。它能夠將任何網頁內容輕鬆儲存至 Notion,讓你能更便捷地閱讀、註記、保存和分享。
Thumbnail
在先前的文章中,我們分享了如何讓你能在頁面中建構出類紙膠帶 or 重點註記的文字樣式,提升內容的視覺吸引力。接下來,在這篇文章中,我們將繼續探索 Notion 的功能,教你如何在資料庫中使用公式 ( equation ),打造多樣化的文字風格,並使你的資料庫更加獨特和個性化。讓我們看下去!
Thumbnail
在先前的文章中,我們分享了如何讓你能在頁面中建構出類紙膠帶 or 重點註記的文字樣式,提升內容的視覺吸引力。接下來,在這篇文章中,我們將繼續探索 Notion 的功能,教你如何在資料庫中使用公式 ( equation ),打造多樣化的文字風格,並使你的資料庫更加獨特和個性化。讓我們看下去!
Thumbnail
我尋找有沒有可以自動將Kobo畫線內容導入到Notion的方法,找到了某個網站也有跟我同樣的困擾,原本以為按照他的步驟一步一步就可以完成了,但卻還是在途中遇到困難,再經歷一次次將問題丟掉GPT尋求解答後,我想可以將更多這個網站可能比較沒有提到的部份以及我遇到的問題分享給大家。
Thumbnail
我尋找有沒有可以自動將Kobo畫線內容導入到Notion的方法,找到了某個網站也有跟我同樣的困擾,原本以為按照他的步驟一步一步就可以完成了,但卻還是在途中遇到困難,再經歷一次次將問題丟掉GPT尋求解答後,我想可以將更多這個網站可能比較沒有提到的部份以及我遇到的問題分享給大家。
Thumbnail
要在 notion 放圖表主要是「embed」的方法嵌入第三方服務。 ⛔⛔⛔如果您對第三方網站有資安疑慮請放棄以下操作⛔⛔⛔
Thumbnail
要在 notion 放圖表主要是「embed」的方法嵌入第三方服務。 ⛔⛔⛔如果您對第三方網站有資安疑慮請放棄以下操作⛔⛔⛔
Thumbnail
話說我這個小懶鬼當初沒有搞懂專題分頁是什麼,所以 Tag 亂下,搞得我的專題分頁看起來很不明確。再加上最近在臉書分享的 Notion 貼文又開始有人在按讚(神奇的演算法),為了感謝大家的這一年來的支持,想要在年末的時候教大家一些我常用的小技巧!
Thumbnail
話說我這個小懶鬼當初沒有搞懂專題分頁是什麼,所以 Tag 亂下,搞得我的專題分頁看起來很不明確。再加上最近在臉書分享的 Notion 貼文又開始有人在按讚(神奇的演算法),為了感謝大家的這一年來的支持,想要在年末的時候教大家一些我常用的小技巧!
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News