如何优雅地排版微信公众号

图腾

为什么要用 Markdown

  大家都知道公众号只支持富文本写作,这就有了很大的限制,尤其对于程序员来说很不友好,不能插入代码成了很多人的痛点。

  而往往你看到的很好看的排版,这也是人家经过了几个小时的选材排版后的结果。虽然市面上也有很多排版网站,如:秀米、135 、365,不否认它们都很优秀,但是要想有一个不错的排版,也是费尽心力。

  而现在有一种只需要关注语法本身,不需要担心排版的 神器 —— Markdown

  Markdown 是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。

  其语法简单易用,富文本能做到的它都能做到,同时又支持 HTML、以及代码插入,很受程序员喜欢。

  Markdown 编辑器

  Markdown 只是一种语法格式,使用它写作,只需要记住简单的几个语法即可。正所谓:工欲善其事必先利其器,你现在还需要一款合适的能够支持 Markdown 语法的编辑器。

  推荐几款比较好用的编辑器:

  • Typora:所见即所得,神器,推荐

  • VScode:巨硬家族,很棒

  • Sublime Text:需要安装插件

  • Atom:GitHub 推出,转为程序员设计,很强大

  • 简书:一个写作平台

  上面五种编辑器,除了 Typora 与简书以为,其余三种都需要自己配置 Markdown 插件,在这里不在赘述。

Markdown 语法

  标题


# 一级标题

## 二级标题

### 三级标题

...

一级标题

二级标题

三级标题


  

  文本加粗


**文本加粗**

文本加粗

  斜体


*斜体*

斜体

  下划线


<u>下划线</u>

<u>下划线</u>

  删除线


~~删除线~~

删除线

  分割线


***

---

+++



  文本引用


> 这是一段文本,正在被引用...

这是一段文本,正在被引用...

  链接


[描述](链接地址)

[百度](https://www.baidu.com)

百度

  文本居中


<center>文本居中</center>

<center><font color=grey>文本居中</font></center> # 指定颜色

  

  换行


<br/>

换行<br/>换行 # 示例

换行
换行

  首行缩进


&emsp; # 缩进一个空白(字符)

&emsp;&emsp;首行缩进

  首行缩进

  无序列表


+ 无序列表 # + 与文本之间有空格

- 无序列表

* 无序列表

  • 无序列表

  • 无序列表

  • 无序列表

  有序列表


1\. 有序列表

2\. 有序列表

1. 有序列表

2. 有序列表

  复选框


* [x] 第一只青蛙 # 已勾选,* 与 [ ] 之间有空格

* [ ] 第二只青蛙 # 未勾选

* [ ] 第二只青蛙

  • [x] 第一只青蛙

  • [ ] 第二只青蛙

  • [ ] 第二只青蛙

  插入图片


![描述](图片链接地址)

![](https://raw.githubusercontent.com/hj1933/img/master/img/20181127113453.png)

冥想

  代码块


这是`行内代码`,xxx

​```

代码块

​```

这是行内代码,行内代码。


代码块

  表格


|序号|名称|类型|

|---|----|---|

|1  |表格 |Table1|
|2  |表格 |Table2|
|3  |表格 |Table3|

序号 名称 类型
1 表格 Table1
2 表格 Table2
3 表格 Table3

Markdown 样式

同样地使用 Markdown 写作,你可能最终看到的效果却不同,这是由于 CSS 样式不同导致的。下图就是不同样式的引用,其表现方式也不同:

鬼吹灯
鬼吹灯
鬼吹灯

  上面这些样式都是引用了别人已经写好的,第一个样式是我在别人的基础上,对其稍作修改,目前自己日常使用。

  推荐几个 CSS 样式:

Markdown 样式使用

  因为微信公众号只支持富文本,对 Markdown 语法不支持,因此就需要将 Markdown 转换为富文本,转换方法大致分为以下几种:

  • 在线网站转换:Md2All

  • 浏览器插件:Markdown Here

  在线转换

  能够在线将 Markdown 转换为富文本的网站有很多,目前发现 Md2All 挺好用的,支持自定义 CSS 样式,同时也有很多自己的样式可以使用。

操作流程:将用 Markdown 写好的文章,粘贴到网站的左侧(右侧为预览)—— 点击一建排版,将 CSS 样式粘贴进去,然后选择保存,此刻就能看到右侧的内容一建变换 —— 选择复制,然后将其粘贴到微信公众号即可。

  Markdown-Here 插件

Markdown-Here

  另一种方式就是安装 Markdown-Here 插件,然后将 CSS 样式拷贝到插件中,再将用 Markdown 写好的文章拷贝到公众号,全选,最后点击插件(或 CTRL+ALT+M,将会一键转换)。

  可以通过 Chrome、Firefox 浏览器安装,在这里就不在赘述。

Markdown-Here

  将 CSS 样式拷贝到基本渲染 CSS 即可,还可以选择自己喜欢的语法高亮 CSS。

参考文章:

浅谈微信公众号排版 —— Markdown 入门和进阶
Markdown 你应该学会的文章编辑利器

推荐阅读:
总有那么一个人,愿翻山越岭为你而来
记阳朔之行
在简书,有幸遇到你

喜欢我,欢迎来 公众号 找我哟~ :)

苍白露
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,378评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,356评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,702评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,259评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,263评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,036评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,349评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,979评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,469评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,938评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,059评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,703评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,257评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,262评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,485评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,501评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,792评论 2 345

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明先生_x阅读 15,968评论 3 119
  • 今天又加班了,还好才加到8点,比上周连续几天加班到10点好多了,可是鼻炎犯了,公交车开着窗吹着鼻涕直流。 我想起去...
    Anna娜阅读 196评论 0 0
  • 上次在桌洞里搞一下钻木取火,这次抓个蜗牛来课桌玩一玩。这也是一种好奇,不过要在恰当的场合。
    稼轩李德智阅读 319评论 0 0
  • 了解我的人,都知道我特别二百五,但这次我要换一下文风,我想写写奶奶们…因为我也想做一个好奶奶 今天之所以有感是因为...
    lily妮妮阅读 460评论 1 0
  • 2018年5月24日 星期四 晴 【亲子日记490天】 今天和儿子聊起他这几天的表现,我对儿子说,...
    窝窝家阅读 86评论 0 2