加强版
markdown
编译工具
github
: https://github.com/MichaelHu/turbo-markdown
markdown compiler
: https://github.com/MichaelHu/markdown-slides
懒加载
<img class="lazy" data-url="./img/180317-strawberry/big-img-100-1200.jpg">
mobile-first
响应式页面样式
pdf-print
友好的样式表
层级目录
全文搜索
功能,支持文本、正则、selector
等搜索类型
vim-like
操作:gg, G, j, k, h, l, ctrl-d, ctrl-u
等
fly.js
脚本支持,便捷编写和运行
示例代码 https://irice.top/static/bower_components/snippets/js/mp/fly.js,支持es6, es7, react
等js语法
,以及html语法
的示例代码,也可以自行扩展
以下说明fly.js
扩展功能的使用方式。
以下为一段只读的js代码,其执行结果以下方红字
输出。
(function(){
var s = fly.createShow('#test_simple_js');
s.show( 'Hello' );
s.append_show( 'turbo-markdown' );
})();
可编辑js代码,再通过点击Restart
按钮重新运行。
(function(){
var s = fly.createShow('#test_simple_js_editable');
s.show( 'Hello' );
s.append_show( 'turbo-markdown' );
})();
同样地,以下HTML代码也支持编辑后运行。
<style type="text/css">
.test-style {
height: 60px;
margin: 20px;
border-radius: 2px;
border: 2px dotted #17becf;
text-align: center;
font: oblique small-caps normal 30px/60px arial;
}
</style>
<div class="test-style">Think Different!</div>
支持es6、es7、jsx
语法的js,可编辑后运行。
(function(){
var s = fly.createShow('#test_babel');
const arr = { hello: 'Hello', tm: 'turbo-markdown' };
const { hello, tm } = arr;
s.show( hello );
s.append_show( ( () => tm )() );
})();
$ sudo npm install -g turbo-markdown
$ tm <-V | --version>
$ tm <-H | --help>
$ tm <file> [--local] [--no-preview]
turbo-markdown
版本信息
index.md
文档不生成左侧导航的功能,也可考虑做成配置项