How to hide the blog sidebar?

[tisonkun]

I'd like to hide this component.

[slorber]

Swizzle BlogLayout and customize it to your needs, for example removing the <BlogSidebar> component usage depending on your own custom logic (you show for some pages, and hide for others for example)

import React, {type ReactNode} from 'react';
import clsx from 'clsx';
import Layout from '@theme/Layout';
import BlogSidebar from '@theme/BlogSidebar';

import type {Props} from '@theme/BlogLayout';

export default function BlogLayout(props: Props): ReactNode {
  const {sidebar, toc, children, ...layoutProps} = props;
  const hasSidebar = sidebar && sidebar.items.length > 0;

  return (
    <Layout {...layoutProps}>
      <div className="container margin-vert--lg">
        <div className="row">
          <BlogSidebar sidebar={sidebar} />
          <main
            className={clsx('col', {
              'col--7': hasSidebar,
              'col--9 col--offset-1': !hasSidebar,
            })}>
            {children}
          </main>
          {toc && <div className="col col--2">{toc}</div>}
        </div>
      </div>
    </Layout>
  );
}

Less efficient but easier: you can also hide the sidebar using custom CSS.

If you want to disable it globally, have you tried blogSidebarCount: 0?
https://docusaurus.io/docs/next/api/plugins/@docusaurus/plugin-content-blog#blogSidebarCount

[tisonkun]

Thanks for your answer @slorber!

blogSidebarCount: 0

This works for me now. I found the config but missed the "0 to disable" part.

I'd finally want to implement something like https://www.bytebase.com/blog/, where I can see the gap:

• The ability to select all posts and posts with specific categories (tags)
• Add a new component at the end of each blog to show related posts
• Change the layout of the blog posts listed

Not sure if patching Docusaurus is a desired solution.

[slorber]

Achieving that flexibility is hard in Docusaurus today, but I have good hopes that in 2025 I'll ship RSC support giving you flexibility to implement those features easily (#9089)