继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

轻松上手写作利器 Markdown:从此文章排版无烦恼

黄浮云
关注TA
已关注
手记 4
粉丝 11
获赞 40

写作是每个人日常生活和工作中必不可少的内容,无论是写博客、写邮件,还是写报告、写项目方案,都无法避免写作。

在使用 Word 或类似编辑工具写作时,想必你一定纠结过字体、字号、间距等等的排版问题吧!

Word 这类富文本编辑工具,为用户提供了大量的排版样式。它功能强大,选择也足够自由,但有利就会有弊,换个角度,如果你缺乏足够的经验,那也只能望洋兴叹:

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

想要排版一篇看起来有模有样的文章,确实不是一件容易的事,不仅需要掌握一些排版知识,还需要培养排版审美。要是有强迫症那就更惨了,不停地去调整,去比对,却总是不尽人意!

那有没有这样一个模版,直接推荐一个美观的样式,让我不用关心各类字体、字号、间距等等的问题,而是可以直接拿来套用?并且它的使用足够简单。

试试 Markdown 吧。

Markdown 是什么

Markdown 是一种标记语言(不要被这个名词吓到,其实就是一些书写格式)。在写作时,你的所有文章内容都是没有样式的纯文本,在其中插入若干 Markdown 标记后,被标记的内容便有了样式。这些样式是经过精心设计的,会在最终渲染时呈现。

例如,在你所写的文字中,你希望某一行文字呈现一级标题的样式,那就给这行文字加个一级标题的标记。某几个词语需要加粗,那就给这几个词语加个粗体标记。样式被渲染后便会得到你想要的效果。

除了上面例举的两个标记外,Markdown 还支持多种标记,包括且不限于:

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

Markdown 效果如何

本文即是用 Markdown 所写,用的也是其最经典的样式。

当然,也有更美观的选择。下图是我用 Typora(一款免费 Markdown 编辑器,后文会介绍)所书写的一段文字,渲染后的排版效果如下:

Markdown 渲染后

看起来很不错。而它所对应的 Markdown 原始内容其实非常简洁朴素,如下:

Markdown 渲染前

是不是觉得有意思?那就学起来吧!

在开始学习 Markdown 之前我们先来挑一件趁手的编辑器,这样才能在学习的同时动手练习。

能渲染 Markdown 的编辑器

Markdown 是基于纯文本的,所以你可以直接使用记事本这样的编辑器来写作,但是记事本没法渲染 Markdown 内容,也就没法呈现出最终的排版效果。所以你需要一款能渲染 Markdown 内容的编辑器。

这里为大家推荐两款免费编辑器:

另外印象笔记、有道云笔记之类的笔记产品和简书之类的博客平台也支持 Markdown 写作和预览。如果你使用这些产品,不妨找找 Markdown 的入口在哪,今后也可以使用起来。

Markdown 的使用方法

前面介绍了,使用 Markdown 其实就是给文章内容作标记,把某处内容标记成什么那它最终就呈现什么样式。这些标记其实只是一些简单的符号。

Markdown 标记都有哪些,样式效果是怎么的呢?来一一看看。

这里罗列了十多个标记的用法,黑色框中是每个标记的写法,黑色框下面是其对应的效果。第一次接触时你可能会觉得枯燥,但是请相信它们会为你带来生产力的提升。

常用的标记

1)二级标题

## 这是二级标题

这是二级标题

2)三级标题

### 这是三级标题

这是三级标题

3)四级标题

#### 这是四级标题

这是四级标题

4)粗体

这是**粗体**

这是粗体

5)引用

> 这是引用

这是引用

6)有序列表

Markdown 中列表有两种:

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

Markdown 中列表有两种:

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

7)无序列表

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

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

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

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

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

8)链接

[这是链接文本](http://img1.mukewang.com/5acb3c8700013dc501600160.jpg)

9)插入图片

![任意图片名称](http://img1.mukewang.com/5acb3c8700013dc501600160.jpg)

加载成功时:

任意图片名称

加载失败时:

任意图片名称

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 插入图片的方式:

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

这里使用的链接是网络链接,其实也可以使用本地图片的的文件路径:

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

如果你的文章只会在本地浏览,那么链接使用本地图片路径没有任何问题,但是如果文章需要发布到网上,或者需要在其它电脑上浏览,那么使用本地图片路径的方式就不可行了,因为图片无法被加载。

所以,通常情况下建议使用网络链接的方式来插入图片。因为这种方式可以跨设备,通用性更好。但是这会带来一个问题:自己的图片该如何上传到网上,并且得到其网络链接地址?这就要用到图床了。

我们把网络上用来上传和保存图片的存储服务叫作图床。可以使用云存储服务作为图床,比如阿里云的 OSS、AWS 的 S3。云存储作为图床有几个好处:

  • 稳定可靠
  • 费用低廉甚至免费
  • 学会之后可顺便用作自己的文件备份系统

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

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

写在最后

前面总共介绍了 18 种 Markdown 标记,其实常用的也就 10 种左右,这些标记符号都很简单,不出十分钟便能全部记住。

今后写作时,不妨多使用 Markdown,因为它会大大方便你的写作,减少排版带来的负担。另外,反复的练习会加固你的记忆,无须多日便能做到信手拈来。

细心的读者可能发现了,在介绍 Markdown 标记时,「一级标题」和「斜体」这些样式被列在了「不常用但可能会用到的标记」小节,这是为什么?其实这两种样式虽然常见,但是按照 Markdown 的中文排版规范,它们是很少被用到的。排版规范是什么?它定义了诸如什么时候用粗体,什么时候用二级标题,什么时候加空格等等的排版要求,是个指导性的说明。《会用 Markdown 还不够,还得知道排版规范》将会为大家介绍 Markdown 排版规范。

本文为原创文章,首发于 https://dwz.cn/69exPiKF

相关阅读:

打开App,阅读手记
5人推荐
发表评论
随时随地看视频慕课网APP

热门评论

哦哟 作者说的标记我竟然都会

查看全部评论