@knowcode/doc-builder 1.5.2 → 1.5.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.claude/settings.local.json +2 -1
- package/CHANGELOG.md +33 -0
- package/README.md +7 -30
- package/assets/css/notion-style.css +22 -2
- package/assets/js/main.js +53 -29
- package/cli.js +73 -0
- package/doc-builder.config.js +7 -1
- package/html/README.html +7 -3
- package/html/css/notion-style.css +22 -2
- package/html/documentation-index.html +7 -3
- package/html/guides/authentication-guide.html +7 -3
- package/html/guides/claude-workflow-guide.html +7 -3
- package/html/guides/documentation-standards.html +7 -3
- package/html/guides/google-site-verification-guide.html +338 -0
- package/html/guides/seo-guide.html +7 -3
- package/html/guides/troubleshooting-guide.html +7 -3
- package/html/index.html +7 -3
- package/html/js/main.js +53 -29
- package/html/sitemap.xml +19 -13
- package/html/vercel-cli-setup-guide.html +7 -3
- package/html/vercel-first-time-setup-guide.html +7 -3
- package/lib/core-builder.js +2 -1
- package/lib/seo.js +14 -1
- package/package.json +4 -2
- package/publish.sh +198 -0
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,39 @@ All notable changes to @knowcode/doc-builder will be documented in this file.
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
|
6
6
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
7
|
|
|
8
|
+
## [1.5.4] - 2025-07-22
|
|
9
|
+
|
|
10
|
+
### Added
|
|
11
|
+
- New CLI command `google-verify` to add Google site verification meta tags
|
|
12
|
+
- Support for custom meta tags in the SEO configuration
|
|
13
|
+
- Comprehensive guide for Google Search Console verification
|
|
14
|
+
- Ability to update existing verification codes
|
|
15
|
+
|
|
16
|
+
### Changed
|
|
17
|
+
- Extended `generateMetaTags` function to support custom meta tags
|
|
18
|
+
- Updated config structure to include `seo.customMetaTags` array
|
|
19
|
+
|
|
20
|
+
### Features
|
|
21
|
+
- Run `doc-builder google-verify YOUR_CODE` to add verification
|
|
22
|
+
- Verification meta tag automatically added to all generated pages
|
|
23
|
+
- Support for multiple custom meta tags (Google, Bing, Yandex, etc.)
|
|
24
|
+
- Safe to commit verification codes to repositories
|
|
25
|
+
|
|
26
|
+
## [1.5.3] - 2025-07-22
|
|
27
|
+
|
|
28
|
+
### Fixed
|
|
29
|
+
- Fixed mobile menu not being visible when scrolled down by changing sidebar from absolute to fixed positioning
|
|
30
|
+
- Increased sidebar z-index to 1002 to ensure it appears above header and other elements
|
|
31
|
+
- Made floating menu button always visible on mobile (removed scroll-based visibility)
|
|
32
|
+
- Added overlay backdrop when mobile menu is open for better UX
|
|
33
|
+
- Fixed overlay and menu state synchronization across different toggle methods
|
|
34
|
+
|
|
35
|
+
### Changed
|
|
36
|
+
- Mobile sidebar now uses `position: fixed` instead of `position: absolute`
|
|
37
|
+
- Floating menu button is now always visible on mobile for consistent access
|
|
38
|
+
- Added semi-transparent overlay when mobile menu is open
|
|
39
|
+
- Improved click-outside behavior to properly close menu and overlay
|
|
40
|
+
|
|
8
41
|
## [1.5.2] - 2025-07-22
|
|
9
42
|
|
|
10
43
|
### Added
|
package/README.md
CHANGED
|
@@ -4,17 +4,11 @@ Beautiful documentation with the least effort possible. A zero-configuration doc
|
|
|
4
4
|
|
|
5
5
|
🔗 **[View Live Example](https://doc-builder-delta.vercel.app)** - See what your documentation will look like!
|
|
6
6
|
|
|
7
|
-
##
|
|
8
|
-
|
|
9
|
-
### 🚀 System & Deployment (docs:)
|
|
10
|
-
- 🔄 **UPDATE**: [Claude + CLAUDE.md Documentation Workflow Guide](docs/claude-workflow-guide.md) - Documentation updates and improvements
|
|
11
|
-
- 🔄 **MAJOR UPDATE**: [Documentation Index](docs/documentation-index.md) - Significant updates with enhanced functionality and coverage
|
|
12
|
-
- 🔄 **MAJOR UPDATE**: [Document Standards for @knowcode/doc-builder](docs/guides/DOCUMENT-STANDARDS.md) - Significant updates with enhanced functionality and coverage
|
|
13
|
-
- 🔄 **UPDATE**: [@knowcode/doc-builder](docs/README.md) - Documentation updates and improvements
|
|
14
|
-
- 🔄 **UPDATE**: [Document Standards for @knowcode/doc-builder](docs/guides/document-standards.md) - Documentation updates and improvements
|
|
15
|
-
|
|
16
|
-
**Total Changes**: 0+ new documents, 5+ updates and improvements across 5 files
|
|
7
|
+
## TL:DR
|
|
17
8
|
|
|
9
|
+
```
|
|
10
|
+
npx @knowcode/doc-builder deploy
|
|
11
|
+
```
|
|
18
12
|
|
|
19
13
|
## Why This Project Exists
|
|
20
14
|
|
|
@@ -28,7 +22,7 @@ The main premise of @knowcode/doc-builder is simple: **create beautiful document
|
|
|
28
22
|
- **Converts** markdown to HTML with syntax highlighting and diagram support
|
|
29
23
|
- **Styles** everything with a clean, Notion-inspired theme
|
|
30
24
|
- **Deploys** to Vercel with a single command - leveraging their generous free tier
|
|
31
|
-
- **Provides** optional features like authentication, dark mode, and changelog generation
|
|
25
|
+
- **Provides** optional features like authentication, dark mode, and changelog generation, SEO
|
|
32
26
|
|
|
33
27
|
Perfect for project documentation, API references, knowledge bases, or any content written in markdown.
|
|
34
28
|
|
|
@@ -106,7 +100,7 @@ After deployment, go to your Vercel dashboard:
|
|
|
106
100
|
3. Set to **Disabled** for public access
|
|
107
101
|
4. Or configure authentication for private docs
|
|
108
102
|
|
|
109
|
-
## Configuration
|
|
103
|
+
## Configuration (optional - can be managed with CLI)
|
|
110
104
|
|
|
111
105
|
Create `doc-builder.config.js` in your project root:
|
|
112
106
|
|
|
@@ -168,7 +162,7 @@ This wizard helps you set up:
|
|
|
168
162
|
|
|
169
163
|
See the [SEO Guide](docs/guides/seo-guide.md) for complete details.
|
|
170
164
|
|
|
171
|
-
### build
|
|
165
|
+
### build (defaults will work just fine)
|
|
172
166
|
Build the documentation site to static HTML:
|
|
173
167
|
```bash
|
|
174
168
|
doc-builder build [options]
|
|
@@ -189,23 +183,6 @@ Examples:
|
|
|
189
183
|
doc-builder build --config my-config.js # Use custom config
|
|
190
184
|
```
|
|
191
185
|
|
|
192
|
-
### dev
|
|
193
|
-
Start development server with live reload:
|
|
194
|
-
```bash
|
|
195
|
-
doc-builder dev [options]
|
|
196
|
-
|
|
197
|
-
Options:
|
|
198
|
-
-c, --config <path> Path to config file (default: "doc-builder.config.js")
|
|
199
|
-
-p, --port <port> Port to run dev server on (default: 3000)
|
|
200
|
-
-h, --host <host> Host to bind to (default: localhost)
|
|
201
|
-
--no-open Don't open browser automatically
|
|
202
|
-
|
|
203
|
-
Examples:
|
|
204
|
-
doc-builder dev # Start on http://localhost:3000
|
|
205
|
-
doc-builder dev --port 8080 # Use custom port
|
|
206
|
-
doc-builder dev --host 0.0.0.0 # Allow external connections
|
|
207
|
-
```
|
|
208
|
-
|
|
209
186
|
### deploy
|
|
210
187
|
Deploy documentation to Vercel (requires Vercel CLI):
|
|
211
188
|
```bash
|
|
@@ -954,19 +954,39 @@ tr:hover {
|
|
|
954
954
|
|
|
955
955
|
/* Hide sidebar on mobile */
|
|
956
956
|
.sidebar {
|
|
957
|
-
position:
|
|
957
|
+
position: fixed;
|
|
958
958
|
top: calc(var(--header-height) + var(--breadcrumb-height));
|
|
959
959
|
left: 0;
|
|
960
960
|
height: calc(100vh - var(--header-height) - var(--breadcrumb-height));
|
|
961
|
-
z-index:
|
|
961
|
+
z-index: 1002; /* Above header and floating button */
|
|
962
962
|
transform: translateX(-100%);
|
|
963
963
|
transition: transform var(--duration-normal) var(--easing-out);
|
|
964
|
+
box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15); /* Add shadow for depth */
|
|
964
965
|
}
|
|
965
966
|
|
|
966
967
|
.sidebar.open {
|
|
967
968
|
transform: translateX(0);
|
|
968
969
|
}
|
|
969
970
|
|
|
971
|
+
/* Mobile menu overlay */
|
|
972
|
+
.sidebar-overlay {
|
|
973
|
+
display: none;
|
|
974
|
+
position: fixed;
|
|
975
|
+
top: 0;
|
|
976
|
+
left: 0;
|
|
977
|
+
right: 0;
|
|
978
|
+
bottom: 0;
|
|
979
|
+
background: rgba(0, 0, 0, 0.5);
|
|
980
|
+
z-index: 1001; /* Below sidebar but above content */
|
|
981
|
+
opacity: 0;
|
|
982
|
+
transition: opacity var(--duration-normal);
|
|
983
|
+
}
|
|
984
|
+
|
|
985
|
+
.sidebar-overlay.active {
|
|
986
|
+
display: block;
|
|
987
|
+
opacity: 1;
|
|
988
|
+
}
|
|
989
|
+
|
|
970
990
|
.main-wrapper {
|
|
971
991
|
margin-left: 0;
|
|
972
992
|
margin-top: var(--header-height); /* Only account for fixed header on mobile */
|
package/assets/js/main.js
CHANGED
|
@@ -512,9 +512,28 @@ function updateThemeIcon(theme) {
|
|
|
512
512
|
const menuToggle = document.getElementById('menu-toggle');
|
|
513
513
|
const sidebar = document.querySelector('.sidebar');
|
|
514
514
|
|
|
515
|
+
// Create overlay element for mobile
|
|
516
|
+
let overlay = document.querySelector('.sidebar-overlay');
|
|
517
|
+
if (!overlay && window.innerWidth <= 768) {
|
|
518
|
+
overlay = document.createElement('div');
|
|
519
|
+
overlay.className = 'sidebar-overlay';
|
|
520
|
+
document.body.appendChild(overlay);
|
|
521
|
+
}
|
|
522
|
+
|
|
515
523
|
if (menuToggle) {
|
|
516
524
|
menuToggle.addEventListener('click', () => {
|
|
517
525
|
sidebar.classList.toggle('open');
|
|
526
|
+
if (overlay) {
|
|
527
|
+
overlay.classList.toggle('active');
|
|
528
|
+
}
|
|
529
|
+
});
|
|
530
|
+
}
|
|
531
|
+
|
|
532
|
+
// Close menu when clicking overlay
|
|
533
|
+
if (overlay) {
|
|
534
|
+
overlay.addEventListener('click', () => {
|
|
535
|
+
sidebar.classList.remove('open');
|
|
536
|
+
overlay.classList.remove('active');
|
|
518
537
|
});
|
|
519
538
|
}
|
|
520
539
|
|
|
@@ -532,7 +551,8 @@ function initFloatingMenuButton() {
|
|
|
532
551
|
floatingButton.className = 'floating-menu-toggle';
|
|
533
552
|
floatingButton.setAttribute('aria-label', 'Toggle menu');
|
|
534
553
|
floatingButton.innerHTML = '<i class="fas fa-bars"></i>';
|
|
535
|
-
floatingButton.style.display = '
|
|
554
|
+
floatingButton.style.display = 'flex'; // Always visible on mobile
|
|
555
|
+
floatingButton.classList.add('visible'); // Start visible
|
|
536
556
|
|
|
537
557
|
// Add to body
|
|
538
558
|
document.body.appendChild(floatingButton);
|
|
@@ -540,6 +560,26 @@ function initFloatingMenuButton() {
|
|
|
540
560
|
// Toggle sidebar on click
|
|
541
561
|
floatingButton.addEventListener('click', () => {
|
|
542
562
|
sidebar.classList.toggle('open');
|
|
563
|
+
|
|
564
|
+
// Handle overlay
|
|
565
|
+
let overlay = document.querySelector('.sidebar-overlay');
|
|
566
|
+
if (!overlay) {
|
|
567
|
+
overlay = document.createElement('div');
|
|
568
|
+
overlay.className = 'sidebar-overlay';
|
|
569
|
+
document.body.appendChild(overlay);
|
|
570
|
+
|
|
571
|
+
// Add overlay click handler
|
|
572
|
+
overlay.addEventListener('click', () => {
|
|
573
|
+
sidebar.classList.remove('open');
|
|
574
|
+
overlay.classList.remove('active');
|
|
575
|
+
floatingButton.querySelector('i').className = 'fas fa-bars';
|
|
576
|
+
});
|
|
577
|
+
}
|
|
578
|
+
|
|
579
|
+
if (overlay) {
|
|
580
|
+
overlay.classList.toggle('active');
|
|
581
|
+
}
|
|
582
|
+
|
|
543
583
|
// Update icon based on state
|
|
544
584
|
const icon = floatingButton.querySelector('i');
|
|
545
585
|
if (sidebar.classList.contains('open')) {
|
|
@@ -549,33 +589,7 @@ function initFloatingMenuButton() {
|
|
|
549
589
|
}
|
|
550
590
|
});
|
|
551
591
|
|
|
552
|
-
//
|
|
553
|
-
let scrollTimeout;
|
|
554
|
-
|
|
555
|
-
window.addEventListener('scroll', () => {
|
|
556
|
-
clearTimeout(scrollTimeout);
|
|
557
|
-
scrollTimeout = setTimeout(() => {
|
|
558
|
-
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
|
|
559
|
-
const headerHeight = document.querySelector('.header')?.offsetHeight || 64;
|
|
560
|
-
|
|
561
|
-
// Show floating button when scrolled past header
|
|
562
|
-
if (scrollTop > headerHeight + 50) {
|
|
563
|
-
floatingButton.style.display = 'flex';
|
|
564
|
-
// Add slight delay for smooth appearance
|
|
565
|
-
setTimeout(() => {
|
|
566
|
-
floatingButton.classList.add('visible');
|
|
567
|
-
}, 10);
|
|
568
|
-
} else {
|
|
569
|
-
floatingButton.classList.remove('visible');
|
|
570
|
-
// Hide after transition completes
|
|
571
|
-
setTimeout(() => {
|
|
572
|
-
if (!floatingButton.classList.contains('visible')) {
|
|
573
|
-
floatingButton.style.display = 'none';
|
|
574
|
-
}
|
|
575
|
-
}, 300);
|
|
576
|
-
}
|
|
577
|
-
}, 100);
|
|
578
|
-
});
|
|
592
|
+
// Remove scroll-based visibility - button is always visible on mobile
|
|
579
593
|
|
|
580
594
|
// Update icon when sidebar state changes from other sources
|
|
581
595
|
const observer = new MutationObserver(() => {
|
|
@@ -611,11 +625,21 @@ document.addEventListener('click', (e) => {
|
|
|
611
625
|
if (window.innerWidth <= 768) {
|
|
612
626
|
const isClickInsideSidebar = sidebar && sidebar.contains(e.target);
|
|
613
627
|
const isMenuToggle = e.target.closest('#menu-toggle');
|
|
628
|
+
const isFloatingButton = e.target.closest('#floating-menu-toggle');
|
|
614
629
|
const isNavItem = e.target.closest('.nav-item, .nav-title');
|
|
630
|
+
const overlay = document.querySelector('.sidebar-overlay');
|
|
615
631
|
|
|
616
632
|
// Close sidebar only if clicking outside AND not on menu toggle AND not on nav items
|
|
617
|
-
if (!isClickInsideSidebar && !isMenuToggle && !isNavItem && sidebar?.classList.contains('open')) {
|
|
633
|
+
if (!isClickInsideSidebar && !isMenuToggle && !isFloatingButton && !isNavItem && sidebar?.classList.contains('open')) {
|
|
618
634
|
sidebar.classList.remove('open');
|
|
635
|
+
if (overlay) {
|
|
636
|
+
overlay.classList.remove('active');
|
|
637
|
+
}
|
|
638
|
+
// Update floating button icon if it exists
|
|
639
|
+
const floatingBtn = document.getElementById('floating-menu-toggle');
|
|
640
|
+
if (floatingBtn) {
|
|
641
|
+
floatingBtn.querySelector('i').className = 'fas fa-bars';
|
|
642
|
+
}
|
|
619
643
|
}
|
|
620
644
|
}
|
|
621
645
|
});
|
package/cli.js
CHANGED
|
@@ -118,6 +118,79 @@ ${chalk.yellow('Examples:')}
|
|
|
118
118
|
}
|
|
119
119
|
});
|
|
120
120
|
|
|
121
|
+
// Google Site Verification command
|
|
122
|
+
program
|
|
123
|
+
.command('google-verify <verification-code>')
|
|
124
|
+
.description('Add Google site verification meta tag to all pages')
|
|
125
|
+
.option('-c, --config <path>', 'path to config file (default: doc-builder.config.js)')
|
|
126
|
+
.addHelpText('after', `
|
|
127
|
+
${chalk.yellow('Examples:')}
|
|
128
|
+
${chalk.gray('$')} doc-builder google-verify FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ
|
|
129
|
+
${chalk.gray('$')} doc-builder google-verify YOUR_VERIFICATION_CODE
|
|
130
|
+
|
|
131
|
+
${chalk.yellow('This will add the Google site verification meta tag to all generated HTML pages.')}
|
|
132
|
+
${chalk.yellow('Get your verification code from Google Search Console.')}
|
|
133
|
+
`)
|
|
134
|
+
.action(async (verificationCode, options) => {
|
|
135
|
+
try {
|
|
136
|
+
const configPath = path.join(process.cwd(), options.config || 'doc-builder.config.js');
|
|
137
|
+
let config;
|
|
138
|
+
|
|
139
|
+
if (fs.existsSync(configPath)) {
|
|
140
|
+
// Load existing config
|
|
141
|
+
delete require.cache[require.resolve(configPath)];
|
|
142
|
+
config = require(configPath);
|
|
143
|
+
} else {
|
|
144
|
+
console.log(chalk.yellow('⚠️ No config file found. Creating one...'));
|
|
145
|
+
await createDefaultConfig();
|
|
146
|
+
config = require(configPath);
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
// Ensure SEO section exists
|
|
150
|
+
if (!config.seo) {
|
|
151
|
+
config.seo = {
|
|
152
|
+
enabled: true,
|
|
153
|
+
customMetaTags: []
|
|
154
|
+
};
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
if (!config.seo.customMetaTags) {
|
|
158
|
+
config.seo.customMetaTags = [];
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
// Check if Google verification already exists
|
|
162
|
+
const googleVerifyIndex = config.seo.customMetaTags.findIndex(tag =>
|
|
163
|
+
tag.name === 'google-site-verification'
|
|
164
|
+
);
|
|
165
|
+
|
|
166
|
+
const newTag = {
|
|
167
|
+
name: 'google-site-verification',
|
|
168
|
+
content: verificationCode
|
|
169
|
+
};
|
|
170
|
+
|
|
171
|
+
if (googleVerifyIndex >= 0) {
|
|
172
|
+
// Update existing
|
|
173
|
+
config.seo.customMetaTags[googleVerifyIndex] = newTag;
|
|
174
|
+
console.log(chalk.green(`✅ Updated Google site verification code`));
|
|
175
|
+
} else {
|
|
176
|
+
// Add new
|
|
177
|
+
config.seo.customMetaTags.push(newTag);
|
|
178
|
+
console.log(chalk.green(`✅ Added Google site verification code`));
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
// Write updated config
|
|
182
|
+
const configContent = `module.exports = ${JSON.stringify(config, null, 2)};\n`;
|
|
183
|
+
fs.writeFileSync(configPath, configContent);
|
|
184
|
+
|
|
185
|
+
console.log(chalk.gray(`\nThe following meta tag will be added to all pages:`));
|
|
186
|
+
console.log(chalk.cyan(`<meta name="google-site-verification" content="${verificationCode}" />`));
|
|
187
|
+
console.log(chalk.gray(`\nRun ${chalk.cyan('doc-builder build')} to regenerate your documentation.`));
|
|
188
|
+
} catch (error) {
|
|
189
|
+
console.error(chalk.red('Failed to add Google verification:'), error.message);
|
|
190
|
+
process.exit(1);
|
|
191
|
+
}
|
|
192
|
+
});
|
|
193
|
+
|
|
121
194
|
// Set Production URL command
|
|
122
195
|
program
|
|
123
196
|
.command('set-production-url <url>')
|
package/doc-builder.config.js
CHANGED
|
@@ -29,6 +29,12 @@ module.exports = {
|
|
|
29
29
|
"organization": {
|
|
30
30
|
"name": "Knowcode Ltd",
|
|
31
31
|
"url": "https://knowcode.tech"
|
|
32
|
-
}
|
|
32
|
+
},
|
|
33
|
+
"customMetaTags": [
|
|
34
|
+
{
|
|
35
|
+
"name": "google-site-verification",
|
|
36
|
+
"content": "FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ"
|
|
37
|
+
}
|
|
38
|
+
]
|
|
33
39
|
}
|
|
34
40
|
};
|
package/html/README.html
CHANGED
|
@@ -28,6 +28,9 @@
|
|
|
28
28
|
<meta name="twitter:description" content="@knowcode/doc-builder.">
|
|
29
29
|
<meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
|
|
30
30
|
|
|
31
|
+
<!-- Custom Meta Tags -->
|
|
32
|
+
<meta name="google-site-verification" content="FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ">
|
|
33
|
+
|
|
31
34
|
<!-- Fonts -->
|
|
32
35
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
33
36
|
|
|
@@ -58,8 +61,8 @@
|
|
|
58
61
|
"name": "Knowcode Ltd",
|
|
59
62
|
"url": "https://knowcode.tech"
|
|
60
63
|
},
|
|
61
|
-
"datePublished": "2025-07-
|
|
62
|
-
"dateModified": "2025-07-
|
|
64
|
+
"datePublished": "2025-07-22T06:56:56.764Z",
|
|
65
|
+
"dateModified": "2025-07-22T06:56:56.764Z",
|
|
63
66
|
"mainEntityOfPage": {
|
|
64
67
|
"@type": "WebPage",
|
|
65
68
|
"@id": "https://doc-builder-delta.vercel.app/README.html"
|
|
@@ -92,7 +95,7 @@
|
|
|
92
95
|
|
|
93
96
|
<div class="header-actions">
|
|
94
97
|
<div class="deployment-info">
|
|
95
|
-
<span class="deployment-date" title="Built with doc-builder v1.5.
|
|
98
|
+
<span class="deployment-date" title="Built with doc-builder v1.5.3">Last updated: Jul 22, 2025, 06:56 AM UTC</span>
|
|
96
99
|
</div>
|
|
97
100
|
|
|
98
101
|
|
|
@@ -153,6 +156,7 @@
|
|
|
153
156
|
<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>
|
|
154
157
|
<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>
|
|
155
158
|
<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>
|
|
159
|
+
<a href="/guides/google-site-verification-guide.html" class="nav-item" data-tooltip="Google Search Console verification allows you to: Monitor your site's performance in Google Search Submit sitemaps for better indexing View search..."><i class="fas fa-file-alt"></i> Google Site Verification Guide</a>
|
|
156
160
|
<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>
|
|
157
161
|
<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>
|
|
158
162
|
</nav>
|
|
@@ -954,19 +954,39 @@ tr:hover {
|
|
|
954
954
|
|
|
955
955
|
/* Hide sidebar on mobile */
|
|
956
956
|
.sidebar {
|
|
957
|
-
position:
|
|
957
|
+
position: fixed;
|
|
958
958
|
top: calc(var(--header-height) + var(--breadcrumb-height));
|
|
959
959
|
left: 0;
|
|
960
960
|
height: calc(100vh - var(--header-height) - var(--breadcrumb-height));
|
|
961
|
-
z-index:
|
|
961
|
+
z-index: 1002; /* Above header and floating button */
|
|
962
962
|
transform: translateX(-100%);
|
|
963
963
|
transition: transform var(--duration-normal) var(--easing-out);
|
|
964
|
+
box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15); /* Add shadow for depth */
|
|
964
965
|
}
|
|
965
966
|
|
|
966
967
|
.sidebar.open {
|
|
967
968
|
transform: translateX(0);
|
|
968
969
|
}
|
|
969
970
|
|
|
971
|
+
/* Mobile menu overlay */
|
|
972
|
+
.sidebar-overlay {
|
|
973
|
+
display: none;
|
|
974
|
+
position: fixed;
|
|
975
|
+
top: 0;
|
|
976
|
+
left: 0;
|
|
977
|
+
right: 0;
|
|
978
|
+
bottom: 0;
|
|
979
|
+
background: rgba(0, 0, 0, 0.5);
|
|
980
|
+
z-index: 1001; /* Below sidebar but above content */
|
|
981
|
+
opacity: 0;
|
|
982
|
+
transition: opacity var(--duration-normal);
|
|
983
|
+
}
|
|
984
|
+
|
|
985
|
+
.sidebar-overlay.active {
|
|
986
|
+
display: block;
|
|
987
|
+
opacity: 1;
|
|
988
|
+
}
|
|
989
|
+
|
|
970
990
|
.main-wrapper {
|
|
971
991
|
margin-left: 0;
|
|
972
992
|
margin-top: var(--header-height); /* Only account for fixed header on mobile */
|
|
@@ -28,6 +28,9 @@
|
|
|
28
28
|
<meta name="twitter:description" content="Documentation Index.">
|
|
29
29
|
<meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
|
|
30
30
|
|
|
31
|
+
<!-- Custom Meta Tags -->
|
|
32
|
+
<meta name="google-site-verification" content="FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ">
|
|
33
|
+
|
|
31
34
|
<!-- Fonts -->
|
|
32
35
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
33
36
|
|
|
@@ -58,8 +61,8 @@
|
|
|
58
61
|
"name": "Knowcode Ltd",
|
|
59
62
|
"url": "https://knowcode.tech"
|
|
60
63
|
},
|
|
61
|
-
"datePublished": "2025-07-
|
|
62
|
-
"dateModified": "2025-07-
|
|
64
|
+
"datePublished": "2025-07-22T06:56:56.775Z",
|
|
65
|
+
"dateModified": "2025-07-22T06:56:56.775Z",
|
|
63
66
|
"mainEntityOfPage": {
|
|
64
67
|
"@type": "WebPage",
|
|
65
68
|
"@id": "https://doc-builder-delta.vercel.app/documentation-index.html"
|
|
@@ -92,7 +95,7 @@
|
|
|
92
95
|
|
|
93
96
|
<div class="header-actions">
|
|
94
97
|
<div class="deployment-info">
|
|
95
|
-
<span class="deployment-date" title="Built with doc-builder v1.5.
|
|
98
|
+
<span class="deployment-date" title="Built with doc-builder v1.5.3">Last updated: Jul 22, 2025, 06:56 AM UTC</span>
|
|
96
99
|
</div>
|
|
97
100
|
|
|
98
101
|
|
|
@@ -153,6 +156,7 @@
|
|
|
153
156
|
<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>
|
|
154
157
|
<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>
|
|
155
158
|
<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>
|
|
159
|
+
<a href="/guides/google-site-verification-guide.html" class="nav-item" data-tooltip="Google Search Console verification allows you to: Monitor your site's performance in Google Search Submit sitemaps for better indexing View search..."><i class="fas fa-file-alt"></i> Google Site Verification Guide</a>
|
|
156
160
|
<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>
|
|
157
161
|
<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>
|
|
158
162
|
</nav>
|
|
@@ -28,6 +28,9 @@
|
|
|
28
28
|
<meta name="twitter:description" content="Authentication Guide for @knowcode/doc-builder.">
|
|
29
29
|
<meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
|
|
30
30
|
|
|
31
|
+
<!-- Custom Meta Tags -->
|
|
32
|
+
<meta name="google-site-verification" content="FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ">
|
|
33
|
+
|
|
31
34
|
<!-- Fonts -->
|
|
32
35
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
33
36
|
|
|
@@ -58,8 +61,8 @@
|
|
|
58
61
|
"name": "Knowcode Ltd",
|
|
59
62
|
"url": "https://knowcode.tech"
|
|
60
63
|
},
|
|
61
|
-
"datePublished": "2025-07-
|
|
62
|
-
"dateModified": "2025-07-
|
|
64
|
+
"datePublished": "2025-07-22T06:56:56.778Z",
|
|
65
|
+
"dateModified": "2025-07-22T06:56:56.778Z",
|
|
63
66
|
"mainEntityOfPage": {
|
|
64
67
|
"@type": "WebPage",
|
|
65
68
|
"@id": "https://doc-builder-delta.vercel.app/guides/authentication-guide.html"
|
|
@@ -98,7 +101,7 @@
|
|
|
98
101
|
|
|
99
102
|
<div class="header-actions">
|
|
100
103
|
<div class="deployment-info">
|
|
101
|
-
<span class="deployment-date" title="Built with doc-builder v1.5.
|
|
104
|
+
<span class="deployment-date" title="Built with doc-builder v1.5.3">Last updated: Jul 22, 2025, 06:56 AM UTC</span>
|
|
102
105
|
</div>
|
|
103
106
|
|
|
104
107
|
|
|
@@ -159,6 +162,7 @@
|
|
|
159
162
|
<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>
|
|
160
163
|
<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>
|
|
161
164
|
<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>
|
|
165
|
+
<a href="/guides/google-site-verification-guide.html" class="nav-item" data-tooltip="Google Search Console verification allows you to: Monitor your site's performance in Google Search Submit sitemaps for better indexing View search..."><i class="fas fa-file-alt"></i> Google Site Verification Guide</a>
|
|
162
166
|
<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>
|
|
163
167
|
<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>
|
|
164
168
|
</nav>
|
|
@@ -28,6 +28,9 @@
|
|
|
28
28
|
<meta name="twitter:description" content="Claude + CLAUDE.">
|
|
29
29
|
<meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
|
|
30
30
|
|
|
31
|
+
<!-- Custom Meta Tags -->
|
|
32
|
+
<meta name="google-site-verification" content="FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ">
|
|
33
|
+
|
|
31
34
|
<!-- Fonts -->
|
|
32
35
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
33
36
|
|
|
@@ -58,8 +61,8 @@
|
|
|
58
61
|
"name": "Knowcode Ltd",
|
|
59
62
|
"url": "https://knowcode.tech"
|
|
60
63
|
},
|
|
61
|
-
"datePublished": "2025-07-
|
|
62
|
-
"dateModified": "2025-07-
|
|
64
|
+
"datePublished": "2025-07-22T06:56:56.781Z",
|
|
65
|
+
"dateModified": "2025-07-22T06:56:56.781Z",
|
|
63
66
|
"mainEntityOfPage": {
|
|
64
67
|
"@type": "WebPage",
|
|
65
68
|
"@id": "https://doc-builder-delta.vercel.app/guides/claude-workflow-guide.html"
|
|
@@ -98,7 +101,7 @@
|
|
|
98
101
|
|
|
99
102
|
<div class="header-actions">
|
|
100
103
|
<div class="deployment-info">
|
|
101
|
-
<span class="deployment-date" title="Built with doc-builder v1.5.
|
|
104
|
+
<span class="deployment-date" title="Built with doc-builder v1.5.3">Last updated: Jul 22, 2025, 06:56 AM UTC</span>
|
|
102
105
|
</div>
|
|
103
106
|
|
|
104
107
|
|
|
@@ -159,6 +162,7 @@
|
|
|
159
162
|
<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>
|
|
160
163
|
<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>
|
|
161
164
|
<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>
|
|
165
|
+
<a href="/guides/google-site-verification-guide.html" class="nav-item" data-tooltip="Google Search Console verification allows you to: Monitor your site's performance in Google Search Submit sitemaps for better indexing View search..."><i class="fas fa-file-alt"></i> Google Site Verification Guide</a>
|
|
162
166
|
<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>
|
|
163
167
|
<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>
|
|
164
168
|
</nav>
|
|
@@ -28,6 +28,9 @@
|
|
|
28
28
|
<meta name="twitter:description" content="Document Standards for @knowcode/doc-builder.">
|
|
29
29
|
<meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
|
|
30
30
|
|
|
31
|
+
<!-- Custom Meta Tags -->
|
|
32
|
+
<meta name="google-site-verification" content="FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ">
|
|
33
|
+
|
|
31
34
|
<!-- Fonts -->
|
|
32
35
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
33
36
|
|
|
@@ -58,8 +61,8 @@
|
|
|
58
61
|
"name": "Knowcode Ltd",
|
|
59
62
|
"url": "https://knowcode.tech"
|
|
60
63
|
},
|
|
61
|
-
"datePublished": "2025-07-
|
|
62
|
-
"dateModified": "2025-07-
|
|
64
|
+
"datePublished": "2025-07-22T06:56:56.784Z",
|
|
65
|
+
"dateModified": "2025-07-22T06:56:56.784Z",
|
|
63
66
|
"mainEntityOfPage": {
|
|
64
67
|
"@type": "WebPage",
|
|
65
68
|
"@id": "https://doc-builder-delta.vercel.app/guides/documentation-standards.html"
|
|
@@ -98,7 +101,7 @@
|
|
|
98
101
|
|
|
99
102
|
<div class="header-actions">
|
|
100
103
|
<div class="deployment-info">
|
|
101
|
-
<span class="deployment-date" title="Built with doc-builder v1.5.
|
|
104
|
+
<span class="deployment-date" title="Built with doc-builder v1.5.3">Last updated: Jul 22, 2025, 06:56 AM UTC</span>
|
|
102
105
|
</div>
|
|
103
106
|
|
|
104
107
|
|
|
@@ -159,6 +162,7 @@
|
|
|
159
162
|
<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>
|
|
160
163
|
<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>
|
|
161
164
|
<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>
|
|
165
|
+
<a href="/guides/google-site-verification-guide.html" class="nav-item" data-tooltip="Google Search Console verification allows you to: Monitor your site's performance in Google Search Submit sitemaps for better indexing View search..."><i class="fas fa-file-alt"></i> Google Site Verification Guide</a>
|
|
162
166
|
<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>
|
|
163
167
|
<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>
|
|
164
168
|
</nav>
|