如何在DSH中使用Tailwind CSS CDN？

DSHDeepSeek‑Harness使用 Tailwind CSS CDNDSH 本身不需要安装任何 npm 包只需要在提示词明确要求在 html 的 head 插入 Tailwind Play CDN 脚本生成的网页直接联网加载 Tailwind双击本地 html 文件即可看到样式效果。✅推荐 CDN 地址Play‑CDNv4开发原型首选script srchttps://cdn.tailwindcss.com/script放到 html 的head标签内部必须写在所有页面内容之前Tailwind C...。方式 1写进 DSH 提示词最常用直接把下面完整 prompt 复制到 DSH 对话框它会自动生成带 CDN 的 index.html。在当前工作目录生成 index.html。 要求 1. 在head标签内引入Tailwind CSS Play CDN脚本script srchttps://cdn.tailwindcss.com/script 2. 全部样式使用tailwind工具类不要手写大量原生css页面自适应移动端设置正确viewport元标签。 3. 不要使用npm安装tailwind不要生成package.json全程CDN模式。 4. 所有代码写在单个 index.html完成简单自检确认样式可以正常渲染。 5. 页面需求[在这里填写你的网页需求例如带搜索框的搜索页面]自定义 Tailwind 配置修改主题色、字体如果你需要自定义主题在 prompt 追加这一段额外在CDN脚本下方增加tailwind.config配置脚本自定义主色调为蓝色系自定义圆角大小。使用typetext/tailwindcss支持自定义样式。Agent 会自动生成类似script srchttps://cdn.tailwindcss.com/script script tailwind.config { theme:{extend:{colors:{primary:#165DFF}}} } /script方式 2已有网页让 DSH 给旧 html 加上 Tailwind CDN如果已经存在 index.html直接发送这条指令读取工作目录 index.html在head标签内部插入Tailwind CSS CDN脚本 script srchttps://cdn.tailwindcss.com/script保留原有全部页面逻辑与JS保存文件简单验证。⚠️DSHTailwind CDN 重要坑点CDN 仅适合开发原型不适合生产部署Tailwind C...不支持apply、layer这类高级指令JS 动态拼接出来的 classtext‑size不会生效类名必须完整写在 HTML 源码里。必须联网断网打开页面会完全丢失样式。不要让 DSH 执行npm install tailwindcss一旦执行会生成本地构建环境就不再是 CDN 模式。动态渲染搜索结果JS 里拼接 HTML 字符串完整写出全部 tailwind 类名不要拼接字符串变量否则样式失效。搜索页面示例 ❌错误className: text‑color✅正确className: text‑blue‑600 font‑semibold调试指令样式异常直接发给 DSH样式没生效排查读取index.html检查tailwind CDN标签位置是否正确检查viewport元标签修复导致tailwind样式失效的问题保存文件。开启 Tailwind 表单插件修改index.html修改tailwind cdn引入地址启用forms插件保留页面原有全部功能。补充如果你想做生产级不用 CDN告诉 DSH不要使用CDN初始化tailwind本地构建生成package.jsonvite构建环境生成index.html使用本地tailwind。此时 DSH 会调用 shell 执行 npm 安装产出工程化项目不再是单文件 html。结合你上一节的搜索网页完整 prompt直接复制即用生成index.html单文件网页实现前端本地搜索功能。 1. head中引入Tailwind CSS Play CDN script srchttps://cdn.tailwindcss.com/script设置移动端viewport。 2. 页面包含标题、搜索输入框、搜索按钮、清空按钮支持回车搜索。 3. JS内置示例文章数组前端本地过滤渲染搜索卡片无结果显示提示。 4. 搜索结果命中关键词高亮黄色背景。 5. 全部使用tailwind工具类不要额外css文件不要npm依赖本地双击html可直接运行。 6. 完成自检保证搜索功能正常。如果你需要我可以直接给你一份完整成品的 index.html 代码复制保存就能打开带搜索 tailwind CDN。