ARTICLE · 1173366
DSH桌面版启动动画插件与上手指南
上周聊了 DeepSeek Harness 的插件生态,有人追问:DSH 桌面版能不能像 IDE 那样放个启动动画?能,而且不止一种。
社区已经做出四款启动动画插件,全部 MIT 协议、完全免费开源。这篇把四款插件的效果、安装方式、DIY 素材替换一次说清楚。
⏱️ 30 秒速览
| dsh plugin add | |
① DSH 桌面版与启动动画是什么
先对齐一个概念:DeepSeek Harness(DSH)除了命令行版 dsh web 之外,社区还有一个桌面 GUI 版本,基于 Edge WebView2 内嵌 Web 界面,提供窗口化操作体验。
启动动画(Splash Screen)就是应用打开后、主界面就绪前的那几秒画面——想想 VS Code 启动时的蓝色加载条、Photoshop 的绘画板动画。DSH 桌面版采用「一切皆插件」架构,启动动画自然也是社区插件可以挂载的部分。
📌 划重点:DSH 桌面版的核心设计是自绘标题栏 + WebView2 内嵌窗口,任务栏图标从出现那一刻就是自定义图标(不再闪 Chrome/Edge 默认图标),splash 动画在这个窗口内播放,主界面就绪后淡出衔接。
② 四款启动动画插件对比
目前社区有四款主流启动动画插件,风格各异,全部 MIT 协议免费开源:
从 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 | |
| video-skin |
环境方面,四款插件的要求一致: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 官方包页面,版权归原作者及原发布平台所有。转载请注明出处,本文仅作技术交流用途。















































































