tnblog
首页
登录

关于tnblog markdown

307人阅读 2020/4/15 21:50 总访问:241486 评论:7 手机 收藏
分类: 前端

基本的语法就是常规的那些了


关于tnlog markdown画图

tnblog markdown除了可以支持标准的流程图和时序图之外,还自定义扩展了markdown语法支持mermaid画图,mermaid就可以支持很多种画图的功能了


例如画一个简单的LR的图:

code:

```mermaid
graph LR;
  A-->B;
  A-->C;
  B-->D;
```

画一个简单的sequenceDiagram的图:

code:

sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!


tip:为了让tnblog markdown支持mermaid,也是踩了不少坑,修改源码,分析mermaid几万行的源码,也算是把markdown解析的原理有了一定的了解,后面会陆续给tnblog markdown带来更多语法的支持谢谢大家的支持

更多花式操作可以参考尘叶心繁的博客 :  https://www.tnblog.net/hb/article/details/3515



评价
你是我最重要的决定
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2020TNBLOG.NET