html 跳转本地html_markdown转html工具

294eeeca66265dc3fdcba1d44e7d30f1.png 

浅谈java全栈技术

加油!一起成长!

8b5d6a07b700c7a190825c6930e060e3.gif e96ea37bb79128288bb1644534806687.png 6e590b0e610f27ad1159d43426b8813e.png

markdown转html工具

markdown入门

这里假设大家已经熟悉markdown的语法,并了解markdown所带来的优点。

假设从未接触和使用过markdown,那么可以参考下面这个资料:Learning-Markdown (Markdown 入门参考)

推荐的markdown编辑器:typora

markdown文件传输的缺点

markdown文件在传输过程中,如果存在本地图片、gif等文件的引入,那么将很不利于传输发送给其他人。

尝试过的解决方案是:转为word、pdf、html等进行传输

尝试过的工具:typora,pandoc,i5ting_toc等(还有其他的忘记了)

最后我决定选择转为html的方案,因为我打算放到网上,方便保存和随时随地查看。

这些工具都不能完美的解决我的需求,因为我希望转为html文件后,图片要被压缩进html文件中,方便传输,而且文件体积也会减小。

markdown转换工具mdtool.jar

下载:关注微信公众号【浅谈java全栈技术】回复『 md转换工具』

使用

配置Java运行环境

参考:JDK8的安装和配置

文件说明

c0e61870ec673371b28ec1ea68a30432.png

配置工具环境

70e3594cc8313c53848eddb0cfdb6102.png

修改.bat脚本

6a384c3b22cda21c105571b0231ac01c.png

脚本说明

  • mdtool.bat:转换单个markdown文件

  • mdtools.bat:转换当前文件夹下的所有markdown文件,即批量转换

验证

单个文件转换:mdtool(只需要输入不包含拓展名的markdown文件名即可)

f3905f49083cb0f0837dc11aeb6769e6.gif

多个文件转换(批量转换):mdtools

7b25d72d678417c9dfe60e0786239a2c.gif

存在的问题(不影响使用):例如转换markdown文件的时候,如果图片不存在,即本地图片路径下找不到这个图片,会如下报错:

在markdown文件中放置了一个空图片引入代码报错。(没有指定图片路径)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
java.io.FileNotFoundException:
at java.io.FileInputStream.open0(Native Method)
at java.io.FileInputStream.open(FileInputStream.java:195)
at java.io.FileInputStream.(FileInputStream.java:138)
at org.itheima.tools.markdown.MarkdownUtils.base64Image(MarkdownUtils.java:119)
at org.itheima.tools.markdown.MarkdownUtils.getBody(MarkdownUtils.java:95)
at org.itheima.tools.markdown.MarkdownUtils.toHtml(MarkdownUtils.java:61)
at org.itheima.tools.markdown.MarkdownUtils.toHtml(MarkdownUtils.java:39)
at org.itheima.tools.markdown.MarkdownUtils.toHtml(MarkdownUtils.java:34)
at org.itheima.tools.markdown.App.main(App.java:27)
at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)
at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
at java.lang.reflect.Method.invoke(Method.java:498)
at org.eclipse.jdt.internal.jarinjarloader.JarRsrcLoader.main(JarRsrcLoader.java:58)

查看生成后的文件

查看生成后的html文件是否实现了以下功能:

  • 结构化的目录

  • 目录是否包含滑动条

  • 目录是否包含锚点定位,可以跳转到目录指定的位置

  • png/jpg静态图片和gif动态图片是否压缩进去,gif图片是否正常显示动态效果

72ceca959ef06234b136aedafd7b8aff.gif

打开生成的文件,发现这些功能都实现了,真的是非常的好!

934041d3f242f8549e52ed5abbd72e3a.png

点击〖原文〗查看更多操作演示。

这篇文章完全是复制生成的文章内容,所以后面很多内容都会使用markdown编写完毕,然后使用mdtool转为html,再同步到公众号,大家可以收藏这个网站。

网站:https://javaood.gitee.io/

f4018403684446a9e76eaae2e6ffcf73.png

关注我们,一起成长!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值