URL Problem

Author: PrathameshDhande22

Diff for: quartz/components/NavigationLinks.tsx

@@ -11,7 +11,6 @@ interface Options {
 export default ((opts?: Options) => {
   const NavigationLinks: QuartzComponent = (props: QuartzComponentProps) => {
     const links = opts?.links ?? []
-    console.log(links)
     return (
       <nav class="nav-links">
         <button className="menu-btn">

Diff for: quartz/components/pages/Blogs.tsx

@@ -49,9 +49,10 @@ export default (() => {
               </button>
               <div id="toc-content" class={!props.fileData.collapseToc ? "collapsed" : ""}>
                 <ul class="overflow">
+                  {/* TODO: Handling of Folder based Pattern Files is Remaining for Rendering the Links. */}
                   {data.toc?.map((tocEntry) => (
                     <li key={tocEntry.slug} class={`depth-${tocEntry.depth}`}>
-                      <a href={`${data.slug}#${tocEntry.slug}`} data-for={tocEntry.slug}>
+                      <a href={`./${data.slug}#${tocEntry.slug}`} data-for={tocEntry.slug}>
                         {tocEntry.text}
                       </a>
                     </li>

Diff for: quartz/plugins/emitters/404.tsx

@@ -33,7 +33,7 @@ export const NotFoundPage: QuartzEmitterPlugin = () => {
     },
     async emit(ctx, _content, resources): Promise<FilePath[]> {
       const cfg = ctx.cfg.configuration
-      const slug = "/404/index" as FullSlug
+      const slug = "404" as FullSlug
 
       const url = new URL(`https://${cfg.baseUrl ?? "example.com"}`)
       const path = url.pathname as FullSlug