Show Recent Notes only on the my Quartz home page

I wanted to show Recent Notes on my  Quartz home page, but no other page.

To accomplish this:

  1. In your code editor, browse to the quartz > components > RecentNotes.tsx file.
  2. Add the following code, somewhere around line 29.
if (fileData.slug !== "index") { // Show only on the home page  
return <></>  

Here is a larger snippet from my RecentNotes.tsx file, as an example.

export default ((userOpts?: Partial<Options>) => {  
function RecentNotes({ allFiles, fileData, displayClass, cfg }: QuartzComponentProps) {  
const opts = { ...defaultOptions(cfg), ...userOpts }  
if (fileData.slug !== "index") { // Show only on the home page  
return <></>  
const pages = allFiles.filter(opts.filter).sort(opts.sort)  
const remaining = Math.max(0, pages.length - opts.limit)

December 6, 2023
Buy me a Coffee
Support this site.