Skip to main content
Focustivity

Hide Backlinks from Quartz home page


I wanted to hide the Backlinks component from my Quartz home page. I don't need to show them there.

To accomplish this:

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

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

function Backlinks({ fileData, allFiles, displayClass }: QuartzComponentProps) {  
  
const slug = simplifySlug(fileData.slug!)  
const backlinkFiles = allFiles.filter((file) => file.links?.includes(slug))  
<div><br></div>  
if (fileData.slug === "index") { // Hide if on the home page  
	return <></>  
}  
return ()