html 跳转本地html_markdown转html工具

 

浅谈java全栈技术

加油！一起成长！

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的安装和配置

文件说明

配置工具环境

修改.bat脚本

脚本说明

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

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

验证

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

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

存在的问题(不影响使用)：例如转换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图片是否正常显示动态效果

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

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

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

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

关注我们，一起成长！