html2md

<h1 align="center">🎉 Html2md 🥳</h1> <div>

html2md 是由helloworld开发者社区开源的一款轻量级功能强大的html转md工具💪🏻，纯前端开发，不需要后端接口（<small>Node是我们前端的</small>😗！），支持多平台，一键将文章链接转换为md，方便大家收藏和保存文章🤪。请勿做其它用途

html2md地址 👈🏻

教程，如下图

</div> <br />

技术栈

• vue 前端三剑客之一，主张最少，具有高度灵活性的渐进式框架
• nuxt 通过利用 Vue.js 和 Node.js最佳实践来构建高性能应用程序
• express 基于 Node.js 平台，快速、开放、极简的 Web 开发框架
• element-ui 宇宙第一 Vue 第三方组件库，有不服？
• js-dom 一款可在 Node 环境下模拟浏览器的 API 的库
• turndown 使用 JavaScript 将 HTML 转换为 Markdown
• axios 易用、简洁且高效的 http库，支持浏览器和 Node 环境。
• mavon-editor 一款基于 Vue 的 markdown 编辑器，支持所见即所得
• sass 强大的 Css 预处理器之一

使用

注意：node 版本要求： v14.18.0

第一步：下载

git clone git@github.com:helloworld-Co/html2md.git
cd ./html2md

第二步：安装

npm install
或者
yarn install

第三步：启动

npm run dev
或者
yarn dev

使用备注

• 防盗链：由于各大网站的图片基本都会有防盗链机制，转换出来的 md 里的图片会无法正常预览，这个不慌 😳，把 md 内容复制到 helloworld开发者社区 的写作文本框中就能正常显示了👌🏻。
• 微信文章：微信文章内容格式差异性比较大，不能保证 💯% 好使，如果一篇不能解决，那就换下一篇吧😏。

更新日志

• 2021.02.07

1. 新增 a 标签和 img 标签中的相对路径转换成绝对路径功能，方便以后查找源路径。

• 2021.03.27

1. 底部添加转载来源声明。

• 2021.04.20

1. 添加对知乎专栏文章的支持👌🏻。

• 2021.05.01

1. 添加 Markdown 内容的文件保存和下载⬇️。

• 2021.06.27

1. 添加 HTML 直接转 Markdown 功能，和之前的 URL 转 Markdown 区分开来，可切换使用。

• 2021.07.10

1. 添加对 learnku 文章的支持👌🏻。

技术交流群 / 官方公众号

微信号 daitukeji <br/> <img src="https://yellow-cdn.veclightyear.com/835a84d5/7b45f3cf-b6fc-492c-a00e-936e611ff087.png" width = "200" alt="官方微信群" /> <img src="https://yellow-cdn.veclightyear.com/835a84d5/be4df7ac-fcb9-4ad0-bb08-5eee5a52ca44.png" width = "200" alt="官方公众号" />

支持环境

现代浏览器及 IE11。

<img src="https://yellow-cdn.veclightyear.com/835a84d5/50b91c7b-366e-475c-930b-6fbccf00be1f.png" alt="IE / Edge" width="24px" height="24px" /></br>IE / Edge	<img src="https://yellow-cdn.veclightyear.com/835a84d5/2bcda62f-7776-4e3f-9ea5-4f755e72b27b.png" alt="Firefox" width="24px" height="24px" /></br>Firefox	<img src="https://yellow-cdn.veclightyear.com/835a84d5/e10ad676-dfec-40b8-abd7-a5ac24d2d961.png" alt="Chrome" width="24px" height="24px" /></br>Chrome	<img src="https://yellow-cdn.veclightyear.com/835a84d5/8f4758ca-8749-4f2f-b04b-6f6df1e4ace3.png" alt="Safari" width="24px" height="24px" /></br>Safari	<img src="https://yellow-cdn.veclightyear.com/835a84d5/7e6612ba-0f7b-4d14-af73-83037661c3b8.png" alt="Opera" width="24px" height="24px" /></br>Opera
IE11, Edge	最新两个版本	最新两个版本	最新两个版本	最新两个版本

参与贡献

我们非常欢迎你的贡献，你可以通过以下方式和我们一起共建 😃

• 通过 Issue 报告 bug。
• 提交 Pull Request 一起改进。

技术交流

<img src="https://yellow-cdn.veclightyear.com/835a84d5/ee92043b-7a39-4197-a1a3-0095b7508b2c.jpg" width=240 />