forked from motodriver/demo
-
Notifications
You must be signed in to change notification settings - Fork 0
/
流川枫使用文档.html
639 lines (600 loc) · 57.4 KB
/
流川枫使用文档.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
<!doctype html>
<html>
<head>
<meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'>
<title>流川枫使用文档</title><link href='https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext' rel='stylesheet' type='text/css' /><style type='text/css'>html {overflow-x: initial !important;}:root { --bg-color: #ffffff; --text-color: #333333; --select-text-bg-color: #B5D6FC; --select-text-font-color: auto; --monospace: "Lucida Console",Consolas,"Courier",monospace; }
html { font-size: 14px; background-color: var(--bg-color); color: var(--text-color); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
body { margin: 0px; padding: 0px; height: auto; bottom: 0px; top: 0px; left: 0px; right: 0px; font-size: 1rem; line-height: 1.42857143; overflow-x: hidden; background-image: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: inherit; background-position: inherit inherit; background-repeat: inherit inherit; }
iframe { margin: auto; }
a.url { word-break: break-all; }
a:active, a:hover { outline: 0px; }
.in-text-selection, ::selection { text-shadow: none; background: var(--select-text-bg-color); color: var(--select-text-font-color); }
#write { margin: 0px auto; height: auto; width: inherit; word-break: normal; word-wrap: break-word; position: relative; white-space: normal; padding-bottom: 70px; overflow-x: visible; }
.first-line-indent #write div, .first-line-indent #write li, .first-line-indent #write p { text-indent: 2em; }
.first-line-indent #write div :not(p):not(div), .first-line-indent #write div.md-htmlblock-container, .first-line-indent #write p *, .first-line-indent pre { text-indent: 0px; }
.for-image #write { padding-left: 8px; padding-right: 8px; }
body.typora-export { padding-left: 30px; padding-right: 30px; }
@media screen and (max-width: 500px) {
body.typora-export { padding-left: 0px; padding-right: 0px; }
.CodeMirror-sizer { margin-left: 0px !important; }
.CodeMirror-gutters { display: none !important; }
}
#write > blockquote:first-child, #write > div:first-child, #write > figure:first-child, #write > ol:first-child, #write > p:first-child, #write > pre:first-child, #write > ul:first-child { margin-top: 30px; }
#write li > figure:first-child { margin-top: -20px; }
#write ol, #write ul { position: relative; }
img { max-width: 100%; vertical-align: middle; }
button, input, select, textarea { color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant-caps: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; }
input[type="checkbox"], input[type="radio"] { line-height: normal; padding: 0px; }
*, ::after, ::before { box-sizing: border-box; }
#write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p, #write pre { width: inherit; }
#write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p { position: relative; }
h1, h2, h3, h4, h5, h6 { break-after: avoid-page; break-inside: avoid; orphans: 2; }
p { orphans: 4; }
h1 { font-size: 2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.6rem; }
h4 { font-size: 1.4rem; }
h5 { font-size: 1.2rem; }
h6 { font-size: 1rem; }
.md-math-block, .md-rawblock, h1, h2, h3, h4, h5, h6, p { margin-top: 1rem; margin-bottom: 1rem; }
.hidden { display: none; }
.md-blockmeta { color: rgb(204, 204, 204); font-weight: 700; font-style: italic; }
a { cursor: pointer; }
sup.md-footnote { padding: 2px 4px; background-color: rgba(238, 238, 238, 0.701961); color: rgb(85, 85, 85); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; cursor: pointer; }
sup.md-footnote a, sup.md-footnote a:hover { color: inherit; text-transform: inherit; text-decoration: inherit; }
#write input[type="checkbox"] { cursor: pointer; width: inherit; height: inherit; }
figure { overflow-x: auto; margin: 1.2em 0px; max-width: calc(100% + 16px); padding: 0px; }
figure > table { margin: 0px !important; }
tr { break-inside: avoid; break-after: auto; }
thead { display: table-header-group; }
table { border-collapse: collapse; border-spacing: 0px; width: 100%; overflow: auto; break-inside: auto; text-align: left; }
table.md-table td { min-width: 80px; }
.CodeMirror-gutters { border-right-width: 0px; background-color: inherit; }
.CodeMirror { text-align: left; }
.CodeMirror-placeholder { opacity: 0.3; }
.CodeMirror pre { padding: 0px 4px; }
.CodeMirror-lines { padding: 0px; }
div.hr:focus { cursor: none; }
#write pre { white-space: pre-wrap; }
#write.fences-no-line-wrapping pre { white-space: pre; }
#write pre.ty-contain-cm { white-space: normal; }
.CodeMirror-gutters { margin-right: 4px; }
.md-fences { font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; overflow: visible; white-space: pre; background-image: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: inherit; position: relative !important; background-position: inherit inherit; background-repeat: inherit inherit; }
.md-diagram-panel { width: 100%; margin-top: 10px; text-align: center; padding-top: 0px; padding-bottom: 8px; overflow-x: auto; }
#write .md-fences.mock-cm { white-space: pre-wrap; }
.md-fences.md-fences-with-lineno { padding-left: 0px; }
#write.fences-no-line-wrapping .md-fences.mock-cm { white-space: pre; overflow-x: auto; }
.md-fences.mock-cm.md-fences-with-lineno { padding-left: 8px; }
.CodeMirror-line, twitterwidget { break-inside: avoid; }
.footnotes { opacity: 0.8; font-size: 0.9rem; margin-top: 1em; margin-bottom: 1em; }
.footnotes + .footnotes { margin-top: 0px; }
.md-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: top; text-decoration: none; text-shadow: none; float: none; position: static; width: auto; height: auto; white-space: nowrap; cursor: inherit; line-height: normal; font-weight: 400; text-align: left; box-sizing: content-box; direction: ltr; background-position: 0px 0px; background-repeat: initial initial; }
li div { padding-top: 0px; }
blockquote { margin: 1rem 0px; }
li .mathjax-block, li p { margin: 0.5rem 0px; }
li { margin: 0px; position: relative; }
blockquote > :last-child { margin-bottom: 0px; }
blockquote > :first-child, li > :first-child { margin-top: 0px; }
.footnotes-area { color: rgb(136, 136, 136); margin-top: 0.714rem; padding-bottom: 0.143rem; white-space: normal; }
#write .footnote-line { white-space: pre-wrap; }
@media print {
body, html { border: 1px solid transparent; height: 99%; break-after: avoid-page; break-before: avoid-page; }
#write { margin-top: 0px; border-color: transparent !important; }
.typora-export * { -webkit-print-color-adjust: exact; }
html.blink-to-pdf { font-size: 13px; }
.typora-export #write { padding-left: 1cm; padding-right: 1cm; padding-bottom: 0px; break-after: avoid-page; }
.typora-export #write::after { height: 0px; }
@page { margin: 20mm 0px; }
}
.footnote-line { margin-top: 0.714em; font-size: 0.7em; }
a img, img a { cursor: pointer; }
pre.md-meta-block { font-size: 0.8rem; min-height: 0.8rem; white-space: pre-wrap; background-color: rgb(204, 204, 204); display: block; overflow-x: hidden; background-position: initial initial; background-repeat: initial initial; }
p > img:only-child { display: block; margin: auto; }
p > .md-image:only-child { display: inline-block; width: 100%; text-align: center; }
#write .MathJax_Display { margin: 0.8em 0px 0px; }
.md-math-block { width: 100%; }
.md-math-block:not(:empty)::after { display: none; }
[contenteditable="true"]:active, [contenteditable="true"]:focus { outline: 0px; box-shadow: none; }
.md-task-list-item { position: relative; list-style-type: none; }
.task-list-item.md-task-list-item { padding-left: 0px; }
.md-task-list-item > input { position: absolute; top: 0px; left: 0px; margin-left: -1.2em; margin-top: calc(1em - 10px); }
.math { font-size: 1rem; }
.md-toc { min-height: 3.58rem; position: relative; font-size: 0.9rem; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.md-toc-content { position: relative; margin-left: 0px; }
.md-toc-content::after, .md-toc::after { display: none; }
.md-toc-item { display: block; color: rgb(65, 131, 196); }
.md-toc-item a { text-decoration: none; }
.md-toc-inner:hover { }
.md-toc-inner { display: inline-block; cursor: pointer; }
.md-toc-h1 .md-toc-inner { margin-left: 0px; font-weight: 700; }
.md-toc-h2 .md-toc-inner { margin-left: 2em; }
.md-toc-h3 .md-toc-inner { margin-left: 4em; }
.md-toc-h4 .md-toc-inner { margin-left: 6em; }
.md-toc-h5 .md-toc-inner { margin-left: 8em; }
.md-toc-h6 .md-toc-inner { margin-left: 10em; }
@media screen and (max-width: 48em) {
.md-toc-h3 .md-toc-inner { margin-left: 3.5em; }
.md-toc-h4 .md-toc-inner { margin-left: 5em; }
.md-toc-h5 .md-toc-inner { margin-left: 6.5em; }
.md-toc-h6 .md-toc-inner { margin-left: 8em; }
}
a.md-toc-inner { font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; }
.footnote-line a:not(.reversefootnote) { color: inherit; }
.md-attr { display: none; }
.md-fn-count::after { content: "."; }
code, pre, samp, tt { font-family: var(--monospace); }
kbd { margin: 0px 0.1em; padding: 0.1em 0.6em; font-size: 0.8em; color: rgb(36, 39, 41); background-color: rgb(255, 255, 255); border: 1px solid rgb(173, 179, 185); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; box-shadow: rgba(12, 13, 14, 0.2) 0px 1px 0px, rgb(255, 255, 255) 0px 0px 0px 2px inset; white-space: nowrap; vertical-align: middle; background-position: initial initial; background-repeat: initial initial; }
.md-comment { color: rgb(162, 127, 3); opacity: 0.8; font-family: var(--monospace); }
code { text-align: left; }
a.md-print-anchor { white-space: pre !important; border: none !important; display: inline-block !important; position: absolute !important; width: 1px !important; right: 0px !important; outline: 0px !important; text-shadow: initial !important; background-position: 0px 0px !important; background-repeat: initial initial !important; }
.md-inline-math .MathJax_SVG .noError { display: none !important; }
.md-math-block .MathJax_SVG_Display { text-align: center; margin: 0px; position: relative; text-indent: 0px; max-width: none; max-height: none; min-height: 0px; min-width: 100%; width: auto; overflow-y: hidden; display: block !important; }
.MathJax_SVG_Display, .md-inline-math .MathJax_SVG_Display { width: auto; margin: inherit; display: inline-block !important; }
.MathJax_SVG .MJX-monospace { font-family: var(--monospace); }
.MathJax_SVG .MJX-sans-serif { font-family: sans-serif; }
.MathJax_SVG { display: inline; font-style: normal; font-weight: 400; line-height: normal; zoom: 90%; text-indent: 0px; text-align: left; text-transform: none; letter-spacing: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap; float: none; direction: ltr; max-width: none; max-height: none; min-width: 0px; min-height: 0px; border: 0px; padding: 0px; margin: 0px; }
.MathJax_SVG * { transition: none; }
.MathJax_SVG_Display svg { vertical-align: middle !important; margin-bottom: 0px !important; }
.os-windows.monocolor-emoji .md-emoji { font-family: "Segoe UI Symbol", sans-serif; }
.md-diagram-panel > svg { max-width: 100%; }
[lang="mermaid"] svg, [lang="flow"] svg { max-width: 100%; }
[lang="mermaid"] .node text { font-size: 1rem; }
table tr th { border-bottom-width: 0px; }
video { max-width: 100%; display: block; margin: 0px auto; }
iframe { max-width: 100%; width: 100%; border: none; }
.highlight td, .highlight tr { border: 0px; }
.CodeMirror { height: auto; }
.CodeMirror.cm-s-inner { background-image: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: inherit; background-position: inherit inherit; background-repeat: inherit inherit; }
.CodeMirror-scroll { overflow-y: hidden; overflow-x: auto; z-index: 3; }
.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler { background-color: rgb(255, 255, 255); }
.CodeMirror-gutters { border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); background-image: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: inherit; white-space: nowrap; background-position: inherit inherit; background-repeat: inherit inherit; }
.CodeMirror-linenumber { padding: 0px 3px 0px 5px; text-align: right; color: rgb(153, 153, 153); }
.cm-s-inner .cm-keyword { color: rgb(119, 0, 136); }
.cm-s-inner .cm-atom, .cm-s-inner.cm-atom { color: rgb(34, 17, 153); }
.cm-s-inner .cm-number { color: rgb(17, 102, 68); }
.cm-s-inner .cm-def { color: rgb(0, 0, 255); }
.cm-s-inner .cm-variable { color: rgb(0, 0, 0); }
.cm-s-inner .cm-variable-2 { color: rgb(0, 85, 170); }
.cm-s-inner .cm-variable-3 { color: rgb(0, 136, 85); }
.cm-s-inner .cm-string { color: rgb(170, 17, 17); }
.cm-s-inner .cm-property { color: rgb(0, 0, 0); }
.cm-s-inner .cm-operator { color: rgb(152, 26, 26); }
.cm-s-inner .cm-comment, .cm-s-inner.cm-comment { color: rgb(170, 85, 0); }
.cm-s-inner .cm-string-2 { color: rgb(255, 85, 0); }
.cm-s-inner .cm-meta { color: rgb(85, 85, 85); }
.cm-s-inner .cm-qualifier { color: rgb(85, 85, 85); }
.cm-s-inner .cm-builtin { color: rgb(51, 0, 170); }
.cm-s-inner .cm-bracket { color: rgb(153, 153, 119); }
.cm-s-inner .cm-tag { color: rgb(17, 119, 0); }
.cm-s-inner .cm-attribute { color: rgb(0, 0, 204); }
.cm-s-inner .cm-header, .cm-s-inner.cm-header { color: rgb(0, 0, 255); }
.cm-s-inner .cm-quote, .cm-s-inner.cm-quote { color: rgb(0, 153, 0); }
.cm-s-inner .cm-hr, .cm-s-inner.cm-hr { color: rgb(153, 153, 153); }
.cm-s-inner .cm-link, .cm-s-inner.cm-link { color: rgb(0, 0, 204); }
.cm-negative { color: rgb(221, 68, 68); }
.cm-positive { color: rgb(34, 153, 34); }
.cm-header, .cm-strong { font-weight: 700; }
.cm-del { text-decoration: line-through; }
.cm-em { font-style: italic; }
.cm-link { text-decoration: underline; }
.cm-error { color: red; }
.cm-invalidchar { color: red; }
.cm-constant { color: rgb(38, 139, 210); }
.cm-defined { color: rgb(181, 137, 0); }
div.CodeMirror span.CodeMirror-matchingbracket { color: rgb(0, 255, 0); }
div.CodeMirror span.CodeMirror-nonmatchingbracket { color: rgb(255, 34, 34); }
.cm-s-inner .CodeMirror-activeline-background { background-image: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: inherit; background-position: inherit inherit; background-repeat: inherit inherit; }
.CodeMirror { position: relative; overflow: hidden; }
.CodeMirror-scroll { height: 100%; outline: 0px; position: relative; box-sizing: content-box; background-image: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: inherit; background-position: inherit inherit; background-repeat: inherit inherit; }
.CodeMirror-sizer { position: relative; }
.CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar { position: absolute; z-index: 6; display: none; }
.CodeMirror-vscrollbar { right: 0px; top: 0px; overflow: hidden; }
.CodeMirror-hscrollbar { bottom: 0px; left: 0px; overflow: hidden; }
.CodeMirror-scrollbar-filler { right: 0px; bottom: 0px; }
.CodeMirror-gutter-filler { left: 0px; bottom: 0px; }
.CodeMirror-gutters { position: absolute; left: 0px; top: 0px; padding-bottom: 30px; z-index: 3; }
.CodeMirror-gutter { white-space: normal; height: 100%; box-sizing: content-box; padding-bottom: 30px; margin-bottom: -32px; display: inline-block; }
.CodeMirror-gutter-wrapper { position: absolute; z-index: 4; border: none !important; background-position: 0px 0px !important; background-repeat: initial initial !important; }
.CodeMirror-gutter-background { position: absolute; top: 0px; bottom: 0px; z-index: 4; }
.CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; }
.CodeMirror-lines { cursor: text; }
.CodeMirror pre { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-width: 0px; font-family: inherit; font-size: inherit; margin: 0px; white-space: pre; word-wrap: normal; color: inherit; z-index: 2; position: relative; overflow: visible; background-position: 0px 0px; background-repeat: initial initial; }
.CodeMirror-wrap pre { word-wrap: break-word; white-space: pre-wrap; word-break: normal; }
.CodeMirror-code pre { border-right-width: 30px; border-right-style: solid; border-right-color: transparent; width: fit-content; }
.CodeMirror-wrap .CodeMirror-code pre { border-right-style: none; width: auto; }
.CodeMirror-linebackground { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 0; }
.CodeMirror-linewidget { position: relative; z-index: 2; overflow: auto; }
.CodeMirror-wrap .CodeMirror-scroll { overflow-x: hidden; }
.CodeMirror-measure { position: absolute; width: 100%; height: 0px; overflow: hidden; visibility: hidden; }
.CodeMirror-measure pre { position: static; }
.CodeMirror div.CodeMirror-cursor { position: absolute; visibility: hidden; border-right-style: none; width: 0px; }
.CodeMirror div.CodeMirror-cursor { visibility: hidden; }
.CodeMirror-focused div.CodeMirror-cursor { visibility: inherit; }
.cm-searching { background-color: rgba(255, 255, 0, 0.4); background-position: initial initial; background-repeat: initial initial; }
@media print {
.CodeMirror div.CodeMirror-cursor { visibility: hidden; }
}
:root {
--side-bar-bg-color: #fafafa;
--control-text-color: #777;
}
@include-when-export url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext);
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: normal;
src: local('Open Sans Regular'),url('file:///Users/lee/Library/Application%20Support/abnerworks.Typora/themes/github/400.woff') format('woff')
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: normal;
src: local('Open Sans Italic'),url('file:///Users/lee/Library/Application%20Support/abnerworks.Typora/themes/github/400i.woff') format('woff')
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: bold;
src: local('Open Sans Bold'),url('file:///Users/lee/Library/Application%20Support/abnerworks.Typora/themes/github/700.woff') format('woff')
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: bold;
src: local('Open Sans Bold Italic'),url('file:///Users/lee/Library/Application%20Support/abnerworks.Typora/themes/github/700i.woff') format('woff')
}
html {
font-size: 16px;
}
body {
font-family: "Open Sans","Clear Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
color: rgb(51, 51, 51);
line-height: 1.6;
}
#write{
max-width: 860px;
margin: 0 auto;
padding: 20px 30px 40px 30px;
padding-top: 20px;
padding-bottom: 100px;
}
#write > ul:first-child,
#write > ol:first-child{
margin-top: 30px;
}
body > *:first-child {
margin-top: 0 !important;
}
body > *:last-child {
margin-bottom: 0 !important;
}
a {
color: #4183C4;
}
h1,
h2,
h3,
h4,
h5,
h6 {
position: relative;
margin-top: 1rem;
margin-bottom: 1rem;
font-weight: bold;
line-height: 1.4;
cursor: text;
}
h1:hover a.anchor,
h2:hover a.anchor,
h3:hover a.anchor,
h4:hover a.anchor,
h5:hover a.anchor,
h6:hover a.anchor {
/*background: url("file:///Users/lee/Library/Application%20Support/images/modules/styleguide/para.png") no-repeat 10px center;*/
text-decoration: none;
}
h1 tt,
h1 code {
font-size: inherit;
}
h2 tt,
h2 code {
font-size: inherit;
}
h3 tt,
h3 code {
font-size: inherit;
}
h4 tt,
h4 code {
font-size: inherit;
}
h5 tt,
h5 code {
font-size: inherit;
}
h6 tt,
h6 code {
font-size: inherit;
}
h1 {
padding-bottom: .3em;
font-size: 2.25em;
line-height: 1.2;
border-bottom: 1px solid #eee;
}
h2 {
padding-bottom: .3em;
font-size: 1.75em;
line-height: 1.225;
border-bottom: 1px solid #eee;
}
h3 {
font-size: 1.5em;
line-height: 1.43;
}
h4 {
font-size: 1.25em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 1em;
color: #777;
}
p,
blockquote,
ul,
ol,
dl,
table{
margin: 0.8em 0;
}
li>ol,
li>ul {
margin: 0 0;
}
hr {
height: 2px;
padding: 0;
margin: 16px 0;
background-color: #e7e7e7;
border: 0 none;
overflow: hidden;
box-sizing: content-box;
}
body > h2:first-child {
margin-top: 0;
padding-top: 0;
}
body > h1:first-child {
margin-top: 0;
padding-top: 0;
}
body > h1:first-child + h2 {
margin-top: 0;
padding-top: 0;
}
body > h3:first-child,
body > h4:first-child,
body > h5:first-child,
body > h6:first-child {
margin-top: 0;
padding-top: 0;
}
a:first-child h1,
a:first-child h2,
a:first-child h3,
a:first-child h4,
a:first-child h5,
a:first-child h6 {
margin-top: 0;
padding-top: 0;
}
h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p {
margin-top: 0;
}
li p.first {
display: inline-block;
}
ul,
ol {
padding-left: 30px;
}
ul:first-child,
ol:first-child {
margin-top: 0;
}
ul:last-child,
ol:last-child {
margin-bottom: 0;
}
blockquote {
border-left: 4px solid #dfe2e5;
padding: 0 15px;
color: #777777;
}
blockquote blockquote {
padding-right: 0;
}
table {
padding: 0;
word-break: initial;
}
table tr {
border-top: 1px solid #dfe2e5;
margin: 0;
padding: 0;
}
table tr:nth-child(2n),
thead {
background-color: #f8f8f8;
}
table tr th {
font-weight: bold;
border: 1px solid #dfe2e5;
border-bottom: 0;
text-align: left;
margin: 0;
padding: 6px 13px;
}
table tr td {
border: 1px solid #dfe2e5;
text-align: left;
margin: 0;
padding: 6px 13px;
}
table tr th:first-child,
table tr td:first-child {
margin-top: 0;
}
table tr th:last-child,
table tr td:last-child {
margin-bottom: 0;
}
.CodeMirror-lines {
padding-left: 4px;
}
.code-tooltip {
box-shadow: 0 1px 1px 0 rgba(0,28,36,.3);
border-top: 1px solid #eef2f2;
}
.md-fences,
code,
tt {
border: 1px solid #e7eaed;
background-color: #f8f8f8;
border-radius: 3px;
padding: 0;
padding: 2px 4px 0px 4px;
font-size: 0.9em;
}
code {
background-color: #f3f4f4;
padding: 0 4px 2px 4px;
}
.md-fences {
margin-bottom: 15px;
margin-top: 15px;
padding: 0.2em 1em;
padding-top: 8px;
padding-bottom: 6px;
}
.md-task-list-item > input {
margin-left: -1.3em;
}
@media screen and (min-width: 914px) {
/*body {
width: 854px;
margin: 0 auto;
}*/
}
@media print {
html {
font-size: 13px;
}
table,
pre {
page-break-inside: avoid;
}
pre {
word-wrap: break-word;
}
}
.md-fences {
background-color: #f8f8f8;
}
#write pre.md-meta-block {
padding: 1rem;
font-size: 85%;
line-height: 1.45;
background-color: #f7f7f7;
border: 0;
border-radius: 3px;
color: #777777;
margin-top: 0 !important;
}
.mathjax-block>.code-tooltip {
bottom: .375rem;
}
.md-mathjax-midline {
background: #fafafa;
}
#write>h3.md-focus:before{
left: -1.5625rem;
top: .375rem;
}
#write>h4.md-focus:before{
left: -1.5625rem;
top: .285714286rem;
}
#write>h5.md-focus:before{
left: -1.5625rem;
top: .285714286rem;
}
#write>h6.md-focus:before{
left: -1.5625rem;
top: .285714286rem;
}
.md-image>.md-meta {
/*border: 1px solid #ddd;*/
border-radius: 3px;
padding: 2px 0px 0px 4px;
font-size: 0.9em;
color: inherit;
}
.md-tag {
color: #a7a7a7;
opacity: 1;
}
.md-toc {
margin-top:20px;
padding-bottom:20px;
}
.sidebar-tabs {
border-bottom: none;
}
#typora-quick-open {
border: 1px solid #ddd;
background-color: #f8f8f8;
}
#typora-quick-open-item {
background-color: #FAFAFA;
border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee;
border-style: solid;
border-width: 1px;
}
/** focus mode */
.on-focus-mode blockquote {
border-left-color: rgba(85, 85, 85, 0.12);
}
header, .context-menu, .megamenu-content, footer{
font-family: "Segoe UI", "Arial", sans-serif;
}
.file-node-content:hover .file-node-icon,
.file-node-content:hover .file-node-open-state{
visibility: visible;
}
.mac-seamless-mode #typora-sidebar {
background-color: #fafafa;
background-color: var(--side-bar-bg-color);
}
.md-lang {
color: #b4654d;
}
.html-for-mac .context-menu {
--item-hover-bg-color: #E6F0FE;
}
.typora-export p, .typora-export .footnote-line {white-space: normal;}
</style>
</head>
<body class='typora-export' >
<div id='write' class = 'is-mac'><h1><a name='header-n0' class='md-header-anchor '></a>流川枫使用文档</h1><h2><a name='header-n2' class='md-header-anchor '></a>目录</h2><div class='md-toc' mdtype='toc'><p class="md-toc-content"><span class="md-toc-item md-toc-h1" data-ref="n0"><a class="md-toc-inner" href="#header-n0">流川枫使用文档</a></span><span class="md-toc-item md-toc-h2" data-ref="n2"><a class="md-toc-inner" href="#header-n2">目录</a></span><span class="md-toc-item md-toc-h2" data-ref="n4"><a class="md-toc-inner" href="#header-n4">广告创建工具</a></span><span class="md-toc-item md-toc-h3" data-ref="n10"><a class="md-toc-inner" href="#header-n10">素材库</a></span><span class="md-toc-item md-toc-h3" data-ref="n40"><a class="md-toc-inner" href="#header-n40">广告模板</a></span><span class="md-toc-item md-toc-h4" data-ref="n43"><a class="md-toc-inner" href="#header-n43">模板名称</a></span><span class="md-toc-item md-toc-h4" data-ref="n45"><a class="md-toc-inner" href="#header-n45">新建广告系列</a></span><span class="md-toc-item md-toc-h3" data-ref="n85"><a class="md-toc-inner" href="#header-n85">创建广告</a></span><span class="md-toc-item md-toc-h4" data-ref="n87"><a class="md-toc-inner" href="#header-n87">关联应用</a></span><span class="md-toc-item md-toc-h4" data-ref="n89"><a class="md-toc-inner" href="#header-n89">关联账户</a></span><span class="md-toc-item md-toc-h4" data-ref="n91"><a class="md-toc-inner" href="#header-n91">创建名称 </a></span><span class="md-toc-item md-toc-h4" data-ref="n94"><a class="md-toc-inner" href="#header-n94">主题包名</a></span><span class="md-toc-item md-toc-h4" data-ref="n97"><a class="md-toc-inner" href="#header-n97">投放信息</a></span><span class="md-toc-item md-toc-h4" data-ref="n99"><a class="md-toc-inner" href="#header-n99">关联方式选择</a></span><span class="md-toc-item md-toc-h4" data-ref="n111"><a class="md-toc-inner" href="#header-n111">关联素材</a></span><span class="md-toc-item md-toc-h4" data-ref="n137"><a class="md-toc-inner" href="#header-n137">广告列表</a></span><span class="md-toc-item md-toc-h3" data-ref="n150"><a class="md-toc-inner" href="#header-n150">Business Manager平台设置</a></span><span class="md-toc-item md-toc-h4" data-ref="n151"><a class="md-toc-inner" href="#header-n151">前期准备</a></span><span class="md-toc-item md-toc-h4" data-ref="n156"><a class="md-toc-inner" href="#header-n156">1.将广告账户认领到BM平台下</a></span><span class="md-toc-item md-toc-h4" data-ref="n158"><a class="md-toc-inner" href="#header-n158">2.添加BM平台对应的system user为广告账户管理员</a></span><span class="md-toc-item md-toc-h4" data-ref="n161"><a class="md-toc-inner" href="#header-n161">3.认领APP到BM平台下</a></span><span class="md-toc-item md-toc-h4" data-ref="n172"><a class="md-toc-inner" href="#header-n172">4.Assign 广告账户到APP下</a></span><span class="md-toc-item md-toc-h4" data-ref="n174"><a class="md-toc-inner" href="#header-n174">5.添加BM平台对应的system user为APP管理员</a></span><span class="md-toc-item md-toc-h4" data-ref="n176"><a class="md-toc-inner" href="#header-n176">6.Assign APP和广告账户到对应的项目下</a></span><span class="md-toc-item md-toc-h2" data-ref="n181"><a class="md-toc-inner" href="#header-n181">图片生成工具</a></span><span class="md-toc-item md-toc-h3" data-ref="n186"><a class="md-toc-inner" href="#header-n186">图片生成</a></span><span class="md-toc-item md-toc-h3" data-ref="n200"><a class="md-toc-inner" href="#header-n200">图片预览</a></span><span class="md-toc-item md-toc-h3" data-ref="n205"><a class="md-toc-inner" href="#header-n205">图片模板</a></span><span class="md-toc-item md-toc-h2" data-ref="n245"><a class="md-toc-inner" href="#header-n245">备注</a></span><span class="md-toc-item md-toc-h3" data-ref="n246"><a class="md-toc-inner" href="#header-n246">国家列表</a></span></p></div><h2><a name='header-n4' class='md-header-anchor '></a>广告创建工具</h2><ul><li>创建广告步骤</li></ul><div class="md-diagram-panel"><svg height="594.59375" version="1.1" width="141" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 141 594.59375" preserveAspectRatio="xMidYMid meet" style="overflow: hidden; position: relative; top: -0.578125px;"><desc>Created with Raphaël 2.2.0</desc><defs><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block"></path><marker id="raphael-marker-endblock33-objvjbkh" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="currentColor" stroke="none"></use></marker><marker id="raphael-marker-endblock33-objqepxg" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="currentColor" stroke="none"></use></marker><marker id="raphael-marker-endblock33-objltfyn" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="currentColor" stroke="none"></use></marker><marker id="raphael-marker-endblock33-objyjo9p" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="currentColor" stroke="none"></use></marker><marker id="raphael-marker-endblock33-obj3kleq" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="currentColor" stroke="none"></use></marker><marker id="raphael-marker-endblock33-obj42hat" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="currentColor" stroke="none"></use></marker></defs><rect x="0" y="0" width="76" height="35.65625" rx="20" ry="20" fill="var(--bg-color)" stroke="currentColor" stroke-width="3" class="flowchart" id="st" transform="matrix(1,0,0,1,34,6)" style=""></rect><text x="10" y="17.828125" text-anchor="start" font-family=""Arial"" font-size="14px" stroke="none" fill="currentColor" id="stt" class="flowchartt" transform="matrix(1,0,0,1,34,6)" stroke-width="1" style="text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="4.859375">开始创建</tspan></text><rect x="0" y="0" width="104" height="35.65625" rx="0" ry="0" fill="var(--bg-color)" stroke="currentColor" stroke-width="3" class="flowchart" id="op" transform="matrix(1,0,0,1,20,97.6563)" style=""></rect><text x="10" y="17.828125" text-anchor="start" font-family=""Arial"" font-size="14px" stroke="none" fill="currentColor" id="opt" class="flowchartt" transform="matrix(1,0,0,1,20,97.6563)" stroke-width="1" style="text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="4.859375">创建广告模板</tspan></text><rect x="0" y="0" width="76" height="35.65625" rx="0" ry="0" fill="var(--bg-color)" stroke="currentColor" stroke-width="3" class="flowchart" id="op2" transform="matrix(1,0,0,1,34,189.3125)" style=""></rect><text x="10" y="17.828125" text-anchor="start" font-family=""Arial"" font-size="14px" stroke="none" fill="currentColor" id="op2t" class="flowchartt" transform="matrix(1,0,0,1,34,189.3125)" stroke-width="1" style="text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="4.859375">上传素材</tspan></text><rect x="0" y="0" width="76" height="35.65625" rx="0" ry="0" fill="var(--bg-color)" stroke="currentColor" stroke-width="3" class="flowchart" id="op3" transform="matrix(1,0,0,1,34,280.9688)" style=""></rect><text x="10" y="17.828125" text-anchor="start" font-family=""Arial"" font-size="14px" stroke="none" fill="currentColor" id="op3t" class="flowchartt" transform="matrix(1,0,0,1,34,280.9688)" stroke-width="1" style="text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="4.859375">创建广告</tspan></text><rect x="0" y="0" width="132" height="35.65625" rx="0" ry="0" fill="var(--bg-color)" stroke="currentColor" stroke-width="3" class="flowchart" id="op4" transform="matrix(1,0,0,1,6,372.625)" style=""></rect><text x="10" y="17.828125" text-anchor="start" font-family=""Arial"" font-size="14px" stroke="none" fill="currentColor" id="op4t" class="flowchartt" transform="matrix(1,0,0,1,6,372.625)" stroke-width="1" style="text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="4.859375">关联素材到广告组</tspan></text><rect x="0" y="0" width="104" height="35.65625" rx="0" ry="0" fill="var(--bg-color)" stroke="currentColor" stroke-width="3" class="flowchart" id="op5" transform="matrix(1,0,0,1,20,464.2813)" style=""></rect><text x="10" y="17.828125" text-anchor="start" font-family=""Arial"" font-size="14px" stroke="none" fill="currentColor" id="op5t" class="flowchartt" transform="matrix(1,0,0,1,20,464.2813)" stroke-width="1" style="text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="4.859375">查看创建结果</tspan></text><rect x="0" y="0" width="44.921875" height="35.65625" rx="20" ry="20" fill="var(--bg-color)" stroke="currentColor" stroke-width="3" class="flowchart" id="e" transform="matrix(1,0,0,1,49.5391,555.9375)" style=""></rect><text x="10" y="17.828125" text-anchor="start" font-family=""Arial"" font-size="14px" stroke="none" fill="currentColor" id="et" class="flowchartt" transform="matrix(1,0,0,1,49.5391,555.9375)" stroke-width="1" style="text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="4.859375">End</tspan></text><path fill="none" stroke="currentColor" d="M72,41.65625C72,41.65625,72,79.85702085494995,72,93.15641031763516" stroke-width="3" marker-end="url(#raphael-marker-endblock33-objvjbkh)" style=""></path><path fill="none" stroke="currentColor" d="M72,133.3125C72,133.3125,72,171.51327085494995,72,184.81266031763516" stroke-width="3" marker-end="url(#raphael-marker-endblock33-objqepxg)" style=""></path><path fill="none" stroke="currentColor" d="M72,224.96875C72,224.96875,72,263.16952085494995,72,276.46891031763516" stroke-width="3" marker-end="url(#raphael-marker-endblock33-objltfyn)" style=""></path><path fill="none" stroke="currentColor" d="M72,316.625C72,316.625,72,354.82577085494995,72,368.12516031763516" stroke-width="3" marker-end="url(#raphael-marker-endblock33-objyjo9p)" style=""></path><path fill="none" stroke="currentColor" d="M72,408.28125C72,408.28125,72,446.48202085494995,72,459.78141031763516" stroke-width="3" marker-end="url(#raphael-marker-endblock33-obj3kleq)" style=""></path><path fill="none" stroke="currentColor" d="M72,499.9375C72,499.9375,72,538.13827085495,72,551.4376603176352" stroke-width="3" marker-end="url(#raphael-marker-endblock33-obj42hat)" style=""></path></svg></div><h3><a name='header-n10' class='md-header-anchor '></a>素材库</h3><p><a href='http://gp.launcher.cmcm.com/facebook-ads/index'>素材库地址</a></p><p><img src='./img/截图/image-20180831161712185.png' alt='image-20180831161712185' referrerPolicy='no-referrer' /></p><ul><li>应用名称</li></ul><p>选择主题应用名称，素材库是按主题名称来分类的</p><p>白牌需要选择对应的主题应用上传</p><ul><li>关联账户</li></ul><p>选择需要上传到的Facebook广告账号，选择账号错误会导致广告创建失败</p><ul><li>文件属性</li></ul><p>选择上传素材的属性（图片\视频\封面图），单次上传只能上传一类的素材。</p><p>在上传视频时，一次上传超过50MB的视频有一定的失败几率</p><ul><li>文件选择</li></ul><p><img src='./img/截图/image-20180831162723106.png' alt='image-20180831162723106' referrerPolicy='no-referrer' /></p><p>选择完文件后，可以单击每个文件右上角的按钮取消这一个文件的上传。</p><ul><li>提交</li></ul><p><img src='./img/截图/image-20180831162808637.png' alt='image-20180831162808637' referrerPolicy='no-referrer' /></p><p>单击提交素材后，提交素材的按钮颜色会变深，这是正在上传的标志，不要再次点击颜色变深的按钮。</p><p><strong>提交成功</strong>后会跳转至素材查看界面</p><p><strong>提交失败</strong>会显示失败提示，不会跳转界面</p><p> </p><h3><a name='header-n40' class='md-header-anchor '></a>广告模板</h3><p><a href='http://gp.launcher.cmcm.com/ad-tpl/create'>广告模板地址</a></p><p><img src='./img/截图/image-20180917112428570.png' alt='image-20180917112428570' referrerPolicy='no-referrer' /></p><h4><a name='header-n43' class='md-header-anchor '></a>模板名称</h4><p>填写模板名称，需要注意的是所有人的模板都会在一起，所以需要加上自己的标记。</p><h4><a name='header-n45' class='md-header-anchor '></a>新建广告系列</h4><p>创建一个广告系列和其中的广告组</p><ul><li>广告系列名称</li></ul><p>这个广告系列名称不是正式名称，是正式名称的一部分</p><p>广告系列正式名称为：应用名+创建名称+广告系列名称（广告模板中填写）</p><ul><li>广告组名称</li></ul><p>这个广告组名称不是正式名称，是正式名称的一部分</p><p>广告组正式名称为：应用名+创建名称+广告系列名称（广告模板中填写）+广告组名称（广告模板中填写）</p><ul><li>国家</li></ul><p>需要填写中文</p><p>一个广告组需要关联多个国家的话，将多个国家用英文逗号","隔开即可</p><p>如要关联全球，在国家中填写''全球''即可，填写全球后，不可再用逗号关联多个国家</p><p>使用文档备注中有可用国家列表</p><ul><li>出价</li></ul><p>填写数字，限制范围0~2</p><ul><li>单日预算</li></ul><p>填写数字，需要大于0</p><ul><li>加速状态</li></ul><p>填写“加速”或“匀速”</p><ul><li>单个添加</li></ul><p>点击“添加广告组”之后，填写信息即可</p><ul><li>批量添加</li></ul><p>在Excel文档中编辑好信息后，点击“从Excel表格添加”后直接粘贴、确定即可</p><p>格式示例：<a href=''>Excel模板下载</a></p><h3><a name='header-n85' class='md-header-anchor '></a>创建广告</h3><p><img src='./img/截图/image-20180917114226721.png' alt='image-20180917114226721' referrerPolicy='no-referrer' /></p><h4><a name='header-n87' class='md-header-anchor '></a>关联应用</h4><p>选择广告将要关联的应用</p><h4><a name='header-n89' class='md-header-anchor '></a>关联账户</h4><p>选择广告在哪个广告账户下创建</p><h4><a name='header-n91' class='md-header-anchor '></a>创建名称 </h4><p>这个创建名称不是正式名称，是正式名称的一部分</p><p>广告系列正式名称为：应用名+创建名称+广告系列名称（广告模板中填写）</p><h4><a name='header-n94' class='md-header-anchor '></a>主题包名</h4><p><img src='./img/截图/image-20180917114451780.png' alt='image-20180917114451780' referrerPolicy='no-referrer' /></p><p>在Facebook后台应用设置中可以找到，设计师后台同样也能找到主题包名</p><h4><a name='header-n97' class='md-header-anchor '></a>投放信息</h4><p>选择要使用广告模板（需在创建广告前设置好）</p><h4><a name='header-n99' class='md-header-anchor '></a>关联方式选择</h4><p><img src='./img/截图/image-20180917114644782.png' alt='image-20180917114644782' referrerPolicy='no-referrer' /></p><p>选择广告组，并给广告组关联素材，根据关联素材的数量，会在对应广告组下创建相应数量的广告</p><ul><li>按广告系列选择</li></ul><p>等同于选择该广告系列下所有广告组</p><ul><li>按广告组选择</li></ul><p>直接选择广告组，所有广告组将会展开供选择</p><p> </p><h4><a name='header-n111' class='md-header-anchor '></a>关联素材</h4><p><img src='./img/截图/image-20180917114949250.png' alt='image-20180917114949250' referrerPolicy='no-referrer' /></p><p>选择广告组后点击确定会出现选择素材界面</p><ul><li>选择限制</li></ul><p>一次关联只能选择图片、视频、视频+封面图中的一种</p><ul><li>创建广告规则</li></ul><p>选择N张图片，会在选定的广告组下分别创建N个广告</p><p>选择N个视频，会在选定的广告组下分别创建N个广告</p><p>选择N个视频+N个封面图，会在选定的广告组下分别以排列组合的方式创建N*N个广告</p><blockquote><p>例：</p><p>选择视频：V1、V2</p><p>选择封面图：C1、C2</p><p>会创建2*2=4个广告，分别为</p><p>V1-C1、V1-C2、V2-C1、V2-C2</p></blockquote><ul><li>多次关联</li></ul><p><img src='./img/截图/image-20180917115711354.png' alt='image-20180917115711354' referrerPolicy='no-referrer' /></p><p>关联一次后，会将已关联的广告组和即将创建的广告数量显示出来，此时再次点击确定，再次进入关联素材界面</p><p>多次给一个广告组关联素材，会将多次关联的结果叠加创建在一个广告组中，不会再创建一个新的广告组</p><p> </p><h4><a name='header-n137' class='md-header-anchor '></a>广告列表</h4><p>完成关联，点击创建广告后，程序会在后台执行创建操作，创建状态会显示在广告列表中</p><p><img src='./img/截图/image-20180917120017884.png' alt='image-20180917120017884' referrerPolicy='no-referrer' /></p><ul><li>创建状态</li></ul><p>0为正在创建，1为创建完成，2为创建失败</p><p>一次只能执行一个任务，如队列中有正在创建的任务，新提交的任务会在原有任务创建完之后创建</p><ul><li>信息显示</li></ul><p>列表中会显示创建广告任务的详细信息</p><p> </p><h3><a name='header-n150' class='md-header-anchor '></a>Business Manager平台设置</h3><h4><a name='header-n151' class='md-header-anchor '></a>前期准备</h4><ul><li>BM平台Admin权限账号</li></ul><p> </p><h4><a name='header-n156' class='md-header-anchor '></a>1.将广告账户认领到BM平台下</h4><p><img src='./img/截图/image-20180829220130723.png' alt='image-20180829220130723' referrerPolicy='no-referrer' /></p><h4><a name='header-n158' class='md-header-anchor '></a>2.添加BM平台对应的system user为广告账户管理员</h4><ul><li>2.1 需要添加为广告账户管理员的账户</li></ul><p>需要添加为管理员的ID：</p><p><strong>Data expert (Me)</strong></p><p><strong>流川枫 (System User)</strong></p><p><img src='./img/截图/image-20180831160435278.png' alt='image-20180831160435278' referrerPolicy='no-referrer' /></p><p><img src='./img/截图/image-20180831160530554.png' alt='image-20180831160530554' referrerPolicy='no-referrer' /></p><h4><a name='header-n161' class='md-header-anchor '></a>3.认领APP到BM平台下</h4><ul><li>3.1 将管理账户添加为此App的管理员</li></ul><p>需要添加为管理员的ID：<strong>smith.amlie.7</strong></p><p><img src='./img/截图/image-20180925110500215.png' alt='image-20180925110500215' referrerPolicy='no-referrer' /></p><ul><li>3.2 将‘Cheetah Mobile 应用类app’选为BM平台</li></ul><p><img src='./img/截图/image-20180925110311929.png' alt='image-20180925110311929' referrerPolicy='no-referrer' /></p><p> </p><h4><a name='header-n172' class='md-header-anchor '></a>4.Assign 广告账户到APP下</h4><p><img src='./img/截图/image-20180831160815346.png' alt='image-20180831160815346' referrerPolicy='no-referrer' /></p><h4><a name='header-n174' class='md-header-anchor '></a>5.添加BM平台对应的system user为APP管理员</h4><p><img src='./img/截图/image-20180831160838300.png' alt='image-20180831160838300' referrerPolicy='no-referrer' /></p><h4><a name='header-n176' class='md-header-anchor '></a>6.Assign APP和广告账户到对应的项目下</h4><p>未做此步会导致工具无法拉取到APP、Account列表</p><p><img src='./img/截图/image-20180831160943049.png' alt='image-20180831160943049' referrerPolicy='no-referrer' /></p><p> </p><p> </p><h2><a name='header-n181' class='md-header-anchor '></a>图片生成工具</h2><ul><li>图片生成步骤</li></ul><div class="md-diagram-panel"><svg height="502.9375" version="1.1" width="186.890625" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 186.890625 502.9375" preserveAspectRatio="xMidYMid meet" style="overflow: hidden; position: relative; top: -0.296875px;"><desc>Created with Raphaël 2.2.0</desc><defs><marker id="raphael-marker-endblock33-objtttf9" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="currentColor" stroke="none"></use></marker><marker id="raphael-marker-endblock33-objbpqmd" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="currentColor" stroke="none"></use></marker><marker id="raphael-marker-endblock33-obj2i1ul" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="currentColor" stroke="none"></use></marker><marker id="raphael-marker-endblock33-obj4d924" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="currentColor" stroke="none"></use></marker><marker id="raphael-marker-endblock33-objfha8m" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="currentColor" stroke="none"></use></marker></defs><rect x="0" y="0" width="76" height="35.65625" rx="20" ry="20" fill="var(--bg-color)" stroke="currentColor" stroke-width="3" class="flowchart" id="st" transform="matrix(1,0,0,1,56.9453,6)" style=""></rect><text x="10" y="17.828125" text-anchor="start" font-family=""Arial"" font-size="14px" stroke="none" fill="currentColor" id="stt" class="flowchartt" transform="matrix(1,0,0,1,56.9453,6)" stroke-width="1" style="text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="4.859375">开始生成</tspan></text><rect x="0" y="0" width="104" height="35.65625" rx="0" ry="0" fill="var(--bg-color)" stroke="currentColor" stroke-width="3" class="flowchart" id="op" transform="matrix(1,0,0,1,42.9453,97.6563)" style=""></rect><text x="10" y="17.828125" text-anchor="start" font-family=""Arial"" font-size="14px" stroke="none" fill="currentColor" id="opt" class="flowchartt" transform="matrix(1,0,0,1,42.9453,97.6563)" stroke-width="1" style="text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="4.859375">设置图片模板</tspan></text><rect x="0" y="0" width="162.34375" height="35.65625" rx="0" ry="0" fill="var(--bg-color)" stroke="currentColor" stroke-width="3" class="flowchart" id="op2" transform="matrix(1,0,0,1,13.7734,189.3125)" style=""></rect><text x="10" y="17.828125" text-anchor="start" font-family=""Arial"" font-size="14px" stroke="none" fill="currentColor" id="op2t" class="flowchartt" transform="matrix(1,0,0,1,13.7734,189.3125)" stroke-width="1" style="text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="4.859375">选择TID\模板\广告账户</tspan></text><rect x="0" y="0" width="104" height="35.65625" rx="0" ry="0" fill="var(--bg-color)" stroke="currentColor" stroke-width="3" class="flowchart" id="op3" transform="matrix(1,0,0,1,42.9453,280.9688)" style=""></rect><text x="10" y="17.828125" text-anchor="start" font-family=""Arial"" font-size="14px" stroke="none" fill="currentColor" id="op3t" class="flowchartt" transform="matrix(1,0,0,1,42.9453,280.9688)" stroke-width="1" style="text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="4.859375">选择生成图片</tspan></text><rect x="0" y="0" width="177.890625" height="35.65625" rx="0" ry="0" fill="var(--bg-color)" stroke="currentColor" stroke-width="3" class="flowchart" id="op4" transform="matrix(1,0,0,1,6,372.625)" style=""></rect><text x="10" y="17.828125" text-anchor="start" font-family=""Arial"" font-size="14px" stroke="none" fill="currentColor" id="op4t" class="flowchartt" transform="matrix(1,0,0,1,6,372.625)" stroke-width="1" style="text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="4.859375">本地下载或上传FB素材库</tspan></text><rect x="0" y="0" width="44.921875" height="35.65625" rx="20" ry="20" fill="var(--bg-color)" stroke="currentColor" stroke-width="3" class="flowchart" id="e" transform="matrix(1,0,0,1,72.4844,464.2813)" style=""></rect><text x="10" y="17.828125" text-anchor="start" font-family=""Arial"" font-size="14px" stroke="none" fill="currentColor" id="et" class="flowchartt" transform="matrix(1,0,0,1,72.4844,464.2813)" stroke-width="1" style="text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="4.859375">End</tspan></text><path fill="none" stroke="currentColor" d="M94.9453125,41.65625C94.9453125,41.65625,94.9453125,79.85702085494995,94.9453125,93.15641031763516" stroke-width="3" marker-end="url(#raphael-marker-endblock33-objtttf9)" style=""></path><path fill="none" stroke="currentColor" d="M94.9453125,133.3125C94.9453125,133.3125,94.9453125,171.51327085494995,94.9453125,184.81266031763516" stroke-width="3" marker-end="url(#raphael-marker-endblock33-objbpqmd)" style=""></path><path fill="none" stroke="currentColor" d="M94.9453125,224.96875C94.9453125,224.96875,94.9453125,263.16952085494995,94.9453125,276.46891031763516" stroke-width="3" marker-end="url(#raphael-marker-endblock33-obj2i1ul)" style=""></path><path fill="none" stroke="currentColor" d="M94.9453125,316.625C94.9453125,316.625,94.9453125,354.82577085494995,94.9453125,368.12516031763516" stroke-width="3" marker-end="url(#raphael-marker-endblock33-obj4d924)" style=""></path><path fill="none" stroke="currentColor" d="M94.9453125,408.28125C94.9453125,408.28125,94.9453125,446.48202085494995,94.9453125,459.78141031763516" stroke-width="3" marker-end="url(#raphael-marker-endblock33-objfha8m)" style=""></path></svg></div><h3><a name='header-n186' class='md-header-anchor '></a>图片生成</h3><p><img src='./img/截图/image-20180917133124610.png' alt='image-20180917133124610' referrerPolicy='no-referrer' /></p><ul><li>输入TID</li></ul><p>仅限2D\3D已上架的官推主题</p><ul><li>选择模板</li></ul><p>选择图片生成模板（需要提前配置好）</p><ul><li>选择广告账户</li></ul><p>选择素材要上传的广告账户</p><h3><a name='header-n200' class='md-header-anchor '></a>图片预览</h3><p>输入TID和模板后，会拉取主题的GP宣传图生成图片，生成后进入选择界面，可以取消效果不佳的图片。</p><p>选择完成后，可以下载到本地或者上传FB素材库（前一步选择的广告账户素材库）</p><p><img src='./img/截图/image-20180917133603142.png' alt='image-20180917133603142' referrerPolicy='no-referrer' /></p><p> </p><h3><a name='header-n205' class='md-header-anchor '></a>图片模板</h3><ul><li>上传底版图</li></ul><p>仅支持单张1200*628的PNG</p><ul><li>编辑模板</li></ul><p>支持添加主题的以下GP宣传图以及icon</p><figure><table><thead><tr><th>素材类型</th><th>像素_宽</th><th>像素_高</th></tr></thead><tbody><tr><td>Cover</td><td>315</td><td>420</td></tr><tr><td>icon</td><td>512</td><td>512</td></tr><tr><td>Banner</td><td>1024</td><td>500</td></tr><tr><td>Preview</td><td>720</td><td>1280</td></tr><tr><td>Background</td><td>720</td><td>1280</td></tr></tbody></table></figure><p>目前右边的编辑栏仅仅只是显示，并不支持设置的功能（图层设置除外）</p><ul><li>图层设置</li></ul><p>图层数字越大，排在越上面</p><p> </p><h2><a name='header-n245' class='md-header-anchor '></a>备注</h2><h3><a name='header-n246' class='md-header-anchor '></a>国家列表</h3><figure><table><thead><tr><th>国家</th><th>代码</th></tr></thead><tbody><tr><td>全球</td><td> </td></tr><tr><td>阿尔巴尼亚</td><td>AL</td></tr><tr><td>阿尔及利亚</td><td>DZ</td></tr><tr><td>阿根廷</td><td>AR</td></tr><tr><td>阿拉伯联合酋长国</td><td>AE</td></tr><tr><td>阿鲁巴</td><td>AW</td></tr><tr><td>阿曼</td><td>OM</td></tr><tr><td>阿塞拜疆</td><td>AZ</td></tr><tr><td>埃及</td><td>EG</td></tr><tr><td>爱尔兰</td><td>IE</td></tr><tr><td>爱沙尼亚</td><td>EE</td></tr><tr><td>安哥拉</td><td>AO</td></tr><tr><td>奥地利</td><td>AT</td></tr><tr><td>澳大利亚</td><td>AU</td></tr><tr><td>巴布亚新几内亚</td><td>PG</td></tr><tr><td>巴哈马</td><td>BS</td></tr><tr><td>巴基斯坦</td><td>PK</td></tr><tr><td>巴拉圭</td><td>PY</td></tr><tr><td>巴拿马</td><td>PA</td></tr><tr><td>巴西</td><td>BR</td></tr><tr><td>白俄罗斯</td><td>BY</td></tr><tr><td>保加利亚</td><td>BG</td></tr><tr><td>比利时</td><td>BE</td></tr><tr><td>冰岛</td><td>IS</td></tr><tr><td>波多黎各</td><td>PR</td></tr><tr><td>波兰</td><td>PL</td></tr><tr><td>波斯尼亚和黑塞哥维那</td><td>BA</td></tr><tr><td>玻利维亚</td><td>BO</td></tr><tr><td>伯利兹</td><td>BZ</td></tr><tr><td>博茨瓦纳</td><td>BW</td></tr><tr><td>布基纳法索</td><td>BF</td></tr><tr><td>丹麦</td><td>DK</td></tr><tr><td>德国</td><td>DE</td></tr><tr><td>多哥</td><td>TG</td></tr><tr><td>俄罗斯</td><td>RU</td></tr><tr><td>厄瓜多尔</td><td>EC</td></tr><tr><td>法国</td><td>FR</td></tr><tr><td>菲律宾</td><td>PH</td></tr><tr><td>芬兰</td><td>FI</td></tr><tr><td>佛得角</td><td>CV</td></tr><tr><td>哥伦比亚</td><td>CO</td></tr><tr><td>哥斯达黎加</td><td>CR</td></tr><tr><td>海地</td><td>HT</td></tr><tr><td>韩国</td><td>KR</td></tr><tr><td>荷兰</td><td>NL</td></tr><tr><td>洪都拉斯</td><td>HN</td></tr><tr><td>几内亚比绍</td><td>GW</td></tr><tr><td>加拿大</td><td>CA</td></tr><tr><td>加纳</td><td>GH</td></tr><tr><td>加蓬</td><td>GA</td></tr><tr><td>柬埔寨</td><td>KH</td></tr><tr><td>捷克</td><td>CZ</td></tr><tr><td>津巴布韦</td><td>ZW</td></tr><tr><td>喀麦隆</td><td>CM</td></tr><tr><td>卡塔尔</td><td>QA</td></tr><tr><td>科威特</td><td>KW</td></tr><tr><td>克罗地亚</td><td>HR</td></tr><tr><td>肯尼亚</td><td>KE</td></tr><tr><td>拉脱维亚</td><td>LV</td></tr><tr><td>老挝</td><td>LA</td></tr><tr><td>黎巴嫩</td><td>LB</td></tr><tr><td>立陶宛</td><td>LT</td></tr><tr><td>卢森堡</td><td>LU</td></tr><tr><td>罗马尼亚</td><td>RO</td></tr><tr><td>马耳他</td><td>MT</td></tr><tr><td>马来西亚</td><td>MY</td></tr><tr><td>马里</td><td>ML</td></tr><tr><td>马其顿</td><td>MK</td></tr><tr><td>毛里求斯</td><td>MU</td></tr><tr><td>美国</td><td>US</td></tr><tr><td>孟加拉国</td><td>BD</td></tr><tr><td>秘鲁</td><td>PE</td></tr><tr><td>缅甸</td><td>MM</td></tr><tr><td>摩尔多瓦</td><td>MD</td></tr><tr><td>摩洛哥</td><td>MA</td></tr><tr><td>莫桑比克</td><td>MZ</td></tr><tr><td>墨西哥</td><td>MX</td></tr><tr><td>纳米比亚</td><td>NA</td></tr><tr><td>南非</td><td>ZA</td></tr><tr><td>尼泊尔</td><td>NP</td></tr><tr><td>尼加拉瓜</td><td>NI</td></tr><tr><td>尼日尔</td><td>NE</td></tr><tr><td>尼日利亚</td><td>NG</td></tr><tr><td>挪威</td><td>NO</td></tr><tr><td>葡萄牙</td><td>PT</td></tr><tr><td>日本</td><td>JP</td></tr><tr><td>瑞典</td><td>SE</td></tr><tr><td>瑞士</td><td>CH</td></tr><tr><td>萨尔瓦多</td><td>SV</td></tr><tr><td>塞内加尔</td><td>SN</td></tr><tr><td>塞浦路斯</td><td>CY</td></tr><tr><td>沙特阿拉伯</td><td>SA</td></tr><tr><td>斯里兰卡</td><td>LK</td></tr><tr><td>斯洛伐克</td><td>SK</td></tr><tr><td>斯洛文尼亚</td><td>SI</td></tr><tr><td>塔吉克斯坦</td><td>TJ</td></tr><tr><td>台湾</td><td>TW</td></tr><tr><td>泰国</td><td>TH</td></tr><tr><td>坦桑尼亚</td><td>TZ</td></tr><tr><td>特立尼达和多巴哥</td><td>TT</td></tr><tr><td>突尼斯</td><td>TN</td></tr><tr><td>土耳其</td><td>TR</td></tr><tr><td>土库曼斯坦</td><td>TM</td></tr><tr><td>危地马拉</td><td>GT</td></tr><tr><td>委内瑞拉</td><td>VE</td></tr><tr><td>乌干达</td><td>UG</td></tr><tr><td>乌克兰</td><td>UA</td></tr><tr><td>乌拉圭</td><td>UY</td></tr><tr><td>乌兹别克斯坦</td><td>UZ</td></tr><tr><td>西班牙</td><td>ES</td></tr><tr><td>希腊</td><td>GR</td></tr><tr><td>香港</td><td>HK</td></tr><tr><td>新加坡</td><td>SG</td></tr><tr><td>新西兰</td><td>NZ</td></tr><tr><td>匈牙利</td><td>HU</td></tr><tr><td>牙买加</td><td>JM</td></tr><tr><td>亚美尼亚</td><td>AM</td></tr><tr><td>也门</td><td>YE</td></tr><tr><td>伊拉克</td><td>IQ</td></tr><tr><td>以色列</td><td>IL</td></tr><tr><td>意大利</td><td>IT</td></tr><tr><td>印度</td><td>IN</td></tr><tr><td>印尼</td><td>ID</td></tr><tr><td>英国</td><td>GB</td></tr><tr><td>约旦</td><td>JO</td></tr><tr><td>越南</td><td>VN</td></tr><tr><td>赞比亚</td><td>ZM</td></tr><tr><td>智利</td><td>CL</td></tr><tr><td>中国</td><td>CN</td></tr></tbody></table></figure></div>
</body>
</html>