不懂代码的简友们请收藏了:MarkDown 里的图表绘制(可以直接复制,灵活使用)

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

表格代码:

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

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

代码区域截图

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,005评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,447评论 4 61
  • linux资料总章2.1 1.0写的不好抱歉 但是2.0已经改了很多 但是错误还是无法避免 以后资料会慢慢更新 大...
    数据革命阅读 14,274评论 2 33
  • 在南海上有一个荒无人烟的小岛,奇怪的是,岛上有一口枯井。井在岛上已经呆了一百多年,虽然不能走动,但每天面对着浩...
    是你的糯米呀阅读 3,535评论 0 1
  • #拆书学习法训练营#《非暴力沟通》段落 拆书标签 I 表达个人感受而非主观或客观看法更重要,要服从并有效表达自我感...
    猜呀猜阅读 3,056评论 0 0

友情链接更多精彩内容