markdown-download

markdown文档下载 chrome插件

作为插件使用

1. 在命令行中执行拉取/安装/打包

git clone https://github.com/kscript/markdown-download
cd markdown-download
npm install
npm run build

也可以在clone后使用gh-pages分支中的文件

2. 在chrome浏览器扩展程序中开启开发者模式
3. 选择加载已解压的扩展程序, 选中项目打包后的dist文件夹
4. 访问已支持的网站的文章详情页面, 等待文章内图片全部加载后, 点击插件图标

作为模块使用

安装

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'
		}
	}
)