由 · 發表於: · 更新於: | 瀏覽數: 21 / 22
標籤: obsidian
Obsidian Bases以卡片形式呈現時,通常會指定圖片的屬性(下圖指定的cover_image_url),屆時會以此屬性將圖片顯示在卡片上方。但若不是每個筆記都有指定圖片屬性時,有辦法自行取到筆記裡第一個圖片來當做筆記縮圖(Thumbnail)嗎?若可以,應如何設定Base的Property呢?
[!warning] 只適用本地圖檔
本文方法只適用存放在本地的圖檔,圖片網址不適用。
▼ cover_image_url 是圖片網址(http://
或https://
開頭)
1. 表格檢視
[!tip] file.embeds 是什麼?
file.embeds 是一個你可以用來查詢筆記中所有內嵌(embed)檔案的物件,傳回一個檔案物件的列表(List of File objects),每個物件都代表一個被嵌入的檔案。
- 新增公式 image(圖片檔名):
file.embeds[0]
- 新增公式 thumbnail(圖片縮圖):
image(file.embeds[0])
,以圖形顯示圖片檔案 - 過濾條件:
file.embeds[0].containsAny("png", "jpg", "gif")
2. 卡片檢視
- 新增公式 image(圖片檔名):
file.embeds[0]
- 過濾條件:
file.embeds[0].containsAny("png", "jpg", "gif")
- 卡片檢視設定:Image property選用公式 image
- Image fit: 選用 Cover 則填滿圖片,Contain則顯示完整內容
3. 💡 相關鏈接
✅ 解說文章(繁體中文): https://jdev.tw/blog/8898/
✅ Explanation article(English)
✅ 解説記事(日本語)
✅ 參考(日文): Obsidian Bases 入門|松濤Vimmer
✅ 參考: 「Bases」设置笔记中第一张图片为卡片封面 - 经验分享 - Obsidian 中文论坛
##
您可能也會有興趣的類似文章
- Obs181|告別Dataview?Obsidian Bases筆記收藏實戰:功能解析與語法轉換 (0則留言, 2025/07/27)
- [Obs#92] Obsidian彙編文章的簡單方法:2個外掛+1個CSS片段 (0則留言, 2022/07/16)
- Obs178|Obsidian檔案速覽:Dashboard Navigator與自訂新分頁:NetClip Home (0則留言, 2025/04/13)
- 效率提升!Obsidian Querydash 外掛,打造客製化 Dataview 表格 (0則留言, 2025/07/24)
- Obsidian總是開啟在新分頁的新選擇:Open Tab Settings-提供使用者更便利的筆記開啟方式,無需額外按鍵操作 (0則留言, 2025/04/25)
- Obsidian 多欄新選擇:Simple Columns,自訂外觀、拖曳調欄寬,效率再提升 (0則留言, 2025/07/29)
- LINE Notes Sync:打造 LINE 與 Obsidian 的無縫同步通道,手機快速輸入筆記,輕鬆傳遞給Obsidian編輯 (0則留言, 2025/08/25)
- Obs176|Obsidian的卡片顯示外掛:Notes Explorer、GridExplorer與Data Cards,視覺化筆記新體驗 (0則留言, 2025/03/30)
- Obs180|Obsidian互動式評分 Interactive Ratings 外掛,簡化+美化評等操作 (0則留言, 2025/04/26)
- Obs#118 | Obsidian超棒的圖形處理 Awesome Image (4則留言, 2023/03/22)
- [Obs#53] Text Transporter 文字運輸車:透過書籤在不同筆記之間搬運文字 (0則留言, 2021/09/25)
- Obsidian Buttons恢復更新 (v0.7.0) (0則留言, 2025/07/18)
- Obs172-quaily.com:與Obsidian高度整合的內容付費服務 (0則留言, 2025/03/15)
- Obs179|提升 Obsidian 使用體驗:彈出式設定視窗的解決方案 (0則留言, 2025/04/20)
- Obs170|Obsidian的官方網頁擷取工具:Obsidian Web Clipper;設定與使用 (0則留言, 2024/11/24)