4kkm.com
八千里路云和月
黄浮云的个人网站
  1. 首页
  2. markdown
  3. 正文

轻松上手Markdown,写作排版无烦恼

2020年09月29日 671点热度 0人点赞 0条评论

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

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

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

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

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

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

试试 Markdown 吧。

Markdown 是什么

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

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

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

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

Markdown 效果如何

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

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

Markdown 渲染后
Markdown 渲染后

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

Markdown 渲染前
Markdown 渲染前

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

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

能渲染 Markdown 的编辑器

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

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

  • Typora,适合所有人,美观,易用。(其官网的演示视频 https://www.typora.io/img/beta.mp4)
  • VS code + markdownlint 插件,适合程序员

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

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

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

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

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

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

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

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

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

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

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

写在最后

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

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

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

标签: markdown
最后更新:2020年09月29日

黄浮云

保持饥渴的专注,追求最佳的品质

点赞
下一篇 >

文章评论

取消回复
文章归档
  • 2020年10月
  • 2020年9月
分类目录
  • markdown
  • 未分类

COPYRIGHT © 2020 4kkm.com. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS