<进阶版>Markdown指南

有道云笔记内置Markdown编辑器和使用指南。git

“进阶版”有道云笔记Markdown指南,教你如何进一步掌握待办、清单、流程图和甘特图。github

 

0 待办和清单

待办事项和清单在平常工做、生活中常常被使用。浏览器

在Markdown中,你只须要在待办的事项文本或者清单文本前加上- [ ]、- [x]便可。编辑器

- [ ] 表示未完成,- [x] 表示已完成。工具

注:键入字符与字符之间都要保留一个字符的空格。学习

具体呈现以下:3d

1-2待办事项

 

 

1 流程图

在Markdown中,一段流程图语法以 “` 开头,以 “` 结尾。orm

在 “` 后另起一行,书写graph XX,用以肯定将要绘制的流程图及其类型(XX表示流程图类型)。blog

流程图分为竖向和横向两大类,竖向包括自上而下和自下而上两种顺序,横向包括从右到左和从左到右两种顺序。继承

其对应语法分别为:graph TB/graph BT/graph RL/graph LR。

  • TB - top bottom(自上而下)
  • BT - bottom top(自下而上)
  • RL - right left(从右到左)
  • LR - left right(从左到右)

简单示例如图:

自上而下自下而上从左到右从右到左

来学习一个具体案例:

流程图

仔细研究上述案例,会发现,咱们能够经过调整语法来调整流程图的框线、链接线,不一样条件能导向不一样结果。

①对框线形状的调整,如,

++

②对箭头的调整,如,

+++

只要充分掌握该语法,再复杂的流程图也彻底能用Markdown书写!

更详细的流程图语法,可参见:http://knsv.github.io/mermaid/#flowcharts-basic-syntax

 

 

2 甘特图

咱们在工做中用甘特图做计划进度表、项目进度表再合适不过了。

以以下甘特图为例说明,

甘1

与流程图同样,Markdown中,甘特图的语法也是以 “` 开头,以 “` 结尾。

在 “` 后另起一行,书写 gantt ,用以肯定将要绘制的是甘特图。

标题的书写语法以下:

甘2

dateFormat YYYY-MM-DD规定了时间轴,title (标题文本)表示甘特图标题。

如需按项目进行划分,需键入section,空一个字符,再输入项目名称的文本(一个section和另外一个section之间要空行)。

每一个大项目将拆解为若干个小任务,只需在section以后另起一行,直接输入小项目名称便可。

更详细的甘特图语法,参见:http://knsv.github.io/mermaid/#styling39


 

Tips for 有道云笔记中的Markdown

 

① 实时同步预览,所看即所得

咱们将笔记编辑界面一分为二,左边为编辑区,右边为预览区,两区滚动条同步。在编辑区的操做可以实时反映在预览区,方便及时调整和查看最终版面效果。

 

② 工具栏内置Markdown语法,方便新手学习

编辑页面顶端的工具栏有对应代码,若是你是一个不熟悉Markdown语法的新手,能够先尝试用工具栏辅助操做。也能够在网上搜索「Markdown语法指南」进行学习。

固然,若是你以为工具栏太打扰,点击下方分界条便可隐藏工具栏,切换到极简编辑环境。

 

③ 实时云端保存

Markdown模式继承了有道云笔记的优良传统,你每一次击键的内容都会实时保存在云端,无需担忧浏览器崩溃、设备没电、忽然断网等状况。对于写做者来讲,更是不再用担忧由于各类缘由痛失文稿的状况了。

 

④ 界面大小可点击分界条调整。

点击“1”处,工具栏收起;

点击“2”处,右侧预览区收起。

91

点击后效果如图

92

相关文章
相关标签/搜索