美文网首页阳光、清风和好天气
不懂代码的简友们请收藏了:MarkDown 里的图表绘制(可以直

不懂代码的简友们请收藏了:MarkDown 里的图表绘制(可以直

作者: 天火同人 | 来源:发表于2016-10-14 22:00 被阅读1624次

    本人不懂代码啥玩意儿的,只是复制模仿别人的来。刚才,捣腾了半个多钟头,不停地复制粘贴、增减调试,直到最后达到理想的效果,总算学会了在简书的 MarkDown 编辑器里绘制图表了。分享一下,方便大家。

    表格代码:

    【| | | | | | |
    |- | | | | | |
    | | | | | | |
    | | | | | | |
    | | | | | | |
    | | | | | | | |】

    实际使用步骤:
    1、复制粘贴上面方括号【】里面的代码内容(不要复制到了方括号【】),预览窗口则会显示一个整行的竖杠杠: | | | | | | | |- | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |;
    2、数一数,再把这一整行的竖杠杠 | ,平均分成 6 行。最后显示表格效果时,会自动隐藏掉第二行。注意,第二行第一列的位置上,一定要保留为 |- 。这里的 - 至少保留本行第一格里的一个,也可以增加,这一行不显示在阅读页面;
    3、完成第 2 步后,可能每行后面,还需要再补充一个竖杠杠 “ | ”。本人不懂代码,不明白其中原因;
    4、只要仔细反复调试,就能得到一个 6 列 5 行的表格,如下图。
    5、在表格里实际输入文字使用时,代码区的第二行,是不能输入文字的。如下图中选中后标蓝的一行,为非输入文字区域。

    代码区域截图

    | 示范表格 | | | | | |
    |- | | | | | |
    | 示范表格 | | | | | |
    | 示范表格 | | | | | |
    | 示范表格 | | | | | |
    | | | | | | 示范表格 | |

    上图中编辑区的代码内容,在预览区实际显示的表格效果。

    另:
    增减表格的列时,只需要在每行后面同时增减 | ,
    增减表格的行时,则要复制一整行的 | | | | | | | ,
    然后视实际效果,酌情增减 | 符号,即可得到满意图表。
    注:代码内容的第二行里,那一个小短横,是不能删除的。

    相关文章

      网友评论

        本文标题:不懂代码的简友们请收藏了:MarkDown 里的图表绘制(可以直

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