|
|
@@ -1,262 +0,0 @@
|
|
1
|
|
->微信公众号排版工具。问题或建议,请公众号留言。**[程序员翻身](#jump_8)**
|
|
2
|
|
-
|
|
3
|
|
-建议使用 **Chrome** 浏览器,体验最佳效果。
|
|
4
|
|
-
|
|
5
|
|
-使用微信公众号编辑器有一个十分头疼的问题:粘贴出来的代码,格式错乱,空间小还带行号,而且特别丑。Markdown.com.cn编辑器能够解决这个问题。
|
|
6
|
|
-
|
|
7
|
|
-Markdown是一种轻量级的「标记语言」。
|
|
8
|
|
-
|
|
9
|
|
-请阅读下方文本熟悉工具使用方法,本文可直接拷贝到微信中预览。
|
|
10
|
|
-
|
|
11
|
|
-## 1 Markdown.com.cn 简介
|
|
12
|
|
-
|
|
13
|
|
-- 支持自定义样式的 Markdown 编辑器
|
|
14
|
|
-- 支持微信公众号、知乎和稀土掘金
|
|
15
|
|
-- 点击右上方对应图标,一键复制到各平台
|
|
16
|
|
-
|
|
17
|
|
-## 2 Markdown语法教程
|
|
18
|
|
-
|
|
19
|
|
-### 2.1 标题
|
|
20
|
|
-
|
|
21
|
|
-不同数量的`#`可以完成不同的标题,如下:
|
|
22
|
|
-
|
|
23
|
|
-# 一级标题
|
|
24
|
|
-
|
|
25
|
|
-## 二级标题
|
|
26
|
|
-
|
|
27
|
|
-### 三级标题
|
|
28
|
|
-
|
|
29
|
|
-### 2.2 字体
|
|
30
|
|
-
|
|
31
|
|
-粗体、斜体、粗体和斜体,删除线,需要在文字前后加不同的标记符号。如下:
|
|
32
|
|
-
|
|
33
|
|
-**这个是粗体**
|
|
34
|
|
-
|
|
35
|
|
-*这个是斜体*
|
|
36
|
|
-
|
|
37
|
|
-***这个是粗体加斜体***
|
|
38
|
|
-
|
|
39
|
|
-~这里想用删除线~~
|
|
40
|
|
-
|
|
41
|
|
-注:如果想给字体换颜色、字体或者居中显示,需要使用内嵌HTML来实现。
|
|
42
|
|
-
|
|
43
|
|
-### 2.3 无序列表
|
|
44
|
|
-
|
|
45
|
|
-无序列表的使用,在符号`-`后加空格使用。如下:
|
|
46
|
|
-
|
|
47
|
|
-- 无序列表 1
|
|
48
|
|
-- 无序列表 2
|
|
49
|
|
-- 无序列表 3
|
|
50
|
|
-
|
|
51
|
|
-如果要控制列表的层级,则需要在符号`-`前使用空格。如下:
|
|
52
|
|
-
|
|
53
|
|
-- 无序列表 1
|
|
54
|
|
-- 无序列表 2
|
|
55
|
|
- - 无序列表 2.1
|
|
56
|
|
- - 无序列表 2.2
|
|
57
|
|
-
|
|
58
|
|
-**由于微信原因,最多支持到二级列表**。
|
|
59
|
|
-
|
|
60
|
|
-### 2.4 有序列表
|
|
61
|
|
-
|
|
62
|
|
-有序列表的使用,在数字及符号`.`后加空格后输入内容,如下:
|
|
63
|
|
-
|
|
64
|
|
-1. 有序列表 1
|
|
65
|
|
-2. 有序列表 2
|
|
66
|
|
-3. 有序列表 3
|
|
67
|
|
-
|
|
68
|
|
-### 2.5 引用
|
|
69
|
|
-
|
|
70
|
|
-引用的格式是在符号`>`后面书写文字。如下:
|
|
71
|
|
-
|
|
72
|
|
-> 读一本好书,就是在和高尚的人谈话。 ——歌德
|
|
73
|
|
-
|
|
74
|
|
-> 雇用制度对工人不利,但工人根本无力摆脱这个制度。 ——阮一峰
|
|
75
|
|
-
|
|
76
|
|
-### 2.7 链接
|
|
77
|
|
-
|
|
78
|
|
-微信公众号仅支持公众号文章链接,即域名为`https://mp.weixin.qq.com/`的合法链接。使用方法如下所示:
|
|
79
|
|
-
|
|
80
|
|
-对于该论述,欢迎读者查阅之前发过的文章,[你是《未来世界的幸存者》么?](https://mp.weixin.qq.com/s/s5IhxV2ooX3JN_X416nidA)
|
|
81
|
|
-<a id="jump_8"></a>
|
|
82
|
|
-### 2.8 图片
|
|
83
|
|
-
|
|
84
|
|
-插入图片,格式如下:
|
|
85
|
|
-
|
|
86
|
|
-
|
|
87
|
|
-
|
|
88
|
|
-支持 jpg、png、gif、svg 等图片格式,**其中 svg 文件仅可在微信公众平台中使用**,svg 文件示例如下:
|
|
89
|
|
-
|
|
90
|
|
-
|
|
91
|
|
-
|
|
92
|
|
-支持图片**拖拽和截图粘贴**到编辑器中。
|
|
93
|
|
-
|
|
94
|
|
-注:支持图片 ***拖拽和截图粘贴*** 到编辑器中,仅支持 https 的图片,图片粘贴到微信时会自动上传微信服务器。
|
|
95
|
|
-
|
|
96
|
|
-### 2.9 分割线
|
|
97
|
|
-
|
|
98
|
|
-可以在一行中用三个以上的减号来建立一个分隔线,同时需要在分隔线的上面空一行。如下:
|
|
99
|
|
-
|
|
100
|
|
----
|
|
101
|
|
-
|
|
102
|
|
-### 2.10 表格
|
|
103
|
|
-
|
|
104
|
|
-可以使用冒号来定义表格的对齐方式,如下:
|
|
105
|
|
-
|
|
106
|
|
-| 姓名 | 年龄 | 工作 |
|
|
107
|
|
-| :--------- | :---: | -----------: |
|
|
108
|
|
-| 小可爱 | 18 | 吃可爱多 |
|
|
109
|
|
-| 小小勇敢 | 20 | 爬棵勇敢树 |
|
|
110
|
|
-| 小小小机智 | 22 | 看一本机智书 |
|
|
111
|
|
-
|
|
112
|
|
-
|
|
113
|
|
-
|
|
114
|
|
-## 3. 特殊语法
|
|
115
|
|
-
|
|
116
|
|
-### 3.1 脚注
|
|
117
|
|
-
|
|
118
|
|
-> 支持平台:微信公众号、知乎。
|
|
119
|
|
-
|
|
120
|
|
-脚注与链接的区别如下所示:
|
|
121
|
|
-
|
|
122
|
|
-```markdown
|
|
123
|
|
-链接:[文字](链接)
|
|
124
|
|
-脚注:[文字](脚注解释 "脚注名字")
|
|
125
|
|
-```
|
|
126
|
|
-
|
|
127
|
|
-有人认为在[大前端时代](https://en.wikipedia.org/wiki/Front-end_web_development "Front-end web development")的背景下,移动端开发(Android、IOS)将逐步退出历史舞台。
|
|
128
|
|
-
|
|
129
|
|
-[全栈工程师](是指掌握多种技能,并能利用多种技能独立完成产品的人。 "什么是全栈工程师")在业务开发流程中起到了至关重要的作用。
|
|
130
|
|
-
|
|
131
|
|
-脚注内容请拉到最下面观看。
|
|
132
|
|
-
|
|
133
|
|
-### 3.2 代码块
|
|
134
|
|
-
|
|
135
|
|
-> 支持平台:微信代码主题仅支持微信公众号!其他主题无限制。
|
|
136
|
|
-
|
|
137
|
|
-如果在一个行内需要引用代码,只要用反引号引起来就好,如下:
|
|
138
|
|
-
|
|
139
|
|
-Use the `printf()` function.
|
|
140
|
|
-
|
|
141
|
|
-在需要高亮的代码块的前一行及后一行使用三个反引号,同时**第一行反引号后面表示代码块所使用的语言**,如下:
|
|
142
|
|
-
|
|
143
|
|
-```java
|
|
144
|
|
-// FileName: HelloWorld.java
|
|
145
|
|
-public class HelloWorld {
|
|
146
|
|
- // Java 入口程序,程序从此入口
|
|
147
|
|
- public static void main(String[] args) {
|
|
148
|
|
- System.out.println("Hello,World!"); // 向控制台打印一条语句
|
|
149
|
|
- }
|
|
150
|
|
-}
|
|
151
|
|
-```
|
|
152
|
|
-
|
|
153
|
|
-支持以下语言种类:
|
|
154
|
|
-
|
|
155
|
|
-```
|
|
156
|
|
-bash
|
|
157
|
|
-clojure,cpp,cs,css
|
|
158
|
|
-dart,dockerfile, diff
|
|
159
|
|
-erlang
|
|
160
|
|
-go,gradle,groovy
|
|
161
|
|
-haskell
|
|
162
|
|
-java,javascript,json,julia
|
|
163
|
|
-kotlin
|
|
164
|
|
-lisp,lua
|
|
165
|
|
-makefile,markdown,matlab
|
|
166
|
|
-objectivec
|
|
167
|
|
-perl,php,python
|
|
168
|
|
-r,ruby,rust
|
|
169
|
|
-scala,shell,sql,swift
|
|
170
|
|
-tex,typescript
|
|
171
|
|
-verilog,vhdl
|
|
172
|
|
-xml
|
|
173
|
|
-yaml
|
|
174
|
|
-```
|
|
175
|
|
-
|
|
176
|
|
-如果想要更换代码高亮样式,可在上方**代码主题**中挑选。
|
|
177
|
|
-
|
|
178
|
|
-其中**微信代码主题与微信官方一致**,有以下注意事项:
|
|
179
|
|
-
|
|
180
|
|
-- 带行号且不换行,代码大小与官方一致
|
|
181
|
|
-- 需要在代码块处标志语言,否则无法高亮
|
|
182
|
|
-- 粘贴到公众号后,用鼠标点代码块内外一次,完成高亮
|
|
183
|
|
-
|
|
184
|
|
-diff 不能同时和其他语言的高亮同时显示,且需要调整代码主题为微信代码主题以外的代码主题才能看到 diff 效果,使用效果如下:
|
|
185
|
|
-
|
|
186
|
|
-```diff
|
|
187
|
|
-+ 新增项
|
|
188
|
|
-- 删除项
|
|
189
|
|
-```
|
|
190
|
|
-
|
|
191
|
|
-**其他主题不带行号,可自定义是否换行,代码大小与当前编辑器一致**
|
|
192
|
|
-
|
|
193
|
|
-### 3.3 数学公式
|
|
194
|
|
-
|
|
195
|
|
-> 支持平台:微信公众号、知乎。
|
|
196
|
|
-
|
|
197
|
|
-行内公式使用方法,比如这个化学公式:$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$
|
|
198
|
|
-
|
|
199
|
|
-块公式使用方法如下:
|
|
200
|
|
-
|
|
201
|
|
-$$H(D_2) = -\left(\frac{2}{4}\log_2 \frac{2}{4} + \frac{2}{4}\log_2 \frac{2}{4}\right) = 1$$
|
|
202
|
|
-
|
|
203
|
|
-矩阵:
|
|
204
|
|
-
|
|
205
|
|
-$$
|
|
206
|
|
- \begin{pmatrix}
|
|
207
|
|
- 1 & a_1 & a_1^2 & \cdots & a_1^n \\
|
|
208
|
|
- 1 & a_2 & a_2^2 & \cdots & a_2^n \\
|
|
209
|
|
- \vdots & \vdots & \vdots & \ddots & \vdots \\
|
|
210
|
|
- 1 & a_m & a_m^2 & \cdots & a_m^n \\
|
|
211
|
|
- \end{pmatrix}
|
|
212
|
|
-$$
|
|
213
|
|
-
|
|
214
|
|
-公式由于微信不支持,目前的解决方案是转成 svg 放到微信中,无需调整,矢量不失真。
|
|
215
|
|
-
|
|
216
|
|
-目前测试如果公式量过大,在 Chrome 下会存在粘贴后无响应,但是在 Firefox 中始终能够成功。
|
|
217
|
|
-
|
|
218
|
|
-### 3.4 TOC
|
|
219
|
|
-
|
|
220
|
|
-> 支持平台:微信公众号、知乎。
|
|
221
|
|
-
|
|
222
|
|
-TOC 全称为 Table of Content,列出全部标题。
|
|
223
|
|
-
|
|
224
|
|
-[TOC]
|
|
225
|
|
-
|
|
226
|
|
-由于微信只支持到二级列表,本工具仅支持二级标题和三级标题的显示。
|
|
227
|
|
-
|
|
228
|
|
-### 3.5 注音符号
|
|
229
|
|
-
|
|
230
|
|
-> 支持平台:微信公众号。
|
|
231
|
|
-
|
|
232
|
|
-支持注音符号,用法如下:
|
|
233
|
|
-
|
|
234
|
|
-Markdown Nice 这么好用,简直是{喜大普奔|hē hē hē hē}呀!
|
|
235
|
|
-
|
|
236
|
|
-### 3.6 横屏滑动幻灯片
|
|
237
|
|
-
|
|
238
|
|
-> 支持平台:微信公众号。
|
|
239
|
|
-
|
|
240
|
|
-通过`<,>`这种语法设置横屏滑动滑动片,具体用法如下:
|
|
241
|
|
-
|
|
242
|
|
-<,,>
|
|
243
|
|
-
|
|
244
|
|
-## 4 其他语法
|
|
245
|
|
-
|
|
246
|
|
-### 4.1 HTML
|
|
247
|
|
-
|
|
248
|
|
-支持原生 HTML 语法,请写内联样式,如下:
|
|
249
|
|
-
|
|
250
|
|
-<span style="display:block;text-align:right;color:orangered;">橙色居右</span>
|
|
251
|
|
-<span style="display:block;text-align:center;color:orangered;">橙色居中</span>
|
|
252
|
|
-
|
|
253
|
|
-### 4.2 UML
|
|
254
|
|
-
|
|
255
|
|
-不支持,推荐使用开源工具`https://draw.io/`制作后再导入图片
|
|
256
|
|
-
|
|
257
|
|
-
|
|
258
|
|
-## 5 致谢
|
|
259
|
|
-
|
|
260
|
|
-* 歌词经理 [wechat-fromat](https://github.com/lyricat/wechat-format "灵感来源")
|
|
261
|
|
-* 颜家大少 [MD2All](http://md.aclickall.com/ "MdA2All")
|
|
262
|
|
-
|