Menus

Author: slowcheetah

web/scripts/build.mjs

@@ -182,24 +182,24 @@ async function build() {
     const isDocs = mdPath.indexOf('/docs') !== -1;
     const isBlog = mdPath.indexOf('/blog') !== -1;
     let mobileDocsMenu = '';
+    let mobileBlogMenu = '';
 
     if (version !== versions[i]) {
       prevVersion = version;
       version = versions[i];
+      docsMenu = await buildMenuForVersion(version);
       versionsMenu = await buildVersionMenu(uniqueVersions, version);
     }
     if (isDocs) {
-      mobileDocsMenu = docsMenu = await buildMenuForVersion(version);
-    }
-    if (isBlog) {
-      mobileDocsMenu = docsMenu = blogMenu;
+      mobileBlogMenu = blogMenu;
     }
     htmlFileName = mdPath.replace(docsDir, '').replace(/\.md$/i, '.html');
     const htmlFilePath = path.join(resultDir, htmlFileName);
     const htmlContent = isDocs || isBlog ? markedWithContents.parse(content) : marked.parse(content);
 
     let resultHtml = template.replace('{content}', `${htmlContent}`);
     resultHtml = resultHtml.replace('{docs-menu}', `${mobileDocsMenu}`);
+    resultHtml = resultHtml.replace('{blog-menu}', `${mobileBlogMenu}`);
     resultHtml = resultHtml.replace('{base}', `${base}`);
     resultHtml = resultHtml.replace('{versions-menu}', `${versionsMenu}`);
     resultHtml = resultHtml.replaceAll('{current-version}', version);

web/src/index.html

@@ -15,7 +15,10 @@
         </div>
         <div class="menu">
             <div class="menu-items">
-                <div class="menu-item"><a href="./blog/">Blog</a></div>
+                <div class="menu-item">
+                    <a href="./blog/">Blog</a>
+                    <div class="mobile-docs-menu">{blog-menu}</div>
+                </div>
                 <div class="menu-item"><a href="./playground.html">Playground</a></div>
                 <div class="menu-item">
                     <a href="{default-version}/docs/">Docs</a>