夜雨聆风学习资料网

ARTICLE · 1173366

DSH桌面版启动动画插件与上手指南

DSH桌面版启动动画插件与上手指南

上周聊了 DeepSeek Harness 的插件生态,有人追问:DSH 桌面版能不能像 IDE 那样放个启动动画?能,而且不止一种。

社区已经做出四款启动动画插件,全部 MIT 协议、完全免费开源。这篇把四款插件的效果、安装方式、DIY 素材替换一次说清楚。

⏱️ 30 秒速览

维度
要点
是什么
DSH 桌面端的启动画面(Splash Screen)插件,在应用启动时播放动画
四款插件
splash-launcher(描边动画)、codefall(数字雨)、550c-boot(终端开机)、video-skin(视频开场)
安装方式
dsh plugin add
 一条命令,或下载便携 exe 双击即用
环境要求
Windows 10/11 + Node.js 18+ + Edge WebView2(系统自带)
协议
四款均 MIT,免费开源,源码托管 GitHub
DIY
替换 splash 素材文件夹中的 SVG / MP4 即可自定义启动画面

① DSH 桌面版与启动动画是什么

先对齐一个概念:DeepSeek Harness(DSH)除了命令行版 dsh web 之外,社区还有一个桌面 GUI 版本,基于 Edge WebView2 内嵌 Web 界面,提供窗口化操作体验。

启动动画(Splash Screen)就是应用打开后、主界面就绪前的那几秒画面——想想 VS Code 启动时的蓝色加载条、Photoshop 的绘画板动画。DSH 桌面版采用「一切皆插件」架构,启动动画自然也是社区插件可以挂载的部分。

📌 划重点:DSH 桌面版的核心设计是自绘标题栏 + WebView2 内嵌窗口,任务栏图标从出现那一刻就是自定义图标(不再闪 Chrome/Edge 默认图标),splash 动画在这个窗口内播放,主界面就绪后淡出衔接。

② 四款启动动画插件对比

目前社区有四款主流启动动画插件,风格各异,全部 MIT 协议免费开源:

插件名
风格
作者
dsh-splash-launcher
SVG 一笔一划描边动画,黑鲸 Logo 升起 + HARNESS 字标逐笔浮现
Isilsolme
dsh-codefall
Matrix 数字雨风格,绿色代码瀑布从顶部倾泻
4444Hao
dsh-550c-boot
复古 550C 终端开机画面,逐行刷写系统日志
yannicksong0106
dsh-video-skin
有声视频开场,支持自定义 MP4 素材
Something11235

从 GitHub Star 和 npm 下载量看,dsh-splash-launcher 最火——它的描边动画最接近「品牌感」,而且支持便携 exe 单文件运行,对非技术用户最友好。dsh-codefall 则在极客圈很受欢迎,数字雨效果辨识度极高。

📌 划重点:四款插件可以同时安装但只能激活一款。在 dsh.config.json 的 plugins.startup 字段指定当前生效的插件名即可切换。

③ 安装与使用:两种方式

方式 A:npm 插件安装(推荐开发者使用)

先确保已全局安装 DSH:

npm install -g @deepseek-ai/dsh

然后一条命令装上启动动画插件:

dsh plugin --profile web add dsh-splash-launcher

装完直接启动桌面版,splash 动画自动播放:

dsh web

方式 B:便携 exe(推荐非技术用户)

从 GitHub Releases 页面下载 DSH-GUI.exe,双击即用,splash 素材全部内嵌在单文件中。首次启动若被 Windows SmartScreen 拦截,点「更多信息 → 仍要运行」即可。

📌 划重点:方式 A 的好处是可以随时切换插件(改 config 里的插件名即可);方式 B 的好处是零配置,下载即用,但切换动画需要下载不同版本的 exe。

④ splash-launcher 动画效果拆解

最火的 dsh-splash-launcher 借鉴了 SPlayer-Next 的设计思路,核心是 SVG stroke-dashoffset 一笔一划描边:

🎬 第一阶段(0-800ms):黑鲸 Logo 从底部升起,带呼吸光效;✍️ 第二阶段(800-2000ms):deepseek 字标淡入浮现;🖋️ 第三阶段(2000-3200ms):HARNESS 七个字母按 cubic-bezier(0.25,0.1,0.25,1) 缓动逐笔描边完成;🔄 第四阶段(3200ms 后):后台 dsh web 服务就绪,splash 淡出无缝衔接主界面。

整个动画在自绘标题栏 + WebView2 内嵌窗口中播放,关闭窗口自动停服务,不留后台进程。

📌 划重点:stroke-dashoffset 的原理是——先设 stroke-dasharray 等于路径总长,stroke-dashoffset 从总长动画到 0,视觉效果就是笔画从起点「画」到终点。这是 SVG 描边动画的经典手法。

⑤ DIY:替换你的专属启动画面

不想用默认的黑鲸 Logo?四款插件都支持素材替换:

📂 splash-launcher:替换插件目录下 /assets/logo.svg 为你自己的 SVG 文件,确保路径有 stroke 属性即可被描边动画识别。

🎬 video-skin:把你的 MP4 视频改名为 intro.mp4 丢进 /assets/ 即可。建议 3-5 秒、720p、带音轨。

💾 codefall:编辑 config.json 中的 charset 数组,换上你喜欢的字符集(比如二进制 01、或者你的名字)。

🖥️ 550c-boot:编辑 boot-logs.txt,每行一条启动日志,动画会逐行刷写。

📌 划重点:自定义 SVG 时注意——路径必须是连续的单条 path,多条离散路径会导致描边动画跳变。如果 Logo 形状复杂,建议先用 Inkscape 的「路径 → 合并」功能合并为单条路径。

⑥ 选型建议与费用

四款插件全是 MIT 协议、完全免费,没有付费墙。选型看你想要什么感觉:

你想要
推荐插件
品牌感、专业范
splash-launcher
(描边动画最优雅)
极客风、赛博朋克
codefall
(数字雨辨识度拉满)
复古终端味
550c-boot
(逐行刷日志最有 Hack 感)
视频开场、完全自定义
video-skin
(丢 MP4 进去就行)

环境方面,四款插件的要求一致:Windows 10/11(WebView2 系统自带)、Node.js 18+(仅 npm 安装方式需要,便携 exe 不需要)、不需要 GPU 加速。

第一句:DSH 桌面版有四款免费开源的启动动画插件:splash-launcher(描边)、codefall(数字雨)、550c-boot(终端开机)、video-skin(视频开场),全部 MIT 协议。

第二句:安装只需 dsh plugin add 一条命令或下载便携 exe 双击即用,环境要求 Windows 10/11 + Node.js 18+(便携版不需要 Node.js)。

第三句:自定义启动画面只需替换素材文件夹中的 SVG / MP4 / 文本,splash-launcher 的 SVG 描边动画用 stroke-dashoffset 实现一笔一划效果。

本文信息来源(手机电脑均可打开):

· dsh-splash-launcher GitHub: github.com/Isilsolme/dsh-splash-launcher· dsh-codefall GitHub: github.com/4444Hao/dsh-codefall· DSH Plugin Directory: dshplugin.dev· DeepSeek Harness 官方仓库: github.com/deepseek-ai/deepseek-harness· npm 包页面: npmjs.com/package/dsh-splash-launcher

📋 版权声明:本文为技术学习笔记,信息整理自 GitHub 开源仓库及 npm 官方包页面,版权归原作者及原发布平台所有。转载请注明出处,本文仅作技术交流用途。

相关学习资料