-
-
Notifications
You must be signed in to change notification settings - Fork 567
/
settings.php
2391 lines (2380 loc) · 161 KB
/
settings.php
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
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<?php
function themeoptions_page(){
/*主题选项*/
?>
<script src="<?php bloginfo('template_url'); ?>/assets/vendor/jquery/jquery.min.js"></script>
<script src="<?php bloginfo('template_url'); ?>/assets/vendor/headindex/headindex.js"></script>
<script>!function(n){"function"==typeof define&&define.amd?define(["jquery"],function(e){return n(e)}):"object"==typeof module&&"object"==typeof module.exports?module.exports=n(require("jquery")):n(jQuery)}(function(n){function e(n){var e=7.5625,t=2.75;return n<1/t?e*n*n:n<2/t?e*(n-=1.5/t)*n+.75:n<2.5/t?e*(n-=2.25/t)*n+.9375:e*(n-=2.625/t)*n+.984375}void 0!==n.easing&&(n.easing.jswing=n.easing.swing);var t=Math.pow,u=Math.sqrt,r=Math.sin,i=Math.cos,a=Math.PI,o=1.70158,c=1.525*o,s=2*a/3,f=2*a/4.5;return n.extend(n.easing,{def:"easeOutQuad",swing:function(e){return n.easing[n.easing.def](e)},easeInQuad:function(n){return n*n},easeOutQuad:function(n){return 1-(1-n)*(1-n)},easeInOutQuad:function(n){return n<.5?2*n*n:1-t(-2*n+2,2)/2},easeInCubic:function(n){return n*n*n},easeOutCubic:function(n){return 1-t(1-n,3)},easeInOutCubic:function(n){return n<.5?4*n*n*n:1-t(-2*n+2,3)/2},easeInQuart:function(n){return n*n*n*n},easeOutQuart:function(n){return 1-t(1-n,4)},easeInOutQuart:function(n){return n<.5?8*n*n*n*n:1-t(-2*n+2,4)/2},easeInQuint:function(n){return n*n*n*n*n},easeOutQuint:function(n){return 1-t(1-n,5)},easeInOutQuint:function(n){return n<.5?16*n*n*n*n*n:1-t(-2*n+2,5)/2},easeInSine:function(n){return 1-i(n*a/2)},easeOutSine:function(n){return r(n*a/2)},easeInOutSine:function(n){return-(i(a*n)-1)/2},easeInExpo:function(n){return 0===n?0:t(2,10*n-10)},easeOutExpo:function(n){return 1===n?1:1-t(2,-10*n)},easeInOutExpo:function(n){return 0===n?0:1===n?1:n<.5?t(2,20*n-10)/2:(2-t(2,-20*n+10))/2},easeInCirc:function(n){return 1-u(1-t(n,2))},easeOutCirc:function(n){return u(1-t(n-1,2))},easeInOutCirc:function(n){return n<.5?(1-u(1-t(2*n,2)))/2:(u(1-t(-2*n+2,2))+1)/2},easeInElastic:function(n){return 0===n?0:1===n?1:-t(2,10*n-10)*r((10*n-10.75)*s)},easeOutElastic:function(n){return 0===n?0:1===n?1:t(2,-10*n)*r((10*n-.75)*s)+1},easeInOutElastic:function(n){return 0===n?0:1===n?1:n<.5?-t(2,20*n-10)*r((20*n-11.125)*f)/2:t(2,-20*n+10)*r((20*n-11.125)*f)/2+1},easeInBack:function(n){return 2.70158*n*n*n-o*n*n},easeOutBack:function(n){return 1+2.70158*t(n-1,3)+o*t(n-1,2)},easeInOutBack:function(n){return n<.5?t(2*n,2)*(7.189819*n-c)/2:(t(2*n-2,2)*((c+1)*(2*n-2)+c)+2)/2},easeInBounce:function(n){return 1-e(1-n)},easeOutBounce:e,easeInOutBounce:function(n){return n<.5?(1-e(1-2*n))/2:(1+e(2*n-1))/2}}),n});</script>
<script src="<?php bloginfo('template_url'); ?>/assets/vendor/dragula/dragula.min.js"></script>
<div>
<style type="text/css">
h2{
font-size: 25px;
}
h2:before {
content: '';
background: #000;
height: 16px;
width: 6px;
display: inline-block;
border-radius: 15px;
margin-right: 15px;
}
h3{
font-size: 18px;
}
th.subtitle {
padding: 0;
}
.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}
</style>
<svg width="300" style="margin-top: 20px;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="673.92 415.2 510.83 151.8" enable-background="new 0 0 1920 1080" xml:space="preserve"><g><g><path fill="rgb(94, 114, 228, 0)" stroke="#5E72E4" stroke-width="3" stroke-dasharray="402" stroke-dashoffset="402" d="M811.38,450.13c-2.2-3.81-7.6-6.93-12-6.93h-52.59c-4.4,0-9.8,3.12-12,6.93l-26.29,45.54c-2.2,3.81-2.2,10.05,0,13.86l26.29,45.54c2.2,3.81,7.6,6.93,12,6.93h52.59c4.4,0,9.8-3.12,12-6.93l26.29-45.54c2.2-3.81,2.2-10.05,0-13.86L811.38,450.13z"><animate attributeName="stroke-width" begin="1s" values="3; 0" dur="1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/><animate attributeName="stroke-dashoffset" begin="0.5s" values="402; 0" dur="1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/><animate attributeName="fill" begin="1s" values="rgb(94, 114, 228, 0); rgb(94, 114, 228, 0.3)" dur="1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/></path></g><g><path fill="rgb(94, 114, 228, 0)" d="M783.65,422.13c-2.2-3.81-7.6-6.93-12-6.93H715.6c-4.4,0-9.8,3.12-12,6.93l-28.03,48.54c-2.2,3.81-2.2,10.05,0,13.86l28.03,48.54c2.2,3.81,7.6,6.93,12,6.93h56.05c4.4,0,9.8-3.12,12-6.93l28.03-48.54c2.2-3.81,2.2-10.05,0-13.86L783.65,422.13z"><animateTransform attributeName="transform" type="translate" begin="1.5s" values="27.73,28; 0,0" dur="1.1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/><animate attributeName="fill" begin="1.5s" values="rgb(94, 114, 228, 0); rgb(94, 114, 228, 0.8)" dur="1.1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/></path></g></g><g><g><clipPath id="clipPath_1"><rect x="887.47" y="441.31" width="68.76" height="83.07"/></clipPath><path clip-path="url(#clipPath_1)" fill="none" stroke="#5E72E4" stroke-width="0" stroke-linecap="square" stroke-linejoin="bevel" stroke-dasharray="190" d="M893.52,533.63l28.71-90.3l31.52,90.31"><animate attributeName="stroke-width" begin="1s" values="3; 10" dur="1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/><animate attributeName="stroke-dashoffset" begin="0.5s" values="190; 0" dur="1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/><set attributeName="stroke-width" to="3" begin="0.5s" /></path><line clip-path="url(#clipPath_1)" fill="none" stroke="#5E72E4" stroke-width="0" stroke-miterlimit="10" stroke-dasharray="45" x1="940.44" y1="495.5" x2="905" y2="495.5"><animate attributeName="stroke-width" begin="1s" values="3; 10" dur="1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/><animate attributeName="stroke-dashoffset" begin="0.5s" values="-37; 0" dur="1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/><set attributeName="stroke-width" to="3" begin="0.5s" /></line></g><g><path fill="none" stroke="#5E72E4" stroke-width="0" stroke-miterlimit="10" stroke-dasharray="56" d="M976.86,469.29v55.09"><animate attributeName="stroke-width" begin="1.15s" values="3; 10" dur="1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/><animate attributeName="stroke-dashoffset" begin="0.65s" values="56; 0" dur="1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/><set attributeName="stroke-width" to="3" begin="0.65s" /></path><path fill="none" stroke="#5E72E4" stroke-width="0" stroke-miterlimit="10" stroke-dasharray="38" d="M976.86,489.77c0-9.68,7.85-17.52,17.52-17.52c3.5,0,6.76,1.03,9.5,2.8"><animate attributeName="stroke-width" begin="1.15s" values="3; 10" dur="1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/><animate attributeName="stroke-dashoffset" begin="0.65s" values="38; 0" dur="1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/><set attributeName="stroke-width" to="3" begin="0.65s" /></path></g><g><path fill="none" stroke="#5E72E4" stroke-width="0" stroke-miterlimit="10" stroke-dasharray="124" d="M1057.86,492.08c0,10.94-8.87,19.81-19.81,19.81c-10.94,0-19.81-8.87-19.81-19.81s8.87-19.81,19.81-19.81C1048.99,472.27,1057.86,481.14,1057.86,492.08z"><animate attributeName="stroke-width" begin="1.3s" values="3; 10" dur="1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/><animate attributeName="stroke-dashoffset" begin="0.8s" values="-124; 0" dur="1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/><set attributeName="stroke-width" to="3" begin="0.8s" /></path><path fill="none" stroke="#5E72E4" stroke-width="0" stroke-miterlimit="10" stroke-dasharray="110" d="M1057.84,467.27v54.05c0,10.94-8.87,19.81-19.81,19.81c-8.36,0-15.51-5.18-18.42-12.5"><animate attributeName="stroke-width" begin="1.3s" values="3; 10" dur="1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/><animate attributeName="stroke-dashoffset" begin="0.8s" values="110; 0" dur="1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/><set attributeName="stroke-width" to="3" begin="0.8s" /></path></g><g><path fill="none" stroke="#5E72E4" stroke-width="0" stroke-miterlimit="10" stroke-dasharray="140" d="M1121.83,495.46c0,12.81-9.45,23.19-21.11,23.19s-21.11-10.38-21.11-23.19c0-12.81,9.45-23.19,21.11-23.19S1121.83,482.65,1121.83,495.46z"><animate attributeName="stroke-width" begin="1.45s" values="3; 10" dur="1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/><animate attributeName="stroke-dashoffset" begin="0.95s" values="-140; 0" dur="1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/><set attributeName="stroke-width" to="3" begin="0.95s" /></path></g><g><path fill="none" stroke="#5E72E4" stroke-width="0" stroke-miterlimit="10" stroke-dasharray="57" d="M1143.78,524.38v-55.71"><animate attributeName="stroke-width" begin="1.6s" values="3; 10" dur="1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/><animate attributeName="stroke-dashoffset" begin="1.1s" values="-57; 0" dur="1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/><set attributeName="stroke-width" to="3" begin="1.1s" /></path><path fill="none" stroke="#5E72E4" stroke-width="0" stroke-miterlimit="10" stroke-dasharray="90" d="M1143.95,490.15c0-9.88,8.01-17.9,17.9-17.9c9.88,0,17.9,8.01,17.9,17.9v34.23"><animate attributeName="stroke-width" begin="1.6s" values="3; 10" dur="1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/><animate attributeName="stroke-dashoffset" begin="1.1s" values="90; 0" dur="1s" fill="freeze" calcMode="spline" keySplines="0.8 0 0.2 1"/><set attributeName="stroke-width" to="3" begin="1.1s" /></path></g></g></svg>
<p style="margin-top: 20px;">
<a href="https://github.com/solstice23/argon-theme/" target="_blank" style="box-shadow: none;text-decoration: none;">
<svg width="30" height="30" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" fill="#1B1F23"/>
</svg>
<span style="font-size: 20px;transform: translate(5px,-9px);display: inline-block;">solstice23/argon-theme</span>
</a>
</p>
<h1 style="color: #5e72e4;"><?php _e("Argon 主题设置", 'argon'); ?></h1>
<p><?php _e("按下", 'argon'); ?> <kbd style="font-family: sans-serif;">Ctrl + F</kbd> <?php _e("或在右侧目录中来查找设置", 'argon'); ?></p>
<form method="POST" action="" id="main_form">
<input type="hidden" name="update_themeoptions" value="true" />
<?php wp_nonce_field("argon_update_themeoptions", "argon_update_themeoptions_nonce");?>
<table class="form-table">
<tbody>
<tr><th class="subtitle"><h2><?php _e("全局", 'argon');?></h2></th></tr>
<tr><th class="subtitle"><h3><?php _e("主题色", 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e("主题颜色", 'argon');?></label></th>
<td>
<input type="color" class="regular-text" name="argon_theme_color" value="<?php echo get_option('argon_theme_color') == "" ? "#5e72e4" : get_option('argon_theme_color'); ?>" style="height:40px;width: 80px;cursor: pointer;"/>
<input type="text" readonly name="argon_theme_color_hex_preview" value="<?php echo get_option('argon_theme_color') == "" ? "#5e72e4" : get_option('argon_theme_color'); ?>" style="height: 40px;width: 80px;vertical-align: bottom;background: #fff;cursor: pointer;" onclick="$('input[name=\'argon_theme_color\']').click()"/></p>
<p class="description"><div style="margin-top: 15px;"><?php _e("选择预置颜色 或", 'argon');?> <span onclick="$('input[name=\'argon_theme_color\']').click()" style="text-decoration: underline;cursor: pointer;"><?php _e("自定义色值", 'argon');?></span>
<br/><br/><?php _e("预置颜色：", 'argon');?></div>
<div class="themecolor-preview-container">
<div class="themecolor-preview-box"><div class="themecolor-preview" style="background:#5e72e4;" color="#5e72e4"></div><div class="themecolor-name">Argon (<?php _e("默认", 'argon');?>)</div></div>
<div class="themecolor-preview-box"><div class="themecolor-preview" style="background:#fa7298;" color="#fa7298"></div><div class="themecolor-name"><?php _e("粉", 'argon');?></div></div>
<div class="themecolor-preview-box"><div class="themecolor-preview" style="background:#009688;" color="#009688"></div><div class="themecolor-name"><?php _e("水鸭青", 'argon');?></div></div>
<div class="themecolor-preview-box"><div class="themecolor-preview" style="background:#607d8b;" color="#607d8b"></div><div class="themecolor-name"><?php _e("蓝灰", 'argon');?></div></div>
<div class="themecolor-preview-box"><div class="themecolor-preview" style="background:#2196f3;" color="#2196f3"></div><div class="themecolor-name"><?php _e("天蓝", 'argon');?></div></div>
<div class="themecolor-preview-box"><div class="themecolor-preview" style="background:#3f51b5;" color="#3f51b5"></div><div class="themecolor-name"><?php _e("靛蓝", 'argon');?></div></div>
<div class="themecolor-preview-box"><div class="themecolor-preview" style="background:#ff9700;" color="#ff9700"></div><div class="themecolor-name"><?php _e("橙", 'argon');?></div></div>
<div class="themecolor-preview-box"><div class="themecolor-preview" style="background:#109d58;" color="#109d58"></div><div class="themecolor-name"><?php _e("绿", 'argon');?></div></div>
<div class="themecolor-preview-box"><div class="themecolor-preview" style="background:#dc4437;" color="#dc4437"></div><div class="themecolor-name"><?php _e("红", 'argon');?></div></div>
<div class="themecolor-preview-box"><div class="themecolor-preview" style="background:#673bb7;" color="#673bb7"></div><div class="themecolor-name"><?php _e("紫", 'argon');?></div></div>
<div class="themecolor-preview-box"><div class="themecolor-preview" style="background:#212121;" color="#212121"></div><div class="themecolor-name"><?php _e("黑", 'argon');?></div></div>
<div class="themecolor-preview-box"><div class="themecolor-preview" style="background:#795547;" color="#795547"></div><div class="themecolor-name"><?php _e("棕", 'argon');?></div></div>
</div>
<br/><?php _e('主题色与 "Banner 渐变背景样式" 选项搭配使用效果更佳', 'argon');?>
<script>
$("input[name='argon_theme_color']").on("change" , function(){
$("input[name='argon_theme_color_hex_preview']").val($("input[name='argon_theme_color']").val());
});
$(".themecolor-preview").on("click" , function(){
$("input[name='argon_theme_color']").val($(this).attr("color"));
$("input[name='argon_theme_color']").trigger("change");
});
</script>
<style>
.themecolor-name{width: 100px;text-align: center;}
.themecolor-preview{width: 50px;height: 50px;margin: 20px 25px 5px 25px;line-height: 50px;color: #fff;margin-right: 0px;font-size: 15px;text-align: center;display: inline-block;border-radius: 50px;transition: all .3s ease;cursor: pointer;}
.themecolor-preview-box{width: max-content;width: -moz-max-content;display: inline-block;}
div.themecolor-preview:hover{transform: scale(1.1);}
div.themecolor-preview:active{transform: scale(1.2);}
.themecolor-preview-container{
max-width: calc(100% - 180px);
}
@media screen and (max-width:960px){
.themecolor-preview-container{
max-width: unset;
}
}
</style>
<?php $argon_show_customize_theme_color_picker = get_option('argon_show_customize_theme_color_picker');?>
<div style="margin-top: 15px;">
<label>
<input type="checkbox" name="argon_show_customize_theme_color_picker" value="true" <?php if ($argon_show_customize_theme_color_picker!='false'){echo 'checked';}?>/> <?php _e('允许用户自定义主题色（位于博客浮动操作栏设置菜单中）', 'argon');?>
</label>
</div>
</p>
</td>
</tr>
<tr>
<th><label><?php _e('沉浸式主题色', 'argon');?></label></th>
<td>
<select name="argon_enable_color_immersion">
<?php $argon_enable_color_immersion = get_option('argon_enable_color_immersion', 'false'); ?>
<option value="true" <?php if ($argon_enable_color_immersion=='true'){echo 'selected';} ?>><?php _e('开启', 'argon');?></option>
<option value="false" <?php if ($argon_enable_color_immersion=='false'){echo 'selected';} ?>><?php _e('关闭', 'argon');?></option>
</select>
<p class="description"><?php _e('开启后，主题色将会全局沉浸。<br/>页面背景、卡片及页面上的其它元素会变为沉浸式主题色（气氛色）。类似 Material You。', 'argon');?><br/></p>
<div style="display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;margin-top:15px;">
<div class="color-immersion-example" style="background: #f4f5f7;"><div class="color-immersion-example-card" style="background: #fff;"></div></div>
<div class="color-immersion-example-arrow"><span class="dashicons dashicons-arrow-right-alt"></span></div>
<div class="color-immersion-example" style="background: #e8ebfb;"><div class="color-immersion-example-card" style="background: #f2f4fd;"></div></div>
<div>
<style>.color-immersion-example {width: 250px;height: 150px;border-radius: 4px;display: inline-block;position: relative;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);}.color-immersion-example-arrow {margin-left: 20px;margin-right: 20px;color: #646970;}.color-immersion-example-card {position: absolute;left: 40px;right: 40px;top: 35px;bottom: 35px;background: #fff;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);}</style>
</td>
</tr>
<tr><th class="subtitle"><h3><?php _e('夜间模式', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('夜间模式切换方案', 'argon');?></label></th>
<td>
<select name="argon_darkmode_autoswitch">
<?php $argon_darkmode_autoswitch = get_option('argon_darkmode_autoswitch'); ?>
<option value="false" <?php if ($argon_darkmode_autoswitch=='false'){echo 'selected';} ?>><?php _e('默认使用日间模式', 'argon');?></option>
<option value="alwayson" <?php if ($argon_darkmode_autoswitch=='alwayson'){echo 'selected';} ?>><?php _e('默认使用夜间模式', 'argon');?></option>
<option value="system" <?php if ($argon_darkmode_autoswitch=='system'){echo 'selected';} ?>><?php _e('跟随系统夜间模式', 'argon');?></option>
<option value="time" <?php if ($argon_darkmode_autoswitch=='time'){echo 'selected';} ?>><?php _e('根据时间切换夜间模式 (22:00 ~ 7:00)', 'argon');?></option>
</select>
<p class="description"><?php _e('Argon 主题会根据这里的选项来决定是否默认使用夜间模式。', 'argon');?><br/><?php _e('用户也可以手动切换夜间模式，用户的设置将保留到标签页关闭为止。', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('夜间模式颜色方案', 'argon');?></label></th>
<td>
<select name="argon_enable_amoled_dark">
<?php $argon_enable_amoled_dark = get_option('argon_enable_amoled_dark'); ?>
<option value="false" <?php if ($argon_enable_amoled_dark=='false'){echo 'selected';} ?>><?php _e('灰黑', 'argon');?></option>
<option value="true" <?php if ($argon_enable_amoled_dark=='true'){echo 'selected';} ?>><?php _e('暗黑 (AMOLED Black)', 'argon');?></option>
</select>
<p class="description"><?php _e('夜间模式默认的配色方案。', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h3><?php _e('卡片', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('卡片圆角大小', 'argon');?></label></th>
<td>
<input type="number" name="argon_card_radius" min="0" max="30" step="0.5" value="<?php echo (get_option('argon_card_radius') == '' ? '4' : get_option('argon_card_radius')); ?>"/> px
<p class="description"><?php _e('卡片的圆角大小，默认为', 'argon');?> <code>4px</code><?php _e('。建议设置为', 'argon');?> <code>2px</code> - <code>15px</code></p>
</td>
</tr>
<tr>
<th><label><?php _e('卡片阴影', 'argon');?></label></th>
<td>
<div class="radio-h">
<?php $argon_card_shadow = (get_option('argon_card_shadow') == '' ? 'default' : get_option('argon_card_shadow')); ?>
<label>
<input name="argon_card_shadow" type="radio" value="default" <?php if ($argon_card_shadow=='default'){echo 'checked';} ?>>
<?php _e('浅阴影', 'argon');?>
</label>
<label>
<input name="argon_card_shadow" type="radio" value="big" <?php if ($argon_card_shadow=='big'){echo 'checked';} ?>>
<?php _e('深阴影', 'argon');?>
</label>
</div>
<p class="description"><?php _e('卡片默认阴影大小。', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h3><?php _e('布局', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('页面布局', 'argon');?></label></th>
<td>
<div class="radio-with-img">
<?php $argon_page_layout = get_option('argon_page_layout', 'double'); ?>
<div class="radio-img">
<svg width="250" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080"><rect width="1920" height="1080" style="fill:#e6e6e6"/><g style="opacity:0.5"><rect width="1920" height="381" style="fill:#5e72e4"/></g><rect x="388.5" y="256" width="258" height="179" style="fill:#5e72e4"/><rect x="388.5" y="470" width="258" height="485" style="fill:#fff"/><rect x="689.5" y="256.5" width="842" height="250" style="fill:#fff"/><rect x="689.5" y="536.5" width="842" height="250" style="fill:#fff"/><rect x="689.5" y="817" width="842" height="250" style="fill:#fff"/></svg>
</div>
<label><input name="argon_page_layout" type="radio" value="double" <?php if ($argon_page_layout=='double'){echo 'checked';} ?>> <?php _e('双栏', 'argon');?></label>
</div>
<div class="radio-with-img">
<div class="radio-img">
<svg width="250" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080"><rect width="1920" height="1080" style="fill:#e6e6e6"/><g style="opacity:0.5"><rect width="1920" height="381" style="fill:#5e72e4"/></g><rect x="428.25" y="256.5" width="1063.5" height="250" style="fill:#fff"/><rect x="428.25" y="536.5" width="1063.5" height="250" style="fill:#fff"/><rect x="428.25" y="817" width="1063.5" height="250" style="fill:#fff"/></svg>
</div>
<label><input name="argon_page_layout" type="radio" value="single" <?php if ($argon_page_layout=='single'){echo 'checked';} ?>> <?php _e('单栏', 'argon');?></label>
</div>
<div class="radio-with-img">
<div class="radio-img">
<svg width="250" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080"><rect width="1920" height="1080" style="fill:#e6e6e6"/><g style="opacity:0.5"><rect width="1920" height="381" style="fill:#5e72e4"/></g><rect x="237.5" y="256" width="258" height="179" style="fill:#5e72e4"/><rect x="237.5" y="470" width="258" height="485" style="fill:#fff"/><rect x="538.5" y="256.5" width="842" height="250" style="fill:#fff"/><rect x="538.5" y="536.5" width="842" height="250" style="fill:#fff"/><rect x="538.5" y="817" width="842" height="250" style="fill:#fff"/><rect x="1424" y="256" width="258" height="811" style="fill:#fff"/></svg>
</div>
<label><input name="argon_page_layout" type="radio" value="triple" <?php if ($argon_page_layout=='triple'){echo 'checked';} ?>> <?php _e('三栏', 'argon');?></label>
</div>
<div class="radio-with-img">
<div class="radio-img">
<svg width="250" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080"><rect width="1920" height="1080" style="fill:#e6e6e6"/><g style="opacity:0.5"><rect width="1920" height="381" style="fill:#5e72e4"/></g><rect x="1273.5" y="256" width="258" height="179" style="fill:#5e72e4"/><rect x="1273.5" y="470" width="258" height="485" style="fill:#fff"/><rect x="388.5" y="256.5" width="842" height="250" style="fill:#fff"/><rect x="388.5" y="536.5" width="842" height="250" style="fill:#fff"/><rect x="388.5" y="817" width="842" height="250" style="fill:#fff"/></svg>
</div>
<label><input name="argon_page_layout" type="radio" value="double-reverse" <?php if ($argon_page_layout=='double-reverse'){echo 'checked';} ?>> <?php _e('双栏(反转)', 'argon');?></label>
</div>
<p class="description" style="margin-top: 15px;"><?php _e('使用单栏时，关于左侧栏的设置将失效。', 'argon');?><br/><?php _e('使用三栏时，请前往 "外观-小工具" 设置页面配置右侧栏内容。', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('文章列表布局', 'argon');?></label></th>
<td>
<div class="radio-with-img">
<?php $argon_article_list_waterflow = get_option('argon_article_list_waterflow', '1'); ?>
<div class="radio-img">
<svg width="200" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1880.72 1340.71"><rect width="1880.72" height="1340.71" style="fill:#f7f8f8"/><rect x="46.34" y="46.48" width="1785.73" height="412.09" style="fill:#abb7ff"/><rect x="46.34" y="496.66" width="1785.73" height="326.05" style="fill:#abb7ff"/><rect x="46.34" y="860.8" width="1785.73" height="350.87" style="fill:#abb7ff"/><rect x="46.34" y="1249.76" width="1785.73" height="90.94" style="fill:#abb7ff"/></svg>
</div>
<label><input name="argon_article_list_waterflow" type="radio" value="1" <?php if ($argon_article_list_waterflow=='1'){echo 'checked';} ?>> <?php _e('单列', 'argon');?></label>
</div>
<div class="radio-with-img">
<div class="radio-img">
<svg width="200" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1880.72 1340.71"><rect width="1880.72" height="1340.71" style="fill:#f7f8f8"/><rect x="46.34" y="46.48" width="873.88" height="590.33" style="fill:#abb7ff"/><rect x="961.62" y="46.48" width="873.88" height="390.85" style="fill:#abb7ff"/><rect x="961.62" y="480.65" width="873.88" height="492.96" style="fill:#abb7ff"/><rect x="46.34" y="681.35" width="873.88" height="426.32" style="fill:#abb7ff"/><rect x="961.62" y="1016.92" width="873.88" height="323.79" style="fill:#abb7ff"/><rect x="46.34" y="1152.22" width="873.88" height="188.49" style="fill:#abb7ff"/></svg>
</div>
<label><input name="argon_article_list_waterflow" type="radio" value="2" <?php if ($argon_article_list_waterflow=='2'){echo 'checked';} ?>> <?php _e('瀑布流 (2 列)', 'argon');?></label>
</div>
<div class="radio-with-img">
<div class="radio-img">
<svg width="200" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1880.72 1340.71"><rect width="1880.72" height="1340.71" style="fill:#f7f8f8"/><rect x="46.34" y="46.48" width="568.6" height="531.27" style="fill:#abb7ff"/><rect x="656.62" y="46.48" width="568.6" height="400.51" style="fill:#abb7ff"/><rect x="1266.9" y="46.48" width="568.6" height="604.09" style="fill:#abb7ff"/><rect x="656.62" y="485.07" width="568.6" height="428.67" style="fill:#abb7ff"/><rect x="46.34" y="615.82" width="568.6" height="407.16" style="fill:#abb7ff"/><rect x="656.62" y="951.83" width="568.6" height="388.87" style="fill:#abb7ff"/><rect x="1266.9" y="695.24" width="568.6" height="400.53" style="fill:#abb7ff"/><rect x="1266.9" y="1140.44" width="568.6" height="200.26" style="fill:#abb7ff"/><rect x="46.34" y="1061.06" width="568.6" height="279.64" style="fill:#abb7ff"/></svg>
</div>
<label><input name="argon_article_list_waterflow" type="radio" value="3" <?php if ($argon_article_list_waterflow=='3'){echo 'checked';} ?>> <?php _e('瀑布流 (3 列)', 'argon');?></label>
</div>
<div class="radio-with-img">
<div class="radio-img">
<svg width="200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1930.85 1340.71"><defs><clipPath id="a" transform="translate(18.64)"><rect x="-385.62" y="718.3" width="2290.76" height="1028.76" transform="translate(599.83 -206.47) rotate(25.31)" style="fill:none"/></clipPath><clipPath id="b" transform="translate(18.64)"><rect x="2.1" y="252.4" width="1878.62" height="991.45" style="fill:none"/></clipPath></defs><rect x="18.64" width="1880.72" height="1340.71" style="fill:#f7f8f8"/><rect x="64.98" y="46.48" width="568.6" height="531.27" style="fill:#abb7ff"/><rect x="675.26" y="46.48" width="568.6" height="400.51" style="fill:#abb7ff"/><rect x="1285.55" y="46.48" width="568.6" height="604.09" style="fill:#abb7ff"/><rect x="675.26" y="485.07" width="568.6" height="428.67" style="fill:#abb7ff"/><rect x="64.98" y="615.82" width="568.6" height="407.16" style="fill:#abb7ff"/><rect x="675.26" y="951.83" width="568.6" height="388.87" style="fill:#abb7ff"/><rect x="1285.55" y="695.24" width="568.6" height="400.53" style="fill:#abb7ff"/><rect x="1285.55" y="1140.44" width="568.6" height="200.26" style="fill:#abb7ff"/><rect x="64.98" y="1061.06" width="568.6" height="279.64" style="fill:#abb7ff"/><g style="clip-path:url(#a)"><rect x="18.64" width="1880.72" height="1340.71" style="fill:#f7f8f8"/><rect x="64.98" y="46.48" width="873.88" height="590.33" style="fill:#abb7ff"/><rect x="980.27" y="46.48" width="873.88" height="390.85" style="fill:#abb7ff"/><rect x="980.27" y="480.65" width="873.88" height="492.96" style="fill:#abb7ff"/><rect x="64.98" y="681.35" width="873.88" height="426.32" style="fill:#abb7ff"/><rect x="980.27" y="1016.92" width="873.88" height="323.79" style="fill:#abb7ff"/><rect x="64.98" y="1152.22" width="873.88" height="188.49" style="fill:#abb7ff"/></g><g style="clip-path:url(#b)"><line x1="18.64" y1="304.46" x2="1912.21" y2="1199.81" style="fill:none;stroke:#f7f8f8;stroke-linecap:square;stroke-miterlimit:10;stroke-width:28px"/></g></svg>
</div>
<label><input name="argon_article_list_waterflow" type="radio" value="2and3" <?php if ($argon_article_list_waterflow=='2and3'){echo 'checked';} ?>> <?php _e('瀑布流 (列数自适应)', 'argon');?></label>
</div>
<p class="description" style="margin-top: 15px;"><?php _e('列数自适应的瀑布流会根据可视区宽度自动调整瀑布流列数。', 'argon');?><br/><?php _e('建议只有使用单栏页面布局时才开启 3 列瀑布流。', 'argon');?><br/><?php _e('所有瀑布流布局都会在屏幕宽度过小时变为单列布局。', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('文章列表卡片布局', 'argon');?></label></th>
<td>
<div class="radio-with-img">
<?php $argon_article_list_layout = get_option('argon_article_list_layout', '1'); ?>
<div class="radio-img">
<svg width="250" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1921 871"><rect x="0.5" y="0.5" width="1920" height="870" style="fill:#f7f8f8;stroke:#231815;stroke-miterlimit:10"/><rect x="0.5" y="0.5" width="1920" height="538.05" style="fill:#abb7ff"/><rect x="48.5" y="613.55" width="1806" height="35" rx="4" style="fill:#efefef"/><rect x="48.5" y="663.05" width="1806" height="35" rx="4" style="fill:#efefef"/><rect x="48.5" y="712.55" width="1806" height="35" rx="4" style="fill:#efefef"/><rect x="48.5" y="792.52" width="116.97" height="38.07" rx="4" style="fill:#dcdddd"/><rect x="178.95" y="792.52" width="97.38" height="38.07" rx="4" style="fill:#dcdddd"/><rect x="288.4" y="792.52" width="125.79" height="38.07" rx="4" style="fill:#dcdddd"/><g style="opacity:0.66"><rect x="432.78" y="320.9" width="1055.43" height="55.93" rx="4" style="fill:#f7f8f8"/></g><g style="opacity:0.31"><rect x="734.76" y="411.73" width="451.48" height="25.08" rx="4" style="fill:#fff"/></g><g style="opacity:0.31"><rect x="734.76" y="453.24" width="451.48" height="25.08" rx="4" style="fill:#fff"/></g></svg>
</div>
<label><input name="argon_article_list_layout" type="radio" value="1" <?php if ($argon_article_list_layout=='1'){echo 'checked';} ?>> <?php _e('布局', 'argon');?> 1</label>
</div>
<div class="radio-with-img">
<div class="radio-img">
<svg width="250" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 870"><rect width="1920" height="870" style="fill:#f7f8f8;stroke: #231815;stroke-miterlimit: 10;"/><rect width="630.03" height="870" style="fill:#abb7ff"/><rect x="689.57" y="174.16" width="1144.6" height="35" rx="4" style="fill:#efefef"/><rect x="689.57" y="238.66" width="1144.6" height="35" rx="4" style="fill:#efefef"/><rect x="689.57" y="303.16" width="1144.6" height="35" rx="4" style="fill:#efefef"/><rect x="689.57" y="792.02" width="116.97" height="38.07" rx="4" style="fill:#dcdddd"/><rect x="820.02" y="792.02" width="97.38" height="38.07" rx="4" style="fill:#dcdddd"/><rect x="929.47" y="792.02" width="125.79" height="38.07" rx="4" style="fill:#dcdddd"/><g style="opacity:0.23"><rect x="689.57" y="52.26" width="1055.43" height="55.93" rx="4" style="fill:#5e72e4"/></g><rect x="689.57" y="677.09" width="451.48" height="25.08" rx="4" style="fill:#efefef"/><rect x="689.57" y="718.6" width="451.48" height="25.08" rx="4" style="fill:#efefef"/><rect x="689.57" y="363.63" width="1144.6" height="35" rx="4" style="fill:#efefef"/><rect x="689.57" y="426.13" width="1144.6" height="35" rx="4" style="fill:#efefef"/><rect x="689.57" y="492.63" width="1144.6" height="35" rx="4" style="fill:#efefef"/></svg>
</div>
<label><input name="argon_article_list_layout" type="radio" value="2" <?php if ($argon_article_list_layout=='2'){echo 'checked';} ?>> <?php _e('布局', 'argon');?> 2</label>
</div>
<div class="radio-with-img">
<div class="radio-img">
<svg width="250" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1921 871"><rect x="0.5" y="0.5" width="1920" height="870" style="fill:#f7f8f8;stroke:#231815;stroke-miterlimit:10"/><rect x="0.5" y="0.5" width="1920" height="363.36" style="fill:#abb7ff"/><rect x="48.5" y="613.55" width="1806" height="35" rx="4" style="fill:#efefef"/><rect x="48.5" y="663.05" width="1806" height="35" rx="4" style="fill:#efefef"/><rect x="48.5" y="712.55" width="1806" height="35" rx="4" style="fill:#efefef"/><rect x="48.5" y="792.52" width="116.97" height="38.07" rx="4" style="fill:#dcdddd"/><rect x="178.95" y="792.52" width="97.38" height="38.07" rx="4" style="fill:#dcdddd"/><rect x="288.4" y="792.52" width="125.79" height="38.07" rx="4" style="fill:#dcdddd"/><g style="opacity:0.23"><rect x="48.5" y="410.53" width="1055.43" height="55.93" rx="4" style="fill:#5e72e4"/></g><rect x="48.2" y="500.22" width="451.48" height="25.08" rx="4" style="fill:#efefef"/><rect x="48.2" y="541.72" width="451.48" height="25.08" rx="4" style="fill:#efefef"/></svg>
</div>
<label><input name="argon_article_list_layout" type="radio" value="3" <?php if ($argon_article_list_layout=='3'){echo 'checked';} ?>> <?php _e('布局', 'argon');?> 3</label>
</div>
</td>
</tr>
<tr><th class="subtitle"><h3><?php _e('字体', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('默认字体', 'argon');?></label></th>
<td>
<div class="radio-h">
<?php $argon_font = (get_option('argon_font') == '' ? 'sans-serif' : get_option('argon_font')); ?>
<label>
<input name="argon_font" type="radio" value="sans-serif" <?php if ($argon_font=='sans-serif'){echo 'checked';} ?>>
Sans Serif
</label>
<label>
<input name="argon_font" type="radio" value="serif" <?php if ($argon_font=='serif'){echo 'checked';} ?>>
Serif
</label>
</div>
<p class="description"><?php _e('默认使用无衬线字体/衬线字体。', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h3>CDN</h3></th></tr>
<tr>
<th><label>CDN</label></th>
<td>
<select name="argon_assets_path">
<?php $argon_assets_path = get_option('argon_assets_path'); ?>
<option value="default" <?php if ($argon_assets_path=='default'){echo 'selected';} ?>><?php _e('不使用', 'argon');?></option>
<option value="jsdelivr" <?php if ($argon_assets_path=='jsdelivr'){echo 'selected';} ?>>Jsdelivr</option>
<option value="fastgit" <?php if ($argon_assets_path=='fastgit'){echo 'selected';} ?>>Fastgit</option>
<option value="sourcegcdn" <?php if ($argon_assets_path=='sourcegcdn'){echo 'selected';} ?>>Source Global CDN</option>
<option value="fivecdn" <?php if ($argon_assets_path=='fivecdn'){echo 'selected';} ?>>FiveCDN</option>
<option value="jsdelivr_gcore" <?php if ($argon_assets_path=='jsdelivr_gcore'){echo 'selected';} ?>>Jsdelivr (gcore)</option>
<option value="jsdelivr_fastly" <?php if ($argon_assets_path=='jsdelivr_fastly'){echo 'selected';} ?>>Jsdelivr (fastly)</option>
<option value="jsdelivr_cf" <?php if ($argon_assets_path=='jsdelivr_cf'){echo 'selected';} ?>>Jsdelivr (cf)</option>
<option value="custom" <?php if ($argon_assets_path=='custom'){echo 'selected';} ?>><?php _e('自定义...', 'argon');?></option>
</select>
<input type="text" class="regular-text" name="argon_custom_assets_path" placeholder="https://" value="<?php echo get_option('argon_custom_assets_path', ''); ?>" autocomplete="off">
<p class="description"><?php _e('选择主题资源文件的引用地址。使用 CDN 可以加速资源文件的访问并减少服务器压力。', 'argon');?></p>
<p class="description custom-assets-path-desctiption"><?php _e('在自定义路径中使用 <code>%theme_version%</code> 来表示主题版本号。', 'argon');?></p>
</td>
<script>
$("select[name='argon_assets_path']").change(function(){
if ($(this).val() == 'custom') {
$("input[name='argon_custom_assets_path']").css('display', '');
$(".custom-assets-path-desctiption").css('display', '');
} else {
$("input[name='argon_custom_assets_path']").css('display', 'none');
$(".custom-assets-path-desctiption").css('display', 'none');
}
}).change();
</script>
</tr>
<tr><th class="subtitle"><h3><?php _e('子目录', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('Wordpress 安装目录', 'argon');?></label></th>
<td>
<input type="text" class="regular-text" name="argon_wp_path" value="<?php echo get_option('argon_wp_path', '/'); ?>"/>
<p class="description"><?php _e('如果 Wordpress 安装在子目录中，请在此填写子目录地址（例如', 'argon');?> <code>/blog/</code><?php _e('），注意前后各有一个斜杠。默认为', 'argon');?> <code>/</code> <?php _e('。', 'argon');?><br/><?php _e('如果不清楚该选项的用处，请保持默认。', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h3><?php _e('日期格式', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('日期格式', 'argon');?></label></th>
<td>
<select name="argon_dateformat">
<?php $argon_dateformat = get_option('argon_dateformat'); ?>
<option value="YMD" <?php if ($argon_dateformat=='YMD'){echo 'selected';} ?>>Y-M-D</option>
<option value="DMY" <?php if ($argon_dateformat=='DMY'){echo 'selected';} ?>>D-M-Y</option>
<option value="MDY" <?php if ($argon_dateformat=='MDY'){echo 'selected';} ?>>M-D-Y</option>
</select>
<p class="description"></p>
</td>
</tr>
<tr><th class="subtitle"><h2><?php _e('顶栏', 'argon');?></h2></th></tr>
<tr><th class="subtitle"><h3><?php _e('状态', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('顶栏显示状态', 'argon');?></label></th>
<td>
<select name="argon_enable_headroom">
<?php $argon_enable_headroom = get_option('argon_enable_headroom'); ?>
<option value="false" <?php if ($argon_enable_headroom=='false'){echo 'selected';} ?>><?php _e('始终固定悬浮', 'argon');?></option>
<option value="true" <?php if ($argon_enable_headroom=='true'){echo 'selected';} ?>><?php _e('滚动时自动折叠', 'argon');?></option>
<option value="absolute" <?php if ($argon_enable_headroom=='absolute'){echo 'selected';} ?>><?php _e('不固定', 'argon');?></option>
</select>
<p class="description"><?php _e('始终固定悬浮: 永远固定悬浮在页面最上方', 'argon');?><br/><?php _e('滚动时自动折叠: 在页面向下滚动时隐藏顶栏，向上滚动时显示顶栏', 'argon');?><br/><?php _e('不固定: 只有在滚动到页面最顶端时才显示顶栏', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h3><?php _e('标题', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('顶栏标题', 'argon');?></label></th>
<td>
<input type="text" class="regular-text" name="argon_toolbar_title" value="<?php echo get_option('argon_toolbar_title'); ?>"/></p>
<p class="description"><?php _e('留空则显示博客名称，输入 <code>--hidden--</code> 可以隐藏标题', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h3><?php _e('顶栏图标', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('图标地址', 'argon');?></label></th>
<td>
<input type="text" class="regular-text" name="argon_toolbar_icon" value="<?php echo get_option('argon_toolbar_icon'); ?>"/>
<p class="description"><?php _e('图片地址，留空则不显示', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('图标链接', 'argon');?></label></th>
<td>
<input type="text" class="regular-text" name="argon_toolbar_icon_link" value="<?php echo get_option('argon_toolbar_icon_link'); ?>"/>
<p class="description"><?php _e('点击图标后会跳转到的链接，留空则不跳转', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h3><?php _e('外观', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('顶栏毛玻璃效果', 'argon');?></label></th>
<td>
<select name="argon_toolbar_blur">
<?php $argon_toolbar_blur = get_option('argon_toolbar_blur'); ?>
<option value="false" <?php if ($argon_toolbar_blur=='false'){echo 'selected';} ?>><?php _e('关闭', 'argon');?></option>
<option value="true" <?php if ($argon_toolbar_blur=='true'){echo 'selected';} ?>><?php _e('开启', 'argon');?></option>
</select>
<p class="description"><?php _e('开启会带来微小的性能损失。', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h2><?php _e('顶部 Banner (封面)', 'argon');?></h2></th></tr>
<tr><th class="subtitle"><h3><?php _e('内容', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('Banner 标题', 'argon');?></label></th>
<td>
<input type="text" class="regular-text" name="argon_banner_title" value="<?php echo get_option('argon_banner_title'); ?>"/>
<p class="description"><?php _e('留空则显示博客名称', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('Banner 副标题', 'argon');?></label></th>
<td>
<input type="text" class="regular-text" name="argon_banner_subtitle" value="<?php echo get_option('argon_banner_subtitle'); ?>"/>
<p class="description"><?php _e('显示在 Banner 标题下，留空则不显示', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h3><?php _e('外观', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('Banner 显示状态', 'argon');?></label></th>
<td>
<select name="argon_banner_size">
<?php $argon_banner_size = get_option('argon_banner_size', 'full'); ?>
<option value="full" <?php if ($argon_banner_size=='full'){echo 'selected';} ?>><?php _e('完整', 'argon');?></option>
<option value="mini" <?php if ($argon_banner_size=='mini'){echo 'selected';} ?>><?php _e('迷你', 'argon');?></option>
<option value="fullscreen" <?php if ($argon_banner_size=='fullscreen'){echo 'selected';} ?>><?php _e('全屏', 'argon');?></option>
<option value="hide" <?php if ($argon_banner_size=='hide'){echo 'selected';} ?>><?php _e('隐藏', 'argon');?></option>
</select>
<p class="description"><?php _e('完整: Banner 高度占用半屏', 'argon');?><br/><?php _e('迷你: 减小 Banner 的内边距', 'argon');?><br/><?php _e('全屏: Banner 占用全屏作为封面（仅在首页生效）', 'argon');?><br/><?php _e('隐藏: 完全隐藏 Banner', 'argon');?><br/></p>
</td>
</tr>
<tr>
<th><label><?php _e('Banner 透明化', 'argon');?></label></th>
<td>
<select name="argon_page_background_banner_style">
<?php $argon_page_background_banner_style = get_option('argon_page_background_banner_style'); ?>
<option value="false" <?php if ($argon_page_background_banner_style=='false'){echo 'selected';} ?>><?php _e('关闭', 'argon');?></option>
<option value="transparent" <?php if ($argon_page_background_banner_style=='transparent' || ($argon_page_background_banner_style!='' && $argon_page_background_banner_style!='false')){echo 'selected';} ?>><?php _e('开启', 'argon');?></option>
</select>
<div style="margin-top: 15px;margin-bottom: 15px;">
<label>
<?php $argon_show_toolbar_mask = get_option('argon_show_toolbar_mask');?>
<input type="checkbox" name="argon_show_toolbar_mask" value="true" <?php if ($argon_show_toolbar_mask=='true'){echo 'checked';}?>/> <?php _e('在顶栏添加浅色遮罩，Banner 标题添加阴影（当背景过亮影响文字阅读时勾选）', 'argon');?>
</label>
</div>
<p class="description"><?php _e('Banner 透明化可以使博客背景沉浸。建议在设置背景时开启此选项。该选项仅会在设置页面背景时生效。', 'argon');?><br/><?php _e('开启后，Banner 背景图和渐变背景选项将失效。', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('Banner 背景图 (地址)', 'argon');?></label></th>
<td>
<input type="text" class="regular-text" name="argon_banner_background_url" value="<?php echo get_option('argon_banner_background_url'); ?>"/>
<p class="description"><?php _e('需带上 http(s) ，留空则显示默认背景', 'argon');?><br/><?php _e('输入', 'argon');?> <code>--bing--</code> <?php _e('调用必应每日一图', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('Banner 渐变背景样式', 'argon');?></label></th>
<td>
<select name="argon_banner_background_color_type">
<?php $color_type = get_option('argon_banner_background_color_type'); ?>
<option value="shape-primary" <?php if ($color_type=='shape-primary'){echo 'selected';} ?>><?php _e('样式', 'argon');?> 1</option>
<option value="shape-default" <?php if ($color_type=='shape-default'){echo 'selected';} ?>><?php _e('样式', 'argon');?> 2</option>
<option value="shape-dark" <?php if ($color_type=='shape-dark'){echo 'selected';} ?>><?php _e('样式', 'argon');?> 3</option>
<option value="bg-gradient-success" <?php if ($color_type=='bg-gradient-success'){echo 'selected';} ?>><?php _e('样式', 'argon');?> 4</option>
<option value="bg-gradient-info" <?php if ($color_type=='bg-gradient-info'){echo 'selected';} ?>><?php _e('样式', 'argon');?> 5</option>
<option value="bg-gradient-warning" <?php if ($color_type=='bg-gradient-warning'){echo 'selected';} ?>><?php _e('样式', 'argon');?> 6</option>
<option value="bg-gradient-danger" <?php if ($color_type=='bg-gradient-danger'){echo 'selected';} ?>><?php _e('样式', 'argon');?> 7</option>
</select>
<?php $hide_shapes = get_option('argon_banner_background_hide_shapes'); ?>
<label>
<input type="checkbox" name="argon_banner_background_hide_shapes" value="true" <?php if ($hide_shapes=='true'){echo 'checked';}?>/> <?php _e('隐藏背景半透明圆', 'argon');?>
</label>
<p class="description"><strong><?php _e('如果设置了背景图则不生效', 'argon');?></strong>
<br/><div style="margin-top: 15px;"><?php _e('样式预览 (推荐选择前三个样式)', 'argon');?></div>
<div style="margin-top: 10px;">
<div class="banner-background-color-type-preview" style="background:linear-gradient(150deg,#281483 15%,#8f6ed5 70%,#d782d9 94%);"><?php _e('样式', 'argon');?> 1</div>
<div class="banner-background-color-type-preview" style="background:linear-gradient(150deg,#7795f8 15%,#6772e5 70%,#555abf 94%);"><?php _e('样式', 'argon');?> 2</div>
<div class="banner-background-color-type-preview" style="background:linear-gradient(150deg,#32325d 15%,#32325d 70%,#32325d 94%);"><?php _e('样式', 'argon');?> 3</div>
<div class="banner-background-color-type-preview" style="background:linear-gradient(87deg,#2dce89 0,#2dcecc 100%);"><?php _e('样式', 'argon');?> 4</div>
<div class="banner-background-color-type-preview" style="background:linear-gradient(87deg,#11cdef 0,#1171ef 100%);"><?php _e('样式', 'argon');?> 5</div>
<div class="banner-background-color-type-preview" style="background:linear-gradient(87deg,#fb6340 0,#fbb140 100%);"><?php _e('样式', 'argon');?> 6</div>
<div class="banner-background-color-type-preview" style="background:linear-gradient(87deg,#f5365c 0,#f56036 100%);"><?php _e('样式', 'argon');?> 7</div>
</div>
<style>
div.banner-background-color-type-preview{width:100px;height:50px;line-height:50px;color:#fff;margin-right:0px;font-size:15px;text-align:center;display:inline-block;border-radius:5px;transition:all .3s ease;}
div.banner-background-color-type-preview:hover{transform: scale(1.2);}
</style>
</p>
</td>
</tr>
<tr><th class="subtitle"><h3><?php _e('动画', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('Banner 标题打字动画', 'argon');?></label></th>
<td>
<select name="argon_enable_banner_title_typing_effect">
<?php $argon_enable_banner_title_typing_effect = get_option('argon_enable_banner_title_typing_effect'); ?>
<option value="false" <?php if ($argon_enable_banner_title_typing_effect=='false'){echo 'selected';} ?>><?php _e('不启用', 'argon');?></option>
<option value="true" <?php if ($argon_enable_banner_title_typing_effect=='true'){echo 'selected';} ?>><?php _e('启用', 'argon');?></option>
</select>
<p class="description"><?php _e('启用后 Banner 标题会以打字的形式出现。', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('Banner 标题打字动画时长', 'argon');?></label></th>
<td>
<input type="number" name="argon_banner_typing_effect_interval" min="1" max="10000" value="<?php echo (get_option('argon_banner_typing_effect_interval') == '' ? '100' : get_option('argon_banner_typing_effect_interval')); ?>"/> <?php _e('ms/字', 'argon');?>
<p class="description"></p>
</td>
</tr>
<tr><th class="subtitle"><h2><?php _e('页面背景', 'argon');?></h2></th></tr>
<tr>
<th><label><?php _e('页面背景', 'argon');?></label></th>
<td>
<input type="text" class="regular-text" name="argon_page_background_url" value="<?php echo get_option('argon_page_background_url'); ?>"/>
<p class="description"><?php _e('页面背景的地址，需带上 http(s)。留空则不设置页面背景。如果设置了背景，推荐开启 Banner 透明化。', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('页面背景（夜间模式时）', 'argon');?></label></th>
<td>
<input type="text" class="regular-text" name="argon_page_background_dark_url" value="<?php echo get_option('argon_page_background_dark_url'); ?>"/>
<p class="description"><?php _e('夜间模式时页面背景的地址，需带上 http(s)。设置后日间模式和夜间模式会使用不同的背景。留空则跟随日间模式背景。该选项仅在设置了日间模式背景时生效。', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('背景不透明度', 'argon');?></label></th>
<td>
<input type="number" name="argon_page_background_opacity" min="0" max="1" step="0.01" value="<?php echo (get_option('argon_page_background_opacity') == '' ? '1' : get_option('argon_page_background_opacity')); ?>"/>
<p class="description"><?php _e('0 ~ 1 的小数，越小透明度越高，默认为 1 不透明', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h2><?php _e('左侧栏', 'argon');?></h2></th></tr>
<tr>
<th><label><?php _e('左侧栏标题', 'argon');?></label></th>
<td>
<input type="text" class="regular-text" name="argon_sidebar_banner_title" value="<?php echo get_option('argon_sidebar_banner_title'); ?>"/>
<p class="description"><?php _e('留空则显示博客名称', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('左侧栏子标题（格言）', 'argon');?></label></th>
<td>
<input type="text" class="regular-text" name="argon_sidebar_banner_subtitle" value="<?php echo get_option('argon_sidebar_banner_subtitle'); ?>"/>
<p class="description"><?php _e('留空则不显示', 'argon');?><br/><?php _e('输入', 'argon');?> <code>--hitokoto--</code> <?php _e('调用一言 API', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('左侧栏作者名称', 'argon');?></label></th>
<td>
<input type="text" class="regular-text" name="argon_sidebar_auther_name" value="<?php echo get_option('argon_sidebar_auther_name'); ?>"/>
<p class="description"><?php _e('留空则显示博客名', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('左侧栏作者头像地址', 'argon');?></label></th>
<td>
<input type="text" class="regular-text" name="argon_sidebar_auther_image" value="<?php echo get_option('argon_sidebar_auther_image'); ?>"/>
<p class="description"><?php _e('需带上 http(s) 开头', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('左侧栏作者简介', 'argon');?></label></th>
<td>
<input type="text" class="regular-text" name="argon_sidebar_author_description" value="<?php echo get_option('argon_sidebar_author_description'); ?>"/>
<p class="description"><?php _e('留空则不显示', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('左侧栏宽度', 'argon');?></label></th>
<td>
<input type="number" name="argon_sidebar_width" min="1" max="2000" value="<?php echo get_option('argon_sidebar_width', 240); ?>"/>
px
<p class="description"><?php _e('默认为 240px，不建议更改', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h2><?php _e('博客公告', 'argon');?></h2></th></tr>
<tr>
<th><label><?php _e('公告内容', 'argon');?></label></th>
<td>
<textarea type="text" rows="5" cols="50" name="argon_sidebar_announcement"><?php echo htmlspecialchars(get_option('argon_sidebar_announcement')); ?></textarea>
<p class="description"><?php _e('显示在左侧栏顶部，留空则不显示，支持 HTML 标签', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h2><?php _e('浮动操作按钮', 'argon');?></h2></th></tr>
<tr><th class="subtitle"><p class="description"><?php _e('浮动操作按钮位于页面右下角（或左下角）', 'argon');?></p></th></tr>
<tr>
<th><label><?php _e('显示设置按钮', 'argon');?></label></th>
<td>
<select name="argon_fab_show_settings_button">
<?php $argon_fab_show_settings_button = get_option('argon_fab_show_settings_button'); ?>
<option value="true" <?php if ($argon_fab_show_settings_button=='true'){echo 'selected';} ?>><?php _e('显示', 'argon');?></option>
<option value="false" <?php if ($argon_fab_show_settings_button=='false'){echo 'selected';} ?>><?php _e('不显示', 'argon');?></option>
</select>
<p class="description"><?php _e('是否在浮动操作按钮栏中显示设置按钮。点击设置按钮可以唤出设置菜单修改夜间模式/字体/滤镜等外观选项。', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('显示夜间模式切换按钮', 'argon');?></label></th>
<td>
<select name="argon_fab_show_darkmode_button">
<?php $argon_fab_show_darkmode_button = get_option('argon_fab_show_darkmode_button'); ?>
<option value="false" <?php if ($argon_fab_show_darkmode_button=='false'){echo 'selected';} ?>><?php _e('不显示', 'argon');?></option>
<option value="true" <?php if ($argon_fab_show_darkmode_button=='true'){echo 'selected';} ?>><?php _e('显示', 'argon');?></option>
</select>
<p class="description"><?php _e('如果开启了设置按钮显示，建议关闭此选项。（夜间模式选项在设置菜单中已经存在）', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('显示跳转到评论按钮', 'argon');?></label></th>
<td>
<select name="argon_fab_show_gotocomment_button">
<?php $argon_fab_show_gotocomment_button = get_option('argon_fab_show_gotocomment_button'); ?>
<option value="false" <?php if ($argon_fab_show_gotocomment_button=='false'){echo 'selected';} ?>><?php _e('不显示', 'argon');?></option>
<option value="true" <?php if ($argon_fab_show_gotocomment_button=='true'){echo 'selected';} ?>><?php _e('显示', 'argon');?></option>
</select>
<p class="description"><?php _e('仅在允许评论的文章中显示', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h2>SEO</h2></th></tr>
<tr>
<th><label><?php _e('网站描述 (Description Meta 标签)', 'argon');?></label></th>
<td>
<textarea type="text" rows="5" cols="100" name="argon_seo_description"><?php echo htmlspecialchars(get_option('argon_seo_description')); ?></textarea>
<p class="description"><?php _e('设置针对搜索引擎的 Description Meta 标签内容。', 'argon');?><br/><?php _e('在文章中，Argon 会自动根据文章内容生成描述。在其他页面中，Argon 将使用这里设置的内容。如不填，Argon 将不会在其他页面输出 Description Meta 标签。', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('搜索引擎关键词（Keywords Meta 标签）', 'argon');?></label></th>
<td>
<input type="text" class="regular-text" name="argon_seo_keywords" value="<?php echo get_option('argon_seo_keywords'); ?>"/>
<p class="description"><?php _e('设置针对搜索引擎使用的关键词（Keywords Meta 标签内容）。用英文逗号隔开。不设置则不输出该 Meta 标签。', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h2><?php _e('文章', 'argon');?></h2></th></tr>
<tr><th class="subtitle"><h3><?php _e('文章 Meta 信息', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('第一行', 'argon');?></label></th>
<style>
.article-meta-container {
margin-top: 10px;
margin-bottom: 15px;
width: calc(100% - 250px);
}
@media screen and (max-width:960px){
.article-meta-container {
width: 100%;
}
}
#article_meta_active, #article_meta_inactive {
background: rgba(0, 0, 0, .05);
padding: 10px 15px;
margin-top: 10px;
border-radius: 5px;
padding-bottom: 0;
min-height: 48px;
box-sizing: border-box;
}
.article-meta-item {
background: #fafafa;
width: max-content !important;
height: max-content !important;
border-radius: 100px;
padding: 5px 15px;
cursor: move;
display: inline-block;
margin-right: 8px;
margin-bottom: 10px;
}
</style>
<td>
<input type="text" class="regular-text" name="argon_article_meta" value="<?php echo get_option('argon_article_meta', 'time|views|comments|categories'); ?>" style="display: none;"/>
<?php _e('拖动来自定义文章 Meta 信息的显示和顺序', 'argon');?>
<div class="article-meta-container">
<?php _e('显示', 'argon');?>
<div id="article_meta_active"></div>
</div>
<div class="article-meta-container">
<?php _e('不显示', 'argon');?>
<div id="article_meta_inactive">
<div class="article-meta-item" meta-name="time"><?php _e('发布时间', 'argon');?></div>
<div class="article-meta-item" meta-name="edittime"><?php _e('修改时间', 'argon');?></div>
<div class="article-meta-item" meta-name="views"><?php _e('浏览量', 'argon');?></div>
<div class="article-meta-item" meta-name="comments"><?php _e('评论数', 'argon');?></div>
<div class="article-meta-item" meta-name="categories"><?php _e('所属分类', 'argon');?></div>
<div class="article-meta-item" meta-name="author"><?php _e('作者', 'argon');?></div>
</div>
</div>
</td>
<script>
!function(){
let articleMeta = $("input[name='argon_article_meta']").val().split("|");
for (metaName of articleMeta){
let itemDiv = $("#article_meta_inactive .article-meta-item[meta-name='"+ metaName + "']");
$("#article_meta_active").append(itemDiv.prop("outerHTML"));
itemDiv.remove();
}
}();
dragula(
[document.querySelector('#article_meta_active'), document.querySelector('#article_meta_inactive')],
{
direction: 'vertical'
}
).on('dragend', function(){
let articleMeta = "";
$("#article_meta_active .article-meta-item").each(function(index, item) {
if (index != 0){
articleMeta += "|";
}
articleMeta += item.getAttribute("meta-name");
});
$("input[name='argon_article_meta']").val(articleMeta);
});
</script>
</tr>
<tr><th class="subtitle"><h4><?php _e('第二行', 'argon');?></h4></th></tr>
<tr>
<th><label><?php _e('显示字数和预计阅读时间', 'argon');?></label></th>
<td>
<select name="argon_show_readingtime">
<?php $argon_show_readingtime = get_option('argon_show_readingtime'); ?>
<option value="true" <?php if ($argon_show_readingtime=='true'){echo 'selected';} ?>><?php _e('显示', 'argon');?></option>
<option value="false" <?php if ($argon_show_readingtime=='false'){echo 'selected';} ?>><?php _e('不显示', 'argon');?></option>
</select>
</td>
</tr>
<tr>
<th><label><?php _e('每分钟阅读字数（中文）', 'argon');?></label></th>
<td>
<input type="number" name="argon_reading_speed" min="1" max="5000" value="<?php echo (get_option('argon_reading_speed') == '' ? '300' : get_option('argon_reading_speed')); ?>"/>
<?php _e('字/分钟', 'argon');?>
<p class="description"></p>
</td>
</tr>
<tr>
<th><label><?php _e('每分钟阅读单词数（英文）', 'argon');?></label></th>
<td>
<input type="number" name="argon_reading_speed_en" min="1" max="5000" value="<?php echo (get_option('argon_reading_speed_en') == '' ? '160' : get_option('argon_reading_speed_en')); ?>"/>
<?php _e('单词/分钟', 'argon');?>
</td>
</tr>
<tr>
<th><label><?php _e('每分钟阅读代码行数', 'argon');?></label></th>
<td>
<input type="number" name="argon_reading_speed_code" min="1" max="5000" value="<?php echo (get_option('argon_reading_speed_code') == '' ? '20' : get_option('argon_reading_speed_code')); ?>"/>
<?php _e('行/分钟', 'argon');?>
<p class="description"><?php _e('预计阅读时间由每分钟阅读字数计算', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h3><?php _e('文章头图 (特色图片)', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('文章头图的位置', 'argon');?></label></th>
<td>
<select name="argon_show_thumbnail_in_banner_in_content_page">
<?php $argon_show_thumbnail_in_banner_in_content_page = get_option('argon_show_thumbnail_in_banner_in_content_page'); ?>
<option value="false" <?php if ($argon_show_thumbnail_in_banner_in_content_page=='false'){echo 'selected';} ?>><?php _e('文章卡片顶端', 'argon');?></option>
<option value="true" <?php if ($argon_show_thumbnail_in_banner_in_content_page=='true'){echo 'selected';} ?>><?php _e('Banner (顶部背景)', 'argon');?></option>
</select>
<p class="description"><?php _e('阅读界面中文章头图的位置', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('默认使用文章中第一张图作为头图', 'argon');?></label></th>
<td>
<select name="argon_first_image_as_thumbnail_by_default">
<?php $argon_first_image_as_thumbnail_by_default = get_option('argon_first_image_as_thumbnail_by_default'); ?>
<option value="false" <?php if ($argon_first_image_as_thumbnail_by_default=='false'){echo 'selected';} ?>><?php _e('禁用', 'argon');?></option>
<option value="true" <?php if ($argon_first_image_as_thumbnail_by_default=='true'){echo 'selected';} ?>><?php _e('启用', 'argon');?></option>
</select>
<p class="description"><?php _e('也可以针对每篇文章单独设置', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h3><?php _e('脚注(引用)', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('脚注列表标题', 'argon');?></label></th>
<td>
<input type="text" class="regular-text" name="argon_reference_list_title" value="<?php echo (get_option('argon_reference_list_title') == "" ? __('参考', 'argon') : get_option('argon_reference_list_title')); ?>"/>
<p class="description"><?php _e('脚注列表显示在文末，在文章中有脚注的时候会显示。<br/>使用 <code>ref</code> 短代码可以在文中插入脚注。', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h3><?php _e('分享', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('显示文章分享按钮', 'argon');?></label></th>
<td>
<select name="argon_show_sharebtn">
<?php $argon_show_sharebtn = get_option('argon_show_sharebtn'); ?>
<option value="true" <?php if ($argon_show_sharebtn=='true'){echo 'selected';} ?>><?php _e('显示全部社交媒体', 'argon');?></option>
<option value="domestic" <?php if ($argon_show_sharebtn=='domestic'){echo 'selected';} ?>><?php _e('显示国内社交媒体', 'argon');?></option>
<option value="abroad" <?php if ($argon_show_sharebtn=='abroad'){echo 'selected';} ?>><?php _e('显示国外社交媒体', 'argon');?></option>
<option value="false" <?php if ($argon_show_sharebtn=='false'){echo 'selected';} ?>><?php _e('不显示', 'argon');?></option>
</select>
<p class="description"></p>
</td>
</tr>
<tr><th class="subtitle"><h3><?php _e('左侧栏文章目录', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('在目录中显示序号', 'argon');?></label></th>
<td>
<select name="argon_show_headindex_number">
<?php $argon_show_headindex_number = get_option('argon_show_headindex_number'); ?>
<option value="false" <?php if ($argon_show_headindex_number=='false'){echo 'selected';} ?>><?php _e('不显示', 'argon');?></option>
<option value="true" <?php if ($argon_show_headindex_number=='true'){echo 'selected';} ?>><?php _e('显示', 'argon');?></option>
</select>
<p class="description"><?php _e('例：3.2.5', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h3><?php _e('赞赏', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('赞赏二维码图片链接', 'argon');?></label></th>
<td>
<input type="text" class="regular-text" name="argon_donate_qrcode_url" value="<?php echo get_option('argon_donate_qrcode_url'); ?>"/>
<p class="description"><?php _e('赞赏二维码图片链接，填写后会在文章最后显示赞赏按钮，留空则不显示赞赏按钮', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h3><?php _e('文末附加内容', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('文末附加内容', 'argon');?></label></th>
<td>
<textarea type="text" rows="5" cols="100" name="argon_additional_content_after_post"><?php echo htmlspecialchars(get_option('argon_additional_content_after_post')); ?></textarea>
<p class="description"><?php _e('将会显示在每篇文章末尾，支持 HTML 标签，留空则不显示。', 'argon');?><br/><?php _e('使用 <code>%url%</code> 来代替当前页面 URL，<code>%link%</code> 来代替当前页面链接，<code>%title%</code> 来代替当前文章标题，<code>%author%</code> 来代替当前文章作者。', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h3><?php _e('相似文章推荐', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('相似文章推荐', 'argon');?></label></th>
<td>
<select name="argon_related_post">
<?php $argon_related_post = get_option('argon_related_post'); ?>
<option value="disabled" <?php if ($argon_related_post=='disabled'){echo 'selected';} ?>><?php _e('关闭', 'argon');?></option>
<option value="category" <?php if ($argon_related_post=='category'){echo 'selected';} ?>><?php _e('根据分类推荐', 'argon');?></option>
<option value="tag" <?php if ($argon_related_post=='tag'){echo 'selected';} ?>><?php _e('根据标签推荐', 'argon');?></option>
<option value="category,tag" <?php if ($argon_related_post=='category,tag'){echo 'selected';} ?>><?php _e('根据分类和标签推荐', 'argon');?></option>
<p class="description"><?php _e('显示在文章卡片后', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('排序依据', 'argon');?></label></th>
<td>
<select name="argon_related_post_sort_orderby">
<?php $argon_related_post_sort_orderby = get_option('argon_related_post_sort_orderby'); ?>
<option value="date" <?php if ($argon_related_post_sort_orderby=='date'){echo 'selected';} ?>><?php _e('发布时间', 'argon');?></option>
<option value="modified" <?php if ($argon_related_post_sort_orderby=='modified'){echo 'selected';} ?>><?php _e('修改时间', 'argon');?></option>
<option value="meta_value_num" <?php if ($argon_related_post_sort_orderby=='meta_value_num'){echo 'selected';} ?>><?php _e('阅读量', 'argon');?></option>
<option value="ID" <?php if ($argon_related_post_sort_orderby=='ID'){echo 'selected';} ?>>ID</option>
<option value="title" <?php if ($argon_related_post_sort_orderby=='title'){echo 'selected';} ?>><?php _e('标题', 'argon');?></option>
<option value="author" <?php if ($argon_related_post_sort_orderby=='author'){echo 'selected';} ?>><?php _e('作者', 'argon');?></option>
<option value="rand" <?php if ($argon_related_post_sort_orderby=='rand'){echo 'selected';} ?>><?php _e('随机', 'argon');?></option>
<p class="description"></p>
</td>
</tr>
<tr>
<th><label><?php _e('顺序', 'argon');?></label></th>
<td>
<select name="argon_related_post_sort_order">
<?php $argon_related_post_sort_order = get_option('argon_related_post_sort_order'); ?>
<option value="DESC" <?php if ($argon_related_post_sort_order=='DESC'){echo 'selected';} ?>><?php _e('倒序', 'argon');?></option>
<option value="ASC" <?php if ($argon_related_post_sort_order=='ASC'){echo 'selected';} ?>><?php _e('正序', 'argon');?></option>
<p class="description"></p>
</td>
</tr>
<tr>
<th><label><?php _e('推荐文章数', 'argon');?></label></th>
<td>
<input type="number" name="argon_related_post_limit" min="1" max="100" value="<?php echo get_option('argon_related_post_limit' , '10'); ?>"/>
<p class="description"><?php _e('最多推荐多少篇文章', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h3><?php _e('文章内标题样式', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('文章内标题样式', 'argon');?></label></th>
<td>
<select name="argon_article_header_style">
<?php $argon_article_header_style = get_option('argon_article_header_style'); ?>
<option value="article-header-style-default" <?php if ($argon_article_header_style=='article-header-style-default'){echo 'selected';} ?>><?php _e('默认样式', 'argon');?></option>
<option value="article-header-style-1" <?php if ($argon_article_header_style=='article-header-style-1'){echo 'selected';} ?>><?php _e('样式 1', 'argon');?></option>
<option value="article-header-style-2" <?php if ($argon_article_header_style=='article-header-style-2'){echo 'selected';} ?>><?php _e('样式 2', 'argon');?></option>
</select>
<p class="description"><?php _e('样式预览', 'argon');?> :<br/>
<div class="article-header-style-preview style-default"><?php _e('默认样式', 'argon');?></div>
<div class="article-header-style-preview style-1"><?php _e('样式 1', 'argon');?></div>
<div class="article-header-style-preview style-2"><?php _e('样式 2', 'argon');?></div>
<style>
.article-header-style-preview{
font-size: 26px;
position: relative;
}
.article-header-style-preview.style-1:after {
content: '';
display: block;
position: absolute;
background: #5e72e4;
opacity: .25;
pointer-events: none;
border-radius: 15px;
left: -2px;
bottom: 0px;
width: 45px;
height: 13px;
}
.article-header-style-preview.style-2:before {
content: '';
display: inline-block;
background: #5e72e4;
opacity: 1;
pointer-events: none;
border-radius: 15px;
width: 6px;
vertical-align: middle;
margin-right: 12px;
height: 20px;
transform: translateY(-1px);
}
</style>
</p>
</td>
</tr>
<tr><th class="subtitle"><h3><?php _e('AI 文章摘要', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('启用 AI 文章摘要', 'argon');?></label></th>
<td>
<select name="argon_ai_post_summary">
<?php $argon_ai_post_summary = get_option('argon_ai_post_summary', false); ?>
<option value="false" <?php if ($argon_ai_post_summary=='false'){echo 'selected';} ?>><?php _e('不启用', 'argon');?></option>
<option value="true" <?php if ($argon_ai_post_summary=='true'){echo 'selected';} ?>><?php _e('启用', 'argon');?></option>
</select>
<p class="description"><?php _e('使用 ChatGPT 自动生成文章摘要。这将替换您主页的文章摘要，并在文章页面头部显示一个摘要卡片。', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('OpenAI API 地址', 'argon');?></label></th>
<td>
<select name="argon_openai_baseurl">
<?php $argon_openai_baseurl = get_option('argon_openai_baseurl'); ?>
<option value="openai" <?php if ($argon_openai_baseurl=='openai'){echo 'selected';} ?>>OpenAI</option>
<option value="custom" <?php if ($argon_openai_baseurl=='custom'){echo 'selected';} ?>><?php _e('自定义...', 'argon');?></option>
</select>
<input type="text" class="regular-text" name="argon_custom_openai_baseurl" placeholder="https://" value="<?php echo get_option('argon_custom_openai_baseurl', ''); ?>" autocomplete="off">
<p class="description"><?php _e('自定义 OpenAI API 地址。', 'argon');?></p>
</td>
<script>
$("select[name='argon_openai_baseurl']").change(function(){
if ($(this).val() == 'custom') {
$("input[name='argon_custom_openai_baseurl']").css('display', '');
} else {
$("input[name='argon_custom_openai_baseurl']").css('display', 'none');
}
}).change();
</script>
</tr>
<tr>
<th><label><?php _e('OpenAI API 密钥', 'argon');?></label></th>
<td>
<input type="text" class="regular-text" name="argon_openai_api_key" placeholder="sk-..." pattern="^(sk-[0-9A-Za-z-]{48})?$" value="<?php echo get_option('argon_openai_api_key', ''); ?>"/>
<p class="description"><?php _e('前往 <a href="https://platform.openai.com/account/api-keys" target="_blank">OpenAI 账户 API Key</a> 页面以申请一个 API Key。', 'argon')?></p>
</td>
<style> input[name='argon_openai_api_key']:invalid { background-color: lightpink; } </style>
</tr>
<tr>
<th><label><?php _e('替换首页文章摘要', 'argon');?></label></th>
<td>
<select name="argon_ai_show_post_summary_in_home">
<?php $argon_ai_show_post_summary_in_home = get_option('argon_ai_show_post_summary_in_home', true); ?>
<option value="true" <?php if ($argon_ai_show_post_summary_in_home=='true'){echo 'selected';} ?>><?php _e('替换', 'argon');?></option>
<option value="false" <?php if ($argon_ai_show_post_summary_in_home=='false'){echo 'selected';} ?>><?php _e('不替换', 'argon');?></option>
</select>
<p class="description"><?php _e('替换后，首页文章摘要将会显示 AI 摘要，而不是文章开头内容。', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('对话模型', 'argon');?></label></th>
<td>
<input type="text" class="regular-text" name="argon_ai_model" value="<?php echo get_option('argon_ai_model', 'gpt-3.5-turbo'); ?>"/>
<p class="description"><?php _e('生成文章摘要使用的对话模型，默认为 <code>gpt-3.5-turbo</code>', 'argon')?></p>
</td>
</tr>
<tr>
<th><label><?php _e('更新文章时不重复生成摘要', 'argon');?></label></th>
<td>
<select name="argon_ai_no_update_post_summary">
<?php $argon_ai_no_update_post_summary = get_option('argon_ai_no_update_post_summary', true); ?>
<option value="true" <?php if ($argon_ai_no_update_post_summary=='true'){echo 'selected';} ?>><?php _e('不更新', 'argon');?></option>
<option value="false" <?php if ($argon_ai_no_update_post_summary=='false'){echo 'selected';} ?>><?php _e('更新', 'argon');?></option>
</select>
<p class="description"><?php _e('设置本项为"不更新"以阻止摘要在更新文章时重新生成，避免产生高额的 API 调用开销。', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e('启用异步生成文章摘要', 'argon');?></label></th>
<td>
<select name="argon_ai_async_generate">
<?php $argon_ai_async_generate = get_option('argon_ai_async_generate', true); ?>
<option value="true" <?php if ($argon_ai_async_generate=='true'){echo 'selected';} ?>><?php _e('启用', 'argon');?></option>
<option value="false" <?php if ($argon_ai_async_generate=='false'){echo 'selected';} ?>><?php _e('不启用', 'argon');?></option>
</select>
<p class="description"><?php _e('启用后，将大幅度增加文章发布时的响应速度，文章摘要信息会在稍后显示。', 'argon');?></p>
</td>
</tr>
<tr>
<th><label><?php _e( '额外 Prompt', 'argon' ); ?></label></th>
<td>
<textarea type="text" rows="15" cols="100" name="argon_ai_extra_prompt"><?php echo get_option( 'argon_ai_extra_prompt', '' ); ?></textarea>
<p class="description"><?php _e( '发送给 ChatGPT 的额外 Prompt，将被以"system"的角色插入在文章信息后。', 'argon' ) ?></p>
</td>
</tr>
<tr>
<th><label><?php _e( '正文最大长度', 'argon' ); ?></label></th>
<td>
<input type="number" name="argon_ai_max_content_length" min="0" value="<?php echo get_option('argon_ai_max_content_length', 4000); ?>"/>
<p class="description"><?php _e('发送给 ChatGPT 的最大正文长度，超出部分将会被截断，避免因正文过长产生高额的 API 调用开销。设为 0 以发送全文。', 'argon');?></p>
</td>
</tr>
<tr><th class="subtitle"><h3><?php _e('其他', 'argon');?></h3></th></tr>
<tr>
<th><label><?php _e('文章过时信息显示', 'argon');?></label></th>
<td>
<?php _e('当一篇文章的', 'argon');?>
<select name="argon_outdated_info_time_type">
<?php $argon_outdated_info_time_type = get_option('argon_outdated_info_time_type'); ?>
<option value="modifiedtime" <?php if ($argon_outdated_info_time_type=='modifiedtime'){echo 'selected';} ?>><?php _e('最后修改时间', 'argon');?></option>
<option value="createdtime" <?php if ($argon_outdated_info_time_type=='createdtime'){echo 'selected';} ?>><?php _e('发布时间', 'argon');?></option>
</select>
<?php _e('距离现在超过', 'argon');?>
<input type="number" name="argon_outdated_info_days" min="-1" max="99999" value="<?php echo (get_option('argon_outdated_info_days') == '' ? '-1' : get_option('argon_outdated_info_days')); ?>"/>
<?php _e('天时，用', 'argon');?>