# 安装 app.htmldrop/mcp

- 类型: MCP 工具
- 说明: 将 HTML 或 Markdown 从 MCP 客户端发布为可分享的在线链接

## 方式一 · 一键代装（复制提示词让 AI 代劳）

### Claude Code
```
请帮我安装 askskill 上的 "app.htmldrop/mcp" MCP 服务：
执行：claude mcp add 'app-htmldrop-mcp' -- npx -y @htmldrop.app/mcp
```

### Codex
```
请帮我安装 askskill 上的 "app.htmldrop/mcp" MCP 服务：
在 ~/.codex/config.toml 中添加：
[mcp_servers.app-htmldrop-mcp]
command = "npx"
args = ["-y","@htmldrop.app/mcp"]
然后重启 Codex 生效
```

### Cursor
```
请帮我安装 askskill 上的 "app.htmldrop/mcp" MCP 服务：
在 .cursor/mcp.json 的 "mcpServers" 中添加：
"app-htmldrop-mcp": { "command": "npx", "args": ["-y","@htmldrop.app/mcp"] }
然后在 Cursor 设置 > MCP 中启用
```

## 方式二 · 命令行安装（原生命令与配置）

### Claude Code
```bash
claude mcp add --env HTMLDROP_API_TOKEN=YOUR_VALUE --env HTMLDROP_API_URL=YOUR_VALUE --transport stdio app-htmldrop-mcp -- npx -y @htmldrop.app/mcp
```
需要环境变量：HTMLDROP_API_TOKEN, HTMLDROP_API_URL

### Codex
```bash
codex mcp add --env HTMLDROP_API_TOKEN=YOUR_VALUE --env HTMLDROP_API_URL=YOUR_VALUE app-htmldrop-mcp -- npx -y @htmldrop.app/mcp
```
配置文件 ~/.codex/config.toml：
```toml
[mcp_servers.app-htmldrop-mcp]
command = "npx"
args = ["-y","@htmldrop.app/mcp"]

[mcp_servers.app-htmldrop-mcp.env]
HTMLDROP_API_TOKEN = "YOUR_VALUE"
HTMLDROP_API_URL = "YOUR_VALUE"
```
需要环境变量：HTMLDROP_API_TOKEN, HTMLDROP_API_URL

### Cursor
配置文件 .cursor/mcp.json：
```json
{
  "mcpServers": {
    "app-htmldrop-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@htmldrop.app/mcp"
      ],
      "env": {
        "HTMLDROP_API_TOKEN": "YOUR_VALUE",
        "HTMLDROP_API_URL": "YOUR_VALUE"
      }
    }
  }
}
```
一键安装：cursor://anysphere.cursor-deeplink/mcp/install?name=app-htmldrop-mcp&config=eyJjb21tYW5kIjoibnB4IiwiYXJncyI6WyIteSIsIkBodG1sZHJvcC5hcHAvbWNwIl0sImVudiI6eyJIVE1MRFJPUF9BUElfVE9LRU4iOiJZT1VSX1ZBTFVFIiwiSFRNTERST1BfQVBJX1VSTCI6IllPVVJfVkFMVUUifX0
需要环境变量：HTMLDROP_API_TOKEN, HTMLDROP_API_URL