什么是 hypermark
Hypermark 是一个可以将 Markdown 格式转换为 HTML 和 PDF 的命令行工具。它可以帮助前端开发人员快速生成漂亮的文档,并且支持多种主题和自定义格式。
如何安装 hypermark
在使用 hypermark 之前,需要先在本地安装 Node.js 和 npm。然后,在命令行中输入以下命令进行安装:
npm install -g hypermark
如何使用 hypermark
基本用法
在命令行中使用 hypermark 的基本语法如下:
hypermark [options] markdown_file
其中,markdown_file 是要转换的 Markdown 文件的路径。options 可以是下列选项之一:
-o <output_file>
:指定输出文件名,默认为输出到控制台。-t <theme>
:指定主题名称,默认为 default。-s <stylesheet>
:指定自定义样式表。-r
:生成 HTML 和 PDF 文件之后在浏览器中打开 HTML 文件。
例如,要将当前目录下的 test.md 文件转换为 HTML 和 PDF 文件,可以使用以下命令:
hypermark test.md -o output.html -o output.pdf
使用主题
Hypermark 支持多种主题,可以通过 -t
选项来指定要使用的主题名称。
目前,Hypermark 支持以下主题:
- default
- light
- dark
例如,要使用 light 主题来生成 HTML 文件,可以使用以下命令:
hypermark test.md -o output.html -t light
自定义样式
Hypermark 支持用户定义自己的样式表,可以通过 -s
选项来指定样式表。
例如,要使用一个名为 custom.css 的样式表来生成 HTML 文件,可以使用以下命令:
hypermark test.md -o output.html -s custom.css
在浏览器中打开 HTML 文件
如果需要在生成 HTML 和 PDF 文件后立即在浏览器中打开 HTML 文件,可以使用 -r
选项。例如:
hypermark test.md -o output.html -o output.pdf -r
总结
Hypermark 是一个强大且方便的命令行工具,可以帮助前端开发人员快速生成漂亮的文档。本教程介绍了 Hypermark 的基本用法、主题和自定义样式的使用方法以及如何在浏览器中打开生成的 HTML 文件。希望它可以帮助你更高效地进行前端开发工作。
示例代码
以下是一个使用 custom.css 样式表和 light 主题生成 HTML 和 PDF 文件的示例代码:
hypermark test.md -o output.html -o output.pdf -t light -s custom.css
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60065b4ac6eb7e50355dbfd2