DeepSeek 给我一个 DeepSeekUI 页面

news/2025/2/23 20:48:09

接着上次分享内容 三步安装 DeepSeek 说,DeepSeek 下载好了,总不能是黑框框对话吧,总得找一个 UI 界面使用吧。

本地运行 DeepSeek 比安装 python、jdk 简单多了,本地还没装过的可以参考上次的文档安装。

于是找了几个开源的试了试,下载贼慢,我500M的网,等了数个小时都没好,算了,问 DeepSeek 要了一个,这里分享出来(文末直接下载使用)。

示例

使用演示

DeepSeek 编写过程

向 DeepSeek 说明我的需求

你是资深且专业的前端专家,精通 html、js 等技术,现在有一个企业级的项目需要你来亲自编写代码。
任务:创建一个前端页面(chat.html),允许用户输入,并实现与本地部署的 ollama 模型对话(localhost:11434),且要保证交互尽可能好,你可以一步步执行,并输出所有前端代码,不要省略任何细节。

请添加图片描述

一步步引导写 html 代码

任务:根据你对‘企业级 AI 对话系统’ 的扩展建议,尤其是 历史记录保存与读取、流式对话、Markdown 渲染支持,进一步优化 chat.html
输出:输出优化后的 chat.html 全部内容,不要省略任何细节

在这里插入图片描述
DeepSeek 真厉害,写完就能直接用了,前端可以下岗了,又快又好看!
在这里插入图片描述

让 DeepSeek 上传到 Github

为了让其他人也能使用,让 DeepSeek 自己想办法上传到 Github
在这里插入图片描述

总结

DeepSeek 完全可以胜任一些基本的前端工作,可以大幅提升我们的生产效率,还没用过的小伙伴快去试试吧!

直接下载

可以直接去 github 下载,本地运行后,用 index.html 文件即可使用啦

  • github 地址:https://github.com/ChinaLym/deepseekui
  • 直接 clone
git clone https://github.com/ChinaLym/deepseekui

http://www.niftyadmin.cn/n/5863758.html

相关文章

前端面试-JavaScript 数据类型检测全解

目录 一、基础检测方法 二、方法深度解析 1. typeof 运算符 2. instanceof 运算符 3. 终极检测方案 三、特殊场景检测方案 四、手写实现原理 1. 通用类型检测函数 2. 改进版数组检测(兼容旧浏览器) 五、常见面试陷阱 六、最佳实践指南 七、扩…

MySQL 中的索引数量是否越多越好?为什么?如何使用 MySQL 的 EXPLAIN 语句进行查询分析?MySQL 中如何进行 SQL 调优?

MySQL 中的索引数量是否越多越好?为什么? 索引的优点 加速查询 :索引能够帮助 MySQL 快速定位数据,避免全表扫描。例如,当对一个经常查询的字段(如 WHERE 条件中的字段)建立索引时&#xff0c…

深度学习在图像识别中的应用-以花卉分类系统为例

深度学习在图像识别中的应用 图像识别是计算机视觉领域的重要分支,旨在让计算机能够像人类一样理解图像内容。近年来,深度学习技术的突破性进展极大地推动了图像识别的发展,使其在医疗诊断、自动驾驶、安防监控等场景中实现了广泛应用。本文…

DeepSeek 与网络安全:AI 在网络安全领域的应用与挑战

📝个人主页🌹:一ge科研小菜鸡-CSDN博客 🌹🌹期待您的关注 🌹🌹 1. 引言 在当今数字化时代,网络安全已成为国家、企业和个人面临的重要挑战。从传统的病毒、木马攻击,到高…

einops测试

文章目录 1. einops2. code3. pytorch 1. einops einops 主要是通过爱因斯坦标记法来处理张量矩阵的库,让矩阵处理上非常简单。 conda : conda install conda-forge::einopspython: 2. code import torch import torch.nn as nn import torch.nn.functional as…

【沐风老师】3DMAX快速体块生成插件QuickBlocks使用方法详解

3DMAX快速体块生成插件QuickBlocks,一键在指定区域范围内快速生成(建筑)体块工具。对于大面积的配景楼制作,这款插件是最好的选择之一。QuickBlocks使用起来快捷灵活,不仅可以自定义生成的范围,而且还可以设…

复制所绑定元素文本的vue自定义指令

最近写了一个复制所绑定元素文本的vue自定义指令,给大家分享一下。 import { ElMessage } from element-plus// data-* 属性名 const dataCopyBtnTextAttribute data-copy-btn-text // 复制按钮的class,结合项目实际进行设置 const copyBtnClass icon…

Windows和Linux下,通过C++实现获取蓝牙版本号

在 C 中获取蓝牙版本号,不同的操作系统有不同的实现方式,下面分别介绍在 Windows 和 Linux 系统下的实现方法。 Windows 系统 在 Windows 系统中,可以使用 Windows API 来与蓝牙设备交互,获取蓝牙版本号。以下是一个示例代码&…