改进 首页
All checks were successful
Build / build (push) Successful in 1m27s

From Jwai
This commit is contained in:
ivamp 2024-10-13 21:14:13 +08:00
parent 3d259b7331
commit f46254b323

View File

@ -1,173 +1,233 @@
<template>
<div class="p-4 pt-0">
<div>
<n-grid x-gap="14" cols="1 s:2" responsive="screen">
<n-gi class="mt-3 from-green-200 to-green-300 rounded-lg p-4">
<h3 class="text-2xl">Leaflow Amber</h3>
<p class="mt-3">
Amber 是一个全新的智能体平台是我们 LeaFlow
生态里面重要的一环也是我们自脱离莱云之后全新的尝试 Leaflow Amber
目前仍然处于测试阶段 不代表最终品质
</p>
<div
v-if="
siteUsage.month_tokens &&
siteUsage.month_tool_calls &&
siteUsage.month_tokens > 0 &&
siteUsage.month_tool_calls
"
>
<p class="mt-5">本月处理的 Token 和工具调用的情况</p>
<n-statistic tabular-nums>
<n-number-animation
ref="numberAnimationInstRef"
:from="
siteUsage.month_tokens < 1000
? 0
: siteUsage.month_tokens - 800
"
:to="siteUsage.month_tokens"
/>
<template #suffix> Tokens </template>
</n-statistic>
<n-statistic tabular-nums>
<n-number-animation
ref="numberAnimationInstRef"
:from="
siteUsage.month_tool_calls < 1000
? 0
: siteUsage.month_tool_calls - 800
"
:to="siteUsage.month_tool_calls"
/>
<template #suffix> Calls </template>
</n-statistic>
<n-config-provider :theme="theme">
<n-layout>
<div class="container">
<!-- Spotlight 区域 -->
<n-card class="spotlight" :bordered="false">
<div class="background-pattern"></div>
<div class="background-text">
Leaflow <span class="background-amber">Amber</span>
</div>
</n-gi>
<n-gi class="mt-3 from-cyan-500 to-blue-500 rounded-lg p-4">
<h3 class="text-2xl">👋 一起加入</h3>
<p class="mt-3">
我们提供了 WP Amber WordPress 插件可以将 Amber
放到你的博客中让您的访客通过助理来总结并解释文章等
</p>
<n-image :src="grouppng" width="150" height="300" />
</n-gi>
<n-gi class="mt-3 from-cyan-500 to-blue-500 rounded-lg p-4">
<h3 class="text-2xl">💬 对话优化引擎</h3>
<p class="mt-3">
Amber
的对话优化引擎无与伦比我们独特的对话功能支持多个助理并行工作您可以通过输入
@
或点击右上角的切换助理选项轻松指定下一个回复的助理所有助理共享一个上下文彼此了解每个操作为您提供流畅一致的对话体验与一些只能处理单一对话的竞品相比Amber
的多助理协作系统显得更为智能和高效在重大决策型的使用场景中你可以通过
Amber 对话引擎去得到 N Second Opinion Amber
为聊天场景做了很多的优化它将更能处理您日常生活中的问题
</p>
</n-gi>
<n-gi class="mt-3 from-cyan-500 to-blue-500 rounded-lg p-4">
<h3 class="text-2xl">📖 智能上下文</h3>
<p class="mt-3">
Amber
拥有独特的智能上下文技术能够根据对话场景自动调整上下文这一过程对用户是透明的您无需手动干预系统会智能识别何时需要移除或添加上下文信息这种灵活性不仅提升了对话的流畅性还能显著降低
Token 的消耗节省从几千到几万不等的费用帮助用户更高效地利用资源
</p>
<p>
需要注意的是OpenAI
兼容模式不支持智能上下文功能因此在使用该模式时您将无法享受到这一创新技术带来的便利我们建议您在适用的情况下充分利用
Amber 的智能上下文以优化您的对话体验和资源使用
</p>
</n-gi>
<n-gi class="mt-3 from-cyan-500 to-blue-500 rounded-lg p-4">
<h3 class="text-2xl">🛠 客制化</h3>
<p class="mt-3">
Amber 具备了目前主流 LLM
对话平台都拥有的高自由度智能体自定义功能用户可以自定义提示词绑定工具以完成复杂任务并优化工作流例如您可以设置助理在每天早上自动为您生成当天的工作清单或者在您需要时快速调用数据分析工具我们的助理不仅能执行简单的任务还能实现多步骤的复杂操作并与知识库无缝集成说它是您高效工作的得力助手绝不为过
💪
</p>
</n-gi>
<n-gi class="mt-3 from-cyan-500 to-blue-500 rounded-lg p-4">
<h3 class="text-2xl">🧠 记忆</h3>
<p class="mt-3">
Amber
通过采样您的对话内容生成记忆这些记忆是碎片化的但对话中共享您可以随时清除所有记忆确保数据的灵活管理Amber
会收集您的消息并且根据消息推断您的喜好记忆的内容您完全可以控制甚至禁用助理的记忆助理将会根据您的记忆来改变响应的结果您喜欢什么您直接在对话中说明即可Amber
会从第二条消息开始学习记忆
</p>
</n-gi>
<n-gi class="mt-3 from-cyan-500 to-blue-500 rounded-lg p-4">
<h3 class="text-2xl">🔗 API</h3>
<p class="mt-3">
我们提供强大的助理 API支持兼容 OpenAI 格式的应用接入 Amber通过
Chat Completion API您可以直接调用 Amber
的工具记忆以及知识库功能例如一个开发者可以轻松地将 Amber
集成到他们的客服系统中自动处理常见问题并提供高效的解决方案相较于其他平台我们的
API 更具灵活性和扩展性让您的应用赋予更多可能不仅仅在 Amber
系统的本身您也可以通过我们 Leaflow 平台的 UserLand解锁更多高阶
API 玩法 🚀
</p>
<p class="mt-3">
如果您要使用 Amber API请查看此链接<n-a
target="_blank"
href="https://amber-api.leaflow.cn/swagger/index.html"
>Amber API</n-a
<div class="spotlight-content">
<h1 class="title">Leaflow <span class="amber-text">Amber</span></h1>
<p class="subtitle">
下一代智能体平台为您的数字生活带来革命性变化
<br class="mobile-break" />
<a href="#" class="cta-link">立即体验 🚀</a>
</p>
<div
class="stats"
v-if="siteUsage.month_tokens && siteUsage.month_tool_calls"
>
</p>
</n-gi>
<n-gi class="mt-3 from-cyan-500 to-blue-500 rounded-lg p-4">
<h3 class="text-2xl">🛠 工具集成</h3>
<div class="stat-item">
<n-statistic tabular-nums>
<n-number-animation
ref="tokenAnimationRef"
:from="
siteUsage.month_tokens < 1000
? 0
: siteUsage.month_tokens - 800
"
:to="siteUsage.month_tokens"
/>
<template #suffix> Tokens </template>
</n-statistic>
<div class="stat-label">本月处理 Tokens</div>
</div>
<div class="stat-item">
<n-statistic tabular-nums>
<n-number-animation
ref="callsAnimationRef"
:from="
siteUsage.month_tool_calls < 1000
? 0
: siteUsage.month_tool_calls - 800
"
:to="siteUsage.month_tool_calls"
/>
<template #suffix> Calls </template>
</n-statistic>
<div class="stat-label">本月工具调用</div>
</div>
</div>
<div class="button-group">
<n-button
class="transparent-button spotlight-button"
ghost
tag="a"
href="https://github.com/ivampiresp/wp-amber"
target="_blank"
>
WordPress 插件
</n-button>
<n-button
class="transparent-button spotlight-button"
ghost