[Obs＃27] Timelines：時間軸外掛

功能

指定需要的一或多個標籤，以日期由舊到新顯示筆記卡片，形成時間軸呈現樣式

💡 開放原始碼：
✅ GitHub - Create a timeline view of all notes with the specified combination of tags: https://github.com/Darakah/obsidian-timelines

顯示時間軸的語法

💡 顯示時間軸的語法
筆記的YAML區中同時指定了#windows和#yt-videos的文件會被顯示成筆記卡片。

windows;yt-videos

個別筆記的設定

💡 要顯示在時間軸的筆記範例（大於、等於要替換為半形）

---
tags: [timeline, windows, yt-videos]
---

＜span class="ob-timelines" 
  data-date="2021-03-10-14" 
  data-title="使用大尺寸(32吋4K)螢幕時應具備的方便工具" 
  data-img = "https://images.unsplash.com/photo-1614624532983-4ce03382d63d?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=900&ixid=MnwxfDB8MXxyYW5kb218fHx8fHx8fHwxNjE1MzczMzg1&ixlib=rb-1.2.1&q=80&utm_campaign=api-credit&utm_medium=referral&utm_source=unsplash_source&w=1600" 
  data-class = "customCardCSS"＞
＜/span＞

templater外掛設定的樣板：
＜span class='ob-timelines'
data-date='{{tp_creation_date:f="YYYY-MM-DD-HH"}}'
data-title='{{tp_title}}'
data-img='https://source.unsplash.com/random/{{tp_date:f="YYYYMMDDHHmm"}}'
data-class="customCardCSS"＞
{{tp_title}}
＜/span＞

教學影片

＃＃

您可能也會有興趣的類似文章

• [OBS＃32] templater: 無限擴充可能的第三方樣板外掛 (0則留言, 2021/04/10)
• [OBS＃20] templater: 無限擴充可能的第三方樣板外掛 (1則留言, 2020/11/26)
• Obs152｜終於能產生書籤與頁碼了！與PDF相關的外掛：Better Export PDF＆PDF++ | 修訂 (0則留言, 2024/02/18)
• [Obs＃55] 建立新筆記的模板設定-Calendar, Templater與QuickAdd (0則留言, 2021/10/09)
• [Obs＃52] 變更段落顏色與重點高亮度的CSS片段 (0則留言, 2021/09/20)
• [Obs＃50] QuickAdd全攻略(一)：改變工作流程的超強外掛 (0則留言, 2021/09/12)
• Obs139｜5個方便維護Properties的外掛：Linter、TagMany、File Cooker、Tag Wrangler、Templater Hotkeys (0則留言, 2023/09/10)
• Obs＃120 | Chronology：筆記年表📆一覽無遺 (0則留言, 2023/03/26)
• Obs131｜Obsidian使用Dataviewjs動態查詢的嘗試 (0則留言, 2023/05/27)
• [Obs＃39] 利用CSS變更文字顏色，侵入性小 (0則留言, 2021/05/10)
• Obs128｜Obsidian Dataview進度條與YAML欄位快速輸入的方法 (0則留言, 2023/05/11)
• Obs134｜用Dataviewjs製作簡單的建檔統計圖－使用Charts外掛 (0則留言, 2023/08/13)
• Obs154｜Obsidian交互式表格！超強表格控制：視覺美化、分頁、排序、過濾、搜尋 (0則留言, 2024/03/02)
• [Obs＃54] Obsidian的任務管理技巧彙總 (0則留言, 2021/10/03)
• [Obs＃56] 快速新增靈感／閃念筆記(Fleeting Note)的3種方法 (0則留言, 2021/10/10)