# helloworld-html2md

**Repository Path**: mirrors/helloworld-html2md

## Basic Information

- **Project Name**: helloworld-html2md
- **Description**: html2md 是由 helloworld 开发者社区 开源的一款轻量级功能强大的 html 转 md 工具:muscle|type_1_2:，纯前端开发，不需要后端接口（ Nod
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: https://www.oschina.net/p/helloworld-html2md
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 4
- **Created**: 2021-03-05
- **Last Updated**: 2026-02-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

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

<div >

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

[html2md地址](https://www.helloworld.net/html2md) 👈🏻

### 教程，如下图
![html2md教程](./demo.png)


</div>
<br />

## 技术栈

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

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

### 第一步：下载
```bash
git clone git@github.com:helloworld-Co/html2md.git
cd ./html2md
```
### 第二步：安装
```bash
npm install
或者
yarn install
```
### 第三步：启动
```bash
npm run dev
或者
yarn dev
```

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

## 更新日志
- **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="./wx-group.png" width = "200" alt="官方微信群" />
<img src="./wx.png" width = "200" alt="官方公众号" />

## 支持环境

现代浏览器及 IE11。

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
| --------- | --------- | --------- | --------- | --------- |
| IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions

## 参与贡献

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

- 通过 [Issue](https://github.com/helloworld-Co/html2md/issues) 报告 bug。
- 提交 [Pull Request](https://github.com/helloworld-Co/html2md/pulls) 一起改进。

## 技术交流
<img src="./daitu.jpg" width=240 />