diff --git a/docs/.vitepress/config.mjs b/docs/.vitepress/config.mjs index 401f1af..8c61dc4 100644 --- a/docs/.vitepress/config.mjs +++ b/docs/.vitepress/config.mjs @@ -194,6 +194,10 @@ const commonThemeConfig = { // ], outline: { level: [1, 6] + }, + footer: { + message: '京ICP备2026002630号-1 | 京公网安备11010602202215号', + copyright: '本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议（CC BY-NC-SA 4.0） 进行许可' } } @@ -640,10 +644,6 @@ export default defineConfig({ } ] }, - footer: { - message: '京ICP备2026002630号-1', - copyright: '本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议（CC BY-NC-SA 4.0） 进行许可' - } } }, @@ -684,10 +684,6 @@ export default defineConfig({ ], // TODO: Add English sidebar when content is ready sidebar: {}, - footer: { - message: '京ICP备2026002630号-1', - copyright: '本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议（CC BY-NC-SA 4.0） 进行许可' - } } }, @@ -728,10 +724,6 @@ export default defineConfig({ ], // TODO: Add Japanese sidebar when content is ready sidebar: {}, - footer: { - message: '京ICP备2026002630号-1', - copyright: '本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议（CC BY-NC-SA 4.0） 进行许可' - } } }, 'zh-tw': { @@ -769,10 +761,6 @@ export default defineConfig({ { text: '附錄', link: '/zh-tw/appendix/' } ], sidebar: {}, - footer: { - message: '京ICP备2026002630号-1', - copyright: '本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议（CC BY-NC-SA 4.0） 进行许可' - } } }, 'ko-kr': { @@ -807,10 +795,6 @@ export default defineConfig({ { text: '부록', link: '/ko-kr/appendix/' } ], sidebar: {}, - footer: { - message: '京ICP备2026002630号-1', - copyright: '本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议（CC BY-NC-SA 4.0） 进行许可' - } } }, 'es-es': { @@ -848,10 +832,6 @@ export default defineConfig({ { text: 'Apéndice', link: '/es-es/appendix/' } ], sidebar: {}, - footer: { - message: '京ICP备2026002630号-1', - copyright: '本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议（CC BY-NC-SA 4.0） 进行许可' - } } }, 'fr-fr': { @@ -886,10 +866,6 @@ export default defineConfig({ { text: 'Annexe', link: '/fr-fr/appendix/' } ], sidebar: {}, - footer: { - message: '京ICP备2026002630号-1', - copyright: '本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议（CC BY-NC-SA 4.0） 进行许可' - } } }, 'de-de': { @@ -924,10 +900,6 @@ export default defineConfig({ { text: 'Anhang', link: '/de-de/appendix/' } ], sidebar: {}, - footer: { - message: '京ICP备2026002630号-1', - copyright: '本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议（CC BY-NC-SA 4.0） 进行许可' - } } }, 'ar-sa': { @@ -965,10 +937,6 @@ export default defineConfig({ { text: 'ملحق', link: '/ar-sa/appendix/' } ], sidebar: {}, - footer: { - message: '京ICP备2026002630号-1', - copyright: '本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议（CC BY-NC-SA 4.0） 进行许可' - } } }, 'vi-vn': { @@ -1006,10 +974,6 @@ export default defineConfig({ { text: 'Phụ lục', link: '/vi-vn/appendix/' } ], sidebar: {}, - footer: { - message: '京ICP备2026002630号-1', - copyright: '本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议（CC BY-NC-SA 4.0） 进行许可' - } } } } diff --git a/docs/.vitepress/theme/Layout.vue b/docs/.vitepress/theme/Layout.vue index f81d486..f96fc22 100644 --- a/docs/.vitepress/theme/Layout.vue +++ b/docs/.vitepress/theme/Layout.vue @@ -223,12 +223,32 @@ watch(lineHeight, (next) => { font-size: 18px; font-weight: 500; white-space: pre-wrap; - color: var(--vp-c-text-2); + color: #000000; min-height: 28px; display: flex; - /* 确保左对齐 */ - text-align: left; - justify-content: flex-start; + /* 居中对齐 */ + text-align: center; + justify-content: center; +} + +/* 强制 HomeHero 内容居中 */ +.VPHomeHero .container { + text-align: center; +} +.VPHomeHero .main { + margin: 0 auto; +} +.VPHomeHero .name, +.VPHomeHero .text { + text-align: center; + margin-left: auto; + margin-right: auto; +} +.VPHomeHero .text { + color: #000000 !important; +} +.VPHomeHero .actions { + justify-content: center; } @media (min-width: 640px) { diff --git a/docs/.vitepress/theme/components/HomeFeatures.vue b/docs/.vitepress/theme/components/HomeFeatures.vue index 2da6c9e..f175c95 100644 --- a/docs/.vitepress/theme/components/HomeFeatures.vue +++ b/docs/.vitepress/theme/components/HomeFeatures.vue @@ -8,6 +8,56 @@ const { site, page, lang } = useData() const activeTab = ref('home') const showLangMenu = ref(false) +// Appendix Scroll Logic +const appendixWrapper = ref(null) +const totalPages = ref(1) +const currentPage = ref(0) + +const updatePagination = () => { + if (appendixWrapper.value) { + const { scrollLeft, clientWidth, scrollWidth } = appendixWrapper.value + // If scrollWidth is close to clientWidth, only 1 page + if (scrollWidth <= clientWidth + 5) { + totalPages.value = 1 + currentPage.value = 0 + } else { + totalPages.value = Math.ceil(scrollWidth / clientWidth) + currentPage.value = Math.round(scrollLeft / clientWidth) + } + } +} + +const onAppendixScroll = () => { + if (!appendixWrapper.value) return + const { scrollLeft, clientWidth } = appendixWrapper.value + const newPage = Math.round(scrollLeft / clientWidth) + if (currentPage.value !== newPage) { + currentPage.value = newPage + } +} + +const scrollToPage = (pageIndex) => { + if (appendixWrapper.value) { + const width = appendixWrapper.value.clientWidth + appendixWrapper.value.scrollTo({ + left: pageIndex * width, + behavior: 'smooth' + }) + } +} + +const autoScroll = () => { + if (appendixWrapper.value) { + const { scrollLeft, clientWidth, scrollWidth } = appendixWrapper.value + const maxScroll = scrollWidth - clientWidth + if (scrollLeft >= maxScroll - 20) { + appendixWrapper.value.scrollTo({ left: 0, behavior: 'smooth' }) + } else { + appendixWrapper.value.scrollBy({ left: clientWidth, behavior: 'smooth' }) + } + } +} + const i18n = { 'zh-cn': { nav: { @@ -31,8 +81,8 @@ const i18n = { }, stage2: { cat: 'Stage 2 · 初中级开发', - title: '深入全栈，
构建真实应用。', - sub: '掌握前后端分离架构，亲手打造包含数据库、API 和复杂交互的完整商业级项目。', + title: '全栈之力，
一手掌握。', + sub: '以前端为笔，后端为墨。从数据库设计到交互界面，独立构建完整的商业级应用。', cards: [ { title: '全栈开发', headline: '独立完成前后端。', desc: '从数据库设计到 API 开发，再到前端组件化，完整构建一个现代化 Web 应用。', link: '/zh-cn/stage-2/assignments/2.1-fullstack-app/' }, { title: '真实项目', headline: '拒绝玩具代码。', desc: '深入理解用户鉴权、数据存储、文件上传等核心业务逻辑。', link: '/zh-cn/stage-2/backend/2.2-database-supabase/chapter5/chapter5-from-database-to-supabase' }, @@ -41,19 +91,38 @@ const i18n = { }, stage3: { cat: 'Stage 3 · 高级开发', - title: '高阶实战，
挑战无限可能。', - sub: '进军移动端小程序与 AI 原生应用开发，探索大模型时代的无限机遇。', + title: '复杂系统，
尽在掌控。', + sub: '从跨平台应用到高可用 AI 架构。让智能体在生产环境中长时间稳定运行，构建真正的商业级护城河。', cards: [ - { title: '微信小程序', desc: '跨平台开发，触达亿级用户。', link: '/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/' }, - { title: 'AI 原生应用', desc: 'RAG、Agent，探索 LLM 的无限可能。', link: '/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/extra5-what-is-rag-and-how-does-it-work-and-future' }, - { title: '复杂业务架构', desc: '应对高并发、高可用场景的架构设计。', link: '/zh-cn/stage-3/core-skills/3.2-long-running-tasks/' }, - { title: '个人品牌', desc: '构建属于自己的个人网页与学术博客。', link: '/zh-cn/stage-3/personal-brand/3.7-personal-website-blog/' } + { title: '多端发布', desc: '一套代码，覆盖 Web、小程序与 App，触达所有用户。', link: '/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/' }, + { title: 'AI 智能体', desc: '构建具备记忆与规划能力的 Agent，实现自主任务执行。', link: '/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/extra5-what-is-rag-and-how-does-it-work-and-future' }, + { title: '长效稳定', desc: '掌握异步任务与队列技术，确保 AI 复杂任务稳定完成。', link: '/zh-cn/stage-3/core-skills/3.2-long-running-tasks/' }, + { title: '商业闭环', desc: '集成支付与会员系统，将你的 AI 创意转化为商业产品。', link: '/zh-cn/stage-3/personal-brand/3.7-personal-website-blog/' } + ] + }, + appendix: { + cat: 'Appendix · 附录', + title: '让代码，
活灵活现。', + sub: '告别晦涩的文字堆砌。用动态演示和实时交互，重新定义技术文档。', + cards: [ + { title: 'AI 进化史', desc: '回顾人工智能发展历程中的关键里程碑。', link: '/zh-cn/appendix/ai-evolution' }, + { title: '提示词工程', desc: '掌握与 AI 高效对话的技巧，解锁潜力。', link: '/zh-cn/appendix/prompt-engineering' }, + { title: '大语言模型', desc: '深入浅出解析 LLM 的工作原理与应用。', link: '/zh-cn/appendix/llm-intro' }, + { title: 'Agent 智能体', desc: '探索具备自主决策与执行能力的 AI 架构。', link: '/zh-cn/appendix/agent-intro' }, + { title: '前端基础', desc: 'HTML/CSS/JS 三大基石，入门必修课。', link: '/zh-cn/appendix/web-basics' }, + { title: '前端进化史', desc: '了解前端技术栈演变，把握发展趋势。', link: '/zh-cn/appendix/frontend-evolution' }, + { title: '后端架构', desc: '从单体到微服务，探索架构演进之路。', link: '/zh-cn/appendix/backend-evolution' }, + { title: '后端语言', desc: '对比主流后端语言特性，选择最佳技术栈。', link: '/zh-cn/appendix/backend-languages' }, + { title: '数据库原理', desc: '理解数据库核心原理，掌握数据存储艺术。', link: '/zh-cn/appendix/database-intro' }, + { title: 'API 设计', desc: 'API 接口设计与开发的基础知识。', link: '/zh-cn/appendix/api-intro' }, + { title: 'Git 版本控制', desc: '深入理解 Git 原理与高级用法。', link: '/zh-cn/appendix/git-intro' }, + { title: '计算机网络', desc: '网络协议与通信原理的基础知识。', link: '/zh-cn/appendix/computer-networks' } ] }, footer: { - title: '准备好开始了吗？', - desc: 'Easy-Vibe，让编程像呼吸一样自然。', - btn: '立即开启' + title: '你的想法，
此刻上线。', + desc: '从灵感到现实，只差这一个开始。', + btn: '>_ Start' } }, 'en-us': { @@ -97,6 +166,25 @@ const i18n = { { title: 'Personal Brand', desc: 'Build your own website and academic blog.', link: '/en-us/stage-3/' } ] }, + appendix: { + cat: 'Appendix', + title: 'Encyclopedia,
Solid Foundation.', + sub: 'From Computer Networks to AI Principles, complete your tech puzzle.', + cards: [ + { title: 'AI History', desc: 'Milestones in AI evolution.', link: '/en-us/appendix/ai-evolution' }, + { title: 'Prompt Eng', desc: 'Master AI communication skills.', link: '/en-us/appendix/prompt-engineering' }, + { title: 'LLM Intro', desc: 'Understanding Large Language Models.', link: '/en-us/appendix/llm-intro' }, + { title: 'AI Agents', desc: 'Autonomous decision-making AI.', link: '/en-us/appendix/agent-intro' }, + { title: 'Web Basics', desc: 'HTML/CSS/JS fundamentals.', link: '/en-us/appendix/web-basics' }, + { title: 'Frontend Evo', desc: 'Evolution of frontend tech stack.', link: '/en-us/appendix/frontend-evolution' }, + { title: 'Backend Arch', desc: 'From monolith to microservices.', link: '/en-us/appendix/backend-evolution' }, + { title: 'Backend Lang', desc: 'Choosing the right tech stack.', link: '/en-us/appendix/backend-languages' }, + { title: 'Database', desc: 'Core principles of data storage.', link: '/en-us/appendix/database-intro' }, + { title: 'API Design', desc: 'Designing robust interfaces.', link: '/en-us/appendix/api-intro' }, + { title: 'Git', desc: 'Version control mastery.', link: '/en-us/appendix/git-intro' }, + { title: 'Networks', desc: 'Protocols and communication.', link: '/en-us/appendix/computer-networks' } + ] + }, footer: { title: 'Ready to start?', desc: 'Easy-Vibe, make coding as natural as breathing.', @@ -144,6 +232,17 @@ const i18n = { { title: 'パーソナルブランド', desc: '自分のウェブサイトと学術ブログを構築。', link: '/ja-jp/stage-3/' } ] }, + appendix: { + cat: 'Appendix · 付録', + title: 'Encyclopedia,
Solid Foundation.', + sub: 'From Computer Networks to AI Principles, complete your tech puzzle.', + cards: [ + { title: 'AI Fundamentals', desc: 'LLM, Agent, RAG. Dive into AI internals.', link: '/ja-jp/appendix/ai-evolution' }, + { title: 'Frontend', desc: 'Browser internals, Performance, Canvas.', link: '/ja-jp/appendix/web-basics' }, + { title: 'Backend', desc: 'High concurrency, Distributed systems, Microservices.', link: '/ja-jp/appendix/backend-evolution' }, + { title: 'General Skills', desc: 'Git, Networks, IDE internals.', link: '/ja-jp/appendix/git-intro' } + ] + }, footer: { title: '準備はいいですか？', desc: 'Easy-Vibe、呼吸するように自然にコーディング。', @@ -191,6 +290,17 @@ const i18n = { { title: '個人品牌', desc: '構建屬於自己的個人網頁與學術博客。', link: '/zh-tw/stage-3/' } ] }, + appendix: { + cat: 'Appendix · 附錄', + title: '百科全書，
夯實基礎。', + sub: '從計算機網絡到 AI 原理，補齊你的技術拼圖。', + cards: [ + { title: '人工智能', desc: 'LLM、Agent、RAG，深入 AI 底層原理。', link: '/zh-tw/appendix/ai-evolution' }, + { title: '前端開發', desc: '瀏覽器原理、性能優化、Canvas 圖形學。', link: '/zh-tw/appendix/web-basics' }, + { title: '後端架構', desc: '高並發、分佈式、微服務架構設計。', link: '/zh-tw/appendix/backend-evolution' }, + { title: '通用技能', desc: 'Git、網絡、IDE 原理，開發者必備素養。', link: '/zh-tw/appendix/git-intro' } + ] + }, footer: { title: '準備好開始了嗎？', desc: 'Easy-Vibe，讓編程像呼吸一樣自然。', @@ -238,6 +348,17 @@ const i18n = { { title: '퍼스널 브랜딩', desc: '나만의 웹사이트와 학술 블로그 구축.', link: '/ko-kr/stage-3/' } ] }, + appendix: { + cat: 'Appendix · 부록', + title: 'Encyclopedia,
Solid Foundation.', + sub: 'From Computer Networks to AI Principles, complete your tech puzzle.', + cards: [ + { title: 'AI Fundamentals', desc: 'LLM, Agent, RAG. Dive into AI internals.', link: '/ko-kr/appendix/ai-evolution' }, + { title: 'Frontend', desc: 'Browser internals, Performance, Canvas.', link: '/ko-kr/appendix/web-basics' }, + { title: 'Backend', desc: 'High concurrency, Distributed systems, Microservices.', link: '/ko-kr/appendix/backend-evolution' }, + { title: 'General Skills', desc: 'Git, Networks, IDE internals.', link: '/ko-kr/appendix/git-intro' } + ] + }, footer: { title: '시작할 준비 되셨나요?', desc: 'Easy-Vibe, 숨 쉬듯 자연스러운 코딩.', @@ -285,6 +406,17 @@ const i18n = { { title: 'Marca Personal', desc: 'Construye tu propio sitio web y blog académico.', link: '/es-es/stage-3/' } ] }, + appendix: { + cat: 'Appendix · Apéndice', + title: 'Encyclopedia,
Solid Foundation.', + sub: 'From Computer Networks to AI Principles, complete your tech puzzle.', + cards: [ + { title: 'AI Fundamentals', desc: 'LLM, Agent, RAG. Dive into AI internals.', link: '/es-es/appendix/ai-evolution' }, + { title: 'Frontend', desc: 'Browser internals, Performance, Canvas.', link: '/es-es/appendix/web-basics' }, + { title: 'Backend', desc: 'High concurrency, Distributed systems, Microservices.', link: '/es-es/appendix/backend-evolution' }, + { title: 'General Skills', desc: 'Git, Networks, IDE internals.', link: '/es-es/appendix/git-intro' } + ] + }, footer: { title: '¿Listo para empezar?', desc: 'Easy-Vibe, haz que programar sea tan natural como respirar.', @@ -332,6 +464,17 @@ const i18n = { { title: 'Marque Perso', desc: 'Construisez votre propre site web et blog académique.', link: '/fr-fr/stage-3/' } ] }, + appendix: { + cat: 'Appendix · Annexe', + title: 'Encyclopedia,
Solid Foundation.', + sub: 'From Computer Networks to AI Principles, complete your tech puzzle.', + cards: [ + { title: 'AI Fundamentals', desc: 'LLM, Agent, RAG. Dive into AI internals.', link: '/fr-fr/appendix/ai-evolution' }, + { title: 'Frontend', desc: 'Browser internals, Performance, Canvas.', link: '/fr-fr/appendix/web-basics' }, + { title: 'Backend', desc: 'High concurrency, Distributed systems, Microservices.', link: '/fr-fr/appendix/backend-evolution' }, + { title: 'General Skills', desc: 'Git, Networks, IDE internals.', link: '/fr-fr/appendix/git-intro' } + ] + }, footer: { title: 'Prêt à commencer ?', desc: 'Easy-Vibe, rendez le codage aussi naturel que la respiration.', @@ -379,6 +522,17 @@ const i18n = { { title: 'Persönliche Marke', desc: 'Baue deine eigene Website und deinen akademischen Blog.', link: '/de-de/stage-3/' } ] }, + appendix: { + cat: 'Appendix · Anhang', + title: 'Encyclopedia,
Solid Foundation.', + sub: 'From Computer Networks to AI Principles, complete your tech puzzle.', + cards: [ + { title: 'AI Fundamentals', desc: 'LLM, Agent, RAG. Dive into AI internals.', link: '/de-de/appendix/ai-evolution' }, + { title: 'Frontend', desc: 'Browser internals, Performance, Canvas.', link: '/de-de/appendix/web-basics' }, + { title: 'Backend', desc: 'High concurrency, Distributed systems, Microservices.', link: '/de-de/appendix/backend-evolution' }, + { title: 'General Skills', desc: 'Git, Networks, IDE internals.', link: '/de-de/appendix/git-intro' } + ] + }, footer: { title: 'Bereit zu starten?', desc: 'Easy-Vibe, mache Coden so natürlich wie Atmen.', @@ -426,6 +580,17 @@ const i18n = { { title: 'العلامة التجارية الشخصية', desc: 'ابنِ موقعك الخاص ومدونتك الأكاديمية.', link: '/ar-sa/stage-3/' } ] }, + appendix: { + cat: 'Appendix · ملحق', + title: 'Encyclopedia,
Solid Foundation.', + sub: 'From Computer Networks to AI Principles, complete your tech puzzle.', + cards: [ + { title: 'AI Fundamentals', desc: 'LLM, Agent, RAG. Dive into AI internals.', link: '/ar-sa/appendix/ai-evolution' }, + { title: 'Frontend', desc: 'Browser internals, Performance, Canvas.', link: '/ar-sa/appendix/web-basics' }, + { title: 'Backend', desc: 'High concurrency, Distributed systems, Microservices.', link: '/ar-sa/appendix/backend-evolution' }, + { title: 'General Skills', desc: 'Git, Networks, IDE internals.', link: '/ar-sa/appendix/git-intro' } + ] + }, footer: { title: 'جاهز للبدء؟', desc: 'Easy-Vibe، اجعل البرمجة طبيعية كالتنفس.', @@ -473,6 +638,17 @@ const i18n = { { title: 'Thương hiệu cá nhân', desc: 'Xây dựng website và blog học thuật của riêng bạn.', link: '/vi-vn/stage-3/' } ] }, + appendix: { + cat: 'Appendix · Phụ lục', + title: 'Encyclopedia,
Solid Foundation.', + sub: 'From Computer Networks to AI Principles, complete your tech puzzle.', + cards: [ + { title: 'AI Fundamentals', desc: 'LLM, Agent, RAG. Dive into AI internals.', link: '/vi-vn/appendix/ai-evolution' }, + { title: 'Frontend', desc: 'Browser internals, Performance, Canvas.', link: '/vi-vn/appendix/web-basics' }, + { title: 'Backend', desc: 'High concurrency, Distributed systems, Microservices.', link: '/vi-vn/appendix/backend-evolution' }, + { title: 'General Skills', desc: 'Git, Networks, IDE internals.', link: '/vi-vn/appendix/git-intro' } + ] + }, footer: { title: 'Sẵn sàng chưa?', desc: 'Easy-Vibe, biến lập trình trở nên tự nhiên như hơi thở.', @@ -530,8 +706,11 @@ const scrollTo = (id) => { } const el = document.getElementById(id) if (el) { - const navHeight = 64 // Approximate nav height - const offset = el.offsetTop - navHeight - 20 + const navHeight = 48 // Approximate nav height + // Use getBoundingClientRect for better accuracy + const elementPosition = el.getBoundingClientRect().top + window.pageYOffset + // Increase buffer to ensure section header is clearly visible below nav + const offset = elementPosition - navHeight - 64 window.scrollTo({ top: offset, behavior: 'smooth' }) activeTab.value = id } @@ -546,10 +725,19 @@ const closeLangMenu = (e) => { onMounted(() => { document.addEventListener('click', closeLangMenu) + if (appendixWrapper.value) { + appendixWrapper.value.addEventListener('scroll', onAppendixScroll) + updatePagination() + window.addEventListener('resize', updatePagination) + } }) onUnmounted(() => { document.removeEventListener('click', closeLangMenu) + if (appendixWrapper.value) { + appendixWrapper.value.removeEventListener('scroll', onAppendixScroll) + } + window.removeEventListener('resize', updatePagination) }) // Stage 1: 产品经理 (Web 原型) @@ -639,6 +827,82 @@ const stage3Cards = [ link: '/zh-cn/stage-3/personal-brand/3.7-personal-website-blog/' } ] + +// Appendix: 附录 +const appendixCards = [ + { + title: '人工智能', + desc: 'LLM、Agent、RAG，深入 AI 底层原理。', + tag: 'AI', + link: '/zh-cn/appendix/ai-evolution' + }, + { + title: '提示词工程', + desc: '掌握与 AI 高效对话的技巧，解锁潜力。', + tag: 'AI', + link: '/zh-cn/appendix/prompt-engineering' + }, + { + title: '大语言模型', + desc: '深入浅出解析 LLM 的工作原理与应用。', + tag: 'AI', + link: '/zh-cn/appendix/llm-intro' + }, + { + title: 'Agent 智能体', + desc: '探索具备自主决策与执行能力的 AI 架构。', + tag: 'AI', + link: '/zh-cn/appendix/agent-intro' + }, + { + title: '前端基础', + desc: 'HTML/CSS/JS 三大基石，入门必修课。', + tag: 'Frontend', + link: '/zh-cn/appendix/web-basics' + }, + { + title: '前端进化史', + desc: '了解前端技术栈演变，把握发展趋势。', + tag: 'Frontend', + link: '/zh-cn/appendix/frontend-evolution' + }, + { + title: '后端架构', + desc: '从单体到微服务，探索架构演进之路。', + tag: 'Backend', + link: '/zh-cn/appendix/backend-evolution' + }, + { + title: '后端语言', + desc: '对比主流后端语言特性，选择最佳技术栈。', + tag: 'Backend', + link: '/zh-cn/appendix/backend-languages' + }, + { + title: '数据库原理', + desc: '理解数据库核心原理，掌握数据存储艺术。', + tag: 'Database', + link: '/zh-cn/appendix/database-intro' + }, + { + title: 'API 设计', + desc: 'API 接口设计与开发的基础知识。', + tag: 'API', + link: '/zh-cn/appendix/api-intro' + }, + { + title: 'Git 版本控制', + desc: '深入理解 Git 原理与高级用法。', + tag: 'General', + link: '/zh-cn/appendix/git-intro' + }, + { + title: '计算机网络', + desc: '网络协议与通信原理的基础知识。', + tag: 'General', + link: '/zh-cn/appendix/computer-networks' + } +]