我是如何用 Markdown 写公众号文章的

645 阅读4分钟

工欲善其事,必先利其器,想快速完美的完成一篇文章,编辑器和排版是很重要的,这里强烈推荐下 Markdown。

Markdown是一种轻量级标记语言,创始人为约翰·格鲁伯(英语:John Gruber)。它允许人们“使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档”。

以上介绍来自维基百科 zh.wikipedia.org/wiki/Markdo…

Markdown 相比普通的文本编辑器有什么优点呢?

  • 如同编辑 word 一样编辑 Markdown 文件,简单直观。
  • 轻松插入图片(直接粘贴上传)、表格、链接、列表、流程图、甘特图、时序图、LaTeX 公式等。
  • 高亮代码块。
  • 支持实时预览。
  • 表格编辑。

使用 Markdown 编辑器写文章,可以让作者只专注于内容,不再操心排版的问题。

公众号后台是有编辑器的,但比较难用,而且经常停留时间久了(文章写得长)可能需要重新登录,更麻烦的是排版问题,还没法实时预览效果。

image.png

所以我一直是用markdown编辑器写好文章,然后直接粘贴到公众号编辑器里,本文也是在 markdown 下编辑的。

下面说说 Markdown 语法 怎么用的,其实很简单,10分钟学会。

常用语法

标题

语法:#+空格+文本

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

效果:

image.png
可以看到三级标题比六级标题字体要大粗。

插入链接

语法:[文字描述](文字链接)

[Markdown中文文档](https://markdown-zh.readthedocs.io/en/latest/)

效果: Markdown中文文档

image.png

插入图片

语法:![图片描述(图片链接) 简单点就是直接复制图片后粘贴上传。

![Markdown中文文档](https://upload-images.jianshu.io/upload_images/17817191-2cfc5cfb11272656.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

效果:

image.png

引用

语法: >+空格 +文本

> 这是一段引用

效果:

这是一段引用 这是另一段引用

代码块

语法如下:

```js

这是代码段

```

效果:

public function cache()
{
        $cache = \Cache::get('app');
        if(!$cache) {
            \Cache::put('app', 'cache', 1);
        }
        dump($cache);
}

LaTeX公式

行内公式,使用两个美元符 ? 包裹 LaTeX 格式的数学公式 ,如 ?\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N?

效果:

\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N

或者块级公式? x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} ?

x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a}

因为公众号不支持公式,所以用图片替代了。

image.png

表格

语法如下:

| 项目        | 价格   |  数量  |
| --------   | -----:  | :----:  |
| 电脑     | \$1600 |   6     |
| 手机        |   \$120   |   8   |

效果:

项目 价格 数量
电脑 $1600 6
手机 $120 8
列表

语法: - + 空格 + 文本 或者 数字 + + 空格 + 文本

- 列表一
- 列表二
- 列表三

效果:

  • 列表一
  • 列表二
  • 列表三
粗体、斜体、删除线

语法:*文字*

**粗体**   *斜体*  ~~删除线~~

效果: 粗体 斜体 删除线

转义

如果你想只显示一个 # 号而不是一个标记,可以这样输入\# Markdown 就不会误认为是一个标记了。 语法:\#

效果: # Markdown

以上是常用的语法,应该能完全应付写一篇文章,如果想了解更多语法可以到Markdown中文文档https://markdown-zh.readthedocs.io/en/latest/查看。

在线markdown编辑器

知道了markdown 语法,实践才是硬道理,学习 markdown 是个很轻松的过程,因为能实时预览,10分钟就能学好,赶紧来试试吧。

目前很多网站支持 markdown 了,比如简书,简书一个很不错的博客平台,提供富文本编辑器和markdown编辑器,先将markdown编辑器设置为默认。

image.png
它能实时预览保存。
image.png
还能查看文件编辑历史,如果想回到过去某个版本也很简单。
image.png

不过简书需要注册账号,如果是临时用用推荐作业部落www.zybuluo.com/mdeditor

image.png

客户端markdown编辑器

除了在线的 markdown编辑器,还有客户端版本的markdown编辑器,这样就能本地编辑,不需要联网也能使用markdown,Markdown文件的后缀名是.md

首先推荐免费极简编辑器Typora typora.io/ 支持的平台有 Windows、MacOS、Linux。

图来自简书作者毕小烦

另外一个更懂程序员的markdown软件vnote tamlok.github.io/vnote/zh_cn…

vnote

公众号编辑器

用markdown编辑器写完文章后,如果直接复制到公众号编辑器,因为公众号后台支持markdown不大好,效果可能会很乱。

所以有人开发了针对公众号后台的markdown编辑器,比如https://lab.lyric.im/wxformat和http://js8.in/mpeditor, 这2个是开源的,可以部署到自己服务器。

不过我常用的是http://md.aclickall.com/ ,将markdown复制到这然后粘贴到公众号后台就完成了。

image.png

你平常用的哪个编辑器,可以评论分享下。

推荐阅读:

如何发一条空白的朋友圈

如何在电脑上登陆多个微信

那些你可能不知道的浏览器奇技淫巧

那些你可能不知道的微信奇技淫巧

那些你可能不知道的微博奇技淫巧

那些你可能不知道的网易云音乐奇技淫巧

那些你可能不知道的搜索奇技淫巧

那些你可能不知道的视频下载奇技淫巧

那些你可能不知道的免费观看 VIP 视频奇技淫巧

那些你可能不知道的知乎奇技淫巧

免费星球

公众号:苏生不惑

扫描二维码关注