HTML 之 ollama流式API客户端 -完整版

已于 2025-04-01 08:21:00 修改
阅读量286 收藏
点赞数 3
文章标签： html ajax
于 2025-03-30 16:17:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liujava56/article/details/146768105
版权

环境变量设置如下:

set OLLAMA_HOST=0.0.0.0:11434
set OLLAMA_ORIGINS=*

ollama流式API客户端

<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<!-- 添加viewport标签确保移动端正确缩放 -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>AI-聊天模式</title>
		<style>
			body {
				font-family: 'Segoe UI', Arial, sans-serif;
				background: #f0f2f5;
				margin: 0;
				min-height: 100vh;
				/* 改为min-height避免内容溢出 */
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.container {
				width: 95vw;
				/* 增加宽度占比 */
				height: 95vh;
				display: flex;
				flex-direction: column;
				gap: 10px;
				/* 缩小间隙 */
				padding: 5px;
				/* 添加内边距 */
			}

			#output {
				flex: 1;
				width: calc(100% - 10px);
				/* 考虑内边距 */
				min-height: 50%;
				padding: 12px;
				font-size: 16px;
				/* 增大字体 */
				border: 2px solid #e3e8ee;
				border-radius: 6px;
				background: white;
				resize: none;
				overflow-y: auto;
				/* 确保滚动条可用 */
			}

			.input-group {
				display: flex;
				flex-direction: column;
				/* 改为垂直布局 */
				gap: 8px;
				height: auto;
				/* 自动高度 */
			}

			#input {
				width: calc(100% - 10px);
				min-height: 80px;
				/* 更适合移动端的高度 */
				padding: 10px;
				font-size: 16px;
				border: 2px solid #e3e8ee;
				border-radius: 6px;
				resize: vertical;
				/* 允许垂直调整 */
			}

			button {
				padding: 12px 20px;
				background: #007bff;
				color: white;
				border: none;
				border-radius: 6px;
				font-size: 16px;
				cursor: pointer;
				transition: background 0.2s;
				touch-action: manipulation;
				/* 优化触摸响应 */
			}

			/* 新增按钮容器样式 */
			.button-row {
				display: flex;
				gap: 8px;
				width: 100%;
			}

			/* 发送按钮宽度设置 */
			button[onclick="sendMessage()"] {
				flex: 1;
				/* 占据剩余空间 */
				width: 80%;
			}

			button:active {
				background: #0056b3;
			}

			/* 新增图标按钮样式 */
			button.icon-button {
				padding: 12px;
				width: 20%;
				min-width: 60px;
				background: #28a745;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			/* 调整按钮组间距 */
			.button-group {
				display: flex;
				gap: 8px;
				margin-top: 8px;
			}

			.icon-button {
				position: relative;
			}

			/* 喇叭图标样式 */
			.icon-button svg {
				width: 24px;
				height: 24px;
				fill: white;
				transition: opacity 0.3s;
			}

			.icon-button .off-icon {
				position: absolute;
				opacity: 0;
			}

			/* 激活状态 */
			.icon-button.active .on-icon {
				opacity: 0;
			}

			.icon-button.active .off-icon {
				opacity: 1;
			}

			/* 颜色变化 */
			.icon-button.active {
				background: #dc3545;
			}

			/* 手机端响应式调整 */
			@media (max-width: 480px) {
				.container {
					width: 100vw;
					height: 100vh;
					padding: 5px;
				}

				#output {
					font-size: 15px;
					padding: 10px;
				}

				#input {
					font-size: 15px;
					min-height: 70px;
				}

				button {
					padding: 15px 20px;
					/* 增大点击区域 */
					font-size: 15px;
				}

				button.icon-button {
					padding: 10px;
					width: 44px;
				}

				.icon-button svg {
					width: 22px;
					height: 22px;
				}

				.tab-buttons {
					gap: 4px;
					padding-bottom: 6px;
				}

				.tab-button {
					padding: 6px 12px;
					font-size: 13px;
				}

				.file-input-wrapper {
					max-width: 100%;
					min-width: 60px;
				}

				.file-input-button {
					padding: 10px;
					height: 40px;
					border-radius: 4px;
				}

				.file-input-button svg {
					width: 22px;
					height: 22px;
				}
			}

			/* 高对比度模式适配 */
			@media (prefers-contrast: more) {
				.file-input-button {
					border: 2px solid currentColor;
				}
			}

			#fileInput {
				position: absolute;
				opacity: 0;
				width: 100%;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				cursor: pointer;
				z-index: 1;
				-webkit-tap-highlight-color: transparent;
			}

			.file-input-wrapper {
				position: relative;
				display: inline-block;
				flex: 1;
				max-width: 120px;
				min-width: 80px;
				touch-action: manipulation;
			}

			.file-input-button {
				padding: 12px;
				background: #6c757d;
				color: white;
				border-radius: 6px;
				position: relative;
				z-index: 0;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				border: 1px solid #dee2e6;
				transition:
					background 0.2s,
					border-color 0.2s;/
			}

			.file-input-button:active {
				background: #5a6268;
				border-color: #5a6268;
			}

			.file-input-wrapper:active .file-input-button {
				transform: scale(0.98);
			}


			.file-input-button svg {
				width: 24px;
				height: 24px;
				fill: white;
			}

			.file-input-button:hover {
				background: #5a6268;
			}

			/* 禁用状态 */
			#fileInput:disabled+.file-input-button {
				opacity: 0.6;
				pointer-events: none;
			}

			/* 新增的 Tab 按钮样式 */
			.tab-buttons {
				display: flex;
				gap: 6px;
				margin-bottom: 12px;
				border-bottom: 2px solid #e3e8ee;
				padding-bottom: 8px;
			}

			.tab-button {
				padding: 8px 16px;
				border: none;
				border-radius: 4px 4px 0 0;
				background: #f0f2f5;
				color: #495057;
				font-size: 14px;
				cursor: pointer;
				transition: all 0.2s;
				position: relative;
				bottom: -2px;
			}

			.tab-button.active {
				background: white;
				color: #007bff;
				border-bottom: 3px solid #007bff;
				font-weight: 500;
			}

			.tab-button:hover:not(.active) {
				background: #e9ecef;
				color: #212529;
			}
		</style>
	</head>
	<body>
		<div class="container">
			<textarea id="output" readonly placeholder="结果将显示在这里..."></textarea>
			<!-- 按钮容器 -->
			<div class="tab-buttons">
				<button id="chat" class="tab-button active" data-target="chat">💬 聊天</button>
				<button id="generate" class="tab-button" data-target="generate">🔍 查询</button>
			</div>
			<div class="input-group">
				<textarea id="input" rows="2" placeholder="输入命令（/clear 清空）Shift+Enter换行"></textarea>
				<div class="button-row">
					<button onclick="sendMessage()">发送</button>
					<button class="icon-button" onclick="playSound(this)">
						<svg class="on-icon" viewBox="0 0 24 24">
							<path fill="currentColor"
								d="M15 3v18l-5-4H4V7h6l5-4zm3.5 5.5c1-1 2.5-1.5 4-1.5v3c-.6 0-1.2.2-1.7.5l-2.3-2zm2.3 7.7c.8-.6 1.5-1.5 1.9-2.7h-3c-.1.5-.3 1-.7 1.4l1.8 1.3z" />
						</svg>

						<svg class="off-icon" viewBox="0 0 24 24">
							<path fill="currentColor"
								d="M15 3v18l-5-4H4V7h6l5-4zm7.1 14.7l-1.4-1.4-3.6-3.6-3.6 3.6-1.4-1.4 3.6-3.6-3.6-3.6 1.4-1.4 3.6 3.6 3.6-3.6 1.4 1.4-3.6 3.6 3.6 3.6z" />
						</svg>
					</button>
					<div class="file-input-wrapper">
						<button class="file-input-button">
							<svg viewBox="0 0 24 24">
								<path fill="currentColor"
									d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11zm-3-9H7v-2h8v2zm-8 4h8v-2H7v2z" />
							</svg>
						</button>
						<input type="file" id="fileInput" accept=".txt" />
					</div>
				</div>
			</div>
		</div>

		<script>
			if (localStorage.getItem('baseURL') === null) {
				localStorage.setItem('baseURL', 'http://127.0.0.1:11434');
			}
			if (localStorage.getItem('baseModel') === null) {
				localStorage.setItem('baseModel', 'modelscope.cn/modelscope/Qwen2.5-7B-Instruct-1M-GGUF:latest');
			}
			const outputDiv = document.getElementById('output');
			let baseURL = localStorage.getItem('baseURL');
			let baseModel = localStorage.getItem('baseModel');
			let isSpeaking = false;
			let isSending = null;
			let currentUtterance = null;
			let fullText = null;

			document.addEventListener("DOMContentLoaded", function() {
				document.addEventListener("keydown", function(event) {
					if (event.key === "Enter") {
						sendMessage();
						event.preventDefault();
					}
				});
			});

			let targetId = 'chat';
			const buttons = document.querySelectorAll('.tab-button');
			buttons.forEach(button => {
				button.addEventListener('click', function() {
					buttons.forEach(btn => btn.classList.remove('active'));
					this.classList.add('active');
					targetId = this.dataset.target;
					document.title = `AI-${targetId === 'chat' ? "聊天" : "查询"}模式`;
					console.log('当前选项卡:', targetId);
					document.querySelectorAll('.content').forEach(content => {
						content.classList.remove('active');
					});
					if (isSending === null) {
						document.getElementById(targetId).classList.add('active');
						outputDiv.value = '';
						if (targetId === 'chat') {
							let i = 1;
							while (i < messages.length) {
								outputDiv.value +=
									`\n\n您：${messages[i]['content']}\n\nAI：${messages[i+1]['content']}`;
								i += 2;
							}
							outputDiv.scrollTop = outputDiv.scrollHeight;
						}
					}
				});
			});

			// 可选：添加键盘导航支持Alt+1
			document.addEventListener('keydown', (e) => {
				if (e.altKey) {
					if (e.key === '1') document.querySelector('[data-target="chat"]').click();
					if (e.key === '2') document.querySelector('[data-target="generate"]').click();
				}
			});

			function playSound(btn) {
				return new Promise((resolve) => { // 返回 Promise
					const content = outputDiv.value.split('AI：');
					const aiText = content[content.length - 1]?.trim() || '';
					if (!isSpeaking) {
						if (content) {
							// 创建语音实例
							currentUtterance = new SpeechSynthesisUtterance(aiText);
							currentUtterance.lang = 'zh-CN';

							// 语音结束回调
							currentUtterance.onend = () => {
								isSpeaking = false;
								btn.classList.toggle('active');
								resolve(); // 异步完成，通知外部
							};
							// 处理播放错误
							currentUtterance.onerror = () => {
								isSpeaking = false;
								btn.classList.remove('active');
								resolve();
							};

							window.speechSynthesis.speak(currentUtterance);
							isSpeaking = true;
							btn.classList.toggle('active');
						} else {
							resolve(); // 无内容时直接 resolve
						}
					} else {
						window.speechSynthesis.cancel();
						isSpeaking = false;
						btn.classList.toggle('active');
						resolve(); // 异步完成，通知外部
					}
				});
			}

			// 添加 HTML 转义函数
			const sanitizeHTML = (str) => {
				const div = document.createElement('div');
				div.textContent = str.replace(/\s/g, '');
				return div.innerHTML;
			};

			let data = null;
			let messages = [{
				role: "system",
				content: "You are a warm-hearted assistant, and you only speak Chinese."
			}];
			if (localStorage.getItem('messages') !== null) {
				messages = JSON.parse(localStorage.getItem("messages")) || [];
				document.querySelector('[data-target="chat"]').click();
			}

			function sendMessage() {
				let input = document.getElementById('input').value;
				document.getElementById('input').value = '';
				if (isSending) {
					alert('请勿打扰，思考中。。。。。。');
					return;
				}
				if (input.trim() === '/clear') {
					outputDiv.value = '';
					messages.splice(1);
					localStorage.setItem("messages", JSON.stringify(messages));
					fullText = '';
					return;
					//localStorage.removeItem('user_theme');
					//localStorage.clear();
				}
				if (input.trim().slice(0, 4) === '/url') {
					const urlRegex =
						/^https?:\/\/((1\d{2}|2[0-4]\d|25[0-5]|[1-9]\d|\d)\.){3}(1\d{2}|2[0-4]\d|25[0-5]|[1-9]\d|\d)(:\d+)?(\/.*)?$/;
					if (urlRegex.test((input.trim().slice(4)).trim())) {
						localStorage.setItem('baseURL', (input.trim().slice(4)).trim());
						baseURL = localStorage.getItem('baseURL');
					} else {
						alert('请按下面格式输入。\n输入命令(/url http://127.0.0.1:11434)');
					}
					return;
				}
				if (input.trim().slice(0, 6) === '/model') {
					if (input.trim().length > 6) {
						localStorage.setItem('baseModel', (input.trim().slice(6)).trim());
						baseModel = localStorage.getItem('baseModel');
					} else {
						alert('请按下面格式输入。\n输入命令(/model deepseek-r1:8b)');
					}
					return;
				}
				if (input.trim().length === 0) {
					alert('输入为空！');
					return;
				}
				if (input.trim().slice(0, 1) === '/' || input.trim() === '/help') {
					alert('下面是常用命令。\n清空 /clear\nIP:PORT /url http://127.0.0.1:11434\n模型 /model deepseek-r1:8b');
					return;
				}
				outputDiv.value += `\n\n您：${sanitizeHTML(input)}\n\nAI：\n`;
				outputDiv.scrollTop = outputDiv.scrollHeight;
				isSending = targetId;
				if (isSending === 'chat') {
					messages.push({
						role: "user",
						content: input
					});
					data = {
						model: baseModel,
						messages: messages,
						stream: true
					};
				} else {
					if (typeof fullText === 'string' && fullText.trim().length > 0) {
						input = `基于以下上下文：\n${fullText}\n\n请回答：${input}`;
						console.log(input);
					}
					data = {
						model: baseModel,
						prompt: input
					};
				}
				const url = `${baseURL}/api/${isSending}`;
				console.log(url);
				fetch(url, {
						method: 'POST',
						headers: {
							'Content-Type': 'application/json'
						},
						body: JSON.stringify(data),
						mode: 'cors'
					})
					.then(response => {
						if (!response.ok) throw new Error(`HTTP错误: ${response.status}`);

						const reader = response.body.getReader();
						const decoder = new TextDecoder('utf-8');
						let prevChunk = '';

						function processChunk({
							done,
							value
						}) {
							if (done) {
								// 处理流结束后的剩余数据
								if (prevChunk) {
									try {
										const parsed = JSON.parse(prevChunk);
										appendToOutput(`${targetId === 'chat' ? parsed.message.content : parsed.response}`);
									} catch (e) {
										appendToOutput(`解析错误: ${e.message}`, true);
									}
								}
								return; // 结束递归
							}

							const chunk = decoder.decode(value, {
								stream: true
							});
							prevChunk += chunk;
							const lines = prevChunk.split('\n');
							prevChunk = lines.pop() || ''; // 保存未完成的行

							for (const line of lines) {
								try {
									const parsed = JSON.parse(line);
									appendToOutput(`${isSending === 'chat' ? parsed.message.content : parsed.response}`);
								} catch (e) {
									appendToOutput(`解析错误: ${e.message}`, true);
								}
							}

							// 继续读取下一个chunk
							return reader.read().then(processChunk);
						}

						// 辅助函数：更新界面并滚动
						function appendToOutput(text, isError = false) {
							outputDiv.value += text + (isError ? '\n' : '');
							outputDiv.scrollTop = outputDiv.scrollHeight;
						}

						// 开始读取流
						return reader.read().then(processChunk);
					})
					.then(() => {
						console.log('流式处理完成');
						if (targetId === 'chat') {
							if (outputDiv.value.trim()) {
								const content = outputDiv.value.split('AI：');
								messages.push({
									role: "assistant",
									content: content[content.length - 1]
								});
								if (messages.length > 21) messages.splice(1, 2);
							}
							localStorage.setItem("messages", JSON.stringify(messages));
							document.querySelector('.icon-button').click();
						}
						isSending = null;
					})
					.catch(error => {
						messages.splice(-1, 1);
						outputDiv.value += `错误：${error.message}\n`;
						outputDiv.scrollTop = outputDiv.scrollHeight;
						isSending = null;
					});
			}
			// 添加到JavaScript中
			document.getElementById('fileInput').addEventListener('change', function(e) {
				const file = event.target.files[0];
				if (file && file.name.endsWith('.txt')) {
					fileName = file.name;
					const reader = new FileReader();

					reader.readAsText(file, 'UTF-8');
					reader.onload = (e) => {
						const utf8Text = e.target.result;
						if (!/[\\u4E00-\\u9FA5]/.test(utf8Text)) { // 检测是否存在中文
							reader.readAsText(file, 'GBK'); // 尝试 GBK 编码
							reader.onload = (e) => {
								splitText(e);
							};
						} else {
							splitText(e);
						}
					};
				} else {
					alert('请选择一个有效的 .txt 文件。');
				}
			});

			function splitText(e) {
				fullText = e.target.result;
				console.log(fullText);
			}
		</script>
	</body>
