11.1k Star，一个简单的基于浏览器的Markdown幻灯片工具

点击蓝字默默关注

整理 | 叶子

一、软件介绍

remark（remark.js）是一个简单的基于浏览器的 Markdown 幻灯片工具。

二、下载地址

https://github.com/gnab/remark

三、特性

• Markdown 格式，带智能插件

• 演示者模式

• 语法高亮，支持众多语言

• 幻灯片可伸缩，适应各种设备

• 自带一些简单的 Markdown 模板

• 手机与平板上支持触屏操控

四、工作原理

实例

默认

调用函数create将触发创建新幻灯片：

var slideshow = remark.create();

当在没有任何参数的情况下调用时，用于创建幻灯片的源 Markdown 应位于 DOM 中某处的文本区域中，看起来像这样：

<textarea id="source"> Markdown source</textarea>

自定义标识符

或者，可以将arguments对象传递给create，如果该对象包含一个字段，则将使用其值，而不是查找上述文本区域：

var slideshow = remark.create({ source: 'Markdown source'});

外部标记

根据您的喜好，您可能希望将标记源保留到单独的文件中。使用sourceUrl 字段，可以指定一个 URL，该 URL 将同步加载并使用，而不是前两个选项：

var slideshow = remark.create({ sourceUrl: 'markdown.md'});

在本地工作时，直接从磁盘打开幻灯片HTML，使用sourceUrl将无法开箱即用。这需要使用web服务器托管文件，这可以通过多种方式实现，例如运行python3-mhttp.server在你的索引.html文件。当web服务器启动并运行时，比如说在端口8000上，您应该能够通过http://localhost:8000.

离线使用，无需互联网连接

对于简单情况，可以从样板本地.html文件开始，并在底部的脚本 src 元素中包含注释.js注释文件。样板单.html包含与 HTML 内联的整个 JS。

参考资料：

https://github.com/gnab/remark/wiki#instantiation

往期推荐

扫码关注最新动态

公众号ID:fosslab

我就知道你“在看”