How can I configure custom content in the aside-container within Theme.Layout?

[xi-mad]

How can I configure custom content in the aside-container within Theme.Layout? I successfully replaced the content of the main section using the wrapper. Here is my code:

      <Theme.Layout
        components={{
          // replace the content
          wrapper: ({ children }: { children: any }) => <CustomContent postsByYear={postsByYear}>{children}</CustomContent>,

          // replace the sidebar ??
          sidebar: ({ children }: { children: any }) => <div>右侧{children}</div>,
        }}
      />

[Timeless0911]

The components props you current using is usually used to customize HTML elements like H1, p, ...etc.

If you customize the content, TOC data cannot be generated during compilation, so the Aside is empty. You can simply use beforeOutline hook in <Theme.Layout /> or you should Redevelop a custom theme since Aside component is a built-in component in Layout.

[xi-mad]

@Timeless0911 Thank you so much for providing me with another approach. I have successfully achieved the desired effect using beforeOutline, and I hope this solution can help more people. Thanks again!