kscript / markdown-download

谷歌浏览器插件: 将掘金、知乎、思否、简书、博客园、微信公众号、开源**、CSDN的文章转为markdown文档并下载

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>

已支持的网站

掘金
知乎专栏
思否专栏
简书
博客园
微信文章
开源**
CSDN

markdown-download's Issues

两个问题和两个请教

1.微信文章未滑到底加载所有图片的时候，点击下载，未加载的图片不会被下载成功，看代码和创建的urls文件中可以看到未匹配到url，但是浏览器打开文章，不往下滑，图片不加载，但是view-source:，图片的链接是存在的，不太清楚为什么代码中匹配不到img标签，const files = queryAll('img', markdownBody).map(item ......

2.代码中的console.log并不会在控制台输出内容。

3.const markdownBody = query(selectors.body).cloneNode(true) markdownBody 是什么类型，不能使用.innerHTML输出吗
我想使用
files.push({
// name: realName + '/urls',
name: 'Body' + '.html',
content: markdownBody.toString()
})
来查看问题1为什么匹配不到图片链接

4.如何调试js代码呢，我不是开发，对npm js不太了解，但是有些文章想要下载，对这个项目比较感兴趣。
大佬有考虑做成webapi接口的形式吗，我想要调用这个项目，感觉很不错。

可否支持剪辑任意网页的内容，类似为网页剪辑器

对知乎专栏文章的公式支持不好

示例：https://zhuanlan.zhihu.com/p/506342644
下载后公式没有识别：