前言¶
DeepSeek Harness(DSH)啓動時,用戶只能看到短暫的加載過程。一段安全啓動序列能讓界面更有儀式感,也能讓用戶明確「已進入系統」。
現有做法通常只是簡單的轉圈或進度條。這個插件在 DSH 啓動時覆蓋一個全屏動畫:黑底白字的數據流 + 終端安全啓動序列,大約 4 秒,結束後進入正常界面。
插件定位¶
dsh-boot-sequence 是一個 DSH 插件,爲 DeepSeek Harness 提供啓動動畫。由 KurohaneKaoruko 維護,使用 MIT 許可證。
它不調用模型,不發起網絡請求,純前端實現,動畫在本地渲染。一份代碼既在 DSH 裏運行,也能在瀏覽器中直接預覽。
核心功能¶
啓動時覆蓋一個 4 秒左右的啓動過場:
- 白色字符雨鋪滿屏幕
- 左側終端逐行打印自檢日誌,進度條從 0 跑到 100%
- 進度條滿後顯示
ACCESS GRANTED,0.3 秒後淡出進入正常界面
支持交互與控制:
- 點擊 / 任意按鍵:立刻滿進度 +
ACCESS GRANTED,0.3 秒後淡出 Ctrl + Alt + B:重播(不受「每會話一次」限制)- 控制台調用
dshBootSequence.replay():同上
默認每個會話只播放一次,刷新頁面不重複。配置項可調整時長、停留時間、淡出時間,以及是否顯示數據流、十六進制流、底部頻譜條。
安裝與啓用¶
插件放在 ~/.dsh/local-plugins/,並在 profile 裏登記。倉庫自帶安裝腳本,一條命令完成:
node tools/install.mjs # 安裝到 desktop profile
node tools/install.mjs --dry-run # 只看會改什麼
node tools/install.mjs --uninstall
安裝後重啓 DSH 生效。
手動安裝等價於三步:
- 把本目錄複製到
~/.dsh/local-plugins/dsh-boot-sequence ~/.dsh/profiles/desktop/package.json里加依賴
"dsh-boot-sequence": "link:C:/Users/<你>/.dsh/local-plugins/dsh-boot-sequence",
並在dsh.profile.bundles數組末尾加"dsh-boot-sequence"- 在
~/.dsh/profiles/desktop/node_modules/下建一個指向第 1 步目錄的鏈接
配置¶
在 DSH 頁面的控制台裏修改 window.DSH_BOOT,下次播放生效:
window.DSH_BOOT = {
duration: 3000, // 進度條跑滿的時長(ms)
grantedHold: 780, // ACCESS GRANTED 停留(ms)
fadeOut: 520, // 淡出時長(ms)
oncePerSession: true, // 每個會話只播一次(sessionStorage 記賬)
rain: true, // 數據流
hex: true, // 右側十六進制流
spectrum: true, // 底部頻譜條
safeTop: null, // 頂部安全區(px)。留空則自動測量桌面端標題欄高度
};
開發時可打開 preview.html 預覽,或在 URL 後加 ?hold=boot / ?hold=granted 把畫面凍結在對應階段。想模擬桌面端標題欄,可加 ?safeTop=32。
技術細節¶
動畫引擎使用純 DOM + Canvas 實現,React 組件只負責掛載與清理。
- 字符雨:每列按整格下落,用半透明黑覆蓋做拖尾衰減
- LOGO:5×7 點陣 → SVG
<rect>,一行裏連續的格合併成一個矩形 - 終端日誌:一行一行打字,光標跟着走
- 頻譜條:使用
transform: scaleY()而不是height,不觸發佈局
性能優化措施:
- 字形預渲染成圖集,每幀只
drawImage - 畫布像素預算封頂 160 萬,超了自動降採樣
- 去掉所有全屏
mix-blend-mode和filter - 頻譜條、日誌區、十六進制流加
contain: layout paint style
適用場景¶
適合希望在 DSH 啓動時增加儀式感、強化「已進入系統」感知的開發者或團隊。
安裝前建議檢查源碼與許可證。插件以當前 dsh 進程權限運行,應確認其行爲符合預期。
小結¶
dsh-boot-sequence 爲 DeepSeek Harness 提供了一個零依賴的啓動動畫方案。它不依賴模型、不發起網絡請求,純前端實現,動畫在本地渲染。配置項豐富,支持跳過與重播,適合作爲 DSH 的啓動序列補充。
- 插件目錄頁:https://www.skillhub.cn/plugins/KurohaneKaoruko/DSH-START
- GitHub 倉庫:https://github.com/KurohaneKaoruko/DSH-START