markdown文档下载 chrome插件
- 在命令行中执行拉取/安装/打包
git clone https://github.com/kscript/markdown-download cd markdown-download npm install npm run build也可以在clone后使用
gh-pages分支中的文件
- 在chrome浏览器扩展程序中
开启开发者模式 - 选择
加载已解压的扩展程序, 选中项目打包后的dist文件夹 - 访问已支持的网站的文章详情页面, 等待文章内图片全部加载后, 点击插件图标
npm i markdown-downloader 由于会操作dom元素, 所以运行时需要在浏览器环境下
// 方式1. 导入模块 import markdownDownload, { convert, download, websiteConfigs } from 'markdown-downloader' markdownDownload(websiteConfigs.juejin, { // 包含所有信息的innerHTML文本 context: `` })<!-- 方式2. 直接使用脚本文件 --> <script src="./markdownDownload.js"></script> <script> // 给window对象添加一个markdownDownload函数, convert, download, websiteConfigs作为其属性 markdownDownload(markdownDownload.websiteConfigs.juejin, { // 包含所有信息的innerHTML文本 context: `` }) </script>Github Issue
掘金
知乎专栏
思否专栏
简书
博客园
微信文章
开源中国
CSDN
如果某网站没有被支持, 可以自定义网站配置.
在文章页面打开控制台， 选中插件环境, 或者在插件的选项页和背景页打开控制台, 将示例代码修改为对应网站配置, 并执行
// 注释前面带*号的为必填项 setWebsite( 'juejin', { // * 匹配域名 插件会将 文章页面的域名 与 数组的每一项元素 依次匹配, 匹配成功则该配置生效 hosts: ['juejin.cn'], link: true, br: false, code: false, selectors: { // 标题选择器 title: '.article-title', // * 文章内容选择器 body: '.markdown-body', // 文章作者用户名选择器 userName: '.username .name', // 文章作者链接选择器 userLink: '.username', // 无效内容选择器, 文章内容在转换为markdown前会移除这些元素 invalid: 'style', // 文章标签选择器 tag: '.article-end .tag-list .tag-item' } } )