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

2019-05-14  本文已影响0人  interboy

最近写文字比较多,特别是涉及代码段和图标的情况时而发生,此时默认的简书富文本编辑器就非常的不好用。特别是代码书写的几乎是不可能完成的任务。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都支持的不错编辑器。

上一篇 下一篇

猜你喜欢

热点阅读