JohnnyTing/dsh-official-homepage-theme 预览 preview

JohnnyTing/dsh-official-homepage-theme

Plugin插件 Native原生 ⭐ 8 MIT UI & Themes界面与主题

dsh-official-homepage-theme 是一个面向DSH Web的DeepSeek Harness官方首页主题插件,在不改变DSH页面结构与交互的前提下,提供流体背景、鼠标弹性网格和双小鱼动态效果。

catalog descriptioncatalog 简介 / catalog description:复刻 DeepSeek Harness 官方首页主题插件

Project Overview项目介绍

dsh-official-homepage-theme is an official homepage theme plugin for DSH Web. It adds a deep-blue glassy aesthetic, a Canvas2D mouse-reactive elastic grid, a procedural fluid background, and two animated fish to the default page without altering structure or interactions. Toggle and intensity controls are provided, with prefers-reduced-motion and page-visibility support. Ideal for DSH Web users wanting the official visual style. Note: it targets only the DSH Web profile and ships as a bundled plugin.

dsh-official-homepage-theme 是一款面向 DSH Web 的官方首页主题插件。它在保留原页面结构与交互的前提下,新增深蓝渐变玻璃质感、Canvas2D 鼠标弹性网格、程序化流体背景与双小鱼动态效果,支持效果开关和强度调节,并适配 prefers-reduced-motion 与页面可见性。建议追求官方视觉与动效体验的 DSH Web 用户使用。注意:仅作用于 DSH Web profile,且不影响核心页面结构与交互。

Or use CLI install (for developers)或使用命令行安装(适合开发者)

CLI Install命令行安装

dsh plugin --profile web add dsh-official-homepage-theme

JohnnyTing/dsh-official-homepage-theme 加入你的 DSH 配置(web profile)即可启用。

READMEREADME

dsh-official-homepage-theme

English | 中文

dsh-official-homepage-theme 是一个面向DSH Web的DeepSeek Harness官方首页主题插件,在不改变DSH页面结构与交互的前提下,提供流体背景、鼠标弹性网格和双小鱼动态效果。

预览gif 预览图 设置页

功能

  • 深蓝渐变、半透明玻璃表面和主题 token;
  • 程序化流体背景与鼠标交互效果;
  • Canvas2D 鼠标弹性网格;
  • 两条自主游动、会避让鼠标的小鱼;
  • 效果开关与强度设置;
  • prefers-reduced-motion、粗指针设备和页面可见性适配;
  • 卸载时清理动画、事件、DOM 与图形资源。

安装

安装并启用:

dsh plugin --profile web add dsh-official-homepage-theme

从 GitHub 安装

直接安装 GitHub 仓库中的最新版本:

dsh plugin --profile web add github:JohnnyTing/dsh-official-homepage-theme

本地开发时使用绝对路径:

dsh plugin --profile web add /absolute/path/to/dsh-official-homepage-theme

该包携带 DSH bundle 配置,安装时会自动加入 profile 并加载主题;完成后刷新或重启 DSH Web。

卸载

dsh plugin --profile web remove dsh-official-homepage-theme

本地开发

npm run check

该命令会先生成 lib/,再执行所有测试。也可以分别执行:

npm run build
npm run test

lib/* 为生成产物,不要直接编辑。

更新版本

npm run version:set -- 1.0.3

目录

src/       # 插件源码
scripts/   # 构建脚本
lib/       # 构建产物
tests/     # 自动化测试
上一个 Prev dsh-xueqiu 下一个 Next onlyMemory-plugin