@knowcode/doc-builder 1.5.3 → 1.5.4

package/CHANGELOG.md

@@ -5,6 +5,24 @@ All notable changes to @knowcode/doc-builder will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.5.4] - 2025-07-22
+
+### Added
+- New CLI command `google-verify` to add Google site verification meta tags
+- Support for custom meta tags in the SEO configuration
+- Comprehensive guide for Google Search Console verification
+- Ability to update existing verification codes
+
+### Changed
+- Extended `generateMetaTags` function to support custom meta tags
+- Updated config structure to include `seo.customMetaTags` array
+
+### Features
+- Run `doc-builder google-verify YOUR_CODE` to add verification
+- Verification meta tag automatically added to all generated pages
+- Support for multiple custom meta tags (Google, Bing, Yandex, etc.)
+- Safe to commit verification codes to repositories
+
 ## [1.5.3] - 2025-07-22
 
 ### Fixed

package/README.md

@@ -4,17 +4,11 @@ Beautiful documentation with the least effort possible. A zero-configuration doc
 
 🔗 **[View Live Example](https://doc-builder-delta.vercel.app)** - See what your documentation will look like!
 
-## Recent Documentation Updates (Last 14 Days)
-
-### 🚀 System & Deployment (docs:)
-- 🔄 **UPDATE**: [Claude + CLAUDE.md Documentation Workflow Guide](docs/claude-workflow-guide.md) - Documentation updates and improvements
-- 🔄 **MAJOR UPDATE**: [Documentation Index](docs/documentation-index.md) - Significant updates with enhanced functionality and coverage
-- 🔄 **MAJOR UPDATE**: [Document Standards for @knowcode/doc-builder](docs/guides/DOCUMENT-STANDARDS.md) - Significant updates with enhanced functionality and coverage
-- 🔄 **UPDATE**: [@knowcode/doc-builder](docs/README.md) - Documentation updates and improvements
-- 🔄 **UPDATE**: [Document Standards for @knowcode/doc-builder](docs/guides/document-standards.md) - Documentation updates and improvements
-
-**Total Changes**: 0+ new documents, 5+ updates and improvements across 5 files
+## TL:DR
 
+```
+npx @knowcode/doc-builder deploy
+```
 
 ## Why This Project Exists
 
@@ -28,7 +22,7 @@ The main premise of @knowcode/doc-builder is simple: **create beautiful document
 - **Converts** markdown to HTML with syntax highlighting and diagram support
 - **Styles** everything with a clean, Notion-inspired theme
 - **Deploys** to Vercel with a single command - leveraging their generous free tier
-- **Provides** optional features like authentication, dark mode, and changelog generation
+- **Provides** optional features like authentication, dark mode, and changelog generation, SEO
 
 Perfect for project documentation, API references, knowledge bases, or any content written in markdown.
 
@@ -106,7 +100,7 @@ After deployment, go to your Vercel dashboard:
 3. Set to **Disabled** for public access
 4. Or configure authentication for private docs
 
-## Configuration
+## Configuration (optional - can be managed with CLI)
 
 Create `doc-builder.config.js` in your project root:
 
@@ -168,7 +162,7 @@ This wizard helps you set up:
 
 See the [SEO Guide](docs/guides/seo-guide.md) for complete details.
 
-### build
+### build (defaults will work just fine)
 Build the documentation site to static HTML:
 ```bash
 doc-builder build [options]
@@ -189,23 +183,6 @@ Examples:
   doc-builder build --config my-config.js  # Use custom config
 ```
 
-### dev
-Start development server with live reload:
-```bash
-doc-builder dev [options]
-
-Options:
-  -c, --config <path>  Path to config file (default: "doc-builder.config.js")
-  -p, --port <port>    Port to run dev server on (default: 3000)
-  -h, --host <host>    Host to bind to (default: localhost)
-  --no-open            Don't open browser automatically
-
-Examples:
-  doc-builder dev                    # Start on http://localhost:3000
-  doc-builder dev --port 8080        # Use custom port
-  doc-builder dev --host 0.0.0.0     # Allow external connections
-```
-
 ### deploy
 Deploy documentation to Vercel (requires Vercel CLI):
 ```bash

package/cli.js

@@ -118,6 +118,79 @@ ${chalk.yellow('Examples:')}
     }
   });
 
+// Google Site Verification command
+program
+  .command('google-verify <verification-code>')
+  .description('Add Google site verification meta tag to all pages')
+  .option('-c, --config <path>', 'path to config file (default: doc-builder.config.js)')
+  .addHelpText('after', `
+${chalk.yellow('Examples:')}
+  ${chalk.gray('$')} doc-builder google-verify FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ
+  ${chalk.gray('$')} doc-builder google-verify YOUR_VERIFICATION_CODE
+
+${chalk.yellow('This will add the Google site verification meta tag to all generated HTML pages.')}
+${chalk.yellow('Get your verification code from Google Search Console.')}
+`)
+  .action(async (verificationCode, options) => {
+    try {
+      const configPath = path.join(process.cwd(), options.config || 'doc-builder.config.js');
+      let config;
+      
+      if (fs.existsSync(configPath)) {
+        // Load existing config
+        delete require.cache[require.resolve(configPath)];
+        config = require(configPath);
+      } else {
+        console.log(chalk.yellow('⚠️  No config file found. Creating one...'));
+        await createDefaultConfig();
+        config = require(configPath);
+      }
+      
+      // Ensure SEO section exists
+      if (!config.seo) {
+        config.seo = {
+          enabled: true,
+          customMetaTags: []
+        };
+      }
+      
+      if (!config.seo.customMetaTags) {
+        config.seo.customMetaTags = [];
+      }
+      
+      // Check if Google verification already exists
+      const googleVerifyIndex = config.seo.customMetaTags.findIndex(tag => 
+        tag.name === 'google-site-verification'
+      );
+      
+      const newTag = {
+        name: 'google-site-verification',
+        content: verificationCode
+      };
+      
+      if (googleVerifyIndex >= 0) {
+        // Update existing
+        config.seo.customMetaTags[googleVerifyIndex] = newTag;
+        console.log(chalk.green(`✅ Updated Google site verification code`));
+      } else {
+        // Add new
+        config.seo.customMetaTags.push(newTag);
+        console.log(chalk.green(`✅ Added Google site verification code`));
+      }
+      
+      // Write updated config
+      const configContent = `module.exports = ${JSON.stringify(config, null, 2)};\n`;
+      fs.writeFileSync(configPath, configContent);
+      
+      console.log(chalk.gray(`\nThe following meta tag will be added to all pages:`));
+      console.log(chalk.cyan(`<meta name="google-site-verification" content="${verificationCode}" />`));
+      console.log(chalk.gray(`\nRun ${chalk.cyan('doc-builder build')} to regenerate your documentation.`));
+    } catch (error) {
+      console.error(chalk.red('Failed to add Google verification:'), error.message);
+      process.exit(1);
+    }
+  });
+
 // Set Production URL command
 program
   .command('set-production-url <url>')

package/doc-builder.config.js

@@ -29,6 +29,12 @@ module.exports = {
     "organization": {
       "name": "Knowcode Ltd",
       "url": "https://knowcode.tech"
-    }
+    },
+    "customMetaTags": [
+      {
+        "name": "google-site-verification",
+        "content": "FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ"
+      }
+    ]
   }
 };

package/html/README.html

@@ -28,6 +28,9 @@
     <meta name="twitter:description" content="@knowcode/doc-builder.">
     <meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
     
+    <!-- Custom Meta Tags -->
+    <meta name="google-site-verification" content="FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ">
+    
     <!-- Fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
     
@@ -58,8 +61,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-22T06:01:14.255Z",
-  "dateModified": "2025-07-22T06:01:14.255Z",
+  "datePublished": "2025-07-22T06:56:56.764Z",
+  "dateModified": "2025-07-22T06:56:56.764Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/README.html"
@@ -92,7 +95,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.5.2">Last updated: Jul 22, 2025, 06:01 AM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.5.3">Last updated: Jul 22, 2025, 06:56 AM UTC</span>
                 </div>
                 
                 
@@ -153,6 +156,7 @@
         <a href="/guides/authentication-guide.html" class="nav-item" data-tooltip="This guide explains how to configure and use the built-in authentication feature in @knowcode/doc-builder to protect your documentation with basic..."><i class="fas fa-file-alt"></i> Authentication Guide</a>
         <a href="/guides/claude-workflow-guide.html" class="nav-item" data-tooltip="This guide demonstrates an efficient workflow for using Claude Code with a refined CLAUDE.md file to create high-quality documentation and deploy it..."><i class="fas fa-file-alt"></i> Claude Workflow Guide</a>
         <a href="/guides/documentation-standards.html" class="nav-item" data-tooltip="This document defines the documentation standards and conventions for the @knowcode/doc-builder project."><i class="fas fa-file-alt"></i> Documentation Standards</a>
+        <a href="/guides/google-site-verification-guide.html" class="nav-item" data-tooltip="Google Search Console verification allows you to: Monitor your site&#039;s performance in Google Search Submit sitemaps for better indexing View search..."><i class="fas fa-file-alt"></i> Google Site Verification Guide</a>
         <a href="/guides/seo-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes comprehensive SEO (Search Engine Optimization) features to help your documentation rank better in search results and..."><i class="fas fa-file-alt"></i> Seo Guide</a>
         <a href="/guides/troubleshooting-guide.html" class="nav-item" data-tooltip="This guide helps you resolve common issues when using @knowcode/doc-builder."><i class="fas fa-file-alt"></i> Troubleshooting Guide</a></div></div>
             </nav>

package/html/css/notion-style.css

@@ -954,19 +954,39 @@ tr:hover {
   
   /* Hide sidebar on mobile */
   .sidebar {
-    position: absolute;
+    position: fixed;
     top: calc(var(--header-height) + var(--breadcrumb-height));
     left: 0;
     height: calc(100vh - var(--header-height) - var(--breadcrumb-height));
-    z-index: 999;
+    z-index: 1002; /* Above header and floating button */
     transform: translateX(-100%);
     transition: transform var(--duration-normal) var(--easing-out);
+    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15); /* Add shadow for depth */
   }
   
   .sidebar.open {
     transform: translateX(0);
   }
   
+  /* Mobile menu overlay */
+  .sidebar-overlay {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.5);
+    z-index: 1001; /* Below sidebar but above content */
+    opacity: 0;
+    transition: opacity var(--duration-normal);
+  }
+  
+  .sidebar-overlay.active {
+    display: block;
+    opacity: 1;
+  }
+  
   .main-wrapper {
     margin-left: 0;
     margin-top: var(--header-height); /* Only account for fixed header on mobile */

package/html/documentation-index.html

@@ -28,6 +28,9 @@
     <meta name="twitter:description" content="Documentation Index.">
     <meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
     
+    <!-- Custom Meta Tags -->
+    <meta name="google-site-verification" content="FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ">
+    
     <!-- Fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
     
@@ -58,8 +61,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-22T06:01:14.265Z",
-  "dateModified": "2025-07-22T06:01:14.265Z",
+  "datePublished": "2025-07-22T06:56:56.775Z",
+  "dateModified": "2025-07-22T06:56:56.775Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/documentation-index.html"
@@ -92,7 +95,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.5.2">Last updated: Jul 22, 2025, 06:01 AM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.5.3">Last updated: Jul 22, 2025, 06:56 AM UTC</span>
                 </div>
                 
                 
@@ -153,6 +156,7 @@
         <a href="/guides/authentication-guide.html" class="nav-item" data-tooltip="This guide explains how to configure and use the built-in authentication feature in @knowcode/doc-builder to protect your documentation with basic..."><i class="fas fa-file-alt"></i> Authentication Guide</a>
         <a href="/guides/claude-workflow-guide.html" class="nav-item" data-tooltip="This guide demonstrates an efficient workflow for using Claude Code with a refined CLAUDE.md file to create high-quality documentation and deploy it..."><i class="fas fa-file-alt"></i> Claude Workflow Guide</a>
         <a href="/guides/documentation-standards.html" class="nav-item" data-tooltip="This document defines the documentation standards and conventions for the @knowcode/doc-builder project."><i class="fas fa-file-alt"></i> Documentation Standards</a>
+        <a href="/guides/google-site-verification-guide.html" class="nav-item" data-tooltip="Google Search Console verification allows you to: Monitor your site&#039;s performance in Google Search Submit sitemaps for better indexing View search..."><i class="fas fa-file-alt"></i> Google Site Verification Guide</a>
         <a href="/guides/seo-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes comprehensive SEO (Search Engine Optimization) features to help your documentation rank better in search results and..."><i class="fas fa-file-alt"></i> Seo Guide</a>
         <a href="/guides/troubleshooting-guide.html" class="nav-item" data-tooltip="This guide helps you resolve common issues when using @knowcode/doc-builder."><i class="fas fa-file-alt"></i> Troubleshooting Guide</a></div></div>
             </nav>

package/html/guides/authentication-guide.html

@@ -28,6 +28,9 @@
     <meta name="twitter:description" content="Authentication Guide for @knowcode/doc-builder.">
     <meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
     
+    <!-- Custom Meta Tags -->
+    <meta name="google-site-verification" content="FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ">
+    
     <!-- Fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
     
@@ -58,8 +61,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-22T06:01:14.269Z",
-  "dateModified": "2025-07-22T06:01:14.269Z",
+  "datePublished": "2025-07-22T06:56:56.778Z",
+  "dateModified": "2025-07-22T06:56:56.778Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/guides/authentication-guide.html"
@@ -98,7 +101,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.5.2">Last updated: Jul 22, 2025, 06:01 AM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.5.3">Last updated: Jul 22, 2025, 06:56 AM UTC</span>
                 </div>
                 
                 
@@ -159,6 +162,7 @@
         <a href="/guides/authentication-guide.html" class="nav-item active" data-tooltip="This guide explains how to configure and use the built-in authentication feature in @knowcode/doc-builder to protect your documentation with basic..."><i class="fas fa-file-alt"></i> Authentication Guide</a>
         <a href="/guides/claude-workflow-guide.html" class="nav-item" data-tooltip="This guide demonstrates an efficient workflow for using Claude Code with a refined CLAUDE.md file to create high-quality documentation and deploy it..."><i class="fas fa-file-alt"></i> Claude Workflow Guide</a>
         <a href="/guides/documentation-standards.html" class="nav-item" data-tooltip="This document defines the documentation standards and conventions for the @knowcode/doc-builder project."><i class="fas fa-file-alt"></i> Documentation Standards</a>
+        <a href="/guides/google-site-verification-guide.html" class="nav-item" data-tooltip="Google Search Console verification allows you to: Monitor your site&#039;s performance in Google Search Submit sitemaps for better indexing View search..."><i class="fas fa-file-alt"></i> Google Site Verification Guide</a>
         <a href="/guides/seo-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes comprehensive SEO (Search Engine Optimization) features to help your documentation rank better in search results and..."><i class="fas fa-file-alt"></i> Seo Guide</a>
         <a href="/guides/troubleshooting-guide.html" class="nav-item" data-tooltip="This guide helps you resolve common issues when using @knowcode/doc-builder."><i class="fas fa-file-alt"></i> Troubleshooting Guide</a></div></div>
             </nav>

package/html/guides/claude-workflow-guide.html

@@ -28,6 +28,9 @@
     <meta name="twitter:description" content="Claude + CLAUDE.">
     <meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
     
+    <!-- Custom Meta Tags -->
+    <meta name="google-site-verification" content="FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ">
+    
     <!-- Fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
     
@@ -58,8 +61,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-22T06:01:14.275Z",
-  "dateModified": "2025-07-22T06:01:14.275Z",
+  "datePublished": "2025-07-22T06:56:56.781Z",
+  "dateModified": "2025-07-22T06:56:56.781Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/guides/claude-workflow-guide.html"
@@ -98,7 +101,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.5.2">Last updated: Jul 22, 2025, 06:01 AM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.5.3">Last updated: Jul 22, 2025, 06:56 AM UTC</span>
                 </div>
                 
                 
@@ -159,6 +162,7 @@
         <a href="/guides/authentication-guide.html" class="nav-item" data-tooltip="This guide explains how to configure and use the built-in authentication feature in @knowcode/doc-builder to protect your documentation with basic..."><i class="fas fa-file-alt"></i> Authentication Guide</a>
         <a href="/guides/claude-workflow-guide.html" class="nav-item active" data-tooltip="This guide demonstrates an efficient workflow for using Claude Code with a refined CLAUDE.md file to create high-quality documentation and deploy it..."><i class="fas fa-file-alt"></i> Claude Workflow Guide</a>
         <a href="/guides/documentation-standards.html" class="nav-item" data-tooltip="This document defines the documentation standards and conventions for the @knowcode/doc-builder project."><i class="fas fa-file-alt"></i> Documentation Standards</a>
+        <a href="/guides/google-site-verification-guide.html" class="nav-item" data-tooltip="Google Search Console verification allows you to: Monitor your site&#039;s performance in Google Search Submit sitemaps for better indexing View search..."><i class="fas fa-file-alt"></i> Google Site Verification Guide</a>
         <a href="/guides/seo-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes comprehensive SEO (Search Engine Optimization) features to help your documentation rank better in search results and..."><i class="fas fa-file-alt"></i> Seo Guide</a>
         <a href="/guides/troubleshooting-guide.html" class="nav-item" data-tooltip="This guide helps you resolve common issues when using @knowcode/doc-builder."><i class="fas fa-file-alt"></i> Troubleshooting Guide</a></div></div>
             </nav>

package/html/guides/documentation-standards.html

@@ -28,6 +28,9 @@
     <meta name="twitter:description" content="Document Standards for @knowcode/doc-builder.">
     <meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
     
+    <!-- Custom Meta Tags -->
+    <meta name="google-site-verification" content="FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ">
+    
     <!-- Fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
     
@@ -58,8 +61,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-22T06:01:14.283Z",
-  "dateModified": "2025-07-22T06:01:14.283Z",
+  "datePublished": "2025-07-22T06:56:56.784Z",
+  "dateModified": "2025-07-22T06:56:56.784Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/guides/documentation-standards.html"
@@ -98,7 +101,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.5.2">Last updated: Jul 22, 2025, 06:01 AM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.5.3">Last updated: Jul 22, 2025, 06:56 AM UTC</span>
                 </div>
                 
                 
@@ -159,6 +162,7 @@
         <a href="/guides/authentication-guide.html" class="nav-item" data-tooltip="This guide explains how to configure and use the built-in authentication feature in @knowcode/doc-builder to protect your documentation with basic..."><i class="fas fa-file-alt"></i> Authentication Guide</a>
         <a href="/guides/claude-workflow-guide.html" class="nav-item" data-tooltip="This guide demonstrates an efficient workflow for using Claude Code with a refined CLAUDE.md file to create high-quality documentation and deploy it..."><i class="fas fa-file-alt"></i> Claude Workflow Guide</a>
         <a href="/guides/documentation-standards.html" class="nav-item active" data-tooltip="This document defines the documentation standards and conventions for the @knowcode/doc-builder project."><i class="fas fa-file-alt"></i> Documentation Standards</a>
+        <a href="/guides/google-site-verification-guide.html" class="nav-item" data-tooltip="Google Search Console verification allows you to: Monitor your site&#039;s performance in Google Search Submit sitemaps for better indexing View search..."><i class="fas fa-file-alt"></i> Google Site Verification Guide</a>
         <a href="/guides/seo-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes comprehensive SEO (Search Engine Optimization) features to help your documentation rank better in search results and..."><i class="fas fa-file-alt"></i> Seo Guide</a>
         <a href="/guides/troubleshooting-guide.html" class="nav-item" data-tooltip="This guide helps you resolve common issues when using @knowcode/doc-builder."><i class="fas fa-file-alt"></i> Troubleshooting Guide</a></div></div>
             </nav>

package/html/guides/google-site-verification-guide.html

@@ -0,0 +1,338 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Google Site Verification Guide.">
+    <title>Google Site Verification Guide - Doc Builder</title>
+    
+    <meta name="author" content="Lindsay Smith">
+    <meta name="keywords" content="documentation, markdown, static site generator, vercel, notion-style, your, verification, search, google, site">
+    <meta name="robots" content="index, follow">
+    <link rel="canonical" href="https://doc-builder-delta.vercel.app/guides/google-site-verification-guide.html">
+    
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="article">
+    <meta property="og:url" content="https://doc-builder-delta.vercel.app/guides/google-site-verification-guide.html">
+    <meta property="og:title" content="Google Site Verification Guide - Doc Builder">
+    <meta property="og:description" content="Google Site Verification Guide.">
+    <meta property="og:image" content="https://doc-builder-delta.vercel.app/og-default.png">
+    <meta property="og:site_name" content="Doc Builder">
+    <meta property="og:locale" content="en_US">
+    
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:site" content="@planbbackups">
+    <meta name="twitter:creator" content="@planbbackups">
+    <meta name="twitter:title" content="Google Site Verification Guide - Doc Builder">
+    <meta name="twitter:description" content="Google Site Verification Guide.">
+    <meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
+    
+    <!-- Custom Meta Tags -->
+    <meta name="google-site-verification" content="FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ">
+    
+    <!-- Fonts -->
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+    
+    <!-- Icons -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+    
+    <!-- Mermaid -->
+    <script src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js"></script>
+    
+    <!-- Styles -->
+    <link rel="stylesheet" href="/css/notion-style.css">
+    
+    <!-- Favicon -->
+    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>📚</text></svg>">
+    
+    <script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "TechArticle",
+  "headline": "Google Site Verification Guide",
+  "description": "Google Site Verification Guide.",
+  "author": {
+    "@type": "Person",
+    "name": "Lindsay Smith"
+  },
+  "publisher": {
+    "@type": "Organization",
+    "name": "Knowcode Ltd",
+    "url": "https://knowcode.tech"
+  },
+  "datePublished": "2025-07-22T06:56:56.790Z",
+  "dateModified": "2025-07-22T06:56:56.790Z",
+  "mainEntityOfPage": {
+    "@type": "WebPage",
+    "@id": "https://doc-builder-delta.vercel.app/guides/google-site-verification-guide.html"
+  },
+  "breadcrumb": {
+    "@type": "BreadcrumbList",
+    "itemListElement": [
+      {
+        "@type": "ListItem",
+        "position": 1,
+        "name": "Doc Builder",
+        "item": "https://doc-builder-delta.vercel.app"
+      },
+      {
+        "@type": "ListItem",
+        "position": 2,
+        "name": "Guides",
+        "item": "https://doc-builder-delta.vercel.app/guides/"
+      },
+      {
+        "@type": "ListItem",
+        "position": 3,
+        "name": "Google Site Verification Guide",
+        "item": "https://doc-builder-delta.vercel.app/guides/google-site-verification-guide.html"
+      }
+    ]
+  }
+}
+</script>
+</head>
+<body>
+    <!-- Header -->
+    <header class="header">
+        <div class="header-content">
+            <a href="/index.html" class="logo">Doc Builder</a>
+            
+            <div class="header-actions">
+                <div class="deployment-info">
+                    <span class="deployment-date" title="Built with doc-builder v1.5.3">Last updated: Jul 22, 2025, 06:56 AM UTC</span>
+                </div>
+                
+                
+                
+                <button id="theme-toggle" class="theme-toggle" aria-label="Toggle theme">
+                    <i class="fas fa-moon"></i>
+                </button>
+                
+                <button id="menu-toggle" class="menu-toggle" aria-label="Toggle menu">
+                    <i class="fas fa-bars"></i>
+                </button>
+            </div>
+        </div>
+    </header>
+    
+    <!-- Preview Banner -->
+    <div id="preview-banner" class="preview-banner">
+        <div class="banner-content">
+            <i class="fas fa-exclamation-triangle banner-icon"></i>
+            <span class="banner-text">This documentation is a preview version - some content may be incomplete</span>
+            <button id="dismiss-banner" class="banner-dismiss" aria-label="Dismiss banner">
+                <i class="fas fa-times"></i>
+            </button>
+        </div>
+    </div>
+    
+    <!-- Breadcrumbs -->
+    <nav class="breadcrumbs" id="breadcrumbs">
+        <!-- Breadcrumbs will be generated by JavaScript -->
+    </nav>
+    
+    <!-- Main Content -->
+    <div class="main-wrapper">
+        <!-- Sidebar -->
+        <aside class="sidebar">
+            <div class="sidebar-header">
+                <div class="filter-box">
+                    <input type="text" placeholder="Filter items..." class="filter-input" id="nav-filter">
+                    <i class="fas fa-search filter-icon"></i>
+                </div>
+            </div>
+            <nav class="navigation">
+                
+      <div class="nav-section" data-level="0">
+        <a class="nav-title" href="/README.html"  >
+          <i class="fas fa-home"></i> Documentation
+        </a>
+        <div class="nav-content" >
+        <a href="/README.html" class="nav-item" data-tooltip="@knowcode/doc-builder."><i class="fas fa-file-alt"></i> Overview</a>
+        <a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="fas fa-file-alt"></i> Documentation Index</a>
+        <a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing and configuring the Vercel CLI across different operating systems and environments."><i class="fas fa-file-alt"></i> Vercel Cli Setup Guide</a>
+        <a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide provides a detailed explanation of every prompt you&#039;ll encounter during the first-time Vercel setup process when using."><i class="fas fa-file-alt"></i> Vercel First Time Setup Guide</a></div></div>
+      <div class="nav-section" data-level="1">
+        <a class="nav-title collapsible expanded" href="#" data-target="nav-guides-1" >
+          <i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Guides
+        </a>
+        <div class="nav-content" id="nav-guides-1">
+        <a href="/guides/authentication-guide.html" class="nav-item" data-tooltip="This guide explains how to configure and use the built-in authentication feature in @knowcode/doc-builder to protect your documentation with basic..."><i class="fas fa-file-alt"></i> Authentication Guide</a>
+        <a href="/guides/claude-workflow-guide.html" class="nav-item" data-tooltip="This guide demonstrates an efficient workflow for using Claude Code with a refined CLAUDE.md file to create high-quality documentation and deploy it..."><i class="fas fa-file-alt"></i> Claude Workflow Guide</a>
+        <a href="/guides/documentation-standards.html" class="nav-item" data-tooltip="This document defines the documentation standards and conventions for the @knowcode/doc-builder project."><i class="fas fa-file-alt"></i> Documentation Standards</a>
+        <a href="/guides/google-site-verification-guide.html" class="nav-item active" data-tooltip="Google Search Console verification allows you to: Monitor your site&#039;s performance in Google Search Submit sitemaps for better indexing View search..."><i class="fas fa-file-alt"></i> Google Site Verification Guide</a>
+        <a href="/guides/seo-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes comprehensive SEO (Search Engine Optimization) features to help your documentation rank better in search results and..."><i class="fas fa-file-alt"></i> Seo Guide</a>
+        <a href="/guides/troubleshooting-guide.html" class="nav-item" data-tooltip="This guide helps you resolve common issues when using @knowcode/doc-builder."><i class="fas fa-file-alt"></i> Troubleshooting Guide</a></div></div>
+            </nav>
+            <div class="resize-handle"></div>
+        </aside>
+        
+        <!-- Content Area -->
+        <main class="content">
+            <div class="content-inner">
+                <h1>Google Site Verification Guide</h1>
+<p>This guide explains how to verify your documentation site with Google Search Console using @knowcode/doc-builder.</p>
+<h2>Overview</h2>
+<p>Google Search Console verification allows you to:</p>
+<ul>
+<li>Monitor your site&#39;s performance in Google Search</li>
+<li>Submit sitemaps for better indexing</li>
+<li>View search analytics and keywords</li>
+<li>Identify and fix crawl errors</li>
+<li>Receive alerts about site issues</li>
+</ul>
+<h2>Prerequisites</h2>
+<ul>
+<li>@knowcode/doc-builder v1.5.4 or higher</li>
+<li>Access to Google Search Console</li>
+<li>A deployed documentation site</li>
+</ul>
+<h2>Step 1: Get Your Verification Code</h2>
+<ol>
+<li>Go to <a href="https://search.google.com/search-console">Google Search Console</a></li>
+<li>Click &quot;Add property&quot; and enter your documentation site URL</li>
+<li>Choose the &quot;HTML tag&quot; verification method</li>
+<li>Copy the verification code from the meta tag:<pre><code class="language-html">&lt;meta name=&quot;google-site-verification&quot; content=&quot;YOUR_VERIFICATION_CODE&quot; /&gt;
+</code></pre>
+</li>
+<li>You only need the content value (e.g., <code>FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ</code>)</li>
+</ol>
+<h2>Step 2: Add Verification to Your Site</h2>
+<p>Use the doc-builder CLI to add the verification meta tag:</p>
+<pre><code class="language-bash">doc-builder google-verify YOUR_VERIFICATION_CODE
+</code></pre>
+<p>Example:</p>
+<pre><code class="language-bash">doc-builder google-verify FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ
+</code></pre>
+<p>This command will:</p>
+<ul>
+<li>Update your <code>doc-builder.config.js</code> file</li>
+<li>Add the verification meta tag to the SEO configuration</li>
+<li>Show confirmation of the added tag</li>
+</ul>
+<h2>Step 3: Rebuild and Deploy</h2>
+<p>After adding the verification code, rebuild and deploy your documentation:</p>
+<pre><code class="language-bash"># Rebuild the documentation
+doc-builder build
+
+# Deploy to production
+doc-builder deploy
+</code></pre>
+<h2>Step 4: Complete Verification</h2>
+<ol>
+<li>Return to Google Search Console</li>
+<li>Click &quot;Verify&quot; on the verification page</li>
+<li>Google will check for the meta tag on your site</li>
+<li>Once verified, you&#39;ll have access to all Search Console features</li>
+</ol>
+<h2>Configuration Details</h2>
+<p>The verification code is stored in your config file under <code>seo.customMetaTags</code>:</p>
+<pre><code class="language-javascript">module.exports = {
+  // ... other config
+  seo: {
+    enabled: true,
+    customMetaTags: [
+      {
+        name: &quot;google-site-verification&quot;,
+        content: &quot;YOUR_VERIFICATION_CODE&quot;
+      }
+    ]
+  }
+};
+</code></pre>
+<h2>Multiple Verifications</h2>
+<p>You can add multiple verification codes or other custom meta tags:</p>
+<pre><code class="language-javascript">seo: {
+  customMetaTags: [
+    {
+      name: &quot;google-site-verification&quot;,
+      content: &quot;GOOGLE_CODE&quot;
+    },
+    {
+      name: &quot;bing-site-verification&quot;,
+      content: &quot;BING_CODE&quot;
+    },
+    {
+      name: &quot;yandex-verification&quot;,
+      content: &quot;YANDEX_CODE&quot;
+    }
+  ]
+}
+</code></pre>
+<h2>Updating Verification Code</h2>
+<p>To update an existing verification code, simply run the command again with the new code:</p>
+<pre><code class="language-bash">doc-builder google-verify NEW_VERIFICATION_CODE
+</code></pre>
+<h2>Troubleshooting</h2>
+<h3>Verification Failed</h3>
+<p>If Google can&#39;t verify your site:</p>
+<ol>
+<li><strong>Check deployment status</strong>: Ensure your site is deployed and accessible</li>
+<li><strong>View page source</strong>: Verify the meta tag appears in the <code>&lt;head&gt;</code> section</li>
+<li><strong>Clear cache</strong>: If using a CDN, clear the cache and wait a few minutes</li>
+<li><strong>Check URL</strong>: Ensure you&#39;re verifying the exact URL (with or without www)</li>
+</ol>
+<h3>Meta Tag Not Appearing</h3>
+<p>If the meta tag doesn&#39;t appear in your HTML:</p>
+<ol>
+<li>Rebuild your documentation: <code>doc-builder build</code></li>
+<li>Check your config file for syntax errors</li>
+<li>Ensure SEO is enabled in your configuration</li>
+<li>Verify the deployment includes the latest changes</li>
+</ol>
+<h3>Manual Configuration</h3>
+<p>You can also manually add the verification to your config:</p>
+<ol>
+<li>Open <code>doc-builder.config.js</code></li>
+<li>Add or update the SEO section:<pre><code class="language-javascript">seo: {
+  enabled: true,
+  customMetaTags: [
+    {
+      name: &quot;google-site-verification&quot;,
+      content: &quot;YOUR_VERIFICATION_CODE&quot;
+    }
+  ]
+}
+</code></pre>
+</li>
+<li>Save and rebuild your documentation</li>
+</ol>
+<h2>Best Practices</h2>
+<ol>
+<li><strong>Keep verification active</strong>: Don&#39;t remove the meta tag after verification</li>
+<li><strong>Add site URL</strong>: Configure <code>seo.siteUrl</code> in your config for better SEO</li>
+<li><strong>Submit sitemap</strong>: After verification, submit your sitemap.xml</li>
+<li><strong>Monitor regularly</strong>: Check Search Console weekly for issues</li>
+<li><strong>Multiple owners</strong>: Add team members as additional owners in Search Console</li>
+</ol>
+<h2>Related Features</h2>
+<ul>
+<li><strong>Sitemap generation</strong>: Automatically generated at <code>/sitemap.xml</code></li>
+<li><strong>robots.txt</strong>: Automatically generated with proper directives</li>
+<li><strong>SEO optimization</strong>: Built-in meta tags and structured data</li>
+<li><strong>Production URL</strong>: Set with <code>doc-builder set-production-url</code></li>
+</ul>
+<h2>Security Note</h2>
+<p>Your verification code is specific to your Google account and domain. It&#39;s safe to commit to your repository as it only grants access to Search Console data, not your Google account.</p>
+<h2>Next Steps</h2>
+<p>After verification:</p>
+<ol>
+<li>Submit your sitemap in Search Console</li>
+<li>Set up email alerts for crawl errors</li>
+<li>Monitor search performance and impressions</li>
+<li>Use the data to improve your documentation SEO</li>
+</ol>
+<hr>
+<p>For more information about Google Search Console, visit the <a href="https://support.google.com/webmasters">official documentation</a>.</p>
+
+            </div>
+        </main>
+    </div>
+    
+    <!-- Scripts -->
+    <script src="/js/main.js"></script>
+    
+</body>
+</html>

package/html/guides/seo-guide.html

@@ -28,6 +28,9 @@
     <meta name="twitter:description" content="SEO Guide for @knowcode/doc-builder.">
     <meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
     
+    <!-- Custom Meta Tags -->
+    <meta name="google-site-verification" content="FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ">
+    
     <!-- Fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
     
@@ -58,8 +61,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-22T06:01:14.288Z",
-  "dateModified": "2025-07-22T06:01:14.288Z",
+  "datePublished": "2025-07-22T06:56:56.793Z",
+  "dateModified": "2025-07-22T06:56:56.793Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/guides/seo-guide.html"
@@ -98,7 +101,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.5.2">Last updated: Jul 22, 2025, 06:01 AM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.5.3">Last updated: Jul 22, 2025, 06:56 AM UTC</span>
                 </div>
                 
                 
@@ -159,6 +162,7 @@
         <a href="/guides/authentication-guide.html" class="nav-item" data-tooltip="This guide explains how to configure and use the built-in authentication feature in @knowcode/doc-builder to protect your documentation with basic..."><i class="fas fa-file-alt"></i> Authentication Guide</a>
         <a href="/guides/claude-workflow-guide.html" class="nav-item" data-tooltip="This guide demonstrates an efficient workflow for using Claude Code with a refined CLAUDE.md file to create high-quality documentation and deploy it..."><i class="fas fa-file-alt"></i> Claude Workflow Guide</a>
         <a href="/guides/documentation-standards.html" class="nav-item" data-tooltip="This document defines the documentation standards and conventions for the @knowcode/doc-builder project."><i class="fas fa-file-alt"></i> Documentation Standards</a>
+        <a href="/guides/google-site-verification-guide.html" class="nav-item" data-tooltip="Google Search Console verification allows you to: Monitor your site&#039;s performance in Google Search Submit sitemaps for better indexing View search..."><i class="fas fa-file-alt"></i> Google Site Verification Guide</a>
         <a href="/guides/seo-guide.html" class="nav-item active" data-tooltip="@knowcode/doc-builder includes comprehensive SEO (Search Engine Optimization) features to help your documentation rank better in search results and..."><i class="fas fa-file-alt"></i> Seo Guide</a>
         <a href="/guides/troubleshooting-guide.html" class="nav-item" data-tooltip="This guide helps you resolve common issues when using @knowcode/doc-builder."><i class="fas fa-file-alt"></i> Troubleshooting Guide</a></div></div>
             </nav>

package/html/guides/troubleshooting-guide.html

@@ -28,6 +28,9 @@
     <meta name="twitter:description" content="Troubleshooting Guide for @knowcode/doc-builder.">
     <meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
     
+    <!-- Custom Meta Tags -->
+    <meta name="google-site-verification" content="FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ">
+    
     <!-- Fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
     
@@ -58,8 +61,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-22T06:01:14.294Z",
-  "dateModified": "2025-07-22T06:01:14.294Z",
+  "datePublished": "2025-07-22T06:56:56.796Z",
+  "dateModified": "2025-07-22T06:56:56.796Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/guides/troubleshooting-guide.html"
@@ -98,7 +101,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.5.2">Last updated: Jul 22, 2025, 06:01 AM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.5.3">Last updated: Jul 22, 2025, 06:56 AM UTC</span>
                 </div>
                 
                 
@@ -159,6 +162,7 @@
         <a href="/guides/authentication-guide.html" class="nav-item" data-tooltip="This guide explains how to configure and use the built-in authentication feature in @knowcode/doc-builder to protect your documentation with basic..."><i class="fas fa-file-alt"></i> Authentication Guide</a>
         <a href="/guides/claude-workflow-guide.html" class="nav-item" data-tooltip="This guide demonstrates an efficient workflow for using Claude Code with a refined CLAUDE.md file to create high-quality documentation and deploy it..."><i class="fas fa-file-alt"></i> Claude Workflow Guide</a>
         <a href="/guides/documentation-standards.html" class="nav-item" data-tooltip="This document defines the documentation standards and conventions for the @knowcode/doc-builder project."><i class="fas fa-file-alt"></i> Documentation Standards</a>
+        <a href="/guides/google-site-verification-guide.html" class="nav-item" data-tooltip="Google Search Console verification allows you to: Monitor your site&#039;s performance in Google Search Submit sitemaps for better indexing View search..."><i class="fas fa-file-alt"></i> Google Site Verification Guide</a>
         <a href="/guides/seo-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes comprehensive SEO (Search Engine Optimization) features to help your documentation rank better in search results and..."><i class="fas fa-file-alt"></i> Seo Guide</a>
         <a href="/guides/troubleshooting-guide.html" class="nav-item active" data-tooltip="This guide helps you resolve common issues when using @knowcode/doc-builder."><i class="fas fa-file-alt"></i> Troubleshooting Guide</a></div></div>
             </nav>

package/html/index.html

@@ -28,6 +28,9 @@
     <meta name="twitter:description" content="@knowcode/doc-builder.">
     <meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
     
+    <!-- Custom Meta Tags -->
+    <meta name="google-site-verification" content="FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ">
+    
     <!-- Fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
     
@@ -58,8 +61,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-22T06:01:14.255Z",
-  "dateModified": "2025-07-22T06:01:14.255Z",
+  "datePublished": "2025-07-22T06:56:56.764Z",
+  "dateModified": "2025-07-22T06:56:56.764Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/README.html"
@@ -92,7 +95,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.5.2">Last updated: Jul 22, 2025, 06:01 AM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.5.3">Last updated: Jul 22, 2025, 06:56 AM UTC</span>
                 </div>
                 
                 
@@ -153,6 +156,7 @@
         <a href="/guides/authentication-guide.html" class="nav-item" data-tooltip="This guide explains how to configure and use the built-in authentication feature in @knowcode/doc-builder to protect your documentation with basic..."><i class="fas fa-file-alt"></i> Authentication Guide</a>
         <a href="/guides/claude-workflow-guide.html" class="nav-item" data-tooltip="This guide demonstrates an efficient workflow for using Claude Code with a refined CLAUDE.md file to create high-quality documentation and deploy it..."><i class="fas fa-file-alt"></i> Claude Workflow Guide</a>
         <a href="/guides/documentation-standards.html" class="nav-item" data-tooltip="This document defines the documentation standards and conventions for the @knowcode/doc-builder project."><i class="fas fa-file-alt"></i> Documentation Standards</a>
+        <a href="/guides/google-site-verification-guide.html" class="nav-item" data-tooltip="Google Search Console verification allows you to: Monitor your site&#039;s performance in Google Search Submit sitemaps for better indexing View search..."><i class="fas fa-file-alt"></i> Google Site Verification Guide</a>
         <a href="/guides/seo-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes comprehensive SEO (Search Engine Optimization) features to help your documentation rank better in search results and..."><i class="fas fa-file-alt"></i> Seo Guide</a>
         <a href="/guides/troubleshooting-guide.html" class="nav-item" data-tooltip="This guide helps you resolve common issues when using @knowcode/doc-builder."><i class="fas fa-file-alt"></i> Troubleshooting Guide</a></div></div>
             </nav>

package/html/js/main.js

@@ -512,9 +512,28 @@ function updateThemeIcon(theme) {
 const menuToggle = document.getElementById('menu-toggle');
 const sidebar = document.querySelector('.sidebar');
 
+// Create overlay element for mobile
+let overlay = document.querySelector('.sidebar-overlay');
+if (!overlay && window.innerWidth <= 768) {
+  overlay = document.createElement('div');
+  overlay.className = 'sidebar-overlay';
+  document.body.appendChild(overlay);
+}
+
 if (menuToggle) {
   menuToggle.addEventListener('click', () => {
     sidebar.classList.toggle('open');
+    if (overlay) {
+      overlay.classList.toggle('active');
+    }
+  });
+}
+
+// Close menu when clicking overlay
+if (overlay) {
+  overlay.addEventListener('click', () => {
+    sidebar.classList.remove('open');
+    overlay.classList.remove('active');
   });
 }
 
@@ -532,7 +551,8 @@ function initFloatingMenuButton() {
   floatingButton.className = 'floating-menu-toggle';
   floatingButton.setAttribute('aria-label', 'Toggle menu');
   floatingButton.innerHTML = '<i class="fas fa-bars"></i>';
-  floatingButton.style.display = 'none'; // Hidden by default
+  floatingButton.style.display = 'flex'; // Always visible on mobile
+  floatingButton.classList.add('visible'); // Start visible
   
   // Add to body
   document.body.appendChild(floatingButton);
@@ -540,6 +560,26 @@ function initFloatingMenuButton() {
   // Toggle sidebar on click
   floatingButton.addEventListener('click', () => {
     sidebar.classList.toggle('open');
+    
+    // Handle overlay
+    let overlay = document.querySelector('.sidebar-overlay');
+    if (!overlay) {
+      overlay = document.createElement('div');
+      overlay.className = 'sidebar-overlay';
+      document.body.appendChild(overlay);
+      
+      // Add overlay click handler
+      overlay.addEventListener('click', () => {
+        sidebar.classList.remove('open');
+        overlay.classList.remove('active');
+        floatingButton.querySelector('i').className = 'fas fa-bars';
+      });
+    }
+    
+    if (overlay) {
+      overlay.classList.toggle('active');
+    }
+    
     // Update icon based on state
     const icon = floatingButton.querySelector('i');
     if (sidebar.classList.contains('open')) {
@@ -549,33 +589,7 @@ function initFloatingMenuButton() {
     }
   });
   
-  // Show/hide based on scroll position
-  let scrollTimeout;
-  
-  window.addEventListener('scroll', () => {
-    clearTimeout(scrollTimeout);
-    scrollTimeout = setTimeout(() => {
-      const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
-      const headerHeight = document.querySelector('.header')?.offsetHeight || 64;
-      
-      // Show floating button when scrolled past header
-      if (scrollTop > headerHeight + 50) {
-        floatingButton.style.display = 'flex';
-        // Add slight delay for smooth appearance
-        setTimeout(() => {
-          floatingButton.classList.add('visible');
-        }, 10);
-      } else {
-        floatingButton.classList.remove('visible');
-        // Hide after transition completes
-        setTimeout(() => {
-          if (!floatingButton.classList.contains('visible')) {
-            floatingButton.style.display = 'none';
-          }
-        }, 300);
-      }
-    }, 100);
-  });
+  // Remove scroll-based visibility - button is always visible on mobile
   
   // Update icon when sidebar state changes from other sources
   const observer = new MutationObserver(() => {
@@ -611,11 +625,21 @@ document.addEventListener('click', (e) => {
   if (window.innerWidth <= 768) {
     const isClickInsideSidebar = sidebar && sidebar.contains(e.target);
     const isMenuToggle = e.target.closest('#menu-toggle');
+    const isFloatingButton = e.target.closest('#floating-menu-toggle');
     const isNavItem = e.target.closest('.nav-item, .nav-title');
+    const overlay = document.querySelector('.sidebar-overlay');
     
     // Close sidebar only if clicking outside AND not on menu toggle AND not on nav items
-    if (!isClickInsideSidebar && !isMenuToggle && !isNavItem && sidebar?.classList.contains('open')) {
+    if (!isClickInsideSidebar && !isMenuToggle && !isFloatingButton && !isNavItem && sidebar?.classList.contains('open')) {
       sidebar.classList.remove('open');
+      if (overlay) {
+        overlay.classList.remove('active');
+      }
+      // Update floating button icon if it exists
+      const floatingBtn = document.getElementById('floating-menu-toggle');
+      if (floatingBtn) {
+        floatingBtn.querySelector('i').className = 'fas fa-bars';
+      }
     }
   }
 });

package/html/sitemap.xml

@@ -2,79 +2,85 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
     <loc>https://doc-builder-delta.vercel.app/404.html</loc>
-    <lastmod>2025-07-22T06:01:14.316Z</lastmod>
+    <lastmod>2025-07-22T06:56:56.811Z</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.6</priority>
   </url>
   <url>
     <loc>https://doc-builder-delta.vercel.app/README.html</loc>
-    <lastmod>2025-07-22T06:01:14.316Z</lastmod>
+    <lastmod>2025-07-22T06:56:56.811Z</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.6</priority>
   </url>
   <url>
     <loc>https://doc-builder-delta.vercel.app/claude-workflow-guide.html</loc>
-    <lastmod>2025-07-22T06:01:14.316Z</lastmod>
+    <lastmod>2025-07-22T06:56:56.811Z</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
     <loc>https://doc-builder-delta.vercel.app/documentation-index.html</loc>
-    <lastmod>2025-07-22T06:01:14.316Z</lastmod>
+    <lastmod>2025-07-22T06:56:56.811Z</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.6</priority>
   </url>
   <url>
     <loc>https://doc-builder-delta.vercel.app/guides/authentication-guide.html</loc>
-    <lastmod>2025-07-22T06:01:14.316Z</lastmod>
+    <lastmod>2025-07-22T06:56:56.811Z</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
     <loc>https://doc-builder-delta.vercel.app/guides/claude-workflow-guide.html</loc>
-    <lastmod>2025-07-22T06:01:14.316Z</lastmod>
+    <lastmod>2025-07-22T06:56:56.811Z</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
     <loc>https://doc-builder-delta.vercel.app/guides/document-standards.html</loc>
-    <lastmod>2025-07-22T06:01:14.316Z</lastmod>
+    <lastmod>2025-07-22T06:56:56.811Z</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
     <loc>https://doc-builder-delta.vercel.app/guides/documentation-standards.html</loc>
-    <lastmod>2025-07-22T06:01:14.316Z</lastmod>
+    <lastmod>2025-07-22T06:56:56.811Z</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://doc-builder-delta.vercel.app/guides/google-site-verification-guide.html</loc>
+    <lastmod>2025-07-22T06:56:56.811Z</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
     <loc>https://doc-builder-delta.vercel.app/guides/seo-guide.html</loc>
-    <lastmod>2025-07-22T06:01:14.316Z</lastmod>
+    <lastmod>2025-07-22T06:56:56.811Z</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
     <loc>https://doc-builder-delta.vercel.app/guides/troubleshooting-guide.html</loc>
-    <lastmod>2025-07-22T06:01:14.316Z</lastmod>
+    <lastmod>2025-07-22T06:56:56.811Z</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
     <loc>https://doc-builder-delta.vercel.app/index.html</loc>
-    <lastmod>2025-07-22T06:01:14.316Z</lastmod>
+    <lastmod>2025-07-22T06:56:56.811Z</lastmod>
     <changefreq>weekly</changefreq>
     <priority>1.0</priority>
   </url>
   <url>
     <loc>https://doc-builder-delta.vercel.app/vercel-cli-setup-guide.html</loc>
-    <lastmod>2025-07-22T06:01:14.316Z</lastmod>
+    <lastmod>2025-07-22T06:56:56.811Z</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
     <loc>https://doc-builder-delta.vercel.app/vercel-first-time-setup-guide.html</loc>
-    <lastmod>2025-07-22T06:01:14.316Z</lastmod>
+    <lastmod>2025-07-22T06:56:56.811Z</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.8</priority>
   </url>

package/html/vercel-cli-setup-guide.html

@@ -28,6 +28,9 @@
     <meta name="twitter:description" content="Vercel CLI Setup Guide.">
     <meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
     
+    <!-- Custom Meta Tags -->
+    <meta name="google-site-verification" content="FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ">
+    
     <!-- Fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
     
@@ -58,8 +61,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-22T06:01:14.298Z",
-  "dateModified": "2025-07-22T06:01:14.298Z",
+  "datePublished": "2025-07-22T06:56:56.800Z",
+  "dateModified": "2025-07-22T06:56:56.800Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/vercel-cli-setup-guide.html"
@@ -92,7 +95,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.5.2">Last updated: Jul 22, 2025, 06:01 AM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.5.3">Last updated: Jul 22, 2025, 06:56 AM UTC</span>
                 </div>
                 
                 
@@ -153,6 +156,7 @@
         <a href="/guides/authentication-guide.html" class="nav-item" data-tooltip="This guide explains how to configure and use the built-in authentication feature in @knowcode/doc-builder to protect your documentation with basic..."><i class="fas fa-file-alt"></i> Authentication Guide</a>
         <a href="/guides/claude-workflow-guide.html" class="nav-item" data-tooltip="This guide demonstrates an efficient workflow for using Claude Code with a refined CLAUDE.md file to create high-quality documentation and deploy it..."><i class="fas fa-file-alt"></i> Claude Workflow Guide</a>
         <a href="/guides/documentation-standards.html" class="nav-item" data-tooltip="This document defines the documentation standards and conventions for the @knowcode/doc-builder project."><i class="fas fa-file-alt"></i> Documentation Standards</a>
+        <a href="/guides/google-site-verification-guide.html" class="nav-item" data-tooltip="Google Search Console verification allows you to: Monitor your site&#039;s performance in Google Search Submit sitemaps for better indexing View search..."><i class="fas fa-file-alt"></i> Google Site Verification Guide</a>
         <a href="/guides/seo-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes comprehensive SEO (Search Engine Optimization) features to help your documentation rank better in search results and..."><i class="fas fa-file-alt"></i> Seo Guide</a>
         <a href="/guides/troubleshooting-guide.html" class="nav-item" data-tooltip="This guide helps you resolve common issues when using @knowcode/doc-builder."><i class="fas fa-file-alt"></i> Troubleshooting Guide</a></div></div>
             </nav>

package/html/vercel-first-time-setup-guide.html

@@ -28,6 +28,9 @@
     <meta name="twitter:description" content="Vercel First-Time Setup Guide - Complete Prompt-by-Prompt Walkthrough.">
     <meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
     
+    <!-- Custom Meta Tags -->
+    <meta name="google-site-verification" content="FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ">
+    
     <!-- Fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
     
@@ -58,8 +61,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-22T06:01:14.306Z",
-  "dateModified": "2025-07-22T06:01:14.306Z",
+  "datePublished": "2025-07-22T06:56:56.803Z",
+  "dateModified": "2025-07-22T06:56:56.803Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/vercel-first-time-setup-guide.html"
@@ -92,7 +95,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.5.2">Last updated: Jul 22, 2025, 06:01 AM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.5.3">Last updated: Jul 22, 2025, 06:56 AM UTC</span>
                 </div>
                 
                 
@@ -153,6 +156,7 @@
         <a href="/guides/authentication-guide.html" class="nav-item" data-tooltip="This guide explains how to configure and use the built-in authentication feature in @knowcode/doc-builder to protect your documentation with basic..."><i class="fas fa-file-alt"></i> Authentication Guide</a>
         <a href="/guides/claude-workflow-guide.html" class="nav-item" data-tooltip="This guide demonstrates an efficient workflow for using Claude Code with a refined CLAUDE.md file to create high-quality documentation and deploy it..."><i class="fas fa-file-alt"></i> Claude Workflow Guide</a>
         <a href="/guides/documentation-standards.html" class="nav-item" data-tooltip="This document defines the documentation standards and conventions for the @knowcode/doc-builder project."><i class="fas fa-file-alt"></i> Documentation Standards</a>
+        <a href="/guides/google-site-verification-guide.html" class="nav-item" data-tooltip="Google Search Console verification allows you to: Monitor your site&#039;s performance in Google Search Submit sitemaps for better indexing View search..."><i class="fas fa-file-alt"></i> Google Site Verification Guide</a>
         <a href="/guides/seo-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes comprehensive SEO (Search Engine Optimization) features to help your documentation rank better in search results and..."><i class="fas fa-file-alt"></i> Seo Guide</a>
         <a href="/guides/troubleshooting-guide.html" class="nav-item" data-tooltip="This guide helps you resolve common issues when using @knowcode/doc-builder."><i class="fas fa-file-alt"></i> Troubleshooting Guide</a></div></div>
             </nav>

package/lib/core-builder.js

@@ -229,7 +229,8 @@ function generateHTML(title, content, navigation, currentPath = '', config = {},
       ogImage: config.seo.ogImage,
       siteName: siteName,
       language: config.seo.language,
-      type: 'article'
+      type: 'article',
+      customMetaTags: config.seo.customMetaTags || []
     });
     
     // Generate JSON-LD

package/lib/seo.js

@@ -84,7 +84,8 @@ function generateMetaTags(options) {
     ogImage,
     siteName,
     language = 'en-US',
-    type = 'article'
+    type = 'article',
+    customMetaTags = []
   } = options;
   
   const tags = [];
@@ -157,6 +158,18 @@ function generateMetaTags(options) {
     }
   }
   
+  // Add custom meta tags
+  if (customMetaTags && customMetaTags.length > 0) {
+    tags.push(`    \n    <!-- Custom Meta Tags -->`);
+    customMetaTags.forEach(tag => {
+      if (tag.name && tag.content) {
+        tags.push(`    <meta name="${escapeHtml(tag.name)}" content="${escapeHtml(tag.content)}">`);
+      } else if (tag.property && tag.content) {
+        tags.push(`    <meta property="${escapeHtml(tag.property)}" content="${escapeHtml(tag.content)}">`);
+      }
+    });
+  }
+  
   return tags.join('\n');
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knowcode/doc-builder",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "description": "Reusable documentation builder for markdown-based sites with Vercel deployment support",
   "main": "index.js",
   "bin": {