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. 导入模块importmarkdownDownload,{convert,download,websiteConfigs}from'markdown-downloader'markdownDownload(websiteConfigs.juejin,{// 包含所有信息的innerHTML文本context: ``})<!-- 方式2. 直接使用脚本文件 --><scriptsrc="./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'}})