docs(ai-protocols): update AI protocols page with visual demos and detailed explanations
style(git-demos): improve responsive design and layout for git visualization components
refactor(ai-history): simplify and clean up demo components
chore: update config to register new AI protocol components
- Add Netlify deployment section with form handling and functions examples
- Replace old Git demos with new interactive components
- Add comprehensive data encoding visualization demos
- Update comparison table with Netlify information
- 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>
Updated pre-commit hook to:
- Only check ESLint errors (ignore warnings)
- Add build verification before committing
- Fail commit if build fails
- Provide helpful error messages and skip instructions
This ensures:
✅ No ESLint errors enter the codebase
✅ All commits can build successfully
⚡ Fast feedback loop (~20s for build)
To skip: git commit --no-verify
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.
sanbuphy