为知笔记的Markdown功能不能显示流程图吗
发布网友
发布时间：2022-04-27 05:40
共2个回答
懂视网
时间：2022-04-22 19:18
本篇文章给大家带来的内容是关于Markdown中的序列图的详解（图文），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
在众多的markdown编辑器中,作者使用Typora, 它具有实时渲染可见与编辑的特点, 并且还支持自定义渲染效果(只需要更改CSS文件即可). 该软件的流程图由 js-sequence支持, 序列图的代码段包裹在markdown格式的代码块中, 只需要更改相应的标记即可. 例如:
"sequence title: 序列图sequence(示例) participant A participant B participant C note left of A: A左侧说明 note over B: 覆盖B的说明 note right of C: C右侧说明 A->A:自己到自己 A->B:实线实箭头 A-->C:虚线实箭头 B->>C:实线虚箭头 B-->>A:虚线虚箭头"
这段代码渲染出来的流程图如下:
其主要有以下几种关键词:
title, 定义该序列图的标题
participant, 定义时序图中的对象
note, 定义对时序图中的部分说明
{actor}, 表示时序图中的具体对象（名称自定义）
其中针对note的方位控制主要包含以下几种关键词：
left of, 表示当前对象的左侧
right of, 表示当前对象的右侧
over, 表示覆盖在当前对象（们）的上面
其中针对{actor}的箭头分为以下几种：
-> 表示实线实箭头
–> 表示虚线实箭头
->> 表示实线虚箭头
–>> 表示虚线虚箭头
另外，时序图中的对象定义语句可以忽略，note语句还识别换行符，如下：
"sequence 颜回->孔子: 吃饭了没？note right of 孔子: 孔子思考 如何回答 孔子-->颜回: 吃过了。你咧？颜回->>孔子: 吃过了，吃过了！ "
本篇文章给大家带来的内容是关于Markdown中的序列图的详解（图文），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
总结来说js-sequence模块对sequence代码的语法解析执行过程如下图（图来自Railroad Diagram Generator）：
热心网友
时间：2022-04-22 16:26
在为知笔记上使用Markdown语言做笔记是一件很惬意的事情，但是您掌握了这门轻量级笔记语言的全部用法了吗？本文小编就为大家带来各平台上通用的为知笔记Markdown语法介绍及其预览效果展示。 如果您还为学会如何在为知笔记中添加Markdown笔记，可点击查看MD笔记的初级使用教程。 点击查看==》电脑为知笔记如何使用markdown 为知笔记Markdown语法全解及效果预览： 1、标题：文字前插入1~6个#号 # 这是标题1 ## 这是标题1 ###### 这是标题6 2、有序列表：正常输入序号，自动纠错 1/wp-content/uploads/2015/06/wiz_logo.png) 5、插入链接：[描述](链接地址) 如：[为知笔记]() 注意符号为全英文 6. 粗体、斜体、删除线： 粗体：在文字前后添加 ** (注意符号与文字间不要有空格） 斜体：在文字前后添加 * 删除线：在文字前后添加 ~~ **粗体** *斜体* ~~删除线~~ 7. 引用：在文字前 添加 > 8、表格： 为知笔记更新 版本 ------------------------------- WizNote Markdown Latest 9、代码框：代码前后加``` ``` int i = 0; i = 1; for (int i = 0; i < 100; i++) { printf("hello markdown!\n"); } ``` 10、目录：顶部加[TOC]，配合#号使用 [TOC] ###Markdown 是什么 ####Markdown 的好处 11、数学公式编辑：涉及Mathjax语法 可以创建行内公式，例如：$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ 或者块级公式， $$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$ 12、流程图：略显复杂，请仔细观看示例 ```flow st=>start: Start e=>end: End op1=>operation: My Operation sub1=>subroutine: My Subroutine cond=>condition: Yes or No? io=>inputoutput: catch something... st->op1->cond cond(yes)->io->e cond(no)->sub1(right)->op1 ``` 流程图语法详解：adrai.github.io/flowchart.js/ 13、时序图： ```sequence Alice->Bob: Hello Bob, how are you? Note right of Bob: Bob thinks Bob-->Alice: I am good thanks! ``` 时序图语法详解：https://bramp.github.io/js-sequence-diagrams/ 好了以上就是所有的为知笔记Markdown预览效果展示了，体会到这款轻量级笔记语言的强大了吗，当然我们只需要掌握前面的集中就足以应付日常生活中记笔记的需求啦。
