-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
890 lines (827 loc) · 108 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
<!DOCTYPE html>
<html>
<head> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,user-scalable=0">
<meta name="author" content="微信公众号:北岛向南">
<meta name="email" content="3056432@qq.com">
<title>Markdown-doc | 北岛向南的小屋</title>
<style type="text/css" id="markdown_preview_css">
.output_wrapper pre code{font-family: Consolas, Inconsolata, Courier, monospace; display: block !important; white-space: pre !important; word-wrap: normal !important; word-break: normal !important; overflow: auto !important;}
.output_wrapper a:hover { text-decoration: underline; color: rgb(0, 96, 100); }
.output_wrapper figcaption { margin-top: 10px; text-align: center; color: rgb(153, 153, 153); font-size: 0.7em; }
.output_wrapper pre code .linenum { padding-right: 20px; word-spacing: 0px; }
.task-list-list { list-style-type: none; }
.task-list-list.checked { color: rgb(62, 62, 62); }
.task-list-list.uncheck { color: rgb(191, 193, 191); }
.task-list-list .icon_uncheck, .task-list-list .icon_check { display: inline-block; vertical-align: middle; margin-right: 10px; }
.task-list-list .icon_check::before { content: "√"; border: 2px solid rgb(62, 62, 62); color: red; }
.task-list-list .icon_uncheck::before { content: "x"; border: 2px solid rgb(191, 193, 191); color: rgb(191, 193, 191); }
.task-list-list .icon_check::before, .task-list-list .icon_uncheck::before { padding: 2px 8px 2px 5px; border-radius: 5px; }
@font-face { font-family: KaTeX_AMS; src: url("fonts/KaTeX_AMS-Regular.woff2") format("woff2"), url("fonts/KaTeX_AMS-Regular.woff") format("woff"), url("fonts/KaTeX_AMS-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: KaTeX_Caligraphic; src: url("fonts/KaTeX_Caligraphic-Bold.woff2") format("woff2"), url("fonts/KaTeX_Caligraphic-Bold.woff") format("woff"), url("fonts/KaTeX_Caligraphic-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }
@font-face { font-family: KaTeX_Caligraphic; src: url("fonts/KaTeX_Caligraphic-Regular.woff2") format("woff2"), url("fonts/KaTeX_Caligraphic-Regular.woff") format("woff"), url("fonts/KaTeX_Caligraphic-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: KaTeX_Fraktur; src: url("fonts/KaTeX_Fraktur-Bold.woff2") format("woff2"), url("fonts/KaTeX_Fraktur-Bold.woff") format("woff"), url("fonts/KaTeX_Fraktur-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }
@font-face { font-family: KaTeX_Fraktur; src: url("fonts/KaTeX_Fraktur-Regular.woff2") format("woff2"), url("fonts/KaTeX_Fraktur-Regular.woff") format("woff"), url("fonts/KaTeX_Fraktur-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: KaTeX_Main; src: url("fonts/KaTeX_Main-Bold.woff2") format("woff2"), url("fonts/KaTeX_Main-Bold.woff") format("woff"), url("fonts/KaTeX_Main-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }
@font-face { font-family: KaTeX_Main; src: url("fonts/KaTeX_Main-BoldItalic.woff2") format("woff2"), url("fonts/KaTeX_Main-BoldItalic.woff") format("woff"), url("fonts/KaTeX_Main-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; }
@font-face { font-family: KaTeX_Main; src: url("fonts/KaTeX_Main-Italic.woff2") format("woff2"), url("fonts/KaTeX_Main-Italic.woff") format("woff"), url("fonts/KaTeX_Main-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; }
@font-face { font-family: KaTeX_Main; src: url("fonts/KaTeX_Main-Regular.woff2") format("woff2"), url("fonts/KaTeX_Main-Regular.woff") format("woff"), url("fonts/KaTeX_Main-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: KaTeX_Math; src: url("fonts/KaTeX_Math-BoldItalic.woff2") format("woff2"), url("fonts/KaTeX_Math-BoldItalic.woff") format("woff"), url("fonts/KaTeX_Math-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; }
@font-face { font-family: KaTeX_Math; src: url("fonts/KaTeX_Math-Italic.woff2") format("woff2"), url("fonts/KaTeX_Math-Italic.woff") format("woff"), url("fonts/KaTeX_Math-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; }
@font-face { font-family: KaTeX_SansSerif; src: url("fonts/KaTeX_SansSerif-Bold.woff2") format("woff2"), url("fonts/KaTeX_SansSerif-Bold.woff") format("woff"), url("fonts/KaTeX_SansSerif-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }
@font-face { font-family: KaTeX_SansSerif; src: url("fonts/KaTeX_SansSerif-Italic.woff2") format("woff2"), url("fonts/KaTeX_SansSerif-Italic.woff") format("woff"), url("fonts/KaTeX_SansSerif-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; }
@font-face { font-family: KaTeX_SansSerif; src: url("fonts/KaTeX_SansSerif-Regular.woff2") format("woff2"), url("fonts/KaTeX_SansSerif-Regular.woff") format("woff"), url("fonts/KaTeX_SansSerif-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: KaTeX_Script; src: url("fonts/KaTeX_Script-Regular.woff2") format("woff2"), url("fonts/KaTeX_Script-Regular.woff") format("woff"), url("fonts/KaTeX_Script-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: KaTeX_Size1; src: url("fonts/KaTeX_Size1-Regular.woff2") format("woff2"), url("fonts/KaTeX_Size1-Regular.woff") format("woff"), url("fonts/KaTeX_Size1-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: KaTeX_Size2; src: url("fonts/KaTeX_Size2-Regular.woff2") format("woff2"), url("fonts/KaTeX_Size2-Regular.woff") format("woff"), url("fonts/KaTeX_Size2-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: KaTeX_Size3; src: url("fonts/KaTeX_Size3-Regular.woff2") format("woff2"), url("fonts/KaTeX_Size3-Regular.woff") format("woff"), url("fonts/KaTeX_Size3-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: KaTeX_Size4; src: url("fonts/KaTeX_Size4-Regular.woff2") format("woff2"), url("fonts/KaTeX_Size4-Regular.woff") format("woff"), url("fonts/KaTeX_Size4-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: KaTeX_Typewriter; src: url("fonts/KaTeX_Typewriter-Regular.woff2") format("woff2"), url("fonts/KaTeX_Typewriter-Regular.woff") format("woff"), url("fonts/KaTeX_Typewriter-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@media screen {
.katex .mtable .vertical-separator { min-width: 1px; }
.katex .mfrac .frac-line, .katex .overline .overline-line, .katex .underline .underline-line, .katex .hline, .katex .hdashline, .katex .rule { min-height: 1px; }
}
.katex-display { display: block; margin: 1em 0px; text-align: center; }
.katex-display > .katex { display: block; text-align: center; white-space: nowrap; }
.katex-display > .katex > .katex-html { display: block; }
.katex-display > .katex > .katex-html > .tag { position: absolute; right: 0px; }
.katex { font: 1.21em/1.2 KaTeX_Main, "Times New Roman", serif; text-indent: 0px; text-rendering: auto; }
.katex * { }
.katex .katex-mathml { position: absolute; clip: rect(1px, 1px, 1px, 1px); padding: 0px; border: 0px; height: 1px; width: 1px; overflow: hidden; }
.katex .katex-html { }
.katex .katex-html > .newline { display: block; }
.katex .base { position: relative; display: inline-block; white-space: nowrap; width: min-content; }
.katex .strut { display: inline-block; }
.katex .textbf { font-weight: bold; }
.katex .textit { font-style: italic; }
.katex .textrm { font-family: KaTeX_Main; }
.katex .textsf { font-family: KaTeX_SansSerif; }
.katex .texttt { font-family: KaTeX_Typewriter; }
.katex .mathit { font-family: KaTeX_Math; font-style: italic; }
.katex .mathrm { font-style: normal; }
.katex .mathbf { font-family: KaTeX_Main; font-weight: bold; }
.katex .boldsymbol { font-family: KaTeX_Math; font-weight: bold; font-style: italic; }
.katex .amsrm { font-family: KaTeX_AMS; }
.katex .mathbb, .katex .textbb { font-family: KaTeX_AMS; }
.katex .mathcal { font-family: KaTeX_Caligraphic; }
.katex .mathfrak, .katex .textfrak { font-family: KaTeX_Fraktur; }
.katex .mathtt { font-family: KaTeX_Typewriter; }
.katex .mathscr, .katex .textscr { font-family: KaTeX_Script; }
.katex .mathsf, .katex .textsf { font-family: KaTeX_SansSerif; }
.katex .mainit { font-family: KaTeX_Main; font-style: italic; }
.katex .mainrm { font-family: KaTeX_Main; font-style: normal; }
.katex .vlist-t { display: inline-table; table-layout: fixed; }
.katex .vlist-r { display: table-row; }
.katex .vlist { display: table-cell; vertical-align: bottom; position: relative; }
.katex .vlist > span { display: block; height: 0px; position: relative; }
.katex .vlist > span > span { display: inline-block; }
.katex .vlist > span > .pstrut { overflow: hidden; width: 0px; }
.katex .vlist-t2 { margin-right: -2px; }
.katex .vlist-s { display: table-cell; vertical-align: bottom; font-size: 1px; width: 2px; min-width: 2px; }
.katex .msupsub { text-align: left; }
.katex .mfrac > span > span { text-align: center; }
.katex .mfrac .frac-line { display: inline-block; width: 100%; border-bottom-style: solid; }
.katex .mspace { display: inline-block; }
.katex .llap, .katex .rlap, .katex .clap { width: 0px; position: relative; }
.katex .llap > .inner, .katex .rlap > .inner, .katex .clap > .inner { position: absolute; }
.katex .llap > .fix, .katex .rlap > .fix, .katex .clap > .fix { display: inline-block; }
.katex .llap > .inner { right: 0px; }
.katex .rlap > .inner, .katex .clap > .inner { left: 0px; }
.katex .clap > .inner > span { margin-left: -50%; margin-right: 50%; }
.katex .rule { display: inline-block; border: 0px solid; position: relative; }
.katex .overline .overline-line, .katex .underline .underline-line, .katex .hline { display: inline-block; width: 100%; border-bottom-style: solid; }
.katex .hdashline { display: inline-block; width: 100%; border-bottom-style: dashed; }
.katex .sqrt > .root { margin-left: 0.277778em; margin-right: -0.555556em; }
.katex .sizing, .katex .fontsize-ensurer { display: inline-block; }
.katex .sizing.reset-size1.size1, .katex .fontsize-ensurer.reset-size1.size1 { font-size: 1em; }
.katex .sizing.reset-size1.size2, .katex .fontsize-ensurer.reset-size1.size2 { font-size: 1.2em; }
.katex .sizing.reset-size1.size3, .katex .fontsize-ensurer.reset-size1.size3 { font-size: 1.4em; }
.katex .sizing.reset-size1.size4, .katex .fontsize-ensurer.reset-size1.size4 { font-size: 1.6em; }
.katex .sizing.reset-size1.size5, .katex .fontsize-ensurer.reset-size1.size5 { font-size: 1.8em; }
.katex .sizing.reset-size1.size6, .katex .fontsize-ensurer.reset-size1.size6 { font-size: 2em; }
.katex .sizing.reset-size1.size7, .katex .fontsize-ensurer.reset-size1.size7 { font-size: 2.4em; }
.katex .sizing.reset-size1.size8, .katex .fontsize-ensurer.reset-size1.size8 { font-size: 2.88em; }
.katex .sizing.reset-size1.size9, .katex .fontsize-ensurer.reset-size1.size9 { font-size: 3.456em; }
.katex .sizing.reset-size1.size10, .katex .fontsize-ensurer.reset-size1.size10 { font-size: 4.148em; }
.katex .sizing.reset-size1.size11, .katex .fontsize-ensurer.reset-size1.size11 { font-size: 4.976em; }
.katex .sizing.reset-size2.size1, .katex .fontsize-ensurer.reset-size2.size1 { font-size: 0.833333em; }
.katex .sizing.reset-size2.size2, .katex .fontsize-ensurer.reset-size2.size2 { font-size: 1em; }
.katex .sizing.reset-size2.size3, .katex .fontsize-ensurer.reset-size2.size3 { font-size: 1.16667em; }
.katex .sizing.reset-size2.size4, .katex .fontsize-ensurer.reset-size2.size4 { font-size: 1.33333em; }
.katex .sizing.reset-size2.size5, .katex .fontsize-ensurer.reset-size2.size5 { font-size: 1.5em; }
.katex .sizing.reset-size2.size6, .katex .fontsize-ensurer.reset-size2.size6 { font-size: 1.66667em; }
.katex .sizing.reset-size2.size7, .katex .fontsize-ensurer.reset-size2.size7 { font-size: 2em; }
.katex .sizing.reset-size2.size8, .katex .fontsize-ensurer.reset-size2.size8 { font-size: 2.4em; }
.katex .sizing.reset-size2.size9, .katex .fontsize-ensurer.reset-size2.size9 { font-size: 2.88em; }
.katex .sizing.reset-size2.size10, .katex .fontsize-ensurer.reset-size2.size10 { font-size: 3.45667em; }
.katex .sizing.reset-size2.size11, .katex .fontsize-ensurer.reset-size2.size11 { font-size: 4.14667em; }
.katex .sizing.reset-size3.size1, .katex .fontsize-ensurer.reset-size3.size1 { font-size: 0.714286em; }
.katex .sizing.reset-size3.size2, .katex .fontsize-ensurer.reset-size3.size2 { font-size: 0.857143em; }
.katex .sizing.reset-size3.size3, .katex .fontsize-ensurer.reset-size3.size3 { font-size: 1em; }
.katex .sizing.reset-size3.size4, .katex .fontsize-ensurer.reset-size3.size4 { font-size: 1.14286em; }
.katex .sizing.reset-size3.size5, .katex .fontsize-ensurer.reset-size3.size5 { font-size: 1.28571em; }
.katex .sizing.reset-size3.size6, .katex .fontsize-ensurer.reset-size3.size6 { font-size: 1.42857em; }
.katex .sizing.reset-size3.size7, .katex .fontsize-ensurer.reset-size3.size7 { font-size: 1.71429em; }
.katex .sizing.reset-size3.size8, .katex .fontsize-ensurer.reset-size3.size8 { font-size: 2.05714em; }
.katex .sizing.reset-size3.size9, .katex .fontsize-ensurer.reset-size3.size9 { font-size: 2.46857em; }
.katex .sizing.reset-size3.size10, .katex .fontsize-ensurer.reset-size3.size10 { font-size: 2.96286em; }
.katex .sizing.reset-size3.size11, .katex .fontsize-ensurer.reset-size3.size11 { font-size: 3.55429em; }
.katex .sizing.reset-size4.size1, .katex .fontsize-ensurer.reset-size4.size1 { font-size: 0.625em; }
.katex .sizing.reset-size4.size2, .katex .fontsize-ensurer.reset-size4.size2 { font-size: 0.75em; }
.katex .sizing.reset-size4.size3, .katex .fontsize-ensurer.reset-size4.size3 { font-size: 0.875em; }
.katex .sizing.reset-size4.size4, .katex .fontsize-ensurer.reset-size4.size4 { font-size: 1em; }
.katex .sizing.reset-size4.size5, .katex .fontsize-ensurer.reset-size4.size5 { font-size: 1.125em; }
.katex .sizing.reset-size4.size6, .katex .fontsize-ensurer.reset-size4.size6 { font-size: 1.25em; }
.katex .sizing.reset-size4.size7, .katex .fontsize-ensurer.reset-size4.size7 { font-size: 1.5em; }
.katex .sizing.reset-size4.size8, .katex .fontsize-ensurer.reset-size4.size8 { font-size: 1.8em; }
.katex .sizing.reset-size4.size9, .katex .fontsize-ensurer.reset-size4.size9 { font-size: 2.16em; }
.katex .sizing.reset-size4.size10, .katex .fontsize-ensurer.reset-size4.size10 { font-size: 2.5925em; }
.katex .sizing.reset-size4.size11, .katex .fontsize-ensurer.reset-size4.size11 { font-size: 3.11em; }
.katex .sizing.reset-size5.size1, .katex .fontsize-ensurer.reset-size5.size1 { font-size: 0.555556em; }
.katex .sizing.reset-size5.size2, .katex .fontsize-ensurer.reset-size5.size2 { font-size: 0.666667em; }
.katex .sizing.reset-size5.size3, .katex .fontsize-ensurer.reset-size5.size3 { font-size: 0.777778em; }
.katex .sizing.reset-size5.size4, .katex .fontsize-ensurer.reset-size5.size4 { font-size: 0.888889em; }
.katex .sizing.reset-size5.size5, .katex .fontsize-ensurer.reset-size5.size5 { font-size: 1em; }
.katex .sizing.reset-size5.size6, .katex .fontsize-ensurer.reset-size5.size6 { font-size: 1.11111em; }
.katex .sizing.reset-size5.size7, .katex .fontsize-ensurer.reset-size5.size7 { font-size: 1.33333em; }
.katex .sizing.reset-size5.size8, .katex .fontsize-ensurer.reset-size5.size8 { font-size: 1.6em; }
.katex .sizing.reset-size5.size9, .katex .fontsize-ensurer.reset-size5.size9 { font-size: 1.92em; }
.katex .sizing.reset-size5.size10, .katex .fontsize-ensurer.reset-size5.size10 { font-size: 2.30444em; }
.katex .sizing.reset-size5.size11, .katex .fontsize-ensurer.reset-size5.size11 { font-size: 2.76444em; }
.katex .sizing.reset-size6.size1, .katex .fontsize-ensurer.reset-size6.size1 { font-size: 0.5em; }
.katex .sizing.reset-size6.size2, .katex .fontsize-ensurer.reset-size6.size2 { font-size: 0.6em; }
.katex .sizing.reset-size6.size3, .katex .fontsize-ensurer.reset-size6.size3 { font-size: 0.7em; }
.katex .sizing.reset-size6.size4, .katex .fontsize-ensurer.reset-size6.size4 { font-size: 0.8em; }
.katex .sizing.reset-size6.size5, .katex .fontsize-ensurer.reset-size6.size5 { font-size: 0.9em; }
.katex .sizing.reset-size6.size6, .katex .fontsize-ensurer.reset-size6.size6 { font-size: 1em; }
.katex .sizing.reset-size6.size7, .katex .fontsize-ensurer.reset-size6.size7 { font-size: 1.2em; }
.katex .sizing.reset-size6.size8, .katex .fontsize-ensurer.reset-size6.size8 { font-size: 1.44em; }
.katex .sizing.reset-size6.size9, .katex .fontsize-ensurer.reset-size6.size9 { font-size: 1.728em; }
.katex .sizing.reset-size6.size10, .katex .fontsize-ensurer.reset-size6.size10 { font-size: 2.074em; }
.katex .sizing.reset-size6.size11, .katex .fontsize-ensurer.reset-size6.size11 { font-size: 2.488em; }
.katex .sizing.reset-size7.size1, .katex .fontsize-ensurer.reset-size7.size1 { font-size: 0.416667em; }
.katex .sizing.reset-size7.size2, .katex .fontsize-ensurer.reset-size7.size2 { font-size: 0.5em; }
.katex .sizing.reset-size7.size3, .katex .fontsize-ensurer.reset-size7.size3 { font-size: 0.583333em; }
.katex .sizing.reset-size7.size4, .katex .fontsize-ensurer.reset-size7.size4 { font-size: 0.666667em; }
.katex .sizing.reset-size7.size5, .katex .fontsize-ensurer.reset-size7.size5 { font-size: 0.75em; }
.katex .sizing.reset-size7.size6, .katex .fontsize-ensurer.reset-size7.size6 { font-size: 0.833333em; }
.katex .sizing.reset-size7.size7, .katex .fontsize-ensurer.reset-size7.size7 { font-size: 1em; }
.katex .sizing.reset-size7.size8, .katex .fontsize-ensurer.reset-size7.size8 { font-size: 1.2em; }
.katex .sizing.reset-size7.size9, .katex .fontsize-ensurer.reset-size7.size9 { font-size: 1.44em; }
.katex .sizing.reset-size7.size10, .katex .fontsize-ensurer.reset-size7.size10 { font-size: 1.72833em; }
.katex .sizing.reset-size7.size11, .katex .fontsize-ensurer.reset-size7.size11 { font-size: 2.07333em; }
.katex .sizing.reset-size8.size1, .katex .fontsize-ensurer.reset-size8.size1 { font-size: 0.347222em; }
.katex .sizing.reset-size8.size2, .katex .fontsize-ensurer.reset-size8.size2 { font-size: 0.416667em; }
.katex .sizing.reset-size8.size3, .katex .fontsize-ensurer.reset-size8.size3 { font-size: 0.486111em; }
.katex .sizing.reset-size8.size4, .katex .fontsize-ensurer.reset-size8.size4 { font-size: 0.555556em; }
.katex .sizing.reset-size8.size5, .katex .fontsize-ensurer.reset-size8.size5 { font-size: 0.625em; }
.katex .sizing.reset-size8.size6, .katex .fontsize-ensurer.reset-size8.size6 { font-size: 0.694444em; }
.katex .sizing.reset-size8.size7, .katex .fontsize-ensurer.reset-size8.size7 { font-size: 0.833333em; }
.katex .sizing.reset-size8.size8, .katex .fontsize-ensurer.reset-size8.size8 { font-size: 1em; }
.katex .sizing.reset-size8.size9, .katex .fontsize-ensurer.reset-size8.size9 { font-size: 1.2em; }
.katex .sizing.reset-size8.size10, .katex .fontsize-ensurer.reset-size8.size10 { font-size: 1.44028em; }
.katex .sizing.reset-size8.size11, .katex .fontsize-ensurer.reset-size8.size11 { font-size: 1.72778em; }
.katex .sizing.reset-size9.size1, .katex .fontsize-ensurer.reset-size9.size1 { font-size: 0.289352em; }
.katex .sizing.reset-size9.size2, .katex .fontsize-ensurer.reset-size9.size2 { font-size: 0.347222em; }
.katex .sizing.reset-size9.size3, .katex .fontsize-ensurer.reset-size9.size3 { font-size: 0.405093em; }
.katex .sizing.reset-size9.size4, .katex .fontsize-ensurer.reset-size9.size4 { font-size: 0.462963em; }
.katex .sizing.reset-size9.size5, .katex .fontsize-ensurer.reset-size9.size5 { font-size: 0.520833em; }
.katex .sizing.reset-size9.size6, .katex .fontsize-ensurer.reset-size9.size6 { font-size: 0.578704em; }
.katex .sizing.reset-size9.size7, .katex .fontsize-ensurer.reset-size9.size7 { font-size: 0.694444em; }
.katex .sizing.reset-size9.size8, .katex .fontsize-ensurer.reset-size9.size8 { font-size: 0.833333em; }
.katex .sizing.reset-size9.size9, .katex .fontsize-ensurer.reset-size9.size9 { font-size: 1em; }
.katex .sizing.reset-size9.size10, .katex .fontsize-ensurer.reset-size9.size10 { font-size: 1.20023em; }
.katex .sizing.reset-size9.size11, .katex .fontsize-ensurer.reset-size9.size11 { font-size: 1.43981em; }
.katex .sizing.reset-size10.size1, .katex .fontsize-ensurer.reset-size10.size1 { font-size: 0.24108em; }
.katex .sizing.reset-size10.size2, .katex .fontsize-ensurer.reset-size10.size2 { font-size: 0.289296em; }
.katex .sizing.reset-size10.size3, .katex .fontsize-ensurer.reset-size10.size3 { font-size: 0.337512em; }
.katex .sizing.reset-size10.size4, .katex .fontsize-ensurer.reset-size10.size4 { font-size: 0.385728em; }
.katex .sizing.reset-size10.size5, .katex .fontsize-ensurer.reset-size10.size5 { font-size: 0.433944em; }
.katex .sizing.reset-size10.size6, .katex .fontsize-ensurer.reset-size10.size6 { font-size: 0.48216em; }
.katex .sizing.reset-size10.size7, .katex .fontsize-ensurer.reset-size10.size7 { font-size: 0.578592em; }
.katex .sizing.reset-size10.size8, .katex .fontsize-ensurer.reset-size10.size8 { font-size: 0.694311em; }
.katex .sizing.reset-size10.size9, .katex .fontsize-ensurer.reset-size10.size9 { font-size: 0.833173em; }
.katex .sizing.reset-size10.size10, .katex .fontsize-ensurer.reset-size10.size10 { font-size: 1em; }
.katex .sizing.reset-size10.size11, .katex .fontsize-ensurer.reset-size10.size11 { font-size: 1.19961em; }
.katex .sizing.reset-size11.size1, .katex .fontsize-ensurer.reset-size11.size1 { font-size: 0.200965em; }
.katex .sizing.reset-size11.size2, .katex .fontsize-ensurer.reset-size11.size2 { font-size: 0.241158em; }
.katex .sizing.reset-size11.size3, .katex .fontsize-ensurer.reset-size11.size3 { font-size: 0.28135em; }
.katex .sizing.reset-size11.size4, .katex .fontsize-ensurer.reset-size11.size4 { font-size: 0.321543em; }
.katex .sizing.reset-size11.size5, .katex .fontsize-ensurer.reset-size11.size5 { font-size: 0.361736em; }
.katex .sizing.reset-size11.size6, .katex .fontsize-ensurer.reset-size11.size6 { font-size: 0.401929em; }
.katex .sizing.reset-size11.size7, .katex .fontsize-ensurer.reset-size11.size7 { font-size: 0.482315em; }
.katex .sizing.reset-size11.size8, .katex .fontsize-ensurer.reset-size11.size8 { font-size: 0.578778em; }
.katex .sizing.reset-size11.size9, .katex .fontsize-ensurer.reset-size11.size9 { font-size: 0.694534em; }
.katex .sizing.reset-size11.size10, .katex .fontsize-ensurer.reset-size11.size10 { font-size: 0.833601em; }
.katex .sizing.reset-size11.size11, .katex .fontsize-ensurer.reset-size11.size11 { font-size: 1em; }
.katex .delimsizing.size1 { font-family: KaTeX_Size1; }
.katex .delimsizing.size2 { font-family: KaTeX_Size2; }
.katex .delimsizing.size3 { font-family: KaTeX_Size3; }
.katex .delimsizing.size4 { font-family: KaTeX_Size4; }
.katex .delimsizing.mult .delim-size1 > span { font-family: KaTeX_Size1; }
.katex .delimsizing.mult .delim-size4 > span { font-family: KaTeX_Size4; }
.katex .nulldelimiter { display: inline-block; width: 0.12em; }
.katex .delimcenter { position: relative; }
.katex .op-symbol { position: relative; }
.katex .op-symbol.small-op { font-family: KaTeX_Size1; }
.katex .op-symbol.large-op { font-family: KaTeX_Size2; }
.katex .op-limits > .vlist-t { text-align: center; }
.katex .accent > .vlist-t { text-align: center; }
.katex .accent .accent-body:not(.accent-full) { width: 0px; }
.katex .accent .accent-body { position: relative; }
.katex .overlay { display: block; }
.katex .mtable .vertical-separator { display: inline-block; margin: 0px -0.025em; border-right: 0.05em solid; }
.katex .mtable .vs-dashed { border-right: 0.05em dashed; }
.katex .mtable .arraycolsep { display: inline-block; }
.katex .mtable .col-align-c > .vlist-t { text-align: center; }
.katex .mtable .col-align-l > .vlist-t { text-align: left; }
.katex .mtable .col-align-r > .vlist-t { text-align: right; }
.katex .svg-align { text-align: left; }
.katex svg, .screenShotTempCanvas { display: block; position: absolute; width: 100%; height: inherit; fill: currentcolor; stroke: currentcolor; fill-rule: nonzero; fill-opacity: 1; stroke-width: 1; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0; stroke-opacity: 1; }
.katex svg path { stroke: none; }
.katex .stretchy { width: 100%; display: block; position: relative; overflow: hidden; }
.katex .stretchy::before, .katex .stretchy::after { content: ""; }
.katex .hide-tail { width: 100%; position: relative; overflow: hidden; }
.katex .halfarrow-left { position: absolute; left: 0px; width: 50.2%; overflow: hidden; }
.katex .halfarrow-right { position: absolute; right: 0px; width: 50.2%; overflow: hidden; }
.katex .brace-left { position: absolute; left: 0px; width: 25.1%; overflow: hidden; }
.katex .brace-center { position: absolute; left: 25%; width: 50%; overflow: hidden; }
.katex .brace-right { position: absolute; right: 0px; width: 25.1%; overflow: hidden; }
.katex .x-arrow-pad { padding: 0px 0.5em; }
.katex .x-arrow, .katex .mover, .katex .munder { text-align: center; }
.katex .boxpad { padding: 0px 0.3em; }
.katex .fbox { box-sizing: border-box; border: 0.04em solid black; }
.katex .fcolorbox { box-sizing: border-box; border: 0.04em solid; }
.katex .cancel-pad { padding: 0px 0.2em; }
.katex .cancel-lap { margin-left: -0.2em; margin-right: -0.2em; }
.katex .sout { border-bottom-style: solid; border-bottom-width: 0.08em; }
.output_wrapper .hljs-comment,.output_wrapper .hljs-quote{color: rgb(125, 122, 104);}
.output_wrapper .hljs-variable,.output_wrapper .hljs-template-variable,.output_wrapper .hljs-attribute,.output_wrapper .hljs-tag,.output_wrapper .hljs-name,.output_wrapper .hljs-regexp,.output_wrapper .hljs-link,.output_wrapper .hljs-name,.output_wrapper .hljs-selector-id,.output_wrapper .hljs-selector-class{color: rgb(215, 55, 55);}
.output_wrapper .hljs-number,.output_wrapper .hljs-meta,.output_wrapper .hljs-built_in,.output_wrapper .hljs-builtin-name,.output_wrapper .hljs-literal,.output_wrapper .hljs-type,.output_wrapper .hljs-params{color: rgb(182, 86, 17);}
.output_wrapper .hljs-string,.output_wrapper .hljs-symbol,.output_wrapper .hljs-bullet{color: rgb(96, 172, 57);}
.output_wrapper .hljs-title,.output_wrapper .hljs-section{color: rgb(102, 132, 225);}
.output_wrapper .hljs-keyword,.output_wrapper .hljs-selector-tag{color: rgb(184, 84, 212);}
.output_wrapper .hljs{display: block; overflow-x: auto; background: rgb(254, 251, 236); color: rgb(110, 107, 94); padding: 0.5em;}
.output_wrapper .hljs-emphasis{font-style: italic;}
.output_wrapper .hljs-strong{font-weight: bold;}
.output_wrapper pre code {line-height: 18px; font-size: 14px; font-weight: normal; word-spacing: 0px; letter-spacing: 0px;}
.output_wrapper{font-size: 15px; color: rgb(62, 62, 62); line-height: 1.8; word-spacing: 2px; letter-spacing: 2px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%); background-size: 20px 20px; background-position: center center;}
.output_wrapper *{font-size: inherit; color: inherit; line-height: inherit; margin: 0px; padding: 0px;}
.output_wrapper p{margin: 1.7em 0px;}
.output_wrapper h1,.output_wrapper h2,.output_wrapper h3,.output_wrapper h4,.output_wrapper h5,.output_wrapper h6{margin: 1.6em 0px; font-weight: bold;}
.output_wrapper h1{font-size: 1.6em;}
.output_wrapper h2{font-size: 1.4em;}
.output_wrapper h3{font-size: 1.3em;}
.output_wrapper h4{font-size: 1.2em;}
.output_wrapper h5{font-size: 1em;}
.output_wrapper h6{font-size: 1em;}
.output_wrapper h3{border-bottom: 2px solid rgb(41, 182, 246); font-size: 1.3em;}
.output_wrapper h3 span{display: inline-block; font-weight: normal; background: rgb(128, 222, 234); color: rgb(255, 255, 255); padding: 3px 10px 1px; border-top-right-radius: 3px; border-top-left-radius: 3px; margin-right: 3px;}
.output_wrapper h3::after{display: inline-block; content: " "; vertical-align: bottom; border-bottom: 36px solid rgb(239, 235, 233); border-right: 20px solid transparent;}
.output_wrapper ul,.output_wrapper ol{padding-left: 32px;}
.output_wrapper ul{list-style-type: disc;}
.output_wrapper ol{list-style-type: decimal;}
.output_wrapper li *{}
.output_wrapper li{margin-bottom: 0.5em;}
.output_wrapper .code_size_default{line-height: 18px; font-size: 14px; font-weight: normal; word-spacing: 0px; letter-spacing: 0px;}
.output_wrapper .code_size_tight{line-height: 15px; font-size: 11px; font-weight: normal; word-spacing: -3px; letter-spacing: 0px;}
.output_wrapper pre code{font-family: Consolas, Inconsolata, Courier, monospace; border-radius: 0px;}
.output_wrapper blockquote{display: block; padding: 15px 15px 15px 1rem; font-size: 0.9em; margin: 1em 0px; color: rgb(0, 0, 0); border-left: 5px solid rgb(239, 112, 96); background: rgb(239, 235, 233); overflow: auto; word-wrap: normal; word-break: normal;}
.output_wrapper blockquote p{margin: 0px;}
.output_wrapper a{text-decoration: none; color: rgb(30, 107, 184); word-wrap: break-word;}
.output_wrapper strong{font-weight: bold; color: rgb(233, 105, 0);}
.output_wrapper em{font-style: italic; color: rgb(98, 0, 234);}
.output_wrapper del{color: rgb(41, 98, 255);}
.output_wrapper strong em{font-weight: bold; color: rgb(197, 17, 98);}
.output_wrapper hr{height: 1px; margin: 1.5rem 0px; border-right: none; border-bottom: none; border-left: none; border-image: initial; border-top: 1px dashed rgb(165, 165, 165);}
.output_wrapper code{word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin: 0px 2px; color: rgb(248, 35, 117); background: rgb(248, 248, 248);}
.output_wrapper img{display: block; margin: 0px auto; max-width: 100%;}
.output_wrapper figcaption{margin-top: 10px; text-align: center; color: rgb(153, 153, 153); font-size: 0.7em;}
.output_wrapper table{display: table; width: 100%; text-align: left;}
.output_wrapper tbody{border: 0px;}
.output_wrapper table tr{border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204); background-color: white;}
.output_wrapper table tr:nth-child(2n){background-color: rgb(248, 248, 248);}
.output_wrapper table tr th,.output_wrapper table tr td{font-size: 1em; border: 1px solid rgb(204, 204, 204); padding: 0.5em 1em; text-align: left;}
.output_wrapper table tr th{font-weight: bold; background-color: rgb(240, 240, 240);}
.output_wrapper .katex-display{font-size: 1.22em;}
.output_wrapper .katex{padding: 8px 3px;}
.output_wrapper .katex-display > .katex{display: inline-block; text-align: center; padding: 3px;}
.output_wrapper .katex img{display: inline-block; vertical-align: middle;}
.output_wrapper a[href^="#"] sup{vertical-align: super; margin: 0px 2px; padding: 1px 3px; color: rgb(255, 255, 255); background: rgb(102, 102, 102); font-size: 0.7em;}
.output_wrapper .task-list-list{list-style-type: none;}
.output_wrapper .task-list-list.checked{color: rgb(62, 62, 62);}
.output_wrapper .task-list-list.uncheck{color: rgb(191, 193, 191);}
.output_wrapper .task-list-list .icon_uncheck,.output_wrapper .task-list-list .icon_check{display: inline-block; vertical-align: middle; margin-right: 10px;}
.output_wrapper .task-list-list .icon_check::before{content: "√"; border: 2px solid rgb(62, 62, 62); color: red;}
.output_wrapper .task-list-list .icon_uncheck::before{content: "x"; border: 2px solid rgb(191, 193, 191); color: rgb(191, 193, 191);}
.output_wrapper .task-list-list .icon_check::before,.output_wrapper .task-list-list .icon_uncheck::before{padding: 2px 8px 2px 5px; border-radius: 5px;}
.output_wrapper .toc{margin-left: 25px;}
.output_wrapper .toc_item{display: block;}
.output_wrapper .toc_left{margin-left: 25px;}
</style>
<style type="text/css" id="export_setting_css">body { width: 100%; margin: 0px; padding: 0px; background: rgb(81, 154, 178); }
#export_content { margin: 40px 20%; padding: 20px; border: 1px solid rgb(149, 155, 111); background: rgb(255, 255, 255); }</style>
</head>
<body>
<a href="https://github.com/zhouie/markdown-doc"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_left_red_aa0000.png" alt="Fork me on GitHub"></a>
<div id="export_content">
<div class="output_wrapper" id="output_wrapper_id"><blockquote>
<p>欢迎关注微信公众号:<strong>北岛向南</strong>(id:nanzhouie)</p>
</blockquote>
<figure><img src="http://upload-images.jianshu.io/upload_images/9934558-5686cd20ab879929.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="扫一扫 + 微信公众号" title="扫一扫 + 微信公众号"><figcaption>扫一扫 + 微信公众号</figcaption></figure>
<hr>
<p><strong>GitHub Pages:</strong><a href="https://zhouie.cn/markdown-doc/">https://zhouie.cn/markdown-doc/</a></p>
<p class="toc" id="tocid_0"><span class="toc_item"><span class="toc_left"><a href="#h1markdown">1. 认识 Markdown</a></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h11markdown">1.1 Markdown的优点</a></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h12markdown">1.2 Markdown 的现状</a></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h13markdown">1.3 Markdown官方文档</a></span></span></span><span class="toc_item"><span class="toc_left"><a href="#h2markdown">2. 使用Markdown</a></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h21">2.1 标题</a></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h22">2.2 加粗、斜体 和 删除线</a></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h23">2.3 列表</a></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h24">2.4 引用</a></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h25">2.5 分割线</a></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h26">2.6 插入链接</a></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h27">2.7 插入图片</a></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h28">2.8 表格</a></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h29">2.9 角标</a></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h210">2.10 上下标</a></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h211">2.11 直接链接与邮箱</a></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h212">2.12 换行</a></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h213">2.13 反斜杠</a></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h214">2.14 代码高亮</a></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h215">2.15 其他</a></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h2151">2.15.1 锚点</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h2152">2.15.2 空格</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h2153">2.15.3 图片图床</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h2154latex">2.15.4 LaTeX公式</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#hd">行内公式(`$`表示)</a></span></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#hdd">整行公式(`$$`表示)</a></span></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h2155">2.15.5 流程图、渲染序列图</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h">流程图</a></span></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h-1">渲染序列图</a></span></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h2156githubemoji">2.15.6 GitHub Emoji</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h216markdown">2.16 Markdown的局限性</a></span></span></span><span class="toc_item"><span class="toc_left"><a href="#h3markdown">3. Markdown 工具的选择</a></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h31windows">3.1 Windows 平台</a></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h311sublimehttpwwwsublimetextcom">3.1.1 Sublime</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h312httpswwwjianshucom">3.1.2 简书</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h313cmdmarkdownhttpswwwzybuluocomcmd">3.1.3 Cmd Markdown</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h314httpsmaxiangio">3.1.4 马克飞象</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h315httpwwwwizcn">3.1.5 为知笔记</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h316simplemarkpadhttpsimplemarkpadqiniudncom">3.1.6 Simple MarkPad</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h317markpadhttpcode52orgdownmarkerwpf">3.1.7 MarkPad</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h318miuhttpsgithubcomegoistmiu">3.1.8 Miu</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h32mac">3.2 Mac 平台</a></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h321mouhttp25iomou">3.2.1 Mou</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h322ulysseshttpwwwulyssesappcom">3.2.2 Ulysses</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h323bywordhttpsbywordappcom">3.2.3 Byword</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h324typorahttpswwwtyporaio">3.2.4 typora</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h325quiverhttphappenappscom">3.2.5 Quiver</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h326alternotehttpalternoteappcom">3.2.6 Alternote</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h327snippetslabhttpwwwrenfeiorgsnippetslab">3.2.7 SnippetsLab</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><span class="toc_left"><a href="#h328markdownpadhttpmarkdownpadcom">3.2.8 MarkdownPad</a></span></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h33">3.3 网页版(线上)</a></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h34others">3.4 Others</a></span></span></span><span class="toc_item"><span class="toc_left"><span class="toc_left"><a href="#h35more">3.5 More</a></span></span></span><span class="toc_item"><span class="toc_left"><a href="#h4">4. 推荐阅读</a></span></span><span class="toc_item"><span class="toc_left"><a href="#h5">5. 补充</a></span></span></p>
<h2 id="h1markdown"><span>1. 认识 Markdown</span></h2>
<blockquote>
<p>HTML ( <code>HyperText Markup Language</code> ) 作为一种超文本标记语言 ( <code>Markup Language</code> ) 应运而生,无数的网页从此有了主次分明,层次清晰的格式。<br>如果将 HTML 比作一架重机枪,那么 Markdown 就是一把手枪,满足了主要的文本格式标记的需求,可是操作性却大大简化。<br>秉承 <strong>易读易写</strong> 的宗旨,Markdown 作为一种轻量级标记语言 ( <code>Lightweight Markup Language</code> ) ,让无数的程序猿和文字工作者爱不释手。</p>
</blockquote>
<h3 id="h11markdown"><span>1.1 Markdown的优点</span></h3>
<ul>
<li><span>专注你的文字内容而不是排版样式,安心写作</span></li>
<li>轻松的导出 <code>HTML</code>、<code>PDF</code> 和本身的 <code>.md</code> 文件</li>
<li><span>纯文本内容,兼容所有的文本编辑器与字处理软件</span></li>
<li><span>随时修改你的文章版本,不必像字处理软件生成若干文件版本导致混乱</span></li>
<li><span>可读、直观、学习成本低</span></li>
</ul>
<h3 id="h12markdown"><span>1.2 Markdown 的现状</span></h3>
<blockquote>
<p>有时候一件事情的真相,不是来自于对它的思考,而是来自于对它的感觉。<br>——Stanley Kubrick</p>
</blockquote>
<p>这是 John Grumber 最喜欢的用来解释 Markdown 设计初衷的一句话,Markdown 语言希望带来的就是纯粹的写作的感觉,旨在简洁、高效,也由于 Markdown 的易读易写,人们用不同的编程语言实现了多个版本的解析器和生成器。</p>
<p>目前不同的 Markdown 工具集成了不同的功能(但基础功能大致相同),例如 <strong>流程图</strong> 与 <strong>时序图</strong> ,<strong>复杂表格</strong> 与 <strong>复杂公式</strong> 的呈现。<br>我相信随着 Markdown 语法的逐渐普及开来,以后更多的平台会支持 Markdown 书写模式,并集成更加完整的功能模块。</p>
<p>虽然功能的 “<strong>丰富</strong>” 并没有什么本质的缺点,但这个程度一旦 “过” 了头,终归有些背离初衷,与 “易读易写” 出现矛盾,开始在编写的过程中觉得有些许吃力了。那这个时候,用户可能会觉得,不如使用专业化的工具来撰写更有效率。</p>
<h3 id="h13markdown"><span>1.3 Markdown官方文档</span></h3>
<ul>
<li><a href="http://daringfireball.net/projects/markdown/syntax">创始人 John Gruber 的 Markdown 语法说明</a></li>
<li><a href="https://zhouie.cn/markdown-doc/markdown-doc-syntax-zh">Markdown 中文版语法说明</a></li>
</ul>
<blockquote>
<p>了解一下 John Gruber</p>
</blockquote>
<p>2004 年 John Gruber创造 Markdown 语言,14年间,Markdown 语言从程序员圈子中逐渐扩散开来,成为了越来越多的电脑写作者第一选择。</p>
<p>John Gruber 是一个资深果粉,他的个人博客 <a href="https://daringfireball.net/">Daring Fireball</a> 被人戏称为 苹果官方喉舌博客。所以你应该懂为什么最好的 Markdown 编辑器都集中在 Mac 平台上了吧。</p>
<hr>
<h2 id="h2markdown"><span>2. 使用Markdown</span></h2>
<h3 id="h21"><span>2.1 标题</span></h3>
<p>Markdown 通过在行首添加 1 ~ 6个 <code>#</code> 符号来定义不同级别的标题,最多到六级标题。<br>注意 :<code>#</code> 后最好是需要加一个空格。</p>
<ul>
<li><p>书写格式</p>
<pre><code class="hljs shell"><span class="hljs-meta">#</span><span class="bash"> 一级标题</span><br><span class="hljs-meta">#</span><span class="bash"><span class="hljs-comment"># 二级标题</span></span><br><span class="hljs-meta">#</span><span class="bash"><span class="hljs-comment">## 三级标题</span></span><br><span class="hljs-meta">#</span><span class="bash"><span class="hljs-comment">##### 六级标题</span></span><br></code></pre></li>
<li><p>解析效果<br></p><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-4c5a24a5f95eedf3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="# 标题样式" title="# 标题样式"><figcaption># 标题样式</figcaption></figure></li>
</ul>
<p>特别的,还可使用 <code>=</code> (高阶标题) 和 <code>-</code> (次阶标题) 标记 一级 和 二级 标题。<br>注意:<code>=</code> 和 <code>-</code> 的个数在不同 Markdown 工具中都有不同,但这倒不是多大的问题了,简单试试就知道了。 </p>
<ul>
<li><p>书写格式</p>
<pre><code class="hljs diff">效果和一级标题一样<br>=<br>效果和二级标题一样<br><span class="hljs-deletion">-</span><br></code></pre></li>
<li><p>解析效果<br></p><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-05da83bfeaa6a4e7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="- = 标题样式" title="- = 标题样式"><figcaption>- = 标题样式</figcaption></figure></li>
</ul>
<h3 id="h22"><span>2.2 加粗、斜体 和 删除线</span></h3>
<ul>
<li><p>markdown使用 <code><em>` 和 `<em>` 强调文本,使用一个 `</em></em></code><em> 和 <code></code></em> 包围的文本会被转化为 <em>斜体</em> ;而用两个 <code>*</code> 和 <code>_</code> 包围的文本则会被转化成 <strong>加粗</strong> ;使用两个<code>~</code>包围的文本会被转化为 <del>删除线</del></p></li>
<li><p>但如果你的 <code>*</code> 、<code>_</code> 和 <code>~</code> 两边都有空白的话,它们就只会被当成普通的符号,这其实也是一个需要注意的地方</p></li>
<li><p>如果要在文字前后直接插入普通的 星号 <code>*</code> 或 下划线 <code>_</code> ,你可以用 反斜杠 <code>\</code> 转义</p></li>
<li><p>书写格式</p>
<pre><code class="hljs markdown"><span class="hljs-emphasis">*斜体文字*</span><br><span class="hljs-emphasis">_斜体文字_</span><br><span class="hljs-strong">**加粗文字**</span><br><span class="hljs-strong">__加粗文字__</span><br>~~删除内容~~<br></code></pre></li>
<li><p>解析效果</p>
<p><em>斜体文字</em><br><em>斜体文字</em><br><strong>加粗文字</strong><br><strong>加粗文字</strong><br><del>删除内容</del></p></li>
</ul>
<h3 id="h23"><span>2.3 列表</span></h3>
<p>Markdown支持 无序列表 和 有序列表。<br>无序列表可以使用 <code>*</code> , <code>+</code> , <code>-</code> 三者中任意符号来标记;有序列表则使用 <code>数字</code> 加 <code>.</code> 来标记。<br>注意:标记后面最好是需要加一个空格,有序列表的数字会被按顺序自动更正。通常情况下,无序列表的项目符号是按照实心圆、空心圆、实心方格的层级关系递进的。</p>
<ul>
<li><p>书写格式</p>
<pre><code class="hljs markdown">有序列表<br><span class="hljs-bullet">1. </span>第一点<br><span class="hljs-bullet">2. </span>第二点<br><span class="hljs-bullet">5. </span>第三点<br><br>无序列表<br><span class="hljs-bullet">* </span>这是无序列表项目<br><span class="hljs-bullet">- </span>这是无序列表项目<br><span class="hljs-bullet">+ </span>这是无序列表项目<br><br>嵌套的列表<br><span class="hljs-bullet">- </span>呵呵<br> + 嘉嘉<br> * 嘻嘻<br> * 吼吼<br> * 嘎嘎<br> - 桀桀<br><span class="hljs-bullet">+ </span>哈哈<br></code></pre></li>
<li><p>解析效果</p>
<p>有序列表</p>
<ol>
<li><span>第一点</span></li>
<li><span>第二点</span></li>
<li><span>第三点</span></li></ol>
<p>无序列表</p>
<ul>
<li><span>这是无序列表项目</span></li>
<li><span>这是无序列表项目</span></li>
<li><span>这是无序列表项目</span></li></ul>
<p>嵌套的列表</p>
<ul>
<li>呵呵<ul>
<li><span>嘉嘉</span></li>
<li><span>嘻嘻</span></li>
<li>吼吼<ul>
<li><span>嘎嘎</span></li>
<li><span>桀桀</span></li></ul></li></ul></li>
<li><span>哈哈</span></li></ul></li>
</ul>
<h3 id="h24"><span>2.4 引用</span></h3>
<p>在段落前添加一个 <code>></code> 符号即可将该段落标记为引用<br>注意: <code>></code> 后最好是需要加一个空格;<code>></code>、<code>>></code> 和 <code>>>></code> 等多层嵌套的使用,有点不太好总结,不要问我为什么,实践出真知。</p>
<ul>
<li><p>书写格式</p>
<pre><code class="hljs shell">一般用法<br><span class="hljs-meta">></span><span class="bash"> 这是引用</span><br><br>迭代使用(引用中的引用)<br><span class="hljs-meta">></span><span class="bash"> 这是一级引用</span><br><span class="hljs-meta">></span><span class="bash">> 这是二级引用</span><br><span class="hljs-meta">></span><span class="bash">>> 这是三级引用</span><br><span class="hljs-meta">></span><span class="bash">></span><br><span class="hljs-meta">></span><span class="bash">> 这是二级引用</span><br><span class="hljs-meta">></span><span class="bash"></span><br><span class="hljs-meta">></span><span class="bash"> 这是一级引用</span><br><br>引用的区块内也可使用其他 Markdown 语法<br><span class="hljs-meta">></span><span class="bash"> 1. 这是第一行列表项。</span><br><span class="hljs-meta">></span><span class="bash"> 3. 这是第二行列表项。</span><br><span class="hljs-meta">></span><span class="bash"> 5. 这是第三行列表项。</span><br><span class="hljs-meta">></span><span class="bash"></span><br><span class="hljs-meta">></span><span class="bash"> 给出一些例子代码:</span><br><span class="hljs-meta">></span><span class="bash"></span><br><span class="hljs-meta">></span><span class="bash"> <span class="hljs-built_in">return</span> shell_exec(<span class="hljs-string">"echo </span></span><span class="katex"><span class="katex-mathml"><math><semantics><mrow><mi><span class="bash"><span class="hljs-string">i</span></span></mi><mi><span class="bash"><span class="hljs-string">n</span></span></mi><mi><span class="bash"><span class="hljs-string">p</span></span></mi><mi><span class="bash"><span class="hljs-string">u</span></span></mi><mi><span class="bash"><span class="hljs-string">t</span></span></mi><mi mathvariant="normal"></mi mathvariant="normal"></mrow></semantics></math><span class="bash"><span class="hljs-string">∣</span></span><annotation encoding="application x-tex"=""><span class="bash"><span class="hljs-string">input | </span></span></annotation encoding="application><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1em;vertical-align:-0.25em;"><span class="mord mathit"><span class="bash"><span class="hljs-string">i</span></span><span class="mord mathit"><span class="bash"><span class="hljs-string">n</span></span><span class="mord mathit"><span class="bash"><span class="hljs-string">p</span></span><span class="mord mathit"><span class="bash"><span class="hljs-string">u</span></span><span class="mord mathit"><span class="bash"><span class="hljs-string">t</span></span><span class="mord"><span class="bash"><span class="hljs-string">∣markdown_script"</span>);</span><br></span class="mord"></span class="mord mathit"></span class="mord mathit"></span class="mord mathit"></span class="mord mathit"></span class="mord mathit"></span class="strut" style="height:1em;vertical-align:-0.25em;"></span class="base"></span class="katex-html" aria-hidden="true"></span class="katex-mathml"></span class="katex"></code></pre></li>
<li><p>解析效果 </p>
<p>一般用法</p>
<blockquote>
<p>这是引用</p>
</blockquote>
<p>迭代使用(引用中的引用)</p>
<blockquote>
<p>这是一级引用</p>
<blockquote>
<p>这是二级引用</p>
<blockquote>
<p>这是三级引用</p>
</blockquote>
<p>这是二级引用</p>
</blockquote>
<p>这是一级引用</p>
</blockquote>
<p>引用的区块内也可使用其他 Markdown 语法</p>
<blockquote>
<ol>
<li><span>这是第一行列表项。</span></li>
<li><span>这是第二行列表项。</span></li>
<li><span>这是第三行列表项。</span></li></ol>
<p>给出一些例子代码:</p>
<pre><code class="hljs kotlin"><span class="hljs-keyword">return</span> shell_exec(<span class="hljs-string">"echo </span><span class="katex"><span class="katex-mathml"><math><semantics><mrow><mi><span class="hljs-string">i</span></mi><mi><span class="hljs-string">n</span></mi><mi><span class="hljs-string">p</span></mi><mi><span class="hljs-string">u</span></mi><mi><span class="hljs-string">t</span></mi><mi mathvariant="normal"></mi mathvariant="normal"></mrow></semantics></math><span class="hljs-string">∣</span><annotation encoding="application x-tex"=""><span class="hljs-string">input | </span></annotation encoding="application><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1em;vertical-align:-0.25em;"><span class="mord mathit"><span class="hljs-string">i</span><span class="mord mathit"><span class="hljs-string">n</span><span class="mord mathit"><span class="hljs-string">p</span><span class="mord mathit"><span class="hljs-string">u</span><span class="mord mathit"><span class="hljs-string">t</span><span class="mord"><span class="hljs-string">∣markdown_script"</span>);<br></span class="mord"></span class="mord mathit"></span class="mord mathit"></span class="mord mathit"></span class="mord mathit"></span class="mord mathit"></span class="strut" style="height:1em;vertical-align:-0.25em;"></span class="base"></span class="katex-html" aria-hidden="true"></span class="katex-mathml"></span class="katex"></code></pre>
</blockquote></li>
<li><p>补充一下<br>引用区块 <code>></code> 和代码区块 <code>```</code> 的区别:<br><code>></code>引用区块中的文本保留Markdown语法,而<code>```</code>代码块中的文本不保留Markdown语法。</p></li>
</ul>
<h3 id="h25"><span>2.5 分割线</span></h3>
<p>分割线最常使用就是三个或以上 <code>*</code> ,还可以使用 <code>-</code> 和 <code>_</code> 。 <br>注意:使用 <code>---</code> 作为水平分割线时,要在它的前面空一行,防止 <code>---</code> 被当成标题标记的表示方式。</p>
<ul>
<li><p>书写格式</p>
<pre><code class="hljs markdown">---<br><span class="hljs-emphasis">***</span><br><span class="hljs-emphasis">___</span><br></code></pre></li>
<li><p>解析效果</p>
<hr>
<hr>
<hr></li>
</ul>
<h3 id="h26"><span>2.6 插入链接</span></h3>
<p>markdown文本中插入链接非常方便,有 <code>文内链接</code> 和 <code>引用链接</code> 两种方式。</p>
<p>注意:文内链接 和 引用链接 显示效果是一样的,但是在编辑状态下的使用情况不一样。文内链接紧跟链接文字,可以在看到链接文字的同时清楚的知道链接地址,但是不便于多次重复利用。</p>
<p>引用链接可以重复使用,但一般都是将一些链接放在一起统一管理,如一段文字后面或文章结尾,因此在找到链接和链接文字的对应关系上有些麻烦,各有利弊,分情况使用吧。</p>
<ul>
<li><p>书写格式</p>
<pre><code class="hljs markdown">文内链接<br>这是一个链接的[<span class="hljs-string">例子</span>](<span class="hljs-link">http://example.com/ "鼠标悬浮此处显示的标题"</span>)。<br>[<span class="hljs-string">这个</span>](<span class="hljs-link">http://example.net/</span>)链接在鼠标悬浮时没有标题。<br>[<span class="hljs-string">这个</span>](<span class="hljs-link">/about/</span>)链接是本地资源。<br><br>引用链接<br>这是一个引用链接的 [<span class="hljs-string">例子</span>][<span class="hljs-symbol">id</span>],[<span class="hljs-string">例子2</span>][<span class="hljs-symbol"></span>]。<br>注意,这里的 id 没有大小写区分,如果省略 id ,则前面方括号的内容会被用作 id 。<br><br>我常用的网站包括 [<span class="hljs-string">Google</span>][<span class="hljs-symbol">1</span>], [<span class="hljs-string">Yahoo</span>][<span class="hljs-symbol">2</span>] 和 [<span class="hljs-string">MSN</span>][<span class="hljs-symbol">3</span>] 。<br>也可以写成<br><br>我常用的网站包括 [<span class="hljs-string">Google</span>][<span class="hljs-symbol"></span>],[<span class="hljs-string">Yahoo</span>][<span class="hljs-symbol"></span>] 和 [<span class="hljs-string">MSN</span>][<span class="hljs-symbol"></span>] 。<br></code></pre></li>
<li><p>解析效果</p>
<p>文内链接<br>这是一个链接的<a href="http://example.com/" title="鼠标悬浮此处显示的标题">例子</a>。<br><a href="http://example.net/">这个</a>链接在鼠标悬浮时没有标题。<br><a href="/about/">这个</a>链接是本地资源。</p>
<p>引用链接<br>这是一个引用链接的 <a href="http://example.com/" title="鼠标悬浮标题(可选)">例子</a>,<a href="http://example.com/">例子2</a>。<br>注意,这里的 id 没有大小写区分,如果省略 id ,则前面方括号的内容会被用作 id 。</p>
<p>我常用的网站包括 <a href="http://google.com/" title="Google">Google</a>, <a href="http://search.yahoo.com/" title="Yahoo Search">Yahoo</a> 和 <a href="http://search.msn.com/" title="MSN Search">MSN</a> 。<br>也可以写成</p>
<p>我常用的网站包括 <a href="http://google.com/" title="Google">Google</a>,<a href="http://search.yahoo.com/" title="Yahoo Search">Yahoo</a> 和 <a href="http://search.msn.com/" title="MSN Search">MSN</a> 。</p></li>
</ul>
<h3 id="h27"><span>2.7 插入图片</span></h3>
<p>插入图片和插入链接非常类似,只是在方括号前多一个 <code>!</code> 。</p>
<p><code>![Alt text](/path/to/img.jpg "Optional title")</code></p>
<ul>
<li><span>Alt text为如果图片无法显示时显示的文字。</span></li>
<li><span>/path/to/img.jpg为图片所在路径。</span></li>
<li><span>Optional title为显示标题。显示效果为在你将鼠标放到图片上后,会显示一个小框提示,提示的内容就是Optional title。</span></li>
</ul>
<p>注意:Markdown 语法目前还没有某种合适的办法指定图片的宽高,但据我所知,很多平台以及在这个方向作出相当多的改进了,一起期待吧!</p>
<ul>
<li><span>书写格式</span></li>
</ul>
<pre><code class="hljs markdown">文内链接<br>![<span class="hljs-string">idol</span>](<span class="hljs-link">http://upload-images.jianshu.io/upload_images/9934558-b0c6b00935a0af53.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240</span>)<br>引用链接<br>![<span class="hljs-string">idol</span>][<span class="hljs-symbol">idol</span>]<br>[<span class="hljs-symbol">idol</span>]: <span class="hljs-link">http://upload-images.jianshu.io/upload_images/9934558-fb9d1c8bfee4bb02.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240</span><br></code></pre>
<ul>
<li><p>解析效果</p>
<p>文内链接<br></p><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-b0c6b00935a0af53.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="idol" title="idol"><figcaption>idol</figcaption></figure><br>引用链接<br><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-fb9d1c8bfee4bb02.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="idol" title="idol"><figcaption>idol</figcaption></figure></li>
</ul>
<h3 id="h28"><span>2.8 表格</span></h3>
<p>表格的书写格式一目了然,还是很方便简洁的。</p>
<ul>
<li><p>书写格式</p>
<pre><code class="hljs ruby"><span class="hljs-params">| 左对齐 |</span> 中间对齐 <span class="hljs-params">| 右对齐 |</span><br><span class="hljs-params">| :--- |</span> <span class="hljs-symbol">:---</span>: <span class="hljs-params">| ---: |</span><br><span class="hljs-params">| 左1 |</span> 中<span class="hljs-number">1</span> <span class="hljs-params">| 右1 |</span><br><span class="hljs-params">| 左2 |</span> 中<span class="hljs-number">2</span> <span class="hljs-params">| 右3 |</span><br></code></pre></li>
<li><p>解析效果</p>
<table>
<thead>
<tr>
<th style="text-align:left;">左对齐</th>
<th style="text-align:center;">中间对齐</th>
<th style="text-align:right;">右对齐</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left;">左1</td>
<td style="text-align:center;">中1</td>
<td style="text-align:right;">右1</td>
</tr>
<tr>
<td style="text-align:left;">左2</td>
<td style="text-align:center;">中2</td>
<td style="text-align:right;">右2</td>
</tr>
</tbody>
</table></li>
</ul>
<h3 id="h29"><span>2.9 角标</span></h3>
<p>不同于前面说的链接,这里的角标内容会被放在文末,点击可以实现跳转,使用 <code>[^]</code> 来定义脚注。</p>
<ul>
<li><p>书写格式</p>
<pre><code class="hljs markdown">使用 Markdown[^1] 可以效率的书写文档,直接转换成 HTML[^2] ,你可以使用Leanote[^Le] 编辑器进行书写。<br>[<span class="hljs-symbol">^1</span>]: <span class="hljs-link">Markdown是一种纯文本标记语言</span><br>[<span class="hljs-symbol">^2</span>]: <span class="hljs-link">HyperText Markup Language 超文本标记语言</span><br>[<span class="hljs-symbol">^Le</span>]: <span class="hljs-link">开源笔记平台,支持Markdown和笔记直接发为博文</span><br></code></pre></li>
<li><p>解析效果</p>
<p>使用 Markdown<a href="#footnote-1"><sup>[1]</sup></a> 可以效率的书写文档,直接转换成 HTML<a href="#footnote-2"><sup>[2]</sup></a> ,你可以使用Leanote<a href="#footnote-Le"><sup>[Le]</sup></a> 编辑器进行书写。</p></li>
</ul>
<h3 id="h210"><span>2.10 上下标</span></h3>
<p><code><sub></code>、<code><sup></code> 用作表示上下标</p>
<ul>
<li><p>书写格式</p>
<pre><code class="hljs xml">E = mc<span class="hljs-tag"><<span class="hljs-name">sup</span>></span>2<span class="hljs-tag"></<span class="hljs-name">sup</span>></span><br>Water : H<span class="hljs-tag"><<span class="hljs-name">sub</span>></span>2<span class="hljs-tag"></<span class="hljs-name">sub</span>></span>O<br></code></pre></li>
<li><p>解析效果</p>
<p>E = mc<sup>2</sup><br>Water : H<sub>2</sub>O</p></li>
</ul>
<h3 id="h211"><span>2.11 直接链接与邮箱</span></h3>
<p>在 markdown 中将 链接地址 或 邮箱地址 用 <code><></code> 包围,则会被自动转换成可点击的链接地址。</p>
<ul>
<li><p>书写格式</p>
<pre><code class="hljs apache"><span class="hljs-section"><http://haoeric.com></span><br><span class="hljs-section"><haoeric0520@gmail.com></span><br></code></pre></li>
<li><p>解析效果</p>
<p><a href="http://haoeric.com">http://haoeric.com</a><br><a href="mailto:haoeric0520@gmail.com">haoeric0520@gmail.com</a></p></li>
</ul>
<h3 id="h212"><span>2.12 换行</span></h3>
<p>使用html标签 <code><br/></code> 、 <code><br></code> 换行</p>
<ul>
<li><p>书写格式</p>
<pre><code class="hljs xml">第一行hahaha <span class="hljs-tag"><<span class="hljs-name">br</span>/></span> 第二行6666<br></code></pre></li>
<li><p>解析效果</p>
<p>第一行hahaha <br> 第二行6666</p></li>
</ul>
<h3 id="h213"><span>2.13 反斜杠</span></h3>
<p>如果需要避免文本中的符号被当做 markdown 标识符而发生不必要的格式转化,可以在符号前加 <code>\</code> 来避免。</p>
<ul>
<li><p>书写格式</p>
<pre><code class="hljs markdown">\<span class="hljs-emphasis">*不是斜体\*</span><br></code></pre></li>
<li><p>解析效果</p>
<p>* 不是斜体 *</p></li>
</ul>
<p>整理一下,Markdown 支持以下这些符号前面加上 反斜杠 <code>\</code> 来帮助插入普通的符号:</p>
<table>
<thead>
<tr>
<th>符号</th>
<th>含义</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>\</code></td>
<td><code>反斜线</code></td>
</tr>
<tr>
<td>`</td>
<td><code>反引号</code></td>
</tr>
<tr>
<td><code>*</code></td>
<td><code>星号</code></td>
</tr>
<tr>
<td><code>_</code></td>
<td><code>底线</code></td>
</tr>
<tr>
<td><code>{}</code></td>
<td><code>花括号</code></td>
</tr>
<tr>
<td><code>[]</code></td>
<td><code>方括号</code></td>
</tr>
<tr>
<td><code>()</code></td>
<td><code>括弧</code></td>
</tr>
<tr>
<td><code>#</code></td>
<td><code>井字号</code></td>
</tr>
<tr>
<td><code>+</code></td>
<td><code>加号</code></td>
</tr>
<tr>
<td><code>-</code></td>
<td><code>减号</code></td>
</tr>
<tr>
<td><code>.</code></td>
<td><code>英文句点</code></td>
</tr>
<tr>
<td><code>!</code></td>
<td><code>惊叹号</code></td>
</tr>
</tbody>
</table>
<h3 id="h214"><span>2.14 代码高亮</span></h3>
<p>使用栅栏标记代码块的一个好处是可以标明代码的语种,然后实现代码的高亮。</p>
<ul>
<li><span>书写格式</span></li>
</ul>
<pre><code class="hljs php"> ```ruby<br> <span class="hljs-keyword">require</span> <span class="hljs-string">'redcarpet'</span><br> markdown = Redcarpet.<span class="hljs-keyword">new</span>(<span class="hljs-string">"Hello World!"</span>)<br> puts markdown.to_html<br> ```<br></code></pre>
<ul>
<li><p>解析效果</p>
<pre><code class="ruby language-ruby hljs"><span class="hljs-keyword">require</span> <span class="hljs-string">'redcarpet'</span><br>markdown = Redcarpet.new(<span class="hljs-string">"Hello World!"</span>)<br>puts markdown.to_html<br></code></pre></li>
</ul>
<h3 id="h215"><span>2.15 其他</span></h3>
<h4 id="h2151"><span>2.15.1 锚点</span></h4>
<p>网页中,<code>锚点</code> 其实就是页内超链接,也就是 链接本文档内部的某些元素 ,实现当前页面中的跳转,最典型的例子就是 <code>目录</code> 这种结构了。比如我这里写下一个锚点,点击 <code>回到目录</code>,就能跳转到 <code>目录</code>。 在 <code>目录</code> 中点击 这一节,就能跳过来。</p>
<p>在 <code>Github</code> 的 <code>md</code> 文件中,会为每个 <code>h1~h6</code> 标签(即 <code># ... ######</code> ),自动塞入一个 <code>a</code> 标签,并渲染好 <code>id</code> 。 </p>
<p>比如 <code># h1</code>,被渲染成html如下:</p>
<pre><code class="html language-html hljs xml"><span class="hljs-tag"><<span class="hljs-name">h1</span>></span><br> <span class="hljs-tag"><<span class="hljs-name">a</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"user-content-h1"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"anchor"</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"#h1"</span> <span class="hljs-attr">aria-hidden</span>=<span class="hljs-string">"true"</span>></span><br> <span class="hljs-tag"><<span class="hljs-name">svg</span> <span class="hljs-attr">aria-hidden</span>=<span class="hljs-string">"true"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"octicon octicon-link"</span> <span class="hljs-attr">height</span>=<span class="hljs-string">"16"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"img"</span> <span class="hljs-attr">version</span>=<span class="hljs-string">"1.1"</span> <span class="hljs-attr">viewBox</span>=<span class="hljs-string">"0 0 16 16"</span> <span class="hljs-attr">width</span>=<span class="hljs-string">"16"</span>></span><br> <span class="hljs-tag"><<span class="hljs-name">path</span> <span class="hljs-attr">d</span>=<span class="hljs-string">"M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"</span>></span><br> <span class="hljs-tag"></<span class="hljs-name">path</span>></span><br> <span class="hljs-tag"></<span class="hljs-name">svg</span>></span><br> <span class="hljs-tag"></<span class="hljs-name">a</span>></span><br> h1<br><span class="hljs-tag"></<span class="hljs-name">h1</span>></span><br></code></pre>
<p>不去管 <code>svg</code> 部分,可以看到 <code>h1</code> 标签内嵌入了一个 <code>id</code> 为 <code>"user-content-h1"</code> 的 <code>a</code> 标签,如果标题为 <code># h5</code> ,那么 <code>id</code> 就会是 <code>user-content-h5</code> 。</p>
<h4 id="h2152"><span>2.15.2 空格</span></h4>
<p>在段首加入 <code>&emsp;</code>、<code>&ensp;</code>、<code>&nbsp;</code> 来输入空格,其中,<code>&emsp;</code> 是一个中文字符,<code>&ensp;</code> 是半个中文字符 ,<code>&nbsp;</code> 是1/4中文字符。</p>
<h4 id="h2153"><span>2.15.3 图片图床</span></h4>
<p>插入图片的地址需要图床,那么,究竟什么是图床呢?</p>
<p><strong>图床</strong>,顾名思义,图片床,即大量图片汇聚地,每一张图片都有一个<code>url</code>,供所需站点使用。</p>
<p>详情可以参考我之前写的博文 <a href="https://zhouie.cn/posts/201804241/">图床工具分享</a> 。</p>
<p>另外,越来越多的 Markdown 工具现在开始支持 <strong>一键上传图片至云端并生成 Markdown 引用链接至剪切板</strong>,可以看看最近的我最近在这方面的 收获总结 —— <a href="https://zhouie.cn/posts/201808032/">Md2All Markdown排版利器</a> 以及 <a href="https://zhouie.cn/posts/201808033/">qiniu_upload windows工具</a>。</p>
<p>ps:七牛云邀请注册链接:<a href="https://portal.qiniu.com/signup?code=3lowm9s25ur82">https://portal.qiniu.com/signup?code=3lowm9s25ur82</a></p>
<h4 id="h2154latex"><span>2.15.4 LaTeX公式</span></h4>
<ul>
<li><a href="https://math.meta.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference">LaTeX公式参考语法</a></li>
</ul>
<h5 id="hd"><span>行内公式(`$`表示)</span></h5>
<ul>
<li><span>书写格式</span></li>
</ul>
<pre><code class="hljs ruby"> 爱因斯坦发明的质能方程是:$E=mc^<span class="hljs-number">2</span>$<br></code></pre>
<ul>
<li><p>显示效果</p>
<p>爱因斯坦发明的质能方程是:<span class="katex"><span class="katex-mathml"><math><semantics><mrow><mi>E</mi><mo>=</mo><mi>m</mi><msup><mi>c</mi><mn>2</mn></msup></mrow><annotation encoding="application/x-tex">E=mc^2</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.68333em;vertical-align:0em;"></span><span class="mord mathit" style="margin-right:0.05764em;">E</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span></span><span class="base"><span class="strut" style="height:0.8141079999999999em;vertical-align:0em;"></span><span class="mord mathit">m</span><span class="mord"><span class="mord mathit">c</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.8141079999999999em;"><span style="top:-3.063em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span></span></span></span></span></span></span></span></p></li>
</ul>
<h5 id="hdd"><span>整行公式(`$$`表示)</span></h5>
<ul>
<li><span>书写格式</span></li>
</ul>
<pre><code class="hljs ruby"> $$\sum<span class="hljs-number">_</span>{i=<span class="hljs-number">1</span>}^n a_i=<span class="hljs-number">0</span>$$<br> $$f(x_1,x_x,\ldots,x_n) = x_1^<span class="hljs-number">2</span> + x_2^<span class="hljs-number">2</span> + \cdots + x_n^<span class="hljs-number">2</span> $$<br> $$\sum^{j-<span class="hljs-number">1</span>}<span class="hljs-number">_</span>{k=<span class="hljs-number">0</span>}{\widehat{\gamma}<span class="hljs-number">_</span>{kj} z_k}$$<br></code></pre>
<ul>
<li><p>显示效果</p>
<p><span class="katex-display"><span class="katex"><span class="katex-mathml"><math><semantics><mrow><munderover><mo>∑</mo><mrow><mi>i</mi><mo>=</mo><mn>1</mn></mrow><mi>n</mi></munderover><msub><mi>a</mi><mi>i</mi></msub><mo>=</mo><mn>0</mn></mrow><annotation encoding="application/x-tex">\sum_{i=1}^n a_i=0</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:2.929066em;vertical-align:-1.277669em;"></span><span class="mop op-limits"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.6513970000000002em;"><span style="top:-1.872331em;margin-left:0em;"><span class="pstrut" style="height:3.05em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mathit mtight">i</span><span class="mrel mtight">=</span><span class="mord mtight">1</span></span></span></span><span style="top:-3.050005em;"><span class="pstrut" style="height:3.05em;"></span><span><span class="mop op-symbol large-op">∑</span></span></span><span style="top:-4.3000050000000005em;margin-left:0em;"><span class="pstrut" style="height:3.05em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mathit mtight">n</span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:1.277669em;"><span></span></span></span></span></span><span class="mspace" style="margin-right:0.16666666666666666em;"></span><span class="mord"><span class="mord mathit">a</span><span class="msupsub"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.31166399999999994em;"><span style="top:-2.5500000000000003em;margin-left:0em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mathit mtight">i</span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.15em;"><span></span></span></span></span></span></span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span></span><span class="base"><span class="strut" style="height:0.64444em;vertical-align:0em;"></span><span class="mord">0</span></span></span></span></span><br><span class="katex-display"><span class="katex"><span class="katex-mathml"><math><semantics><mrow><mi>f</mi><mo>(</mo><msub><mi>x</mi><mn>1</mn></msub><mo separator="true">,</mo><msub><mi>x</mi><mi>x</mi></msub><mo separator="true">,</mo><mo>…</mo><mo separator="true">,</mo><msub><mi>x</mi><mi>n</mi></msub><mo>)</mo><mo>=</mo><msubsup><mi>x</mi><mn>1</mn><mn>2</mn></msubsup><mo>+</mo><msubsup><mi>x</mi><mn>2</mn><mn>2</mn></msubsup><mo>+</mo><mo>⋯</mo><mo>+</mo><msubsup><mi>x</mi><mi>n</mi><mn>2</mn></msubsup></mrow><annotation encoding="application/x-tex">f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2 </annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1em;vertical-align:-0.25em;"></span><span class="mord mathit" style="margin-right:0.10764em;">f</span><span class="mopen">(</span><span class="mord"><span class="mord mathit">x</span><span class="msupsub"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.30110799999999993em;"><span style="top:-2.5500000000000003em;margin-left:0em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">1</span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.15em;"><span></span></span></span></span></span></span><span class="mpunct">,</span><span class="mspace" style="margin-right:0.16666666666666666em;"></span><span class="mord"><span class="mord mathit">x</span><span class="msupsub"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.151392em;"><span style="top:-2.5500000000000003em;margin-left:0em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mathit mtight">x</span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.15em;"><span></span></span></span></span></span></span><span class="mpunct">,</span><span class="mspace" style="margin-right:0.16666666666666666em;"></span><span class="minner">…</span><span class="mspace" style="margin-right:0.16666666666666666em;"></span><span class="mpunct">,</span><span class="mspace" style="margin-right:0.16666666666666666em;"></span><span class="mord"><span class="mord mathit">x</span><span class="msupsub"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.151392em;"><span style="top:-2.5500000000000003em;margin-left:0em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mathit mtight">n</span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.15em;"><span></span></span></span></span></span></span><span class="mclose">)</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span></span><span class="base"><span class="strut" style="height:1.1111079999999998em;vertical-align:-0.247em;"></span><span class="mord"><span class="mord mathit">x</span><span class="msupsub"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.8641079999999999em;"><span style="top:-2.4530000000000003em;margin-left:0em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">1</span></span></span><span style="top:-3.113em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.247em;"><span></span></span></span></span></span></span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mbin">+</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span></span><span class="base"><span class="strut" style="height:1.1111079999999998em;vertical-align:-0.247em;"></span><span class="mord"><span class="mord mathit">x</span><span class="msupsub"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.8641079999999999em;"><span style="top:-2.4530000000000003em;margin-left:0em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span><span style="top:-3.113em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.247em;"><span></span></span></span></span></span></span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mbin">+</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span></span><span class="base"><span class="strut" style="height:0.66666em;vertical-align:-0.08333em;"></span><span class="minner">⋯</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mbin">+</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span></span><span class="base"><span class="strut" style="height:1.1111079999999998em;vertical-align:-0.247em;"></span><span class="mord"><span class="mord mathit">x</span><span class="msupsub"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.8641079999999999em;"><span style="top:-2.4530000000000003em;margin-left:0em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mathit mtight">n</span></span></span><span style="top:-3.113em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.247em;"><span></span></span></span></span></span></span></span></span></span></span><br><span class="katex-display"><span class="katex"><span class="katex-mathml"><math><semantics><mrow><munderover><mo>∑</mo><mrow><mi>k</mi><mo>=</mo><mn>0</mn></mrow><mrow><mi>j</mi><mo>−</mo><mn>1</mn></mrow></munderover><mrow><msub><mover accent="true"><mi>γ</mi><mo stretchy="true">^</mo></mover><mrow><mi>k</mi><mi>j</mi></mrow></msub><msub><mi>z</mi><mi>k</mi></msub></mrow></mrow><annotation encoding="application/x-tex">\sum^{j-1}</annotation></semantics></math><em>{k=0}{\widehat{\gamma}</em>{kj} z_k}</span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:3.16089em;vertical-align:-1.302113em;"></span><span class="mop op-limits"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.8587770000000001em;"><span style="top:-1.8478869999999998em;margin-left:0em;"><span class="pstrut" style="height:3.05em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mathit mtight" style="margin-right:0.03148em;">k</span><span class="mrel mtight">=</span><span class="mord mtight">0</span></span></span></span><span style="top:-3.0500049999999996em;"><span class="pstrut" style="height:3.05em;"></span><span><span class="mop op-symbol large-op">∑</span></span></span><span style="top:-4.347113em;margin-left:0em;"><span class="pstrut" style="height:3.05em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mathit mtight" style="margin-right:0.05724em;">j</span><span class="mbin mtight">−</span><span class="mord mtight">1</span></span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:1.302113em;"><span></span></span></span></span></span><span class="mspace" style="margin-right:0.16666666666666666em;"></span><span class="mord"><span class="mord"><span class="mord accent"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.67056em;"><span style="top:-3em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathit" style="margin-right:0.05556em;">γ</span></span></span><span class="svg-align" style="top:-3.43056em;"><span class="pstrut" style="height:3em;"></span><span style="height:0.24em;"><svg width="100%" height="0.24em" viewBox="0 0 1062 239" preserveAspectRatio="none"><path d="M529 0h5l519 115c5 1 9 5 9 10 0 1-1 2-1 3l-4 22
c-1 5-5 9-11 9h-2L532 67 19 159h-2c-5 0-9-4-11-9l-5-22c-1-6 2-12 8-13z"></path></svg></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.19444em;"><span></span></span></span></span></span><span class="msupsub"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.3361079999999999em;"><span style="top:-2.5500000000000003em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mathit mtight" style="margin-right:0.03148em;">k</span><span class="mord mathit mtight" style="margin-right:0.05724em;">j</span></span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.286108em;"><span></span></span></span></span></span></span><span class="mord"><span class="mord mathit" style="margin-right:0.04398em;">z</span><span class="msupsub"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.33610799999999996em;"><span style="top:-2.5500000000000003em;margin-left:-0.04398em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mathit mtight" style="margin-right:0.03148em;">k</span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.15em;"><span></span></span></span></span></span></span></span></span></span></span></span></p></li>
</ul>
<h4 id="h2155"><span>2.15.5 流程图、渲染序列图</span></h4>
<ul>
<li><a href="http://adrai.github.io/flowchart.js/">流程图参考语法</a></li>
<li><a href="https://bramp.github.io/js-sequence-diagrams/">渲染序列图参考语法</a></li>
</ul>
<h5 id="h"><span>流程图</span></h5>
<pre><code class="hljs php"> ```flow<br> st=>start: Start:>https:<span class="hljs-comment">//www.zybuluo.com</span><br> io=>inputoutput: verification<br> op=>operation: Your Operation<br> cond=>condition: Yes <span class="hljs-keyword">or</span> No?<br> sub=>subroutine: Your Subroutine<br> e=>end<br><br> st->io->op->cond<br> cond(yes)->e<br> cond(no)->sub->io<br> ```<br></code></pre>
<figure><img src="http://upload-images.jianshu.io/upload_images/9934558-e1d71e8b0a800a57.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="流程图 显示效果图" title="流程图 显示效果图"><figcaption>流程图 显示效果图</figcaption></figure>
<h5 id="h-1"><span>渲染序列图</span></h5>
<pre><code class="hljs javascript"> <span class="hljs-string">``</span><span class="hljs-string">`sequence<br> Alice->Bob: Hello Bob, how are you?<br> Note right of Bob: Bob thinks<br> Bob-->Alice: I am good thanks!<br> `</span><span class="hljs-string">``</span><br></code></pre>
<figure><img src="http://upload-images.jianshu.io/upload_images/9934558-7ffb3a68d1fdcc39.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="渲染序列图 显示效果图" title="渲染序列图 显示效果图"><figcaption>渲染序列图 显示效果图</figcaption></figure>
<h4 id="h2156githubemoji"><span>2.15.6 GitHub Emoji</span></h4>
<p>Github 的 Markdown 语法支持添加 emoji 表情,输入不同的符号码(两个冒号包围的字符)可以显示出不同的表情。<br>我在 github 上分享了 <a href="https://github.com/zhouie/markdown-emoji">markdown-emoji 列表</a>,可以去看看。<br></p><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-57977ecf41c031f8.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="markdown-emoji 列表" title="markdown-emoji 列表"><figcaption>markdown-emoji 列表</figcaption></figure>
<blockquote>
<p>可是奇怪的是,我的GitHub Pages 采用 Hexo框架,渲染不出 emoji 表情(不支持),这是为什么呢?</p>
</blockquote>
<p>这是因为 Hexo 默认的 markdown 渲染引擎不会渲染 emoji 表情,详情可参阅 <a href="https://www.jianshu.com/p/732240700424">搭建Hexo博客进阶篇</a></p>
<h3 id="h216markdown"><span>2.16 Markdown的局限性</span></h3>
<ul>
<li><span>不同的 Markdown 工具功能细节上可能会不一样</span></li>
<li>写技术类文章条理很重要,因此在开篇有个目录,也显得非常有必要,因此越来越多工具支持 <code>[TOC]</code> 一键生成目录列表,具体可参看我的 <a href="https://github.com/zhouie/github-md-toc">github-md-toc</a></li>
<li>另外还有,<code>流程图</code>,<code>渲染序列图</code>,<code>LaTex数学公式</code>,<code>代码语法高亮</code>,<code>显示代码行号</code>,<code>图片/文字 居中/左右对齐</code>,<code>[TOC]目录生成</code>,等等这些,其实都是非常必要的功能,值得去做一些扩展。</li>
</ul>
<hr>
<h2 id="h3markdown"><span>3. Markdown 工具的选择</span></h2>
<blockquote>
<p>还是那句话,编辑器的兴盛固然是好事,但工具的过度丰富也是一种麻烦,如何选出适合自己的 Markdown 编辑器让很多人大伤脑筋,甚至在很多时候,一个设计不佳的 Markdown 编辑器会让初次尝试 Markdown 的写作者放弃使用 Markdown 来写作。</p>
</blockquote>
<h3 id="h31windows"><span>3.1 Windows 平台</span></h3>
<h4 id="h311sublimehttpwwwsublimetextcom"><span>3.1.1 <a href="http://www.sublimetext.com/">Sublime</a></span></h4>
<ul>
<li><strong>支持 OS X、Windows、Ubuntu 等 UNIX 及 Linux 平台</strong></li>
<li>关联阅读:<a href="https://blog.csdn.net/jave_f/article/details/79894028">强大的Sublime编辑器</a></li>
<li><span>Sublime Text 是程序员圈子里口口相传的「神器」级代码编辑器,它基于 Vim 开发,各种功能性组件层出不穷,功能极度强大,是代码编辑器中的标杆作品。</span></li>
<li><span>同时,它也支持 Markdown 语法高亮,于是很多人都习惯于用它来进行 Markdown 文档书写。由于有着诸如 Markdown Preview、Sublime-Evernote 等扩展性插件,在 Sublime Text 里完全可以完成 Makrdown 书写预览与导出的过程。</span></li>
<li>如果你是一名开发者,Sublime Text 基本可以满足你对 Markdown 编辑的全部需求,如果你是一名普通用户,我则更推荐你使用专业的 Markdown 编辑器。<br><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-445c5c7936373bc9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="" title=""><figcaption></figcaption></figure></li>
</ul>
<h4 id="h312httpswwwjianshucom"><span>3.1.2 <a href="https://www.jianshu.com/">简书</a></span></h4>
<ul>
<li>简书的Web 端使用 Markdown 很舒服,它同样支持左右两栏的实时预览,字体优雅、简洁。<br><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-72cc2973ef001d07.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="简书" title="简书"><figcaption>简书</figcaption></figure></li>
</ul>
<h4 id="h313cmdmarkdownhttpswwwzybuluocomcmd"><span>3.1.3 <a href="https://www.zybuluo.com/cmd/">Cmd Markdown</a></span></h4>
<ul>
<li><span>除了编辑,管理您的私有文档,Cmd Markdown 还支持发布文稿,您可以在这里将文稿共享给朋友、亲友、同事。</span></li>
<li><strong>支持 Linux、Mac、Windows 三大平台</strong>,轻松选择适合你的客户端<br><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-b0b9909aefb2555a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="Cmd Markdown" title="Cmd Markdown"><figcaption>Cmd Markdown</figcaption></figure><br><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-efd91c34cbe2849a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="Cmd Markdown 全平台端 优势" title="Cmd Markdown 全平台端 优势"><figcaption>Cmd Markdown 全平台端 优势</figcaption></figure></li>
</ul>
<h4 id="h314httpsmaxiangio"><span>3.1.4 <a href="https://maxiang.io">马克飞象</a></span></h4>
<ul>
<li><strong>支持 Windows 平台</strong></li>
<li>专为 <a href="https://app.yinxiang.com/referral/Registration.action?sig=1b8f0696566f3d6d59044226739bab4069e3723d147381eb8ebe9c849f6711ff&uid=18502813">印象笔记</a> 打造的 Markdown 编辑器<br><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-c89eb527af49927d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="马克飞象" title="马克飞象"><figcaption>马克飞象</figcaption></figure></li>
</ul>
<h4 id="h315httpwwwwizcn"><span>3.1.5 <a href="http://www.wiz.cn/">为知笔记</a></span></h4>
<ul>
<li><strong>支持 Windows 平台</strong></li>
<li>作为一个支持全平台的云笔记应用,为知笔记完全可以当作 Markdown 编辑器来使用,当我们需要跨大平台进行 Markdown 协作写作的时候,会是一个不错的选择。<br><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-fa5d514243c6c708.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="为知笔记" title="为知笔记"><figcaption>为知笔记</figcaption></figure></li>
</ul>
<h4 id="h316simplemarkpadhttpsimplemarkpadqiniudncom"><span>3.1.6 <a href="http://simple-markpad.qiniudn.com/">Simple MarkPad</a></span></h4>
<ul>
<li><span>Simple Markpad 最吸引人的一点就是,在诸多看起来就让人觉复杂的 Windows 平台的 Markdown 编辑器中,它始终保持着简约的风格。</span></li>
<li>它支持自动列表、图片拖入、Markdown 语法高亮、全屏写作模式、字数统计,还有丰富的快捷键,同时具有着素雅而克制的界面风格。<br><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-f003266ca4ac9440.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="" title=""><figcaption></figcaption></figure></li>
</ul>
<h4 id="h317markpadhttpcode52orgdownmarkerwpf"><span>3.1.7 <a href="http://code52.org/DownmarkerWPF/">MarkPad</a></span></h4>
<ul>
<li><strong>支持 Windows 平台</strong><br><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-e6aeb2a4e420fb35.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="MarkPad" title="MarkPad"><figcaption>MarkPad</figcaption></figure></li>
</ul>
<h4 id="h318miuhttpsgithubcomegoistmiu"><span>3.1.8 <a href="https://github.com/egoist/Miu">Miu</a></span></h4>
<ul>
<li><strong>支持 Windows 平台</strong></li>
<li>一个很优秀的工具,但是由于和 <a href="http://25.io/mou/">Mou</a> 重复性比较高,同时与其有些争议问题,故并未介绍,有兴趣的话可以自行查看。<br><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-0635cdbcf1bc72ba.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="Miu" title="Miu"><figcaption>Miu</figcaption></figure></li>
</ul>
<h3 id="h32mac"><span>3.2 Mac 平台</span></h3>
<h4 id="h321mouhttp25iomou"><span>3.2.1 <a href="http://25.io/mou/">Mou</a></span></h4>
<ul>
<li><span>Mou 是一款由国人开发的 Mac 平台上的 Markdown 编辑器,支持自定义界面主题,导入输出CSS格式文件,最重要的是 Mou 支持 Markdown 实时预览,这让不少初学者能快速上手 Markdown 写作。</span></li>
<li>Mou 除了直观的实时预览功能之外,还是目前对中文支持最好的 Markdown 编辑器,无论是多种的编辑主题,还是各式的输出样式,在支持自定义的同时,对中文的优化也是目前的最好的,Mou 甚至支持竖排编写。同时,Mou 还具有发布功能,支持发布到 Tumblr。<br><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-3c4655a6de7daf8f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="" title=""><figcaption></figcaption></figure></li>
</ul>
<h4 id="h322ulysseshttpwwwulyssesappcom"><span>3.2.2 <a href="http://www.ulyssesapp.com/">Ulysses</a></span></h4>
<ul>
<li><span>作为 Markdown 编辑器领域的老牌王者,这款应用入围了苹果2013年 Mac App Store 的 The Best of 2013。Ulysses 有着经典的文档库架构,多样化的可供自定义的编辑主题,大量的输出格式选择,功能丰富,最适合长文写作与颜控用户。</span></li>
<li>无论是 PDF 还是 ePub 格式你都可以在官网下载到大量的现成格式模版,省去大量的用在排版上的时间,你需要做的只是按照自己的想法写完文章,之后就可以通过 Ulysses 导出成任意自己想要的格式了。<br><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-5f40c812ffdd87fc.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="" title=""><figcaption></figcaption></figure></li>
</ul>
<h4 id="h323bywordhttpsbywordappcom"><span>3.2.3 <a href="https://bywordapp.com/">Byword</a></span></h4>
<ul>
<li>如果说 Ulysses 是功能最丰富的 Markdown 编辑器,Byword 就是最简约的 Markdown 编辑器。同样作为 Apple 平台上的老牌编辑器,Byword 有着一种简约克制的气质,仅有 <strong>6.4 MB</strong> 的体量,却创造出了一个完美而纯粹的写作环境。</li>
<li>在我看来 Byword 应该是目前编辑器中最忠于 Markdown 语言发明初衷的的编辑器 —— 简单、干净、利落,<strong>All for writing feelings</strong>。<br><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-52c5ae09b9bc1010.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="" title=""><figcaption></figcaption></figure></li>
</ul>
<h4 id="h324typorahttpswwwtyporaio"><span>3.2.4 <a href="https://www.typora.io/">typora</a></span></h4>
<ul>
<li><strong>支持 Mac 与 Windows 平台</strong></li>
<li>关联阅读: <a href="https://sspai.com/30292">《让 Markdown 写作更简单,免费极简编辑器:Typora》</a><br>这款编辑器在大家都还在苦恼如何处理预览和写作界面之间的关系时候,机智的将「写作」和「预览」合二为一了,你输入的地方,即是你输出的地方。</li>
<li>Markdown 标记成为了类似快捷键一样的存在,你就像在使用一个所见即所编辑器一样,自然而快速的进行写作。可以说,Typora 完全颠覆了目前的 Markdown 编辑器的交互模式,将 Markdown 写作向普通用户推进了一大步。<br><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-4bfc4f7c431d98b2.gif?imageMogr2/auto-orient/strip" alt="" title=""><figcaption></figcaption></figure></li>
<li><span>Typora 的革新不止于此,它还提供了了类似 Office 的图像式表格建立方式,支持目录大纲生成,支持拖拽插入图片,并且支持所有主流代码的高亮与 LaTeX 公式编写。</span></li>
<li>可以说 Typora 是目前 Markdown 编辑器中功能最与众不同的一个,诸多新鲜而强大的功能让它卓尔不群,绝对值得尝试。<br><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-a3b8bcbba480f671.gif?imageMogr2/auto-orient/strip" alt="" title=""><figcaption></figcaption></figure></li>
</ul>
<h4 id="h325quiverhttphappenappscom"><span>3.2.5 <a href="http://happenapps.com/">Quiver</a></span></h4>
<ul>
<li>关联阅读:<a href="https://sspai.com/32193">《技术写作者的专属笔记本:Quiver》</a></li>
<li><span>Quiver 同样是一款国人开发的软件。它具有着强大的 Markdown 编辑能力,但同时又不仅限于此。</span></li>
<li><span>它集合了写作软件与笔记软件的特点,它既有着传统 Markdown 写作软件的实时编辑预览,又有着笔记软件的文件逻辑结构,同时它还内置了 Ace 代码编辑器,通过 Cell 的概念,将各种不同的格式组合在一起,最后形成一个个文件。</span></li>
<li>Quiver 可以说是一款为技术写作设计的,专注于笔记方向的 Markdown 编辑器,它能够在为你提供流畅的 Markdown 写作体验的同时,为你构建起一个良好的知识管理结构。<br><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-c4d9210cb2081e33.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="" title=""><figcaption></figcaption></figure></li>
</ul>
<h4 id="h326alternotehttpalternoteappcom"><span>3.2.6 <a href="http://alternoteapp.com/">Alternote</a></span></h4>
<ul>
<li><span>同为 Mac 平台上的笔记式 Markdown 编辑软件,Alternote 则是为印象笔记进行了深度定制,成为了一款简约轻量的第三方印象笔记客户端。它抛弃了印象笔记臃肿的架构,专注于对写作体验的优化,深度重构了印象笔记对对于 Markdown 写作者的意义。</span></li>
<li>在 Alternote 里,Markdown 标记在输入完成后会自动转换成对应的富文本格式,并不需要额外的预览,不过美中不足的是,这样也造成了一旦转换为富文本就无法再转换回来的问题。<br><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-8d86761d26e18495.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="" title=""><figcaption></figcaption></figure></li>
</ul>
<h4 id="h327snippetslabhttpwwwrenfeiorgsnippetslab"><span>3.2.7 <a href="http://www.renfei.org/snippets-lab/">SnippetsLab</a></span></h4>
<ul>
<li><span>Snippetslab9 是一款 Mac 平台的面向开发者的代码管理与编写工具,专注于帮助使用者收集整理代码片段,快速调用有价值的代码片段,打造属于个人的代码仓库。</span></li>
<li><span>那么它和 Markdown 的关系在哪里呢?奥秘就在它的菜单栏助手上。Snippetslab 的菜单栏助手有着类似印象笔记菜单栏助手的特性,支持在菜单栏打开小窗口进行程序编写,同时可以对代码进行语法高亮,而它正好也支持 Markdown。</span></li>
<li>目前所有平台中,Snippetslab 是唯一一款提供了菜单栏 Markdown 文字输入的应用,你可以在不用打开主题程序的情况下,以小视窗形式快速的进行 Markdown 编写。<br><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-f56ab5cf8821ed92.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="" title=""><figcaption></figcaption></figure></li>
</ul>
<h4 id="h328markdownpadhttpmarkdownpadcom"><span>3.2.8 <a href="http://markdownpad.com/">MarkdownPad</a></span></h4>
<ul>
<li><strong>支持 Mac 平台</strong><br><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-54fad55faeb3709b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="" title=""><figcaption></figcaption></figure></li>
</ul>
<h3 id="h33"><span>3.3 网页版(线上)</span></h3>
<ul>
<li><a href="http://blog.didispace.com/tools/online-markdown/">程序猿DD - 常用工具:Markdown转换工具</a></li>
<li><a href="https://maxiang.io/">马克飞象 - 专为印象笔记打造的Markdown编辑器</a></li>
<li><a href="https://www.zybuluo.com/mdeditor">Cmd Markdown编辑阅读器 - 作业部落出品</a></li>
<li><a href="http://dillinger.io/">Dillinger, the Last Markdown Editor ever.</a></li>
<li><a href="https://stackedit.io/">StackEdit – In-browser Markdown editor</a></li>
<li><a href="http://www.tryscribble.com/">Scribble - Simple Markdown Wiki</a></li>
<li><a href="https://markdowntohtml.com/">Free Markdown to HTML Converter</a></li>
<li><a href="https://draftin.com/">Draft. Write Better.</a></li>
<li><a href="https://markable.in/">Markable.in</a></li>
<li><a href="https://mrcoles.com/demo/markdown-css/">Markdown.css</a></li>
</ul>
<p>同时,也有一些 Markdown 相关浏览器插件也是很棒的,最典型的便是:<a href="https://markdown-here.com/">Markdown-Here</a>,我也有写一篇博文专门介绍分享了它 —— <a href="https://zhouie.cn/posts/201808031/">Markdown-Here md-2-html渲染</a></p>
<h3 id="h34others"><span>3.4 Others</span></h3>
<ul>
<li><a href="http://pandao.github.io/editor.md/index.html">Editor.md - 开源在线 Markdown 编辑器</a></li>
<li><a href="http://writemonkey.com/index.php">WriteMonkey</a></li>
<li><a href="http://daux.io/index">DAUX.IO</a></li>
<li><a href="https://github.com/retext-project/retext">ReText</a></li>
<li><a href="https://www.zybuluo.com/cmd/">Cmd Markdown</a></li>
<li><a href="https://www.vim.org/">vim</a></li>
<li><a href="https://github.com/egrcc/Mango">Mango</a></li>
<li><a href="http://pad.haroopress.com/user.html">Haroopad</a></li>
<li><a href="https://ia.net/writer">iA Writer</a></li>
<li><a href="http://www.wandoujia.com/apps-com.ryeeeeee.markdownx?mt=8&uo=4&ct=appcards">MarkdownX</a></li>
<li><a href="http://markitup.jaysalvat.com/home/">markItUp! Universal Markup jQuery Editor</a></li>
</ul>
<h3 id="h35more"><span>3.5 More</span></h3>
<p>如有更好的 Markdown 免费编辑器推荐,请到<a href="https://github.com/Javef/Markdown/issues">这里留言反馈</a>,谢谢~</p>
<hr>
<h2 id="h4"><span>4. 推荐阅读</span></h2>
<ul>
<li><a href="https://www.jianshu.com/p/564bdf3a9462?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation">MarkDown学习笔记</a></li>
<li><a href="https://www.zybuluo.com/liayun/note/371635">首次使用MarkDown好激动</a></li>
<li><a href="https://www.jianshu.com/p/d7d6da4b7c60?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation">让你的Markdown用起来得心应手</a></li>
<li><a href="https://www.jianshu.com/p/34c92cbd0aaf/">一段JS代码让Markdown自动生成侧边栏目录</a></li>
<li><a href="https://zhouie.cn/markdown-doc/markdown-doc-syntax-zh">Markdown 语法说明 (简体中文版)</a></li>
<li><a href="https://sspai.com/post/32483#fn5">码字必备:18 款优秀的 Markdown 写作工具 | 2015 年度盘点 - 少数派</a></li>
</ul>
<hr>
<h2 id="h5"><span>5. 补充</span></h2>
<p>2018/04/20 07:12<br></p><figure><img src="https://upload-images.jianshu.io/upload_images/9934558-a23a100ba5d35018.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="Markdown_desktop_tool_rank.png" title="Markdown_desktop_tool_rank.png"><figcaption>Markdown_desktop_tool_rank.png</figcaption></figure>
<p>2018/08/05 20:36<br></p><figure><img src="http://upload-images.jianshu.io/upload_images/9934558-7be18ee13a963162.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="整理于2015年" title="整理于2015年"><figcaption>整理于2015年</figcaption></figure>
<hr>
<p><small class="footnote" id="footnote-1"><a href="#footnote-1"><sup></sup></a><a href="http://google.com/" title="Google">1</a>: Markdown是一种纯文本标记语言</small></p>
<p><small class="footnote" id="footnote-2"><a href="#footnote-2"><sup></sup></a><a href="http://search.yahoo.com/" title="Yahoo Search">2</a>: HyperText Markup Language 超文本标记语言</small></p>
<p><small class="footnote" id="footnote-Le"><a href="#footnote-Le"><sup>[Le]</sup></a>: 开源笔记平台,支持Markdown和笔记直接发为博文</small></p></div></div></body>
</html>