Quartz 可以根据一些过滤和排序条件生成最近笔记的列表。虽然默认情况下此组件不包含在任何布局中,但你可以使用Component.RecentNotesin添加它quartz.layout.ts

定制

  • 将标题从“最近的笔记”更改:将附加参数传递给Component.RecentNotes({ title: "Recent writing" })
  • 更改最近笔记的数量:传递一个附加参数到Component.RecentNotes({ limit: 5 })
  • 显示笔记的标签(默认为 true):Component.RecentNotes({ showTags: false })
  • 显示“查看更多”链接:将附加参数传递给Component.RecentNotes({ linkToMore: "tags/components" })。此字段应为已存在页面的完整 slug。
  • 自定义过滤:将附加参数传递给Component.RecentNotes({ filter: someFilterFunction })。过滤函数应为具有签名的函数(f: QuartzPluginData) => boolean
  • 自定义排序:将附加参数传递给Component.RecentNotes({ sort: someSortFunction })。默认情况下,Quartz 将按日期排序,然后按字典顺序进行排序。sort 函数应为具有签名的函数(f1: QuartzPluginData, f2: QuartzPluginData) => number。请参阅byDateAndAlphabeticalquartz/components/PageList.tsx的示例。
  • 成分:quartz/components/RecentNotes.tsx
  • 风格:quartz/components/styles/recentNotes.scss

示例

同样可以添加在left下面。

 
export default {
  // ... 其他配置
  defaultContentPageLayout: {
    right: [
      Component.Graph(),
      Component.DesktopOnly(Component.TableOfContents()),
      Component.Backlinks(),
      // 添加最近笔记组件并传递参数
      Component.RecentNotes({ 
        title: "最近的笔记", 
        limit: 5,            
        showTags: true,      
      }),
    ],
    // ... 其他布局定义
  },
  // ... 其他配置
};