标签归档:markdown

使用写代码的方式来画流程图

最近又开始尝试画一些流程图,然后尝试了下为知笔记自带的 [Flowchart.js](https://flowchart.js.org/),感觉其实很难用,主要是有很多冗余的语法,比如为什么要先定义节点,还要给它重命名;以及还有只有 condition 这个类型的节点支持多个分支,然而它又是很丑的菱形。

然后尝试了下 [Mermaid](https://mermaid-js.github.io/mermaid/#/) 这个,发现极其好用,完全没有冗余的语法,例如:

以及它还提供了[在线编辑器](https://mermaid-js.github.io/mermaid-live-editor),并且编辑后直接分享链接给别人,别人就能够直接查看和编辑了,简直不要更方便。

以及它还支持时序图、甘特图、用户体验地图(User Journey Diagram)、饼状图等等。

使用 Markdown 语法来写思维导图

为什么要用 Markdown 写思维导图,对于我个人来说实在有好多理由,例如:

– 相较于主要依赖于鼠标的操作,键盘操作的效率要高不少。
– 通用的格式不用考虑平台关闭文件不可用的问题,因为它本质只是一个 js 库。
– Markdown 存放在云笔记平台的话,管理文件会轻松一些,不会需要用到时候又找不到。
– 同一个内容有两种用途,例如一篇内容,平时自己看其实用文本格式就行了,但如果演示的时候可以切换到图像模式。

今天发现 [markmap-lib](https://markmap.js.org/) 这个工具很厉害,可以直接将 Markdown 格式的内容转成思维导图,以及样式和动画都算很不错。

继续阅读

Markdown简易语法及其他

##Markdown语法
###标题
# 内容 (一级标题)
## 内容 (二级标题)
### 内容 (三级标题)
####内容 (四级标题)
#####内容 (五级标题)
###### 内容 (六级标题)

###列表
#####无序列表:

– 内容
– 内容
– 内容
#####有序列表:
1. 内容
2. 内容
3. 内容

###链接、图片
####链接
[显示文本](链接地址)
####图片
![](图片链接地址)

###引用
> 内容

###粗体、斜体
粗体:**内容**
斜体:*内容*

###换行、分段
– 换行:行末加两个或以上个空格
– 分段:两个回车

###水平标尺
– 三个或三个以上的星号、减号或者下划线

##使用什么工具来书写
虽然Windows自带的记事本也能用来写Markdown语法文本,但是为了更好的体验还是可以考虑下其他工具。

首先推荐为知笔记(我的[邀请链接](https://note.wiz.cn/i/0b34aab9)。它是诸多主流云笔记软件(包括Evernote、有道云笔记、OneNote)里,唯一一个自带显示Markdown文本的。准备使用它写Markdown文本时记得在标题后加上“.md”,这样在阅读状态下才能显示正确。

如果你是使用的Windows的话,那我要推荐[MarkdownPad 2](http://markdownpad.com/download.html)这款软件,也是我正在使用并购买了付费版本的一款软件。

免费版本下它有如下特点:

– 复制文档为HTML或以HTML格式来打印
– 自定义CSS
– 键盘快捷键(这点做的不太好,和主流的快捷键不同)
– 自定义时间戳格式
– 简体中文支持
– 标签式的窗口(类似于Chrome的)

付费版本下(价格是$14.95)增加以下功能:

– 自动保存
– 导出为PDF格式
– 基于[imgur](http://imgur.com/)的上传本地图片功能
– 用Markdown语法书写表格(语法见[这里](http://markdownpad.com/faq.html#markdown-tables))
– [Markdown Extra](https://michelf.ca/projects/php-markdown/extra/) 语法支持(有了这一点写Wordpress博客可以变得异常方便,前提是你要在WP安装[这个](https://michelf.ca/projects/php-markdown/classic/)插件)
– 自动恢复未保存的内容

##为什么应该使用Markdown语法
– 因为它很容易学。学完上面说的几个语法,要不了几分钟。等你再有使用更复杂语法的需求,可以再去花功夫学习也不迟。
– 因为各个文本编辑器的格式标准不同,这意味着相同格式的文本从一个文本编辑器复制到另一个中,显示效果就差别很大了。
– 因为它可以让你在书写时抛弃鼠标,让你专注于书写本身(如果你打算在使用浏览器时抛弃鼠标,那么还可以考虑使用[Vimium](http://maybeiwill.me/vimium-%E5%BF%AB%E6%8D%B7%E9%94%AE/))。