(干貨)markdown文件轉(zhuǎn)思維導圖,預(yù)覽SVG文件,html圖片轉(zhuǎn)jpg格式...
目錄:
一、將md文件轉(zhuǎn)換為思維導圖
二、本地預(yù)覽SVG文件
三、將html轉(zhuǎn)換其它格式
四、電腦長截圖

markdown文件轉(zhuǎn)思維導圖
1. markmap-lib

使用方式分為命令行和在線網(wǎng)站兩種
(1)軟件:開源地址https://github.com/gera2ld/markmap-lib
(2)網(wǎng)站:https://markmap.js.org/repl

效果:左邊輸入 Markdown 標記,右邊可實時渲染
導出:HTML文件或SVG文件
總結(jié):如無特殊需要,網(wǎng)站便可滿足需求,且對md文件兼容很好,代碼塊也能轉(zhuǎn)化,但無法導出為jpg文件
2.xmid
xmind可在軟件內(nèi)直接導入,導入方式有兩種,一種是xmind直接導入md文件,一種是先將md文件從typora內(nèi)導出為OPML文件,再從xmind內(nèi)導入OPML文件

(1)xmid導入md文件:
效果:

(2)xmid導入OPML文件:
效果:

(3)題外話:
OPML文件是根據(jù)markdown的標題生成的,所以建議在編寫markdown的時候,把想要在思維導圖展示的主要內(nèi)容以標題編寫
在你初次把md文件導出為OPML文件時可能會遇到下圖問題:

可以去github下載此插件: https://github.com/jgm/pandoc/releases/tag/2.2.1
(4)總結(jié):xmind導入md文件時,對md語法的識別有限,無法識別代碼塊,但可以導出為圖片或pdf格式

如何查看SVG文件
(1)可以用AdobeIllustrator或SVGDeveloper等專業(yè)軟件打開和編輯
(2)這里推薦使用SVG Explorer Extension,
github下載地址:https://github.com/tibold/svg-explorer-extension
(3)其它在線網(wǎng)站:
https://svga.io/svga-preview.html
https://openfiles.online/(可以格式轉(zhuǎn)換)
(4)微軟官方工具PowerToys,可直接在Microsoft Store搜索安裝
這也是一個很強大的工具,在此不多贅述
https://learn.microsoft.com/zh-cn/windows/powertoys/

(5)如果你想深入了解SVG:
菜鳥教程:https://www.runoob.com/svg/svg-tutorial.html

如何將html圖片轉(zhuǎn)jpg格式
這是微軟bing的回答:

https://cdkm.com/cn/html-to-jpg
https://www.freeconvert.com/html-to-jpg
https://convertio.co/zh/html-jpg/
https://www.easeconvert.com/html-to-jpg/
想要更加深入的操作,參考這篇知乎回答
有什么極簡單方法,讓一個本地網(wǎng)頁html文件可以公網(wǎng)訪問? - probezy的回答 - 知乎 https://www.zhihu.com/question/513761184/answer/2782746511

電腦如何長截圖
(1)QQ截圖



(2)如果你在使用edge瀏覽器 可以按?CTRL + SHIFT?+ S
(3)如果是Chrome -> F12 -> Ctrl+Shift+P -> Capture full size screenshot