写做利器 Markdown:基础、编辑器及图床

1、写做排版是个难题

写做是每一个人平常生活和工做中必不可少的内容,不管是写博客、写邮件,仍是写报告、写接口文档、写项目方案文档。python

在使用 Word 或相似编辑工具写做时,想必你必定纠结过字体、字号、间距等等的排版问题吧 :)。程序员

Word 这类富文本编辑工具,以所见即所得的方式,为用户提供了大量的可选样式和排版支持。它的功能十分强大,样式选择也足够自由,但也正是由于这样,让没有经验的用户面对排版样式的汪洋,不知所措:微信

  • 一级标题用什么字号什么字体?
  • 二级辩题用什么字号什么字体?
  • 正文用什么字号什么字体?
  • 正文与先后标题的边距怎么设定?
  • 行间距,字间距,段落间距?
  • ......

由此看来,想要让文字排版成一篇看起来有模有样的文章确实不是一件容易的事,不只须要掌握一些排版知识,也须要培养基本的排版审美。要是你向我同样有强迫症那就惨了,不停地去调整比对,却老是不尽人意 :)。markdown

那有没有这样一个模版,推荐一个好看的样式,让我不用关心各种字体、字号、间距等等的问题,而是能够直接往里头套用?网络

试试 Markdown 吧。编辑器

2、Markdown 是什么

Markdown 是一种标记语言。在写做时,你的全部文字都是没有样式的纯文本,在其中插入若干 Markdown 标记后,被标记的文字便有了样式。样式将会在渲染的时候呈现,而且样式的显示效果由 Markdown 工具决定。工具

好比,在你所写的文字中,你但愿某一行的最终排版呈现一级标题的样式,那就给这行文字加个一级标题的标记;某个地方有两个字须要加粗,那就给这两个字加个粗体标记,最终的排版效果中这两字就会是粗体模样。字体

Markdown 支持对多种文章元素作标记,包括但不限于:阿里云

  • 一至六级标题
  • 粗体
  • 斜体
  • 引用
  • 列表
  • 图片
  • 表格
  • 连接
  • 代码块

当前这篇文章就是用 Markdown 写的。你正在看的这部份内容的 Markdown 形式是这个样子的:spa

Markdown 是一种标记语言。在写做时,你的全部文字都是没有样式的纯文本,在其中插入若干 Markdown 标记后,被标记的文字便有了样式。样式将会在渲染的时候呈现,而且样式的显示效果由 Markdown 工具决定。

好比,在你所写的文字中,你但愿某一行的最终排版呈现一级标题的样式,那就给这行文字加个一级标题的标记;某个地方有两个字须要加粗,那就给这两个字加个粗体标记,最终的排版效果中这两字就会是粗体模样。

Markdown 支持对多种文章元素作标记,包括但不限于:

- 一至六级标题
- 粗体
- 斜体
- 引用
- 列表
- 图片
- 表格
- 连接
- 代码块

这些内容通过渲染以后即是你所看的的效果。

3、Markdown 的使用方法

前面说了,Markdown 其实就是给文章内容做标记,把某处内容标记成什么那它最终就呈现对应的样式,而这些标记是一些简单的符号。

那 Markdown 标记都有哪些,样式效果是怎么的呢?

经常使用的标记

(1) 二级标题

## 这是二级标题

这是二级标题

(2) 三级标题

### 这是三级标题

这是三级标题

(3) 四级标题

#### 这是四级标题

这是四级标题

(4) 粗体

这是**粗体**

这是粗体

(5) 引用

> 这是引用
这是引用

(6) 有序列表

Markdown 中列表有两种:

1. 有序列表,像这样带序号的。序号以数字、点、空格组成
2. 无序列表,不带序号的,也就是后面那种

Markdown 中列表有两种:

  1. 有序列表,像这样带序号的。序号以数字、点、空格组成
  2. 无序列表,不带序号的,也就是后面那种

(7) 无序列表

无序列表有两种相同效果的写法:

* 用 * 和一个空格开头
- 用 - 和一个空格开头

无序列表有两种相同效果的写法:

  • 用 * 和一个空格开头
  • 用 - 和一个空格开头

一个列表中咱们应该始终用同一种写法,不用混用 * 和 -

(8) 连接

