获取部分页面源代码并复制为 Markdown 格式
目前为
# 网页复制成Markdown 油猴脚本
**网页复制成Markdown** 是一个轻量级油猴脚本，旨在帮助用户快速复制洛谷（Luogu）平台上部分页面的 Markdown 源代码。它支持用户简介、博客文章、比赛详情和训练详情的内容提取，适用于需要备份、分享或二次编辑的场景。
## 功能特点
- **一键复制**：在支持的页面上添加“复制Md”按钮，点击即可将 Markdown 内容复制到剪贴板。
- **动态定位**：按钮位置随页面滚动自动调整，始终保持可见。
- **美观设计**：按钮采用圆形样式，支持悬停动画，提升用户体验。
- **多页面支持**：覆盖用户简介、博客、比赛和训练页面。
- **错误提示**：复制失败时提供反馈，便于排查问题。
## 支持的页面
1. **用户简介页面**
- URL 示例：`https://www.luogu.com.cn/user/12345`
- 复制内容：用户简介的 Markdown 文本。
2. **博客文章页面**
- URL 示例：`https://www.luogu.com.cn/blog/12345/post-title` 或 `https://www.luogu.org/12345`
- 复制内容：博客正文的 Markdown 源代码。
3. **比赛详情页面**
- URL 示例：`https://www.luogu.com.cn/contest/12345`
- 复制内容：比赛描述的 Markdown 文本。
4. **训练详情页面**
- URL 示例：`https://www.luogu.com.cn/training/12345`
- 复制内容：训练描述的 Markdown 文本。
**注意**：不支持管理页面（如 `/Admin`）、列表页面（如 `/list`）或编辑页面（如 `/edit`）。
## 使用说明
1. **打开支持的页面**
- 访问洛谷上的用户简介、博客、比赛或训练页面。
2. **找到“复制Md”按钮**
- 页面加载完成后，右上角会出现一个圆形的“复制Md”按钮（初始位置：距离顶部 100px，右侧 100px）。
- 滚动页面时，按钮会跟随滚动保持在视野内。
3. **点击复制**
- 点击按钮，脚本会提取当前页面的 Markdown 内容并复制到剪贴板。
- 成功时弹出提示：“复制成功”。
- 失败时弹出提示：“复制失败，请检查控制台”，并在浏览器控制台输出错误信息。
4. **粘贴使用**
- 在任意文本编辑器（如 VS Code、Notepad++）或 Markdown 支持的平台（如 GitHub、Typora）中按 `Ctrl+V` 粘贴内容。
## 示例
- **场景**：你想备份某场比赛的规则描述。
- 访问：`https://www.luogu.com.cn/contest/12345`
- 点击右上角的“复制Md”按钮
- 打开 Markdown 编辑器，粘贴后即可看到比赛描述的完整 Markdown 源代码。
## 技术细节
- **版本**：1.0.0
- **作者**：shenfangda
- **许可证**：MIT
- **依赖**：无（无需额外的 `@grant` 权限）
- **代码结构**：
- 使用模块化设计，按钮创建和内容提取逻辑分离。
- 通过 `fetch` API 获取博客内容，支持异步操作。
- CSS 样式内联定义，支持悬停效果和动态定位。
## 常见问题
1. **按钮没有出现？**
- 确保当前页面 URL 符合支持范围。
- 检查 Tampermonkey 是否启用，且脚本未被禁用。
- 刷新页面或查看控制台（F12）是否有错误。
2. **复制失败怎么办？**
- 确认浏览器支持 `navigator.clipboard` API（现代浏览器均支持）。
- 检查网络连接（博客内容需通过 API 获取）。
3. **如何修改按钮样式？**
- 编辑脚本中的 `BUTTON_STYLE` 常量，例如调整颜色 (`background-color`) 或位置 (`top`、`right`)。
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址
