美文网首页
如何用Markdown写简书,甚至流程图、甘特图、时序图、代码等

如何用Markdown写简书,甚至流程图、甘特图、时序图、代码等

作者: interboy | 来源:发表于2019-05-14 13:31 被阅读0次

    最近写文字比较多,特别是涉及代码段和图标的情况时而发生,此时默认的简书富文本编辑器就非常的不好用。特别是代码书写的几乎是不可能完成的任务。Markdown这种高效的书写格式就派上用场。

    Markdown是什么?

    引用Commonmark.org的一句描述文字吧,
    Markdown是一个简单的方式来格式化文字以便在任何设备中都看起来不错。它不能做任何漂亮的事情,比如改变字体的尺寸,颜色或者种类,除了使用你已经知道的那些最根本的键盘符号。
    https://commonmark.org/help/
    但它并不是那么擅长排版,更注重内容工作者高效的书写,当然也便于读者阅读。

    设置简书的常用编辑器

    在个人里面的设置,基础设置中选择常用编辑器为Markdown,注意在新建文章时才起作用。


    常用编辑器

    另外,推荐切换到预览模式使用,打开同步滚动开关,预览页面就会随着编辑页面同步滚动,这样可以高效的生产内容啦。


    预览模式

    Markdown语法

    标题

    # 一级标题
    ## 二级标题
    ### 三级标题
    

    列表

    - 列表第一项
    - 列表第二项
    

    有序列表

    1. One
    2. Two
    3. Three
    

    字体

    *Italic*
    **Bold**
    

    代码段

    \```php
    <?php
    echo "Hello world";
    \```
    

    引用 >

    块引用

    `Inline code` with backticks
    

    分割线

    ---
    

    链接

    [Link](http://a.com)
    

    图片

    在简书中直接复制图片就会自己生成

    ![Image](http://url/a.png)
    

    表格

    表头|条目一|条目二
    :---:|:---:|:---:
    项目|项目一|项目二
    

    :---代表左对齐,---:代表右对齐,:---:代表居中对齐

    流程图

    ```flow
    st=>start: begin
    en=>end: end
    op=>operation: process
    cond=>condition: Yes or No?
    
    st->op->cond
    cond(yes)->en
    cond(no)->op
    
    流程图

    简书不支持,typora支持。

    甘特图

    ```mermaid
    gantt
            dateFormat  YYYY-MM-DD
            title Project Plan
            section task
            done : done, des1, 2019-01-01,2019-01-05
            on-going : active, des2, 2019-01-06, 3d
            planned : des3, after des2, 5d
    
    甘特图

    简书不支持,typora支持。

    时序图

    ```sequence
    Title:connection
    client->server: request 
    server->client: response
    client->server: call
    
    时序图

    简书不支持,typora支持。

    其他支持Markdown的内容生产工具

    首先要推锤子便签,特别是能够输出图片格式。其次,印象笔记也支持。
    Typora则是Windows和Mac都支持的不错编辑器。

    相关文章

      网友评论

          本文标题:如何用Markdown写简书,甚至流程图、甘特图、时序图、代码等

          本文链接:https://www.haomeiwen.com/subject/mrfraqtx.html