</html>

小6哥
关注
Ollama教程——生成内容API：利用Ollama的原生API进行AI应用开发
walkskyer的博客
04-22 1万+
在深入探讨ollama的API接口之前，让我们先了解一下API接口的基本概念及其在软件开发中的作用。API，或称应用程序编程接口，是一套明确定义的通讯方法，允许不同软件应用之间交换数据和功能。它们是现代软件开发不可或缺的一部分，尤其是在构建模块化、可扩展和维护性强的系统时。在使用生成完成（Generate a Completion）API时，精确而具体的提示词将大大提高生成内容的相关性和质量。例如，在构建聊天机器人时，根据上下文和用户的具体问题设计提示词，能够使回答更加准确和自然。
查看和使用本地Windows系统下通过Ollama部署的DeepSeek模型的API
搏博的专栏
02-13 1954
在Windows本地通过Ollama部署DeepSeek模型后，我们希望将本地模型与其他工具结合发挥AI的作用，如开发工具、办公软件等，可以通过Ollama内置的REST API与模型交互。以下是查看和使用API的详细步骤：（1）启动Ollama：确保Ollama服务正在运行（任务栏右下角应有Ollama图标（2）验证服务：浏览器访问http://localhost:11434（Ollama默认在本地启动一个HTTP服务器，默认端口是11434），若返回Ollama is running则服务正常。
推荐5个免费Ollama WebUI客户端
m0_59163425的博客
10-13 8868
我们推荐5款开源免费的Ollama WebUI客户端，帮助您了解Ollama本地模型框架，轻松掌握其优缺点，提升您的使用体验。Ollama 的模型在本地运行，所有用户生成的数据都存储在本地，使其安全且私密，无需审查，有效满足您的数据隐私需求。而且，对于本地运行的应用程序来说，这种方法不仅提高了效率，而且消除了对网络环境的依赖。尽管Ollama可以在本地部署模型服务，但其原生交互界面是基于命令行的，这不允许用户轻松地与AI模型交互。
Ollama完整教程：本地LLM管理、WebUI对话、Python/Java客户端API应用
huang9604的博客
11-23 3593
目前，清华和智谱 AI 联合发布开源的GLM4-9B大模型也能支持Ollama进行本地部署了（本地部署 GLM-4-9B 清华智谱开源大模型方法和对话效果体验），Ollama支持的大模型越多越普及，对于的应用也就越多。为了降低大家查阅资料等学习时间，今天尝试着对 Ollama 进行一次详细完整介绍。
五个优秀的免费 Ollama WebUI 客户端推荐
热门推荐
2401_85343303的博客
07-29 3万+
Ollama 是一款强大的本地运行大型语言模型（LLM）的框架，它允许用户在自己的设备上直接运行各种大型语言模型，包括 Llama 2、Mistral、Dolphin Phi 等多种模型，无需依赖网络连接。此外，Ollama 还提供跨平台的支持，包括 macOS、Windows、Linux 以及 Docker， 几乎覆盖了所有主流操作系统。详细信息请访问 [Ollama 官方开源社区]
ollama客户端
03-19
### Ollama 客户端下载与使用教程 Ollama 是一种支持多种操作系统（macOS、Linux 和 Windows）的跨平台工具，能够帮助用户轻松管理和运行大型语言模型。以下是关于其客户端的下载和使用的详细说明。 #### 下载 ...
部署一个本地的ChatGPT（Ollama）
qyhua的专栏
03-16 6210
部署一个本地的ChatGPT（Ollama）
使用Ollama本地部署 Llama3大模型！最简单的方法，无需GPU也能使用
撸啊撸的博客
05-12 5201
开源大模型领域当前最强的无疑是 LLaMA 3！Meta 这次不仅免费公布了两个性能强悍的大模型（8B 和 70B），还计划发布一个可以与 GPT-4 对打的 400B 模型。今天，我们将介绍一种简单易懂的本地部署方法，非常适合新手！如果想深度使用Llama3，还是准备一个好的GPU环境来测试，CPU环境下还是很吃力。
几款电脑端能够运行的AI大模型聊天客户端
东南草堂
07-07 2969
Ollama 提供了一个简单、轻量级和可扩展的解决方案，使得用户可以以最简单快速的方式在本地运行大模型。它使用大量由GPT-3.5-Turbo生成的数据进行训练，使得该模型能够在消费级CPU上本地运行，从而提供类似ChatGPT的功能。ChatBox作为基于OpenAI大模型的ChatGPT，继承了GPT原汁原味的对话能力，无论是推理还是理解，都是顶尖的存在！总体而言，GPT4All提供了一个成本效益高、易于访问的解决方案，使更多人能够在不牺牲性能的前提下体验到大型语言模型的强大功能。
Ollama 局域网服务器设置+客户端使用简明操作
最新发布
weixin_40101756的博客
03-27 293
方式2：浏览器安装插件page assist，配置api网址为http:<hostname>:11434；tips：优选page assist插件，由于是浏览器插件，不同平台使用方式基本相同，chatbox不同平台需要下载不同安装包；方式1：安装chatbox，配置api网址为http:<hostname>:11434（win10环境检验），即可与服务端建立连接。1.让Ollama 可以被局域网内其它电脑看到(win10环境)变量值：0.0.0.0.11434。变量名：OLLAMA_HOST。
ollama大模型容器详解，根据ollama进行web开发
2301_78960337的博客
02-24 5237
ollama,gemma:7b
基于Ollama的常用工具及客户端应用
meisongqing的博客
03-06 832
以下是基于Ollama的常用工具及客户端应用，涵盖本地部署、交互界面和安全防护等多个方向，结合搜索结果整理如下：Ollama CLI（命令行工具） Ollama的核心功能通过命令行实现，支持模型下载、运行及管理。常用命令包括：：运行指定模型（如）：查看已安装模型：模型拉取与推送Docker镜像 Ollama提供官方Docker镜像，支持在容器化环境中部署模型，适合开发者和企业级应用。以下工具通过图形界面提升Ollama的交互体验，均开源且支持本地部署：LobeChat特点：支持多模态交互、插件生态（如联
发现Ollama的Python和JavaScript库，探索令人惊叹的Web项目和强大的IDE插件
aLong
02-23 1372
最近我注意到提供了Python和JavaScript库的。我通过GitHub搜寻了一些Web项目，并尝试了其中一些项目。
DeepSeek 部署实战：Ollama + 多客户端 + RAG
qq_73376107的博客
02-25 1777
若用模型处理敏感数据，需进行数据加密（静态数据和传输中数据都要加密，可使用 BitLocker、LUKS 等工具加密磁盘，用 HTTPS 传输数据）、数据脱敏（去掉或替换敏感信息），遵循最小权限原则，定期备份数据。除上述客户端外，还有很多 LLM 客户端可能支持 Ollama，可在客户端设置中找到 “API”“连接” 或 “服务器” 选项，配置 Ollama 地址和端口进行尝试。检查 Ollama 服务是否启动，客户端中 Ollama 地址和端口是否正确，防火墙是否放行，若使用反向代理，检查其配置。
【LLM】Ollama：本地大模型 WebAPI 调用
m0_74824496的博客
12-11 1万+
从下载并安装。
谷歌Gemma大模型本地部署以及线上访问流程
不染-9732
03-14 1405
谷歌Gemma大模型本地部署以及线上访问流程 谷歌开发出强大的 AI 模型 Gemma，该模型可以在笔记本电脑和台式机上运行，这真是太棒了！开源的 Gemma 模型将使研究人员和开发人员能够更轻松地访问和利用其功能，从而为人工智能领域带来更多创新
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值