weiyu/deploy/server/docs/zh-TW/blog/atom.xml

<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <id>https://www.weiyuai.cn/docs/zh-TW/blog</id>
    <title>Bytedesk Blog</title>
    <updated>2025-04-30T00:00:00.000Z</updated>
    <generator>https://github.com/jpmonette/feed</generator>
    <link rel="alternate" href="https://www.weiyuai.cn/docs/zh-TW/blog"/>
    <subtitle>Bytedesk Blog</subtitle>
    <icon>https://www.weiyuai.cn/docs/zh-TW/img/favicon.ico</icon>
    <entry>
        <title type="html"><![CDATA[微语对接大模型Qwen3指南]]></title>
        <id>https://www.weiyuai.cn/docs/zh-TW/blog/qwen3</id>
        <link href="https://www.weiyuai.cn/docs/zh-TW/blog/qwen3"/>
        <updated>2025-04-30T00:00:00.000Z</updated>
        <summary type="html"><![CDATA[在本篇博客中，我们将介绍如何将微语客服系统对接通义千问Qwen3大模型，使您的客服系统拥有强大的AI能力。通过这个集成，您可以为用户提供更智能、更高效的自动化客服体验。]]></summary>
        <content type="html"><![CDATA[<p>在本篇博客中，我们将介绍如何将微语客服系统对接通义千问Qwen3大模型，使您的客服系统拥有强大的AI能力。通过这个集成，您可以为用户提供更智能、更高效的自动化客服体验。</p>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="qwen3大模型介绍">Qwen3大模型介绍<a href="https://www.weiyuai.cn/docs/zh-TW/blog/qwen3#qwen3%E5%A4%A7%E6%A8%A1%E5%9E%8B%E4%BB%8B%E7%BB%8D" class="hash-link" aria-label="Qwen3大模型介绍的直接連結" title="Qwen3大模型介绍的直接連結">​</a></h2>
<p>通义千问Qwen3是阿里云推出的大型语言模型，具有强大的理解能力和生成能力。Qwen3系列模型在多轮对话、文本生成、问答解析等方面表现出色，非常适合客服场景应用。</p>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="一ollama安装qwen3">一、Ollama安装Qwen3<a href="https://www.weiyuai.cn/docs/zh-TW/blog/qwen3#%E4%B8%80ollama%E5%AE%89%E8%A3%85qwen3" class="hash-link" aria-label="一、Ollama安装Qwen3的直接連結" title="一、Ollama安装Qwen3的直接連結">​</a></h2>
<p><a href="https://ollama.ai/" target="_blank" rel="noopener noreferrer">Ollama</a>是一个开源的大模型运行框架，可以在本地部署运行多种大型语言模型，包括Qwen3。下面是安装和配置步骤：</p>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="1-安装ollama">1. 安装Ollama<a href="https://www.weiyuai.cn/docs/zh-TW/blog/qwen3#1-%E5%AE%89%E8%A3%85ollama" class="hash-link" aria-label="1. 安装Ollama的直接連結" title="1. 安装Ollama的直接連結">​</a></h3>
<p>根据您的操作系统，选择相应的安装方法：</p>
<p><strong>MacOS</strong>:</p>
<div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">curl -fsSL https://ollama.ai/install.sh | sh</span><br></span></code></pre></div></div>
<p><strong>Linux</strong>:</p>
<div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">curl -fsSL https://ollama.ai/install.sh | sh</span><br></span></code></pre></div></div>
<p><strong>Windows</strong>:
从<a href="https://ollama.ai/download" target="_blank" rel="noopener noreferrer">Ollama官网</a>下载并安装Windows版本。</p>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="2-拉取qwen3模型">2. 拉取Qwen3模型<a href="https://www.weiyuai.cn/docs/zh-TW/blog/qwen3#2-%E6%8B%89%E5%8F%96qwen3%E6%A8%A1%E5%9E%8B" class="hash-link" aria-label="2. 拉取Qwen3模型的直接連結" title="2. 拉取Qwen3模型的直接連結">​</a></h3>
<p>安装完成后，通过命令行拉取Qwen3模型：</p>
<div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain"># 拉取Qwen3 5B模型</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">ollama pull qwen3:5b</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"># 如果需要更大参数的模型，也可以选择其他版本</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"># ollama pull qwen3:7b</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"># ollama pull qwen3:14b</span><br></span></code></pre></div></div>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="3-验证模型安装">3. 验证模型安装<a href="https://www.weiyuai.cn/docs/zh-TW/blog/qwen3#3-%E9%AA%8C%E8%AF%81%E6%A8%A1%E5%9E%8B%E5%AE%89%E8%A3%85" class="hash-link" aria-label="3. 验证模型安装的直接連結" title="3. 验证模型安装的直接連結">​</a></h3>
<p>通过以下命令验证Qwen3模型是否安装成功：</p>
<div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">ollama list</span><br></span></code></pre></div></div>
<p>您应该能看到已下载的qwen3模型列表。</p>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="4-启动ollama服务">4. 启动Ollama服务<a href="https://www.weiyuai.cn/docs/zh-TW/blog/qwen3#4-%E5%90%AF%E5%8A%A8ollama%E6%9C%8D%E5%8A%A1" class="hash-link" aria-label="4. 启动Ollama服务的直接連結" title="4. 启动Ollama服务的直接連結">​</a></h3>
<p>确保Ollama服务正在运行：</p>
<div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain"># 在某些系统上，安装后会自动启动服务</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"># 如果没有自动启动，请使用以下命令</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">ollama serve</span><br></span></code></pre></div></div>
<p>默认情况下，Ollama服务会在<code>http://localhost:11434</code>端口运行。</p>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="二在微语管理后台设置qwen3对话模型">二、在微语管理后台设置Qwen3对话模型<a href="https://www.weiyuai.cn/docs/zh-TW/blog/qwen3#%E4%BA%8C%E5%9C%A8%E5%BE%AE%E8%AF%AD%E7%AE%A1%E7%90%86%E5%90%8E%E5%8F%B0%E8%AE%BE%E7%BD%AEqwen3%E5%AF%B9%E8%AF%9D%E6%A8%A1%E5%9E%8B" class="hash-link" aria-label="二、在微语管理后台设置Qwen3对话模型的直接連結" title="二、在微语管理后台设置Qwen3对话模型的直接連結">​</a></h2>
<p>完成Ollama和Qwen3模型的安装后，我们需要在微语管理后台进行配置：</p>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="1-登录微语管理后台">1. 登录微语管理后台<a href="https://www.weiyuai.cn/docs/zh-TW/blog/qwen3#1-%E7%99%BB%E5%BD%95%E5%BE%AE%E8%AF%AD%E7%AE%A1%E7%90%86%E5%90%8E%E5%8F%B0" class="hash-link" aria-label="1. 登录微语管理后台的直接連結" title="1. 登录微语管理后台的直接連結">​</a></h3>
<p>访问您的微语管理后台，输入账号和密码登录系统。</p>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="2-导航到ai设置">2. 导航到AI设置<a href="https://www.weiyuai.cn/docs/zh-TW/blog/qwen3#2-%E5%AF%BC%E8%88%AA%E5%88%B0ai%E8%AE%BE%E7%BD%AE" class="hash-link" aria-label="2. 导航到AI设置的直接連結" title="2. 导航到AI设置的直接連結">​</a></h3>
<p>在左侧导航栏中，找到并点击"AI助手"或"大模型设置"选项。</p>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="3-添加qwen3模型配置">3. 添加Qwen3模型配置<a href="https://www.weiyuai.cn/docs/zh-TW/blog/qwen3#3-%E6%B7%BB%E5%8A%A0qwen3%E6%A8%A1%E5%9E%8B%E9%85%8D%E7%BD%AE" class="hash-link" aria-label="3. 添加Qwen3模型配置的直接連結" title="3. 添加Qwen3模型配置的直接連結">​</a></h3>
<p>在AI设置页面中：</p>
<ol>
<li>
<p>点击"添加新模型"或"新建配置"按钮</p>
</li>
<li>
<p>选择模型类型为"Qwen3"</p>
</li>
<li>
<p>填写配置信息：</p>
<ul>
<li>模型名称：自定义一个便于识别的名称，如"Qwen3助手"</li>
<li>接口地址：填写<code>http://localhost:11434/api/chat</code>（如果Ollama在远程服务器上，请替换localhost为相应IP）</li>
<li>模型标识：输入<code>qwen3:5b</code>（或您安装的其他版本）</li>
<li>温度参数：建议设置为0.7（可根据需要调整，较低值更精确，较高值更创造性）</li>
<li>系统提示词：可以设置默认的AI人设，例如"你是微语客服系统的智能助手，请用专业、友善的口吻回答用户问题。"</li>
</ul>
</li>
<li>
<p>点击"测试连接"按钮，验证配置是否正确</p>
</li>
<li>
<p>确认无误后，点击"保存"按钮</p>
</li>
</ol>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="4-设置为默认模型可选">4. 设置为默认模型（可选）<a href="https://www.weiyuai.cn/docs/zh-TW/blog/qwen3#4-%E8%AE%BE%E7%BD%AE%E4%B8%BA%E9%BB%98%E8%AE%A4%E6%A8%A1%E5%9E%8B%E5%8F%AF%E9%80%89" class="hash-link" aria-label="4. 设置为默认模型（可选）的直接連結" title="4. 设置为默认模型（可选）的直接連結">​</a></h3>
<p>如果您希望将Qwen3设置为系统默认的AI对话模型：</p>
<ol>
<li>在模型列表中找到刚刚创建的Qwen3配置</li>
<li>点击"设为默认"按钮或切换相应的开关</li>
</ol>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="三开始使用qwen3进行智能对话">三、开始使用Qwen3进行智能对话<a href="https://www.weiyuai.cn/docs/zh-TW/blog/qwen3#%E4%B8%89%E5%BC%80%E5%A7%8B%E4%BD%BF%E7%94%A8qwen3%E8%BF%9B%E8%A1%8C%E6%99%BA%E8%83%BD%E5%AF%B9%E8%AF%9D" class="hash-link" aria-label="三、开始使用Qwen3进行智能对话的直接連結" title="三、开始使用Qwen3进行智能对话的直接連結">​</a></h2>
<p>配置完成后，您可以开始体验Qwen3赋能的智能客服功能：</p>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="1-创建知识库可选">1. 创建知识库（可选）<a href="https://www.weiyuai.cn/docs/zh-TW/blog/qwen3#1-%E5%88%9B%E5%BB%BA%E7%9F%A5%E8%AF%86%E5%BA%93%E5%8F%AF%E9%80%89" class="hash-link" aria-label="1. 创建知识库（可选）的直接連結" title="1. 创建知识库（可选）的直接連結">​</a></h3>
<p>为了让AI回答更加准确，您可以创建和维护特定领域的知识库：</p>
<ol>
<li>导航到"知识库"或"AI训练"模块</li>
<li>点击"新建知识库"，输入名称和描述</li>
<li>上传文档或手动添加Q&amp;A对，丰富AI的专业知识</li>
</ol>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="2-测试对话效果">2. 测试对话效果<a href="https://www.weiyuai.cn/docs/zh-TW/blog/qwen3#2-%E6%B5%8B%E8%AF%95%E5%AF%B9%E8%AF%9D%E6%95%88%E6%9E%9C" class="hash-link" aria-label="2. 测试对话效果的直接連結" title="2. 测试对话效果的直接連結">​</a></h3>
<p>您可以通过以下方式测试Qwen3的对话能力：</p>
<ol>
<li>在管理后台的"对话测试"功能中，输入问题进行测试</li>
<li>通过客服端应用，模拟用户提问，验证AI回复效果</li>
<li>通过访客端，体验实际用户视角下的AI交互</li>
</ol>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="3-对话效果展示">3. 对话效果展示<a href="https://www.weiyuai.cn/docs/zh-TW/blog/qwen3#3-%E5%AF%B9%E8%AF%9D%E6%95%88%E6%9E%9C%E5%B1%95%E7%A4%BA" class="hash-link" aria-label="3. 对话效果展示的直接連結" title="3. 对话效果展示的直接連結">​</a></h3>
<p>以下是一些使用Qwen3进行智能对话的演示截图：</p>
<p><img decoding="async" loading="lazy" src="https://xn--zfru1g2mqg0cx53eprk5sw7wi/qwen3-demo-1.png" alt="Qwen3对话示例1" class="img_ev3q">
<em>图1：用户咨询产品功能，Qwen3给出详细解答</em></p>
<p><img decoding="async" loading="lazy" src="https://xn--zfru1g2mqg0cx53eprk5sw7wi/qwen3-demo-2.png" alt="Qwen3对话示例2" class="img_ev3q">
<em>图2：处理复杂问题时，Qwen3展现出强大的理解和推理能力</em></p>
<p><img decoding="async" loading="lazy" src="https://xn--zfru1g2mqg0cx53eprk5sw7wi/qwen3-demo-3.png" alt="Qwen3对话示例3" class="img_ev3q">
<em>图3：Qwen3能够根据上下文提供连贯的多轮对话</em></p>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="四优化和调整">四、优化和调整<a href="https://www.weiyuai.cn/docs/zh-TW/blog/qwen3#%E5%9B%9B%E4%BC%98%E5%8C%96%E5%92%8C%E8%B0%83%E6%95%B4" class="hash-link" aria-label="四、优化和调整的直接連結" title="四、优化和调整的直接連結">​</a></h2>
<p>为了获得最佳的Qwen3对话效果，您可以进行以下优化：</p>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="1-调整模型参数">1. 调整模型参数<a href="https://www.weiyuai.cn/docs/zh-TW/blog/qwen3#1-%E8%B0%83%E6%95%B4%E6%A8%A1%E5%9E%8B%E5%8F%82%E6%95%B0" class="hash-link" aria-label="1. 调整模型参数的直接連結" title="1. 调整模型参数的直接連結">​</a></h3>
<p>根据实际需求调整模型参数，如温度值、最大token数等，以平衡回答的创造性和精确性。</p>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="2-优化系统提示词">2. 优化系统提示词<a href="https://www.weiyuai.cn/docs/zh-TW/blog/qwen3#2-%E4%BC%98%E5%8C%96%E7%B3%BB%E7%BB%9F%E6%8F%90%E7%A4%BA%E8%AF%8D" class="hash-link" aria-label="2. 优化系统提示词的直接連結" title="2. 优化系统提示词的直接連結">​</a></h3>
<p>系统提示词对AI的行为有重要影响，您可以根据业务场景定制专业的提示词，引导AI表现出理想的对话风格。</p>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="3-结合人工审核">3. 结合人工审核<a href="https://www.weiyuai.cn/docs/zh-TW/blog/qwen3#3-%E7%BB%93%E5%90%88%E4%BA%BA%E5%B7%A5%E5%AE%A1%E6%A0%B8" class="hash-link" aria-label="3. 结合人工审核的直接連結" title="3. 结合人工审核的直接連結">​</a></h3>
<p>设置人工干预机制，对AI无法准确回答的问题进行人工接管，并将这些案例记录下来用于进一步训练和优化。</p>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="总结">总结<a href="https://www.weiyuai.cn/docs/zh-TW/blog/qwen3#%E6%80%BB%E7%BB%93" class="hash-link" aria-label="总结的直接連結" title="总结的直接連結">​</a></h2>
<p>通过将微语客服系统与通义千问Qwen3大模型对接，您可以显著提升客服自动化水平和用户体验。本指南详细介绍了从安装Ollama、配置Qwen3模型到实际应用的完整流程。</p>
<p>随着您不断优化提示词和积累领域知识库，AI助手的表现会越来越符合您的业务需求，为客户提供更加专业、高效的服务体验。</p>
<p>如有任何问题或需要进一步的技术支持，请随时联系我们的技术团队。</p>
<hr>
<p>希望本指南对您成功部署和使用微语+Qwen3智能客服系统有所帮助！</p>]]></content>
        <author>
            <name>Jack Ning</name>
            <uri>https://github.com/pengjinning</uri>
        </author>
        <category label="Developer" term="Developer"/>
        <category label="Bytedesk" term="Bytedesk"/>
        <category label="AI" term="AI"/>
        <category label="Qwen3" term="Qwen3"/>
        <category label="LLM" term="LLM"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[扫码登录实现流程]]></title>
        <id>https://www.weiyuai.cn/docs/zh-TW/blog/scan-to-login</id>
        <link href="https://www.weiyuai.cn/docs/zh-TW/blog/scan-to-login"/>
        <updated>2024-10-08T00:00:00.000Z</updated>
        <summary type="html"><![CDATA[- 桌面客户端生成唯一设备uid：deviceUid]]></summary>
        <content type="html"><![CDATA[<ul>
<li>桌面客户端生成唯一设备uid：deviceUid</li>
<li>将此deviceUid发送给服务端，服务端返回随机码：randomCode</li>
<li>桌面客户端使用randomCode和deviceUid生成二维码</li>
<li>手机端扫描此二维码，获取到deviceUid，将deviceUid发送给服务端，服务端更新状态为已扫描SCANED</li>
<li>手机端点击确认登录，将手机号mobile和deviceUid发送给服务端，服务端保存手机号并更新状态为已登录CONFIRMED</li>
<li>桌面客户端通过轮询获取到手机号mobile和状态为已登录CONFIRMED，利用手机号和随机码randomCode，调用登录接口</li>
<li>如果桌面客户端拉取到的状态为EXPIRED，则需要重新拉取随机码randomCode，并重新生成二维码</li>
<li>登录成功，返回accessToken，桌面客户端将此accessToken保存到本地，跳转到首页</li>
</ul>
<p>扫码登录实现流程</p>]]></content>
        <author>
            <name>Jack Ning</name>
            <uri>https://github.com/pengjinning</uri>
        </author>
        <category label="Developer" term="Developer"/>
        <category label="Bytedesk" term="Bytedesk"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[Welcome]]></title>
        <id>https://www.weiyuai.cn/docs/zh-TW/blog/welcome</id>
        <link href="https://www.weiyuai.cn/docs/zh-TW/blog/welcome"/>
        <updated>2021-08-26T00:00:00.000Z</updated>
        <summary type="html"><![CDATA[Docusaurus blogging features are powered by the blog plugin.]]></summary>
        <content type="html"><![CDATA[<p><a href="https://docusaurus.io/docs/blog" target="_blank" rel="noopener noreferrer">Docusaurus blogging features</a> are powered by the <a href="https://docusaurus.io/docs/api/plugins/@docusaurus/plugin-content-blog" target="_blank" rel="noopener noreferrer">blog plugin</a>.</p>
<p>Here are a few tips you might find useful.</p>
<p>Simply add Markdown files (or folders) to the <code>blog</code> directory.</p>
<p>Regular blog authors can be added to <code>authors.yml</code>.</p>
<p>The blog post date can be extracted from filenames, such as:</p>
<ul>
<li><code>2019-05-30-welcome.md</code></li>
<li><code>2019-05-30-welcome/index.md</code></li>
</ul>
<p>A blog post folder can be convenient to co-locate blog post images:</p>
<p><img decoding="async" loading="lazy" alt="Docusaurus Plushie" src="https://www.weiyuai.cn/docs/zh-TW/assets/images/docusaurus-plushie-banner-a60f7593abca1e3eef26a9afa244e4fb.jpeg" width="1500" height="500" class="img_ev3q"></p>
<p>The blog supports tags as well!</p>
<p><strong>And if you don't want a blog</strong>: just delete this directory, and use <code>blog: false</code> in your Docusaurus config.</p>]]></content>
        <author>
            <name>Sébastien Lorber</name>
            <uri>https://sebastienlorber.com</uri>
        </author>
        <author>
            <name>Yangshun Tay</name>
            <uri>https://github.com/yangshun</uri>
        </author>
        <category label="Facebook" term="Facebook"/>
        <category label="Hello" term="Hello"/>
        <category label="Docusaurus" term="Docusaurus"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[MDX Blog Post]]></title>
        <id>https://www.weiyuai.cn/docs/zh-TW/blog/mdx-blog-post</id>
        <link href="https://www.weiyuai.cn/docs/zh-TW/blog/mdx-blog-post"/>
        <updated>2021-08-01T00:00:00.000Z</updated>
        <summary type="html"><![CDATA[Blog posts support Docusaurus Markdown features, such as MDX.]]></summary>
        <content type="html"><![CDATA[<p>Blog posts support <a href="https://docusaurus.io/docs/markdown-features" target="_blank" rel="noopener noreferrer">Docusaurus Markdown features</a>, such as <a href="https://mdxjs.com/" target="_blank" rel="noopener noreferrer">MDX</a>.</p>
<div class="theme-admonition theme-admonition-tip admonition_xJq3 alert alert--success"><div class="admonitionHeading_Gvgb"><span class="admonitionIcon_Rf37"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>提示</div><div class="admonitionContent_BuS1"><p>Use the power of React to create interactive blog posts.</p></div></div>
<!-- -->
<p>For example, use JSX to create an interactive button:</p>
<div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">button onClick</span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">{</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">alert</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">'button clicked!'</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">}</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token maybe-class-name">Click</span><span class="token plain"> me</span><span class="token operator" style="color:#393A34">!</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token operator" style="color:#393A34">/</span><span class="token plain">button</span><span class="token operator" style="color:#393A34">&gt;</span><br></span></code></pre></div></div>
<button>Click me!</button>]]></content>
        <author>
            <name>Sébastien Lorber</name>
            <uri>https://sebastienlorber.com</uri>
        </author>
        <category label="Docusaurus" term="Docusaurus"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[Long Blog Post]]></title>
        <id>https://www.weiyuai.cn/docs/zh-TW/blog/long-blog-post</id>
        <link href="https://www.weiyuai.cn/docs/zh-TW/blog/long-blog-post"/>
        <updated>2019-05-29T00:00:00.000Z</updated>
        <summary type="html"><![CDATA[This is the summary of a very long blog post,]]></summary>
        <content type="html"><![CDATA[<p>This is the summary of a very long blog post,</p>
<p>Use a <code>&lt;!--</code> <code>truncate</code> <code>--&gt;</code> comment to limit blog post size in the list view.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet</p>]]></content>
        <author>
            <name>Yangshun Tay</name>
            <uri>https://github.com/yangshun</uri>
        </author>
        <category label="Hello" term="Hello"/>
        <category label="Docusaurus" term="Docusaurus"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[First Blog Post]]></title>
        <id>https://www.weiyuai.cn/docs/zh-TW/blog/first-blog-post</id>
        <link href="https://www.weiyuai.cn/docs/zh-TW/blog/first-blog-post"/>
        <updated>2019-05-28T00:00:00.000Z</updated>
        <summary type="html"><![CDATA[Lorem ipsum dolor sit amet...]]></summary>
        <content type="html"><![CDATA[<p>Lorem ipsum dolor sit amet...</p>
<p>...consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet</p>]]></content>
        <author>
            <name>Sébastien Lorber</name>
            <uri>https://sebastienlorber.com</uri>
        </author>
        <author>
            <name>Yangshun Tay</name>
            <uri>https://github.com/yangshun</uri>
        </author>
        <category label="Hola" term="Hola"/>
        <category label="Docusaurus" term="Docusaurus"/>
    </entry>
</feed>