java把readme转成HTML,GitHub - district10/md2html: 第一个 Java 代码:把文件夹下的 Markdown 文件,转化成 GitHub 风格的 HTML(用 ...

md2html

68747470733a2f2f7472617669732d63692e6f72672f646973747269637431302f6d643268746d6c2e7376673f6272616e63683d6d6173746572

把文件夹下的 Markdown 文件,转化成 GitHub 风格的 HTML。(rst、org-mode also supported)

(代码高亮用了个人比较喜欢的 Pygments 风格。)

安装使用

jar 文件的运行,需要 JRE(Java Runtime)的支持,可以在这里下载:Download Free Java Software(Linux: sudo apt-get install openjdk-8-jdk)。

Pandoc 是内部用来转化 Markdown 的工具,下载地址(请使用 1.17 以上的版本):

应用举例

比如 @judasn 的 judasn/IntelliJ-IDEA-Tutorial: IntelliJ IDEA 简体中文专题教程。

首先下载它的源码,解压后进入文件夹 IntelliJ-IDEA-Tutorial。

到 Releases 下载 md2html.jar(或者下载 Nighty build),然后把 jar 文件放到根目录,

然后运行 java -jar md2html.jar(或者双击它),就有

../IntelliJ-IDEA-Tutorial-master-publish 文件夹。打开里面的 README.html(或者 index.html) 看效果。

注:Markdown 中的链接中以 .md 结尾的会自动转为以 .html 结尾。

md2html.jar 使用

除了 java -jar md2html.jar 这种简单的使用,还可以指定一些参数,比如输入目录和输出目录,

下面是使用方法:

# 当前文件夹拷贝到 ../-publish,并转化其中的 .md 文件

$ java -jar md2html.jar

# 指定输入、输出文件夹

$ java -jar md2html.jar -i source_dir -o publish_dir

$ java -jar md2html.jar -input source_dir -output publish_dir

如果安装了浏览器自动更新的插件,比如 Auto Reload :: Firefox 附加组件,

还可以自动刷新。这样,把浏览器和编辑器对半放,然后运行 jar 程序,就可以实时预览了~

md2html.jar 的打包

make # 调用 mvn package

更多参数的配置

可以输入 java -jar md2html.jar -help 查看帮助:

Usage:

$ java -jar md2html.jar

Options:

-i, -input

specify root of markdown files

-o, -output

specify root of output files

-w, -watch

watch mode

-s, -silent

silent mode

-v, -verbose

verbose mode

-e, -expand

expand markdown files

-f, -fold

fold markdown contents

More Usage Examples

1. current dir to ../publish:

$ java -jar md2html.jar -i . -o ../publish

2. turn on watch, expand markdown

$ java -jar md2html.jar -we

现在默认不 watch 了。

That's it.

Credits

Pandoc(Markdown 转化)

jQuery,lazyload.js(图片延迟加载)

我的笔记本(使用类似方法生成的 HTML,我复用了自己笔记的 js,css 以及 HTML 模板)

clipboard.js, etc.

These are for myself:

Tips

Click on ... to copy it to your clipboard.

位置标记:

$mh-head-head (raw html fragment) alias: raw-head

+----- $mh-css-before-cdn (remote css url)

/

+------- $mh-css-before (local css path)

/

CSS -+--------- $mh-css (local css path)

\

`+------ $mh-css-after-cdn (remote css url) alias: remote-css

\

`+--- $mh-css-after (local css path) alias: local-css

\

`- $mh-css-raw (raw css fragment) alias: raw-css

$mh-head-tail

$mh-nav (Use 'mh-nav: false to dismiss')

+---- $body-before (raw html fragment)

/

$body --+

`----- $body-after (raw html fragment)

+---- $mh-info (Use 'mh-info: false' to dismiss)

/

+------ $mh-js-before-cdn (remote js url)

/

+-------- $mh-js-before (local js file path)

/

JS -+---------- $mh-js (local js file path)

\

`+------- $mh-js-after-cdn (remote js url) alias: remote-js

\

`----- $mh-js-after (local js file path) alias: local-js

\

`-- $mh-js-raw (raw js fragment) alias: raw-js

$mh-body-tail (raw html fragment)

in your .md2html.yml

mh-css:

- a.js

- b.js

TODO

更多的 options:

文件映射

noDefaultFileMappings

extraFileMappings

URL 映射

noDefaultUrlMappings

extraUrlMappings

CSS,JS

noDefaultCSS

noDefaultJS

extraCSSs

extraJSs

Debug 模式

debug

GitHub Pages 兼容模式

githubPagesCompatiable

最后,最重要的 TODO:不要 dive into this project。Try WebSock intead!学 Java,要全面不能囿于一室。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值