- Add Vue components for interactive demos (SSH auth, regex, env vars, ports)
- Complete markdown content for SSH, regex, environment variables, and ports
- Remove placeholder "待实现" sections and replace with detailed guides
- Add visual explanations for key concepts like ports and localhost
- Include practical examples and troubleshooting tips
- Add component for showing evolution from transistors to CPU
- Improve documentation structure and navigation
- Add security best practices for API keys and environment variables
Clean up visual presentation by removing decorative icons from demo headers and info boxes across all components. Also removes now-unused CSS rules for icon styling.
NavCard component now uses VitePress's withBase() utility function
to properly handle base path in all environments:
- Local development: /easy-vibe/
- GitHub Pages: /easy-vibe/
- Vercel: /
This fixes 404 errors when clicking NavCard links in appendix pages.
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Removed `/easy-vibe/` prefix from internal links in all index.md files.
VitePress automatically adds the base path, so these prefixes were causing
404 errors due to double path resolution:
- Before: /easy-vibe/zh-cn/appendix/...
- After: /zh-cn/appendix/...
- VitePress resolves to: /easy-vibe/zh-cn/appendix/... (local/GitHub)
- VitePress resolves to: /zh-cn/appendix/... (Vercel)
This fixes the sidebar 404 errors reported in appendix section.
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
- Install husky for git hooks
- Add pre-commit hook to run 'npm run lint -- --fix' before each commit
- Auto-fix 6 additional warnings (attribute order, escape chars)
- 0 errors, 208 warnings (down from 214)
This ensures code quality checks run automatically before commits.
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Fixed 22 ESLint errors across 26 Vue component files:
- Removed TypeScript type annotations from ReadingProgress.vue (converted to JS)
- Removed unused variables, imports, and duplicate function declarations
- Fixed HTML parsing errors (invalid attribute names, unclosed tags)
- Added missing :key directives to v-for loops
- Fixed duplicate object keys (backgroundImage)
- Replaced special characters in comments to avoid parsing issues
- Fixed malformed HTML tags (v-else", 003e attributes)
All warnings were left unchanged as requested. Build now passes with 0 errors.
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
- Reorganize content into 9 major categories matching config.mjs sidebar
- Add all NavCard entries for each section with proper descriptions
- Categories: 计算机基础, 开发工具, 浏览器与前端, 后端, 数据, 架构, 运维, AI, 工程素养
- Total 80+ articles now properly linked with card-based layout
- Replace simple markdown links with NavGrid and NavCard components
- Match the same card-based layout as en-us version
- Improve visual consistency across all language versions
- Rename stage-2/intro.md to stage-2/index.md for all languages
- Rename stage-3/intro.md to stage-3/index.md for all languages
- Rename appendix/intro.md to appendix/index.md for all languages
- Update config.mjs navigation links to use /stage-2/ and /stage-3/ instead of /stage-2/intro and /stage-3/intro
- This follows VitePress best practice where index.md is the default page for a directory
Add detailed documentation and interactive demos for computer fundamentals topics including:
- Transistor to CPU architecture
- Data encoding, storage and transmission
- Operating system concepts (processes, memory, filesystems)
- Programming language overview and paradigms
- Algorithm and data structure basics
Includes Vue component demos for key concepts with visualizations and interactive elements to enhance learning experience. All content is written in Chinese with markdown formatting and embedded components.
The commit also updates the sidebar navigation and adds new Vue components for interactive demonstrations of key computer science concepts.
refactor(demos): improve variable box, scope, and type annotation demos
style(demos): update visual styles and animations for better UX
docs(browser-as-os): restructure content with tables and practical examples
feat(demos): add new TypeScript and runtime environment demos
refactor(docs): rename "ClaudeCode" to "Claude Code" across all language versions
chore: add ESLint configuration and update build scripts
style: update component organization and remove unused imports
- Add comprehensive IDE basics documentation with interactive demos
- Move prompt engineering content to artificial-intelligence section
- Create new IDE basics page under development-tools section
- Update sidebar config to reflect new structure
- Move standalone AI-related files into 8-artificial-intelligence directory
- Move development tools content into 2-development-tools directory
- Move server/backend content into 4-server-and-backend directory
- Create new index files for each section
- Update .gitignore to exclude old backup directories
- Update theme imports for new component locations
Add comprehensive guides for beginners to remember HTML tags and CSS properties by categorizing them and providing mnemonic techniques. Include practical tips for looking up unfamiliar elements and properties.
- Update WebTechTriad component with clearer labels and better visual hierarchy
- Improve Flexbox demo with axis visualization and more comprehensive controls
- Enhance BoxModel demo with box-sizing toggle and real-world scenario
- Refactor DomManipulator with expanded operations and code examples
- Add consistent styling and responsive design across all components
- standardize border-radius from 8px to 6px for consistent styling
- adjust padding values from 1rem to 0.75rem for better visual hierarchy
- remove redundant overflow-y properties for cleaner code
Add more detailed instructions for integrating cloud service APIs and Coding Plan.
Reorganize free model options and clarify the model ID input process.
- Add standardized header and info box components to all demo files
- Improve visual consistency with theme colors and spacing
- Add max-height and overflow-y for better content containment
- Update package.json build script with --force flag
- Add .gitignore entries for REFACTORING files
- Fix table formatting in audio-intro.md
- Rewrite and expand the deployment guide with more detailed explanations
- Add interactive tooltips to the deployment overview demo
- Include step-by-step instructions for each deployment phase
- Add troubleshooting table for common issues
- Improve structure with clear section headings and flow
- Add new interactive components for frontend routing, browser rendering pipeline, and database transactions
- Improve existing demos with better visuals, explanations, and examples
- Update documentation structure and content for better clarity
- Add new utility scripts and update package.json with new commands
- Fix formatting and alignment in documentation tables
- Register frontend engineering demo components in theme index
- Update AssetFingerprintDemo Vue imports and cleanup
- Revise "finding great idea" content from numbered list to prose format
- Expand web basics appendix with ECMAScript and TypeScript explanations
- Improve SummaryCard component styling with enhanced gradients and spacing
- Simplify BuildPipelineDemo and DependencyGraphDemo components for clarity
sanbuphy