Markdown之流程图和 Todo列表

背景介绍

顺手记录一下Markdown的两个小操作.

Todo列表

我日常有一个记录已做待做的表格,每次手动标记完成还是有点烦的.偶然间看到这个操作记录一下.

  • 已经完成
  • 未完成的

写法如下:

- [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支持同一种语法(让我不必要去学两种语法,来完成同一件事情),付出了多少时间.

最后的结果如上面的效果图所示,完成了流程图的功能,但是有点丑陋.我不想搞了,太耽误时间了,我用的不是很多,先这样子吧.

一些常用的markdown语法记录

语法

作用

备注

> + 内容

引用内容

==x==

标记内容

==哈==

~~x~~

删除线

~~哈~~

在反引号````中转义反引号

在最外层使用两个反引号即可.如tes`t`的实际输入为:

``tes`t` ``

ChangeLog

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')



本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏量子位

LaTeX的历史:图灵奖得主1977年开启的计划,引发学术圈重大变革

那么,身为世界上最早开源项目之一的TeX,究竟是如何诞生?又如以进化形态LaTeX,活跃了几十年不败?

8120
来自专栏木子昭的博客

应对掘金CDN开启防盗链 记一次爬取markdown图片的经历

原来我喜欢在 掘金或简书后台 写markdown文章, 然后复制粘贴到 gitbook(前提是gitbook已经和github做了关联), 就可以发布到gith...

22330
来自专栏智慧协同

我的NodeJS学习之路8(优化体验)

细心的朋友可以发现,Momentjs也提供了bower的安装包,所以直接可以在前台使用,但是我们并不推荐这样做,把处理放到前台会影响用户的体验。所以我们使用np...

16640
来自专栏大数据文摘

我如何用TeX“复活”两千多年前的《几何原本》?

2300多年前,被称为“几何之父”的古希腊数学家欧几里得,结合了前人思想,加上自己在几何方面的研究,最终创造出不朽之作《几何原本》。

11220
来自专栏OBKoro1的前端分享

图片外链失效?npm包一次性下载/替换所有失效的外链图片

大约一个月前,微博的图片外链失效了,以及掘金因为盗链问题也于2019/06/06决定开启防盗链,造成的影响是:个人博客网站的引用了这些图片外链都不能显示。

13230
来自专栏机器学习与统计学

我如何用TeX“复活”两千多年前的《几何原本》?

2300多年前,被称为“几何之父”的古希腊数学家欧几里得,结合了前人思想,加上自己在几何方面的研究,最终创造出不朽之作《几何原本》。

9330
来自专栏葫芦

teg markdown语法

Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。

11310
来自专栏生信技能树

求助:Zotero中添加Markdown插件失败

Create a file with a .xpi extension containing these files and directories:

31340
来自专栏Coding01

利用Electron简单撸一个Markdown编辑器

Markdown 是我们每一位开发者的必备技能,在写 Markdown 过程中,总是寻找了各种各样的编辑器,但每种编辑器都只能满足某一方面的需要,却不能都满足于...

15510
来自专栏iOSDevLog

Markdown 自动添加中英文空格

「有研究顯示,打字的時候不喜歡在中文和英文之間加空格的人,感情路都走得很辛苦,有七成的比例會在 34 歲的時候跟自己不愛的人結婚,而其餘三成的人最後只能把遺產留...

14840

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励