CNB Issue 网页内容收藏工具
一个 Tampermonkey（油猴）脚本，可在任意网页上选择页面区域，一键将选中内容从 HTML 转为 Markdown，并按"页面信息 + 选择的内容"格式展示，支持通过 CNB 接口直接创建 Issue存储在CNB中。
B站演示：https://www.bilibili.com/video/BV1dQyyBhEcg/
功能特点
- 🔍 智能区域选择 - 可视化选择网页任意区域
- 📝 HTML 转 Markdown - 支持链接、图片、代码块、标题、列表、表格、引用等常见结构
- 🚀 一键创建 Issue - 直接通过 CNB 接口提交到指定仓库
- 📋 剪贴板功能 - 支持多行代码折叠和常用内容管理
- ⚙️ 灵活配置 - 可设置仓库路径、访问令牌、标签等
安装与使用
安装步骤
- 安装 Tampermonkey 浏览器扩展
- 安装 CNB Issue 区域选择工具脚本
- 刷新页面即可使用
基本使用
- 点击侧边栏图标激活工具
- 在页面上选择目标区域
- 按回车确认选择或 ESC 取消
- 查看转换后的 Markdown 内容
- 点击"创建 Issue"提交到 CNB
配置说明
必要设置
在侧边栏设置中配置：
- 仓库路径：格式为
owner/repo，例如IIIStudio/Demo - 访问令牌：在 CNB 个人设置 中创建
- 选择指定仓库
- 权限范围设置为 "ISSUE & PR 管理"
可选设置
- 标签管理：先在仓库的
-/labels中设置标签，然后在工具中输入标签名称 - 快捷键：可自定义激活工具的快捷键（默认关闭）
- 剪贴板：设置 Issue ID 启用剪贴板功能
剪贴板功能
启用方法
在设置中填写剪贴板位置（Issue 编号），例如：2
对应格式：https://cnb.cool/IIIStudio/Greasemonkey/CNBIssue/-/issues/2
功能特点
- 可拖动、固定位置
- 自定义剪贴板内容
- 支持多行代码折叠
- 切换不同的 Issue ID
操作技巧
- 多选功能：使用
Ctrl + 左键进行多区域选择 - 内容复制：点击列表项可复制标题和内容到剪贴板
- 安全跳转：内置 CNB URL 安全拦截机制
界面展示
工具在浏览器侧边显示控制面板，包含：
- 区域选择按钮
- 内容预览窗口
- 设置选项
- 剪贴板面板（可选）
- 创建 Issue 按钮
注意事项
- 标签功能需要先在仓库中创建对应的标签
- 标题显示最长 45 个字符，过长会自动截断
- 剪贴板功能默认关闭，需要手动设置 Issue ID 启用
- 确保访问令牌具有足够的仓库操作权限
更新日志
版本 1.3.4
- 修复多层 div 不显示 h 标签问题
版本 1.3.3
- 优化 linux.do 图片链接处理
- 删除标签图片显示
版本 1.3.2
- 修复 CNB 跳转功能
版本 1.3.1
- 添加剪贴板代码多行折叠功能
版本 1.3.0
- 新增剪贴板功能
- 支持拖拽和固定位置
版本 1.2.5
- 添加 Ctrl + 左键 多选功能
版本 1.2.4
- 添加 CNB URL 安全拦截跳转
版本 1.2.3
- 修改按键默认隐藏
版本 1.2.2
- 添加列表点击复制功能（复制标题与内容并转换为 MD）
- 修复标题过长问题（最长 45 个字符）
版本 1.2.1
- 添加任务列表显示（仅显示完成状态）
- 添加创建完成 Issue 按钮
图片