[这是连接文本](https://xx.xx/xx)

这是连接文本

(9) 插入图片

![任意图片名称](https://xx.xx/xx)

加载成功时:

任意图片名称

加载失败时:

任意图片名称

(10) 插入表格

| 表头1 | 表头2 |
| --- | --- |
| 单元格1 | 单元格2 |
| 单元格3 | 单元格4 |
表头1 表头2
单元格1 单元格2
单元格3 单元格4

不经常使用但可能会用到的标记

(1) 代码块

```python
print('代码块表示多行代码,使用```来开头和结尾代码块')
print('语言标识可选,如有则可自动高亮代码元素')
```

print('代码块表示多行代码,使用```来开头和结尾代码块')
print('语言标识可选,如有则可自动高亮代码元素')

(2) 行内代码

这是行内代码 `echo 行内代码嵌入在某一行文本中

这是行内代码 echo 行内代码嵌入在某一行文本中

(3) 一级标题

# 这是一级标题

这是一级标题

(4) 五级标题

##### 这是五级标题
这是五级标题

(5) 六级标题

###### 这是六级标题
这是六级标题

(6) 分割线

---

(7) 斜体

这是*斜体*

这是斜体

(8) 删除线

这是~~删除线~~

这是删除线

能渲染 Markdown 的编辑器

Markdown 是基于纯文本的,因此你能够直接使用记事本这样的编辑器来写做,可是记事本无法渲染 Markdown 内容,也就无法呈现出最终的排版效果。因此你须要一款能渲染 Markdown 内容的编辑器。

这里为你们推荐几款免费编辑器:

另外印象笔记、有道云笔记之类的笔记产品和简书之类的博客平台也支持 Markdown 写做和预览。

图床

以前介绍了 Markdown 插入图片的方式:

![任意图片名称](https://xx.xx/xx)

这里演示的连接是网络连接,其实也可使用本地图片的的文件路径,形式以下:

![任意图片名称](C:\Documents\sample.png)

若是你的文章只会在本地浏览,那么连接使用本地图片路径没有任何问题,可是若是文章须要分享给别人,或者须要在其余电脑上浏览,那么本地图片路径的方式就不行了,图片会没法正常加载。

一般状况下建议使用网络连接的方式来插入图片。由于这种方式能够跨设备,通用性更好。可是这会带来一个问题:本身的图片该如何上传到网上,而且获得网络连接地址?

云存储做为图床

咱们把网络上用来保存上传图片的存储叫作图床

咱们可使用云上的存储服务做为图床,好比阿里云的 OSS、AWS 的 S3。云存储做为图床有几个好处:

  • 稳定可靠
  • 费用低廉甚至免费
  • 学会以后可用做本身的文件备份系统

这里以阿里云 OSS (其云存储服务)做为示例,简单介绍下如何上传图片并获得该图片的网络连接:

  1. (仅第一次使用时) 首先在阿里云官网(https://aliyun.com)注册阿里云帐号(可能须要实名认证),并登录
  2. 经过网址 https://oss.console.aliyun.com 进入 OSS 控制台(若须要开通服务则选择开通)
  3. (仅第一次使用时) 找到并点击右侧的「新建 Bucket」按钮,输入一个未被占用的名称,「读写权限」选择「公共读」,其余不变,而后「肯定」
  4. 页面左侧列表中即可以看到你刚才所设置的存储空间名称,点击进入
  5. 「文件管理」 -> 「上传文件」 -> 「上传文件」
  6. 文件上传后列表中会出现刚才上传的文件条目,点击条目右侧的「更多」 -> 「复制文件 URL」
  7. 至此图片已经上传,而且它的网络连接已经获得,能够在 Markdown 中使用了。值得注意的是,步骤 1. 和 3. 仅在第一次使用时才须要操做

结语

前面总共介绍了 18 种 Markdown 标记,其实经常使用的也就 10 种左右,这些标记符号都很简单,不出二十分钟便能所有记住。之后在写做的时候请尽可能去使用 Markdown,一方面反复的练习会使你紧紧记住各类标记符号,使用时信手拈来;另外一方面,Markdown 的使用会大大方便你写做,减小排版带来的负担。请坚信 Markdown 会为你带来生产力的提高。

细心的读者可能发现了,在介绍 Markdown 标记时,「一级标题」和「斜体」这么常见的样式被我列在了「不经常使用但可能会用到的标记」里,这是怎么回事?其实这两种样式虽然常见,可是按照 Markdown 的中文写做规范,是不多被用到的。写做规范是什么?它定义了何时用粗体,何时用二级标题,何时必须加空格等等的要求,是个指导性的说明。

《写做利器 Markdown:撰写规范》将会为你们介绍 Markdown 中文写做规范。


微信订阅「代码以外的自我修养」,增删改查以外来点有用且有趣的东西!
公众号「代码以外的自我修养」
相关文章
相关标签/搜索