​​​​ 我是如何用 Markdown 写公众号文章的 | 苏生不惑的博客

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

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

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

以上介绍来自维基百科 https://zh.wikipedia.org/wiki/Markdown

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

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

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

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

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

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

常用语法

标题

语法:#+空格+文本

1
2
3
4
5
6
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

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

插入链接

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

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

效果:
Markdown中文文档

image.png

插入图片

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

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

效果:
image.png

引用

语法: >+空格 +文本

1
> 这是一段引用

效果:

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

代码块

语法如下:

\

1
2
 这是代码段
\

效果:

1
2
3
4
5
6
7
8
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

表格

语法如下:

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

效果:

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

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

1
2
3
- 列表一
- 列表二
- 列表三

效果:

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

语法:*文字*

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

效果:
粗体 斜体 删除线

转义

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

效果:
# Markdown

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

在线markdown编辑器

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

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

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

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

客户端markdown编辑器

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

首先推荐免费极简编辑器Typora https://typora.io/ 支持的平台有 Windows、MacOS、Linux。
图来自简书作者毕小烦

另外一个更懂程序员的markdown软件vnote https://tamlok.github.io/vnote/zh_cn/#!downloads.md
vnote

公众号编辑器

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

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

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

更多资源:
MarkDown工具https://www.ifuntools.cn/special/markdown/
在线脑图工具https://www.socialwiki.cn/
https://www.mdeditor.com/
https://help.seafile.com/zh/wiki/markdown_editor.html
https://mazhuang.org/2018/09/06/markdown-intro/
https://coding.net/help/doc/project/markdown.html
https://maxiang.io/
https://juejin.im/post/5c1cd16de51d4563d9206173
基于 git 的笔记软件 https://www.gitnoteapp.com/
有道云笔记http://note.youdao.com/
https://github.com/lyricat/wechat-format
https://www.mdnice.com/

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

推荐阅读:

如何发一条空白的朋友圈

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

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

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

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

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

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

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

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

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

免费星球

公众号:苏生不惑

扫描二维码关注