-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
8579 lines (7688 loc) · 305 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
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
<!DOCTYPE html>
<html>
<head>
<meta content='0YpIik3wve+AK2HQ0oZP3ZdTBrie5fRR9S15XFUEbDY=' name='verify-v1'/>
<meta content='no-referrer' name='referrer'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link href='media/images/favicon.ico' rel='icon' type='image/x-icon'/>
<!--Can't find substitution for tag [blog.ieCssRetrofitLinks]-->
<meta content='编程随想评论阅读器' property='og:title'/>
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<!--@ Change blog title @-->
<title>编程随想评论阅读器</title>
<!--@ Redirect & global init @-->
<script type='text/javascript'>
// <![CDATA[
(function()
{
try
{
var reCommentId = /(\?|&)showComment=(\d{13})/i;
if(window.name.indexOf("new-comment-") == 0) // popup comment editor
{
var results = location.search.match(reCommentId);
results && (3 == results.length) && (window.name = "new-comment-" + results[2]);
window.close(); // close popup editor
return;
}
var sPath = location.pathname, sParams = location.search, bRedirect = false;
if(location.hostname.match(/^program\-think\.blogspot\.(?:\w\w|com\.\w\w|co\.\w\w)$/i))
{
sPath = "/ncr" + sPath;
bRedirect = true; // Force NCR
}
if(sParams.match(reCommentId))
{
sParams = sParams.replace(reCommentId, "$1comment=$2");
bRedirect = true;
}
bRedirect && location.replace("https://program-think.blogspot.com" + sPath + sParams);
window.cookieOptions =
{
msg: "本博客架设在 Google 的 Blogspot 平台, 该博客平台用 cookies 统计用户访问数量; 由于你的访客 IP 来自欧洲国家, 根据欧盟法律要求, 俺必须告知你上述 cookies 的情况",
link: "https://www.blogger.com/go/blogspot-cookies",
learn: "了解更多",
close: "知道了"
};
}
catch(err)
{
console.log(err);
}
}
)();
// ]]>
</script>
<style id='page-skin-1' type='text/css'><!--
/*
* Tekka
* style modified from glish: http://www.glish.com/css/
*
* Updated by Blogger Team
*/
/* Variable definitions
<Variable name="mainBgColor" description="Page Background Color"
type="color" default="#F5F5F5">
<Variable name="mainTextColor" description="Text Color"
type="color" default="#000000">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#808080">
<Variable name="mainLinkColor" description="Link Color"
type="color" default="#0000FF">
<Variable name="mainVisitedLinkColor" description="Visited Link Color"
type="color" default="#800080">
<Variable name="mainHoverLinkColor" description="Hover Link Color"
type="color" default="#800080">
<Variable name="sidebarBgColor" description="Sidebar Background Color"
type="color" default="#FFFFFF">
<Variable name="sidebarTextColor" description="Sidebar Text Color"
type="color" default="#000000">
<Variable name="sidebarTitleColor" description="Sidebar Title Color"
type="color" default="#000000">
<Variable name="sidebarLinkColor" description="Sidebar Link Color"
type="color" default="#0000FF">
<Variable name="sidebarVisitedLinkColor" description="Sidebar Visited Link Color"
type="color" default="#800080">
<Variable name="sidebarHoverLinkColor" description="Sidebar Hover Link Color"
type="color" default="#800080">
<Variable name="bodyFont" description="Text Font"
type="font" default="normal normal 100% 'Trebuchet MS', verdana, sans-serif">
<Variable name="startSide" description="Start side in blog language"
type="automatic" default="left">
<Variable name="endSide" description="End side in blog language"
type="automatic" default="right">
*/
body {
margin: 0px;
font-size: small; /*--@ small @--*/
background-color: #F0F0F0;
color: #000000;
}
#content-wrapper {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0;
margin-left: 5px;
}
h1 {
font-size: 240%; /*--@ 400% @--*/
line-height: 125%; /*--@ 120% @--*/
padding-left: 0px; /*--@ 15px @--*/
text-align: center; /*--@ Add style @--*/
}
h1.title a,
h1.title a:link,
h1.title a:visited {
text-decoration: none;
color: #000000;
}
h1.post-title,
h1.entry-title {
font-size: 160%; /*--@ 150% @--*/
font-weight: bold;
text-align: left; /*--@ Add style @--*/
}
/*--@ Add 'descriptionwrapper' style @--*/
.descriptionwrapper {
margin-left: 30px;
}
.description {
text-align: left; /*--@ center @--*/
padding-top: 10px;
padding-left: 0px; /*--@ 20px @--*/
}
/*--@ Add 'blog-posts' style @--*/
.blog-posts {
margin-left: 30px;
}
.post {
padding-left: 0px; /*--@ 20px @--*/
margin-bottom: 20px;
text-indent: 0px; /*--@ 10px @--*/
padding-right: 20px;
/*--@ line-height: 22px; @--*/
}
/*--@ Add 'post-toolbar' style @--*/
.post-toolbar {
margin-bottom: 30px;
}
.post-toolbar-1,
.post-toolbar-2 {
margin: 0px;
}
.post-toolbar-1 .post-config-buttons {
float: right;
}
.post-toolbar-2 .post-timestamp {
color: #808080;
}
.post-timestamp,
.post-comment-link,
.post-labels {
margin-right: 12px;
}
/*--@ Add 'post-inner-index' style @--*/
.post-inner-index {
padding: 1em 2em;
}
/*--@ Add 'post-copyright' style @--*/
.post-copyright {
margin: 20px;
padding: 5px;
border: 1px solid black;
}
.post-footer {
margin-bottom: 15px;
margin-left: 0px;
font-size: 100%; /*--@ 87% @--*/
}
/*--@ Add 'post-body' head style @--*/
.post-body h2 {
font-size: 140%;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px 0px 0px 24px;
}
.post-body h3 {
font-size: 120%;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px 0px 0px 24px;
}
.post-body h4 {
font-size: 110%;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px 0px 0px 24px;
}
/*--@ Add 'post-body' quote style @--*/
.post-body blockquote {
background-color: #DDD;
margin-left: 24px;
margin-right: 24px;
border: 0px none;
}
.post-body q {
background-color: #DDD;
}
.post-body pre, .post-body code {
background-color: #DDD;
font-family: Courier,monospace;
}
/*--@ Add 'post-body' link style @--*/
.post-body a[target="_blank"] {
background: transparent url(external_link.gif) no-repeat scroll right center;
padding-right: 13px;
}
.feed-links {
clear: both;
line-height: 2.5em;
margin-left: 20px;
}
#main {
float: left;
padding-bottom: 20px;
padding: 0px;
width: 67%;
font: normal normal 100% 'Trebuchet MS', verdana, sans-serif;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#blog-pager-newer-link {
float: left;
margin-left: 20px;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
font-size: 125%; /*--@ Add font style @--*/
font-weight: bold;
}
a {
text-decoration: none;
color: #0066FF;
}
a:hover {
text-decoration: underline; /*--@ border-bottom:dashed 1px red; @--*/
color: #88BBFF; /*--@ Add style @--*/
}
a img {
border: 0;
}
a:visited {
color: #800080;
}
#sidebar a {
color: #0066FF;
}
#sidebar a:visited {
color: #800080;
}
/*--@ Add link style @--*/
#sidebar a:hover {
color: #88BBFF;
}
.sidebar h2 {
font-weight: bold;
font-size: 120%; /*--@ 150% @--*/
color: #000000;
}
#sidebar {
text-transform: none;
background-color: #FFFFFF;
color: #000000;
padding-left: 20px;
width: 30%;
float: right;
font: normal normal 100% 'Trebuchet MS', verdana, sans-serif;
border-left: 2px dashed #000000;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.sidebar .widget {
padding-top: 4px;
padding-right: 8px;
padding-bottom: 0;
padding-left: 0;
}
.profile-textblock {
clear: both;
margin-left: 0;
}
.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
}
.clear {
clear: both;
}
/*--@ Hide 'quick edit' link @--*/
.quickedit {
display: none;
}
/*--@ Source code syntax highlight @--*/
.source pre { background: DarkSlateGray; }
.source .hll { background-color: LightYellow; }
.source .k { color: DodgerBlue; font-weight: bold; } /* Keyword */
.source .kt { color: DodgerBlue; font-weight: bold; } /* Keyword.Type */
.source .kn { color: DodgerBlue; font-weight: bold; } /* Keyword.Namespace */
.source .kr { color: DodgerBlue; font-weight: bold; } /* Keyword.Reserved */
.source .kc { color: DodgerBlue; font-weight: bold; } /* Keyword.Constant */
.source .kd { color: DodgerBlue; font-weight: bold; } /* Keyword.Declaration */
.source .kp { color: DodgerBlue; font-weight: bold; } /* Keyword.Pseudo */
.source .n { color: White; } /* Name */
.source .nb { color: SteelBlue; font-weight: bold; } /* Name.Builtin */
.source .bp { color: SteelBlue; font-weight: bold; } /* Name.Builtin.Pseudo */
.source .nn { color: GoldenRod; font-weight: bold } /* Name.Namespace */
.source .nc { color: GoldenRod; font-weight: bold; } /* Name.Class */
.source .nf { color: GoldenRod; font-weight: bold } /* Name.Function */
.source .no { color: White; } /* Name.Constant */
.source .nd { color: White; } /* Name.Decorator */
.source .ne { color: White; } /* Name.Exception */
.source .nv { color: White; } /* Name.Variable */
.source .vc { color: White; } /* Name.Variable.Class */
.source .vg { color: White; } /* Name.Variable.Global */
.source .vi { color: White; } /* Name.Variable.Instance */
.source .nl { color: White; } /* Name.Label */
.source .nt { color: SteelBlue } /* Name.Tag */
.source .ni { color: SteelBlue; } /* Name.Entity */
.source .na { color: OliveDrab; } /* Name.Attribute */
.source .py { color: White; } /* Name.Property */
.source .nx { color: White; } /* Name.Other */
.source .m { color: Orchid; } /* Literal.Number */
.source .mb { color: Orchid; } /* Literal.Number.Bin */
.source .mi { color: Orchid; } /* Literal.Number.Integer */
.source .il { color: Orchid; } /* Literal.Number.Integer.Long */
.source .mo { color: Orchid; } /* Literal.Number.Oct */
.source .mh { color: Orchid; } /* Literal.Number.Hex */
.source .mf { color: Orchid; } /* Literal.Number.Float */
.source .s { color: Chocolate; } /* Literal.String */
.source .sb { color: Chocolate; } /* Literal.String.Backtick */
.source .sc { color: Chocolate; } /* Literal.String.Char */
.source .sd { color: Chocolate; } /* Literal.String.Doc */
.source .s2 { color: Chocolate; } /* Literal.String.Double */
.source .se { color: Chocolate; } /* Literal.String.Escape */
.source .sh { color: Chocolate; } /* Literal.String.Heredoc */
.source .si { color: Chocolate; } /* Literal.String.Interpol */
.source .sx { color: Chocolate; } /* Literal.String.Other */
.source .sr { color: Chocolate; } /* Literal.String.Regex */
.source .s1 { color: Chocolate; } /* Literal.String.Single */
.source .ss { color: Chocolate; } /* Literal.String.Symbol */
.source .o { color: Aqua; } /* Operator */
.source .ow { color: Aqua; } /* Operator.Word */
.source .p { color: White; } /* Punctuation */
.source .c { color: LimeGreen; font-style: italic; } /* Comment */
.source .ch { color: LimeGreen; font-style: italic; } /* Comment.Hashbang */
.source .cm { color: LimeGreen; font-style: italic; } /* Comment.Multiline */
.source .c1 { color: LimeGreen; font-style: italic; } /* Comment.Single */
.source .cs { color: LimeGreen; font-style: italic; } /* Comment.Special */
.source .cp { color: SteelBlue; font-weight: bold; font-style: italic; } /* Comment.Preproc */
.source .cpf { color: LawnGreen; font-style: italic; } /* Comment.PreprocFile */
.source .x { color: DarkGray; } /* Other */
--></style>
<!--@ Google Analytics @-->
<script type='text/javascript'>
</script>
<!--@ jQuery & jQueryUI @-->
<script src='media/jquery.min.js' type='text/javascript'></script>
<link href='media/jquery-ui.min.css' rel='stylesheet'/>
<script src='media/jquery-ui.min.js' type='text/javascript'></script>
</head>
<body>
<div id='outer-wrapper'><div id='wrap2'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<div class='crosscol no-items section' id='crosscol'></div>
</div>
<div id='main-wrapper'>
<div class='main section' id='main'><div class='widget Header' data-version='1' id='Header1'>
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<a href='https://program-think.blogspot.com/'>
编程随想的博客
</a>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'></p>
<hr/>
</div>
</div>
</div><div class='widget Blog' data-version='1' id='Blog1'>
<div class='blog-posts hfeed'>
<!--Can't find substitution for tag [adStart]-->
<a name='article'></a>
<div class='post-toolbar'>
<div class='post-toolbar-1'>
<span class='post-share-buttons'>
</span>
<span class='post-config-buttons'></span>
</div>
<div class='post-toolbar-2'>
<span class='post-timestamp' data='1970-01-01T00:00:00+00:00'>1970年1月1日</span>
<span class='post-comment-link'>
<a class='comment-link' href='#comments'>
暂无
评论
</a>
</span>
<span class='post-labels'>
标签：
</span>
</div>
</div>
<style type='text/css'>
#side-toolbar { display: block !important; }
</style>
<noscript>
<style type='text/css'>
.comment-number:after { content: '1'; }
</style>
</noscript>
<div class='post hentry uncustomized-post-template'>
<a name='7458991612391696286'></a>
<h1 class='post-title entry-title'>
<a href='#article'>界面配置选项</a>
</h1>
<div class='post-header'>
<div class='post-header-line-1'>
</div>
</div>
<div class='post-body entry-content'>
　　此页面作者为<a href='mailto:program.think@gmail.com'>编程随想</a>，此页面原地址为<a href='https://program-think.blogspot.com/p/options.html' id='OriginalPostUrl'>https://program-think.blogspot.com/p/options.html</a>。<br/>
　　以下是原页面的版权声明：<br/>
<div class='post-copyright'>
<b>版权声明</b><br/>本博客所有的原创文章，作者皆保留版权。转载必须包含本声明，保持本文完整，并以超链接形式注明作者<a href='mailto:program.think@gmail.com'>编程随想</a>和本文原始地址：<br/>
<a href='https://program-think.blogspot.com/p/options.html' id='OriginalPostUrl'>https://program-think.blogspot.com/p/options.html</a>
</div>
<div id="options-area" style="display:none;"><br />
<div id="about-cookies"><h2>★关于“保存 Cookie”的说明</h2><br />
<h3>◇为啥要保存 cookie？</h3><br />
　　俺这个博客架设在 Google 的 Blogspot 博客平台上。该平台只提供客户端页面的定制功能，【不提供】服务器端的存储功能。如果要保存读者的配置选项，俺只能保存到浏览器的 cookie 中。<br />
　　由于“浏览器 cookie”会导致隐私方面的担忧，所以俺事先征询你的同意。<br />
<br />
<h3>◇俺用 cookie 存储配置参数的格式</h3><br />
　　浏览器的 cookie 是跟【具体域名】绑定滴。每个网站只能读写【自己所在域名】下的 cookie 信息。<br />
　　为了便于管理，俺会把所有的配置参数都保存在名为【 <b>options</b> 】的 cookie 中。如果你想要清除所有的配置参数，只需删除该 cookie 既可。<br />
　　提醒一下：<br />
　　在俺博客对应的 <a href="https://program-think.blogspot.com/">program-think.blogspot.com</a> 域名下，还有另外几个 cookie——那些是 Google 的博客平台（blogspot）保存滴，跟俺【没】啥关系。<br />
<br />
<h3>◇可能导致 cookie 失效的原因</h3><br />
<b>原因1——浏览器的“隐私模式”</b><br />
如果你使用“隐私模式”浏览俺的博客，当浏览器关闭之后，所有域名下的 cookie 都会消失。<br />
解决方法：<br />
（除非你退出“隐私模式”，否则暂时没有太好的办法）<br />
俺正在考虑提供另一种 cookie 替代方式。等啥时候有空了，会开发出来。<br />
<br />
<b>原因2——某些安全扩展</b><br />
有些浏览器的安全扩展会禁用 cookie，从而导致本页面的保存功能失效。<br />
解决方法：<br />
把俺博客的域名（<a href="https://program-think.blogspot.com/">program-think.blogspot.com</a>）添加到这些扩展的【白名单】中。（也就是说：允许俺博客这个站点存储 cookie）。<br />
<br />
<hr>刚才花了点口水说明了 cookie 的相关情况，现在言归正传：<br />
如果你同意俺保存 cookie，请勾选如下的复选框进行确认（勾选后，各个配置项会自动显现）；<br />
如果你不允许保存 cookie，则无法配置任何选项参数（即使配置了也没地方保存）。<br />
</div><!-- about-cookies end --><br />
<div style="font-size:125%;font-weight: bold;"><input id="allow-cookies" type="checkbox"/>同意使用 cookie 来保存本博客的配置参数</div><br />
<div id="widgets-area" style="display:none;"><hr/><!-- article --><br />
<a name="article"></a><br />
<h2>正文区</h2><a name="article-font-size"></a><br />
<h3>◇字体</h3><br />
<span id="article_font-size-value"></span> <div id="article_font-size" class="slider font"></div><a name="article-inner-index"></a><br />
<h3>◇文章目录</h3><br />
<input id="article_inner-index" type="checkbox"/>显示“文章目录”<br />
<blockquote style="background-color:#DDD;">说明：<br />
启用该选项之后，会在每篇博文的标题下面自动生成此文的内部目录结构，方便你直接点击跳转到某个博文的章节。<br />
此功能对【章节很多】的长篇博文尤其方便。</blockquote><br />
<hr/><!-- comments --><br />
<a name="comments"></a><br />
<h2>评论区</h2><a name="comments-font-size"></a><br />
<h3>◇字体</h3><br />
<span id="comments_font-size-value"></span><br />
<div id="comments_font-size" class="slider font"></div><a name="comments-limit-height"></a><br />
<h3>◇自动截断长篇评论</h3><br />
<input id="comments_limit-height" type="checkbox"/>自动截断长篇评论<br />
<blockquote style="background-color:#DDD;">说明：<br />
有些评论的内容太长，会导致整个页面拉得很长。此时，用鼠标滚轮会比较费劲。<br />
启用该选项之后，会自动截断长篇的评论。当你需要看该评论的全文时，点击评论下面的“展开评论全文”链接，既可。</blockquote><br />
<hr/><!-- tweets --><br />
<a name="tweets"></a><br />
<h2>【最新】评论区</h2><a name="tweets-font-size"></a><br />
<h3>◇字体</h3><br />
<span id="tweets_font-size-value"></span><br />
<div id="tweets_font-size" class="slider font"></div><a name="tweets-init"></a><br />
<h3>◇初始化</h3><br />
初始加载的评论条数：<span id="tweets_init-num-value"></span> 条<br />
<div id="tweets_init-num" class="slider"></div><a name="tweets-auto-load"></a><br />
<h3>◇自动刷新</h3><br />
<input id="tweets_auto-load" type="checkbox"/>开启“自动刷新”<br />
<blockquote style="background-color:#DDD;">说明：<br />
启用自动刷新之后，JS 脚本每隔 N 分钟会去检查一下：本博客是否有新的评论。<br />
如果有的话就把新的评论插入到“最新评论区”的上方。</blockquote><br />
自动刷新的时间间隔：<span id="tweets_auto-load-timeout-value"></span> 分钟<br />
<div id="tweets_auto-load-timeout" class="slider"></div><br />
<hr/><!-- side-toolbar --><br />
<a name="side-toolbar"></a><br />
<h2>悬浮工具条</h2><br />
<input id="side-toolbar_show" type="checkbox"/>显示工具条<br />
<br />
<input id="side-toolbar_drag" type="checkbox"/>工具条支持拖拽<br />
<blockquote style="background-color:#DDD;">说明：<br />
每次拖动操作完成后，会自动把“工具条的位置”保存到 cookie 中。</blockquote><br />
<hr/><center class="save-options"><a>保存配置到 cookie</a> <span title="过了这个时间段，你保存的 cookie 会失效（自动消失）">cookie 保存期限：</span><select id="cookie-expire-days" title="请选择【存储期限】"><option value="" selected>【请选择】</option><option value="30">一个月</option><option value="90">三个月</option><option value="183">半年</option><option value="365">一年</option><option value="1095">三年</option></select></center><hr/></div><!-- widgets-area end --><br />
</div><!-- options-area end --><br />
<br />
<noscript><br />
<center><b>你的浏览器不支持 JavaScript/JS 脚本，无法进行界面选项的配置 :(</b></center><br />
<style type="text/css">
.post-body #config-area {
display: none !important;
}
</style><br />
<br />
</noscript><br />
<br />
<style type="text/css">
h1.post-title,
h1.entry-title {
text-align: center;
}
.post-body h2 {
font-size: 160%;
padding-left: 0px;
}
.post-body h3{
padding-left: 0px;
}
.post-body blockquote {
margin: 0px !important;
}
.save-options a {
font-size: 30px;
font-weight: bold;
}
.save-options span {
font-size: 24px;
font-weight: bold;
margin-left: 50px;
}
</style><br />
<br />
<br />
<script type="text/javascript">
jQuery(function($)
{
var mapConfig = loadConfig();
function createFontSizeSlider(sId)
{
var sConfigValue = mapConfig[sId];
sId = sId.replace(/\./g, "_");
$("#"+sId).slider({
slide: function(event, ui)
{
$("#"+sId+"-value").html("字体大小："+ui.value+"%")
.css("font-size", ui.value+"%");
},
change: function(event, ui)
{
$("#"+sId+"-value").html("字体大小："+ui.value+"%")
.css("font-size", ui.value+"%");
},
value: 0,
min: 50,
max: 200,
step: 5
});
$("#"+sId).slider({ value: sConfigValue });
}
function createNumberSlider(sId, nMin, nMax, nStep)
{
var sConfigValue = mapConfig[sId];
sId = sId.replace(/\./g, "_");
$("#"+sId+"-value").css("font-weight","bold");
$("#"+sId).slider({
slide: function(event, ui)
{
$("#"+sId+"-value").html(ui.value);
},
change: function(event, ui)
{
$("#"+sId+"-value").html(ui.value);
},
value: -1,
min: nMin,
max: nMax,
step: nStep
});
$("#"+sId).slider({ value: sConfigValue });
}
function createDropdown(sId)
{
var sConfigValue = mapConfig[sId];
sId = sId.replace(/\./g, "_");
$("#"+sId).val(sConfigValue);
}
function createCheckbox(sId)
{
var sConfigValue = mapConfig[sId];
sId = sId.replace(/\./g, "_");
$("#"+sId).prop("checked", ("true"==sConfigValue) ? true: false);
}
function onClickAllowCookies()
{
var bAllow = $("#allow-cookies").is(":checked");
$("#about-cookies").css("display", bAllow ? "none" : "block");
$("#widgets-area").css("display", bAllow ? "block" : "none");
if(bAllow)
{
if("#" == location.hash)
{
$("h1.post-title").scrollTo("fast");
}
else
{
var sHash = location.hash;
location.hash = "#";
location.hash = sHash;
}
}
else
{
$("h1.post-title").scrollTo("fast");
}
}
function init()
{
// allow cookies checkbox
$("#allow-cookies").prop("checked", hadConfig())
.click(function() { onClickAllowCookies() });
onClickAllowCookies();
// Widgets
$(".slider").css("width", "80%").css("margin-top", "15px");
// Article
createFontSizeSlider("article.font-size");
createCheckbox("article.inner-index");
// Comments
createFontSizeSlider("comments.font-size");
createCheckbox("comments.limit-height");
// Tweets
createFontSizeSlider("tweets.font-size");
createNumberSlider("tweets.init-num", 10, 100, 5);
createCheckbox("tweets.auto-load");
createNumberSlider("tweets.auto-load-timeout", 1, 60, 1);
$("#tweets_auto-load").click(
function() { $("#tweets_auto-load-timeout").slider("option", "disabled", !$(this).is(":checked")) }
);
$("#tweets_auto-load-timeout").slider("option", "disabled", !$("#tweets_auto-load").is(":checked"));
// Side toolbar
createCheckbox("side-toolbar.show");
createCheckbox("side-toolbar.drag");
$("#side-toolbar_show").click(
function() { $("#side-toolbar_drag").prop("disabled", !$(this).is(":checked")) }
);
$("#side-toolbar_drag").prop("disabled", !$("#side-toolbar_show").is(":checked"));
// Expire days
$("#cookie-expire-days").tooltip({
open: function(event, ui)
{
delayRun(function() { $(ui.tooltip).hide("fade") }, 5000);
}
}).val((new Cookie("expire_days")).load());
// Save
$(".save-options a").attr("href", "javascript:;").click(
function()
{
if(!$("#allow-cookies").is(":checked"))
{
alert("请先勾选本页面开头 '同意使用 cookie 来保存本博客的配置参数' 的复选框");
return;
}
var mapConfig = loadConfig();
var arrSliderItems = [
"article.font-size",
"comments.font-size",
"tweets.font-size",
"tweets.init-num",
"tweets.auto-load-timeout"
];
for(var i=0; i<arrSliderItems.length; i++)
{
var sSliderId = arrSliderItems[i].replace(/\./g, "_");
mapConfig[arrSliderItems[i]] = $("#"+sSliderId).slider("option", "value");
}
var arrDropdownItems = [ "comments.bbcode-img" ];
for(var i=0; i<arrDropdownItems.length; i++)
{
var sDropdownId = arrDropdownItems[i].replace(/\./g, "_");
mapConfig[arrDropdownItems[i]] = $("#"+sDropdownId).val();
}
var arrCheckboxItems = [
"article.inner-index",
"comments.limit-height",
"tweets.auto-load",
"side-toolbar.show",
"side-toolbar.drag"
];
for(var i=0; i<arrCheckboxItems.length; i++)
{
var sCheckboxId = arrCheckboxItems[i].replace(/\./g, "_");
mapConfig[arrCheckboxItems[i]] = $("#"+sCheckboxId).is(":checked") ? "true" : "false";
}
var nExpireDays = parseInt($("#cookie-expire-days").val());
if(isNaN(nExpireDays))
{
$("#cookie-expire-days").tooltip("open");
showBottomTip("<b style='color:red;'>保存之前，请先选择 cookie 的存储期限</b>", 8000);
return;
}
(new Cookie("expire_days")).saveInt(nExpireDays, nExpireDays);
saveConfig(mapConfig);
isTest() && (new Cookie("blog_admin")).saveInt(1);
showBottomTip("相关配置已经保存到 cookie 中。", 3000);
}
);
$("#options-area").show();
(location.hash.length > 1)
&& $("a[name="+location.hash.substr(1)+"]").scrollTo("fast");
} // init() end
$(document).ready(
function()
{
try
{
init();
}
catch(err)
{
showBottomTip("<b>界面初始化出错！</b>", 0);
reportError("init: Catch exception:\n" + err);
}
}
);
});
</script>
<div style='clear: both;'></div>
</div>
<div class='post-footer' style='margin-bottom:50px;'>
<div class='post-footer-line post-footer-line-1' style='display:none;'>
<span class='post-author vcard'>
</span>
<span class='reaction-buttons'>
</span>
<span class='star-ratings'>
</span>
<span class='post-icons'>
</span>
<span class='post-backlinks post-comment-link'>
</span>
</div>
<div class='post-footer-line post-footer-line-2 post-toolbar'>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
<hr/>
<div class='comments' id='comments' init_num='1'>
<a name='comments'></a>
<h4 id='comments-label'>暂无评论</h4>
<div id='comments-toolbar'></div>
<div id='comments-warning'>
<noscript>
由于你的浏览器【禁用了】JavaScript 脚本，所以无法发布新的评论 :(
<br/>另外，本文的评论数超过200，缺乏 JS 脚本支持，只能显示前面的200条 :(
</noscript>
</div>
<div id='comments-loading'></div>
<div id='comments-content'>
<script async='async' src='' type='text/javascript'></script>
<div id='comment-holder'>
</div>
</div>
<p class='comment-footer'>
<div class='comment-form'>
<a name='comment-form'></a>
<p>
</p>
<a href='https://www.blogger.com/comment-iframe.g?blogID=5235590154125226279&postID=' id='comment-editor-src'></a>
</div>
</p>
<div id='backlinks-container'>
<div id='Blog1_backlinks-container'>
</div>
</div>
</div>
<!--Can't find substitution for tag [adEnd]-->
</div>
</div></div>
</div>
<div id='sidebar-wrapper'>
<div class='sidebar section' id='sidebar'><div class='widget HTML' data-version='1' id='HTML1'>
<div class='widget-content'>
<script type="text/javascript">
// Debug & test helper functions
function assert(bCondition, sDesc)
{
if(!bCondition)
{
sDesc = (sDesc || "Assertion failed!");
throw (typeof Error !== "undefined") ? new Error(sDesc) : sDesc;
}
}
window.g_bIsTest = !!location.search.match(/(?:\?|&)test=1/);
function isTest()
{
return window.g_bIsTest;
}
function isBlogAdmin()
{
return (new Cookie("blog_admin")).loadInt() === 1;
}
function dump(sDesc)
{
console.log("======== Program-Think DUMP ========\n" + sDesc);
}
function reportError(sDesc)
{
console.log("======== Program-Think ERROR ========\n" + sDesc);
(typeof ga === "function") && ga("send", "exception", {"exDescription":sDesc}); // ga is 'Google Analytics'
}
if(typeof window.onerror === "object")
{
window.onerror = function(sDesc, sUrl, nLine, nColumn, oErr) { return reportError(sDesc) && false }
}
// Object class
if(!Object.keys) // For browser compatibility
{
Object.keys =
(function()
{
"use strict";
var hasOwnProperty = Object.prototype.hasOwnProperty,
hasDontEnumBug = !({ toString: null }).propertyIsEnumerable("toString"),
dontEnums =
[
"toString", "toLocaleString", "valueOf", "hasOwnProperty",
"isPrototypeOf", "propertyIsEnumerable", "constructor"
], dontEnumsLen = dontEnums.length;
return function(obj)
{
(typeof obj !== "object") && (typeof obj !== "function" || obj === null)
&& assert(false, "Object.keys: Invalid 'obj'!");
var result = [];
for(var prop in obj) { hasOwnProperty.call(obj, prop) && result.push(prop) }
if(hasDontEnumBug)
{
for(var i=0; i<dontEnumsLen; i++){ hasOwnProperty.call(obj, dontEnums[i]) && result.push(dontEnums[i]) }
}
return result;
};
}()
);
} // Object.keys() end
// Number class
if(!Number.isInteger) // For browser compatibility
{
Number.isInteger = function(value)
{
return typeof value === "number" && isFinite(value) && Math.floor(value) === value;
};
}
Number.cmp = function(a, b)
{
assert(typeof a === "number" && typeof b === "number", "Number.cmp: Invalid argument type!");
return a == b ? 0 : (a>b ? 1 : -1);
}
function intToStr(nInput, nWidth, sPrefix)
{
assert(typeof nInput === "number" && nInput >= 0, "intToStr: Invalid 'nInput'!");
assert(typeof nWidth === "number" && nWidth > 0, "intToStr: Invalid 'nWidth'!");
assert(typeof sPrefix === "string" && sPrefix.length > 0, "intToStr: Invalid 'sPrefix'!");
var sText = String(nInput);
while(sText.length < nWidth) { sText = sPrefix + sText }
return sText;
}
// String class
if(!String.prototype.startsWith) // For browser compatibility
{
String.prototype.startsWith = function(sTarget, nPos)
{
nPos = nPos || 0;
return this.indexOf(sTarget, nPos) === nPos;
};
}
if(!String.prototype.endsWith) // For browser compatibility
{
String.prototype.endsWith = function(sTarget, nPos)
{
var sSub = this.toString();
( typeof nPos !== 'number' || !isFinite(nPos) || Math.floor(nPos) !== nPos || nPos > sSub.length )
&& (nPos = sSub.length);
nPos -= sTarget.length;
var nLastPos = sSub.lastIndexOf(sTarget, nPos);
return (nLastPos !== -1) && (nLastPos === nPos);
};
}
if(!String.prototype.trim) // For browser compatibility
{
String.prototype.trim = function()
{
return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
};
}
String.prototype.multiReplace = function(arrSyntax) // helper
{
assert(Array.isArray(arrSyntax), "String.multiReplace: Invalid 'arrSyntax'!");
var sRtn = this;
$.each(arrSyntax, function(i, syntax){ sRtn = sRtn.replace(syntax[0], syntax[1]) });
return sRtn;
};
String.prototype.count = function(regex) // helper
{
return (this.match(regex) || []).length;
};