moki
/
hello-agents
огледало од https://github.com/datawhalechina/hello-agents.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Hello-Agents</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="Description">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@latest/lib/themes/vue.css">
    <style>
        /* 语言切换按钮样式 */
        .lang-switch {
            position: fixed;
            top: 20px;
            right: 80px;
            z-index: 999;
        }
        .lang-switch button {
            background: #42b983;
            color: white;
            border: none;
            padding: 8px 16px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
            transition: background 0.3s;
        }
        .lang-switch button:hover {
            background: #33a06f;
        }
    </style>
</head>

<body>
    <!-- 语言切换按钮 -->
    <div class="lang-switch">
        <button id="langBtn" onclick="switchLanguage()">English</button>
    </div>
    <div id="app"></div>
    <script src="//cdn.jsdelivr.net/npm/mermaid@8.0.0-rc.8/dist/mermaid.min.js"></script>
    <script>
        // 检查语言偏好并设置侧边栏
        const preferredLang = localStorage.getItem('preferredLanguage');
        const currentHash = window.location.hash;

        // 判断当前应该使用哪个语言
        let isEnglish = false;
        if (preferredLang === 'en' || currentHash.includes('/en/')) {
            isEnglish = true;
        }

        window.$docsify = {
            name: 'Hello-Agents',
            repo: 'https://github.com/datawhalechina/Hello-Agents',
            loadSidebar: true,
            auto2top: true,
            subMaxLevel: 3,
            relativePath: false,
            alias: {
                // 英文路径映射
                '/en/README.md': '/README_EN.md',
                '/en/Preface.md': '/Preface.md',
                '/en/_sidebar.md': '/_sidebar_en.md',
                '/en/chapter(\\d+)/Chapter(.*)': '/chapter$1/Chapter$2',

                // 根据语言偏好动态设置默认侧边栏
                '/_sidebar.md': isEnglish ? '/_sidebar_en.md' : '/_sidebar.md'
            },
            pagination: {
                previousText: isEnglish ? 'Previous' : '上一章节',
                nextText: isEnglish ? 'Next' : '下一章节',
            },
            count: {
                countable: true,
                fontsize: '0.9em',
                color: 'rgb(90,90,90)',
                language: isEnglish ? 'english' : 'chinese'
            },
            // 多语言配置
            fallbackLanguages: ['en'],
            nameLink: {
                '/en/': '#/en/',
                '/': '#/'
            }
        }
    </script>
    <!-- Put them above docsify.min.js -->
    <script src="//cdn.jsdelivr.net/npm/docsify@latest/lib/docsify.min.js"></script>
    <!-- code render-->
    <script src="//cdn.jsdelivr.net/npm/prismjs@latest/components/prism-bash.js"></script>
    <script src="//cdn.jsdelivr.net/npm/prismjs@latest/components/prism-python.js"></script>
    <script src="//cdn.jsdelivr.net/npm/docsify-pagination@latest/dist/docsify-pagination.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/docsify-copy-code"></script>

    <script src="https://cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.js"></script>
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.css" />
    <script src="https://cdn.jsdelivr.net/npm/marked@3"></script>
    <!-- CDN files for docsify-katex -->
    <script src="//cdn.jsdelivr.net/npm/docsify-katex@latest/dist/docsify-katex.js"></script>
    <!-- 字数统计 -->
    <script src="//unpkg.com/docsify-count/dist/countable.js"></script>

    <!-- 语言切换脚本 -->
    <script>
        // 章节文件名映射
        const chapterMapping = {
            // 中文 -> 英文
            'zh2en': {
                'README.md': 'README_EN.md',
                '前言.md': 'Preface.md',
                '第一章 初识智能体.md': 'Chapter1-Introduction-to-Agents.md',
                '第二章 智能体发展史.md': 'Chapter2-History-of-Agents.md',
                '第三章 大语言模型基础.md': 'Chapter3-Fundamentals-of-Large-Language-Models.md',
                '第四章 智能体经典范式构建.md': 'Chapter4-Building-Classic-Agent-Paradigms.md',
                '第五章 基于低代码平台的智能体搭建.md': 'Chapter5-Building-Agents-with-Low-Code-Platforms.md',
                '第六章 框架开发实践.md': 'Chapter6-Framework-Development-Practice.md',
                '第七章 构建你的Agent框架.md': 'Chapter7-Building-Your-Agent-Framework.md',
                '第八章 记忆与检索.md': 'Chapter8-Memory-and-Retrieval.md',
                '第九章 上下文工程.md': 'Chapter9-Context-Engineering.md',
                '第十章 智能体通信协议.md': 'Chapter10-Agent-Communication-Protocols.md',
                '第十一章 Agentic-RL.md': 'Chapter11-Agentic-RL.md',
                '第十二章 智能体性能评估.md': 'Chapter12-Agent-Performance-Evaluation.md',
                '第十三章 智能旅行助手.md': 'Chapter13-Intelligent-Travel-Assistant.md',
                '第十四章 自动化深度研究智能体.md': 'Chapter14-Automated-Deep-Research-Agent.md',
                '第十五章 构建赛博小镇.md': 'Chapter15-Building-Cyber-Town.md',
                '第十六章 毕业设计.md': 'Chapter16-Graduation-Project.md'
            },
            // 英文 -> 中文
            'en2zh': {
                'README_EN.md': 'README.md',
                'Preface.md': '前言.md',
                'Chapter1-Introduction-to-Agents.md': '第一章 初识智能体.md',
                'Chapter2-History-of-Agents.md': '第二章 智能体发展史.md',
                'Chapter3-Fundamentals-of-Large-Language-Models.md': '第三章 大语言模型基础.md',
                'Chapter4-Building-Classic-Agent-Paradigms.md': '第四章 智能体经典范式构建.md',
                'Chapter5-Building-Agents-with-Low-Code-Platforms.md': '第五章 基于低代码平台的智能体搭建.md',
                'Chapter6-Framework-Development-Practice.md': '第六章 框架开发实践.md',
                'Chapter7-Building-Your-Agent-Framework.md': '第七章 构建你的Agent框架.md',
                'Chapter8-Memory-and-Retrieval.md': '第八章 记忆与检索.md',
                'Chapter9-Context-Engineering.md': '第九章 上下文工程.md',
                'Chapter10-Agent-Communication-Protocols.md': '第十章 智能体通信协议.md',
                'Chapter11-Agentic-RL.md': '第十一章 Agentic-RL.md',
                'Chapter12-Agent-Performance-Evaluation.md': '第十二章 智能体性能评估.md',
                'Chapter13-Intelligent-Travel-Assistant.md': '第十三章 智能旅行助手.md',
                'Chapter14-Automated-Deep-Research-Agent.md': '第十四章 自动化深度研究智能体.md',
                'Chapter15-Building-Cyber-Town.md': '第十五章 构建赛博小镇.md',
                'Chapter16-Graduation-Project.md': '第十六章 毕业设计.md'
            }
        };

        function switchLanguage() {
            const currentHash = window.location.hash;
            const langBtn = document.getElementById('langBtn');

            // 检测当前语言
            if (currentHash.includes('/en/')) {
                // 从英文切换到中文
                localStorage.setItem('preferredLanguage', 'zh');

                let newHash = currentHash.replace('#/', '').replace('en/', '');

                // 提取文件名
                const parts = newHash.split('/');
                const filename = parts[parts.length - 1];

                // 查找对应的中文文件名
                if (chapterMapping.en2zh[filename]) {
                    parts[parts.length - 1] = chapterMapping.en2zh[filename];
                    newHash = '#/' + parts.join('/');
                } else {
                    newHash = '#/';
                }

                window.location.hash = newHash;
                langBtn.textContent = 'English';
                window.$docsify.pagination.previousText = '上一章节';
                window.$docsify.pagination.nextText = '下一章节';
            } else {
                // 从中文切换到英文
                localStorage.setItem('preferredLanguage', 'en');

                let path = currentHash.replace('#/', '');

                if (path === '' || path === '/') {
                    // 首页
                    window.location.hash = '#/en/README_EN.md';
                } else {
                    // 提取文件名
                    const parts = path.split('/');
                    const filename = parts[parts.length - 1];

                    // 查找对应的英文文件名
                    if (chapterMapping.zh2en[filename]) {
                        parts[parts.length - 1] = chapterMapping.zh2en[filename];
                        window.location.hash = '#/en/' + parts.join('/');
                    } else {
                        window.location.hash = '#/en/README_EN.md';
                    }
                }

                langBtn.textContent = '中文';
                window.$docsify.pagination.previousText = 'Previous';
                window.$docsify.pagination.nextText = 'Next';
            }

            // 重新加载页面以应用新的 sidebar
            window.location.reload();
        }

        // 页面加载时设置按钮文本和检查语言偏好
        window.addEventListener('load', function() {
            const currentHash = window.location.hash;
            const langBtn = document.getElementById('langBtn');
            const preferredLang = localStorage.getItem('preferredLanguage');

            // 如果用户有语言偏好,且当前 URL 不匹配偏好,则自动切换
            if (preferredLang === 'en' && !currentHash.includes('/en/')) {
                // 用户偏好英文,但当前是中文页面
                let path = currentHash.replace('#/', '');

                if (path === '' || path === '/') {
                    window.location.hash = '#/en/README_EN.md';
                } else {
                    const parts = path.split('/');
                    const filename = parts[parts.length - 1];

                    if (chapterMapping.zh2en[filename]) {
                        parts[parts.length - 1] = chapterMapping.zh2en[filename];
                        window.location.hash = '#/en/' + parts.join('/');
                    }
                }
            } else if (preferredLang === 'zh' && currentHash.includes('/en/')) {
                // 用户偏好中文,但当前是英文页面
                let newHash = currentHash.replace('#/', '').replace('en/', '');
                const parts = newHash.split('/');
                const filename = parts[parts.length - 1];

                if (chapterMapping.en2zh[filename]) {
                    parts[parts.length - 1] = chapterMapping.en2zh[filename];
                    window.location.hash = '#/' + parts.join('/');
                }
            }

            // 设置按钮文本
            if (currentHash.includes('/en/') || preferredLang === 'en') {
                langBtn.textContent = '中文';
            } else {
                langBtn.textContent = 'English';
            }
        });
    </script>
</body>

</html>