顺手记录一下Markdown的两个小操作.
我日常有一个记录已做
和待做
的表格,每次手动标记完成还是有点烦的.偶然间看到这个操作记录一下.
写法如下:
- [x] 已经完成
- [ ] 未完成的
支持层级列表,并且可以点击取消和点击完成哦.
同时,由于markdown的各种解释器的不兼容的原因,经我实际测试,这个语法在Jekyll
博客系统,也就是kramdown
解释器下以及在有道云比较的解释器下都是可以正常工作的.
实现效果如下:
graph LR; A[aa bb]-->B(wo); A-->C((我是C)); B-->D>我是D]; C-->D; D-->E{我是E}; C-->E; 2-->E; _-->E;
在有道云笔记中的写法:
_```
graph LR;
A[aa bb]-->B(wo);
A-->C((我是C));
B-->D>我是D];
C-->D;
D-->E{我是E};
C-->E;
2-->E;
-->E;
_```
没有前面的下划线,是我为了不让markdown解释加的.
在Jekyll中的写法:
<div class="mermaid">
graph LR;
A[aa bb]-->B(wo);
A-->C((我是C));
B-->D>我是D];
C-->D;
D-->E{我是E};
C-->E;
2-->E;
_-->E;
</div>
同时,需要在自己使用到的页面中加入以下语句,用来引入相关的js文件:
<script src="https://unpkg.com/mermaid@8.0.0/dist/mermaid.min.js"></script>
<script>mermaid.initialize({startOnLoad:true});</script>
天知道我为了让有道云笔记和Jekyll支持同一种语法(让我不必要去学两种语法,来完成同一件事情),付出了多少时间.
最后的结果如上面的效果图所示,完成了流程图的功能,但是有点丑陋.我不想搞了,太耽误时间了,我用的不是很多,先这样子吧.
语法 | 作用 | 备注 |
---|---|---|
> + 内容 | 引用内容 | |
==x== | 标记内容 | ==哈== |
~~x~~ | 删除线 | ~~哈~~ |
在最外层使用两个反引号即可.如tes`t`
的实际输入为:
``tes`t` ``
2019-04-03 完成
以上皆为个人所思所得,如有错误欢迎评论区指正。
欢迎转载,烦请署名并保留原文链接。
联系邮箱:huyanshi2580@gmail.com
更多学习笔记见个人博客——>呼延十
var gitment = new Gitment({ id: 'Markdown之流程图和 Todo列表', // 可选。默认为 location.href owner: 'hublanker', repo: 'blog', oauth: { client_id: '2297651c181f632a31db', client_secret: 'a62f60d8da404586acc965a2ba6a6da9f053703b', }, }) gitment.render('container')