-
Notifications
You must be signed in to change notification settings - Fork 3
/
150604-chaos-tower.html
915 lines (780 loc) · 38 KB
/
150604-chaos-tower.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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
<title> [大妈吐糟]Tower 之功能残念集
/ 是也乎(￣▽￣)
/ ZoomQuiet.io </title>
<!-- Using the latest rendering mode for IE -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Open Graph tags -->
<meta property="og:type" content="article"/>
<meta property="og:slug" content="150604-chaos-tower"/>
<meta property="og:url" content="https://blog.zoomquiet.io/150604-chaos-tower.html"/>
<meta property="og:description" content="[TOC]¶ [大妈吐糟]Tower 之功能残念集 背景¶ 在遥远的过去, Tower 刚刚发布时,就注册试用过...无感 在某个社区掺合折腾时,被指定使用 Tower …"/>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://blog.zoomquiet.io/theme/css/bootstrap.min.css" type="text/css"/>
<link href="https://blog.zoomquiet.io/theme/css/font-awesome.min.css" rel="stylesheet">
<link href="https://blog.zoomquiet.io/theme/css/bootstrap-glyphicons.css" rel="stylesheet">
<link href="https://blog.zoomquiet.io/theme/css/pygments/github.css" rel="stylesheet">
<link rel="stylesheet" href="https://blog.zoomquiet.io/theme/css/style.css" type="text/css"/>
<!-- add emojify into Pelican
<link rel="stylesheet" href="https://blog.zoomquiet.io/theme/css/emojify.min.css" type="text/css" />
<script src="https://blog.zoomquiet.io/theme/js/emojify.js"></script>
-->
<!-- JavaScript plugins (requires jQuery) -->
<script src="//code.jquery.com/jquery.min.js"></script>
<link href="https://blog.zoomquiet.io/feeds/all.atom.xml" type="application/atom+xml" rel="alternate"
title=" ATOM Feed"/>
<!-- 240317 init. -->
<meta name="google-adsense-account" content="ca-pub-2551113274411029">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2551113274411029"
crossorigin="anonymous"></script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--
<a href="https://blog.zoomquiet.io" class="navbar-brand"></a>
-->
<a href="https://blog.zoomquiet.io" class="navbar-brand">
<img src="https://blog.zoomquiet.io/theme/logo.png"/>
<span class="violet-site">.io </span>
</a>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li><a href="http://zoomquiet.io">大妈</a></li>
<li><a href="https://www.youtube.com/@Chaos42DAMA">油管</a></li>
<li><a href="/pages/friendly-links.html">友链</a></li>
<li><a href="/pages/affiliate.html">好物</a></li>
<li><a href="/pages/zoomquiet.html">关于</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="https://blog.zoomquiet.io/feeds/all.atom.xml"><i class="icon-rss-sign"></i>rss</a></li>
<li><a href="https://blog.zoomquiet.io/archives.html"><i class="icon-th-list"></i>Archives</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
</nav>
<!-- /.navbar -->
<div class="container">
<div class="row">
<div class="col-lg-9">
<section id="content">
<article>
<header class="page-header">
<h1>
<a href="https://blog.zoomquiet.io/150604-chaos-tower.html">
[大妈吐糟]Tower 之功能残念集
</a>
</h1>
</header>
<div class="entry-content">
<div class="panel">
<div class="panel-body">
<footer class="post-info">
<!--
<span class="label label-default">Date</span>
-->
<span class="published">
<i class="icon-calendar"></i>2015-06-04 19:42
</span>
<!--
<span class="label">By</span>
<i class="icon-user"></i>
<a href="https://blog.zoomquiet.io/author/zoomquiet.html">ZoomQuiet</a>
-->
<span class="label label-default">Category</span>
<a href="https://blog.zoomquiet.io/category/imho.html">IMHO</a>
<span class="label label-default">Tags</span>
<a href="https://blog.zoomquiet.io/tag/imho.html">IMHO</a>
,
<a href="https://blog.zoomquiet.io/tag/dama.html">DAMA</a>
,
<a href="https://blog.zoomquiet.io/tag/disscuss.html">disscuss</a>
</footer><!-- /.post-info --> </div>
</div>
<h2 id="toc">[TOC]<a class="headerlink" href="#toc" title="Permanent link">¶</a></h2>
<blockquote>
<p>[大妈吐糟]Tower 之功能残念集</p>
</blockquote>
<h1 id="_1">背景<a class="headerlink" href="#_1" title="Permanent link">¶</a></h1>
<ul>
<li>在遥远的过去, Tower 刚刚发布时,就注册试用过...无感</li>
<li>在某个社区掺合折腾时,被指定使用 Tower</li>
</ul>
<h1 id="_2">过程<a class="headerlink" href="#_2" title="Permanent link">¶</a></h1>
<ul>
<li>于是各种坑</li>
<li>于是找到了 <code>@mycolorway.com</code> 内部关系,抓住接口人批量反馈</li>
<li>然后,没有了然后</li>
<li>今天见到推送硬广: <a href="http://mp.weixin.qq.com/s?__biz=MjM5NDY2NDM4Mw==&mid=234095089&idx=1&sn=158f84a3d329647ce6a470aa7ccf7abe&key=c468684b929d2be2db431d557f2a04cff3bbf4c4c6e4745da3e8bb4cdb32a1babf3ef1a2f9908ad3c63e48c930f7e35e&ascene=0&uin=MTg1NDU4NTY4MQ%3D%3D&devicetype=iMac+MacBookPro8%2C2+OSX+OSX+10.10.3+build(14D136)&version=11020012&pass_ticket=bLSHZyAYyQPXsSPxVnBLhpNx61u393uer5yckacn0%2ByWRINStKhBC0qoXpOSFlMp">「天涯若比邻」如何用 Tower 远程协作开发产品</a></li>
<li>以及专辑: <a href="http://www.jianshu.com/collection/0f5b8cd75ccf">Tower - 专题 - 简书</a></li>
<li>实在无法保持沉默... </li>
</ul>
<p>俺的环境:</p>
<ul>
<li>MAC O X 10.10.2</li>
<li>FireFox 36.0.4</li>
</ul>
<h1 id="s">糟点s<a class="headerlink" href="#s" title="Permanent link">¶</a></h1>
<h2 id="150331">150331<a class="headerlink" href="#150331" title="Permanent link">¶</a></h2>
<p>~有两点无法忍的问题:</p>
<ul>
<li>既然文档的起草可以选择 富文本和 markdown 格式<ul>
<li>为毛,其它各种场景中的评注/讨论/回复</li>
<li>不能支持 markdown 呢?</li>
</ul>
</li>
<li>文档当前是我们主要的协调/输出/产出 工件<ul>
<li>但是,竟然不支持多种排序</li>
<li>也不支持分目录管理</li>
<li>实在对文档加目录复杂的话,给 tag 也是个维度哪!</li>
</ul>
</li>
<li>而且,既然有 文件空间,<ul>
<li>为何不能为 markdown 格式的文档提供图片自动上传到文件目录的支持?</li>
<li>这样就不用四处折腾先发布图片再嵌入 markdown 文本了哪</li>
</ul>
</li>
</ul>
<blockquote>
<p>另外，你在文档的标题上添加 #标签# 也能对文档进行分类管理。不过，确实目前还不能对文档进行排序。</p>
</blockquote>
<p>嗯啍! 这个技巧非常好哪, got it ! 加入团队文档管理规约;
不过,这也引发另外一个不能忍:</p>
<ul>
<li>在文档的各种视图中</li>
<li>无论列表还是封面形式文档的链接都不是规范的</li>
<li>而是包含了一定正文内容的,比如说:</li>
</ul>
<blockquote>
<p>Info 鳮汤桶 # 现象 学员 1/3 一直处在桑心状态 # 分析 - 因为负基础,纯小白 - 没有自信 - 没有从开始获得正反馈 #
方案 - 学员自身也要求定期打鳮血 - 所以,在每日小报/163任务 辅助资料/列表中... - 都追加编程小故事 ## 鳮汤 ~
收集池,如果已经使用,请在头部注明在哪儿用过 - <code>150329 Week2 QA</code> Google 是两位创始人在4周里用 Python
完成的原型 - <a href="http://www.douban.com/note/491382194/">说走咱就走啊，天上的星星参北斗啊：Python之中国自驾游线路优化</a>
- <a href="http://www.guokr.com/blog/432591/">漫谈编程语言 Python .</a> - <a href="http://www.zhihu.com/question/21395276">可以用 Python
编程语言做哪些神奇好玩的事情？</a> -
<a href="http://www.jianshu.com/p/ec35c27f01b9">人生苦短，快用python.</a> ... Zoom.Quiet
5分钟前
https://tower.im/projects/61627695a74b444aa975a601e50ef6e7/docs/37f965c5b7804ae4823b4c2430d5b010</p>
</blockquote>
<p>这种链接,用浏览器工具,自动生成 md 链接是不可用的,
进一步的:</p>
<ul>
<li>在文档的具体页面中</li>
<li>页面的 title 也是不完整的,比如</li>
</ul>
<blockquote>
<h1 id="task-tower">TASK# ... - Tower<a class="headerlink" href="#task-tower" title="Permanent link">¶</a></h1>
<div class="highlight"><pre><span></span><code>https://tower.im/projects/61627695a74b444aa975a601e50ef6e7/docs/290f336fc10b441fb51c5bd522eaf36d/
</code></pre></div>
</blockquote>
<p>而明明此文档的标题是</p>
<div class="highlight"><pre><span></span><code>#TASK# OMOOC.py 学员预期管理
</code></pre></div>
<p>一点儿也不长</p>
<p>俺的建议是,既然包含了 md 格式的支持,
那么就应该从一个重度 md 用户的角度出发自,真正优化内部链接形式</p>
<p>PS:
如附件, 使用了你提醒的 标题 TAG 技巧后,
文档列表破行!</p>
<p><img alt="屏幕快照 2015-03-31 17.10.03.png" src="http://upload-images.jianshu.io/upload_images/27562-65ad1211eb6c0e8d.png"></p>
<h2 id="150401">150401<a class="headerlink" href="#150401" title="Permanent link">¶</a></h2>
<p>如截屏</p>
<p><img alt="屏幕快照 2015-04-01 20.45.18.png" src="http://upload-images.jianshu.io/upload_images/27562-4594aef5eeefaa0d.png"></p>
<p>经提醒,我们注意到 Tower 文档竟然有文档修订历史以及可视化对比的功能!</p>
<p>但是,异常期待有一个改进:</p>
<ul>
<li>如附件截屏 视图中</li>
<li>如果能将修订变更的字数/行数直接显示在版本行中,对团队有更大的提示!</li>
<li>否则,我们得逐一点击,并上下拖拉,才能发现修订之处</li>
<li>注意!<ul>
<li>随着文档的大规模使用</li>
<li>文档是能轻松突破300行,5屏以上的!</li>
</ul>
</li>
<li>进一步的:<ul>
<li>不应该在对比视图中显示全文</li>
<li>用颜色来标标识修订行为</li>
<li>这明显是对 Word 修订模式的无脑复刻!</li>
<li>我们是 Tower 文档,不是 Office 在线哪!</li>
</ul>
</li>
</ul>
<p>所以,俺建议:</p>
<ul>
<li>文档 修改历史 界面中</li>
<li>每行后面追加 修订字数,变更行数</li>
<li>点击进入后,是 diff 格式,类似: <a href="https://gitcafe.com/wiki4zq/markdoc4zq/commit/4e5f200e2a4d2d493e1cf88c0403b63469081dd5">appended YC 7.8 · 4e5f200e -
GitCafe</a></li>
</ul>
<p>再进一步的:</p>
<ul>
<li>如果文档,能提供每个项目一个文档 git 仓库</li>
<li>来给高级团队通过 git 仓库进行分布式快速修订</li>
<li>类似 github-wiki 的交互流程</li>
<li>那就太赞了!</li>
</ul>
<h2 id="150402">150402<a class="headerlink" href="#150402" title="Permanent link">¶</a></h2>
<p>~ 如截屏</p>
<p><img alt="INFO 鳮汤桶 Tower.png" src="http://upload-images.jianshu.io/upload_images/27562-08b29209611e6df4.png"></p>
<ul>
<li>现象: 团队中常用文档,稍微一积累,就超过3屏以上!</li>
<li>问题: 导致无法很快的跳转到合理的位置使用内容!</li>
<li>建议: 追加浮动 TOC !<ul>
<li>不用在 md 格式中嵌入 <code>[TOC]</code> 锚点</li>
<li>直接在渲染引擎中追加!</li>
<li>自动对 H1~3 的正文内容构建浮动的标题索引</li>
<li>并追加跳到底部评注讨论区的索引</li>
</ul>
</li>
<li>进一步的:<ul>
<li>文档创建/修订信息, 已经在相关子页面包含了</li>
<li>就不应该在底部评注区详细列出</li>
<li>应该进行相似修订记要的折叠处理</li>
</ul>
</li>
</ul>
<h2 id="150403">150403<a class="headerlink" href="#150403" title="Permanent link">¶</a></h2>
<p>今天进行多个文档编辑时,又发现一个问题:</p>
<ul>
<li>Tower 中编辑文档是弹出新页面:<ul>
<li>完成编辑后,点击,当前编辑页面消失,焦点回到哪个页面就是天知道了</li>
</ul>
</li>
<li>这不科学!反人性!<ul>
<li>参考 简书/github/medium/.... 的编辑流程?!</li>
<li>不能因为国人网站为了流量,拼命加开页面</li>
<li>Tower 也这么来哪!</li>
</ul>
</li>
</ul>
<h2 id="150408">150408<a class="headerlink" href="#150408" title="Permanent link">¶</a></h2>
<p>因为很多事务性文案,在 文档 中起草时,
其实都是在原先基础上增减的,
所以:</p>
<ul>
<li>文档应该有 复制为 功能</li>
<li>或是提供模板功能也好</li>
<li>类似 moinmoin 的特殊前缀文章视为模板,</li>
<li>在创建新文章时,可以从模板列表中选择使用哪种模板</li>
<li>这样有利于团队内部形成良好的文档一致性习惯</li>
</ul>
<p>实话讲, Tower 现在文档所有引发的不适,都是因为和现有 类似 团队文档工具的体验差异引发的!</p>
<ul>
<li>gitbook 根治所有毛病!</li>
<li>建议内建 gitbook 引擎</li>
<li>给高级团队一个 git 仓库,自动响应 push 行为,编译发布内部 gitbook 图书!</li>
</ul>
<p>很久以来, Tower 的链接设计是俺最无法理解的一个 非功能设计:</p>
<p>https://tower.im/projects/61627695a74b444aa975a601e50ef6e7/docs/6654630279f743a8972b6869cf9ea89d/</p>
<p>是的, 61627695a74b444aa975a601e50ef6e7 是我们项目名的 hash 值,另外的也看的出来,
但是,这样的 URI 对使用者而言是什么感觉呢?!
无视我们的存在哪,,,
请观察其它所有同类服务的 URI, 都是类似:</p>
<ul>
<li>[项目名].tower.im//docs/[关键字]-[短hash]</li>
<li>一般都在80个字符以内的,比如: https://techparty.hackpad.com/150310-Mini.0-c1xxk56HsTt</li>
</ul>
<p>所以,请改进吧, 为了大家喜欢上 Tower</p>
</div>
<!-- /.entry-content -->
<hr />
<section class="comments" id="comments">
<h3>Comments</h3>
<script src="https://utteranc.es/client.js"
repo="ZoomQuiet/ZoomQuiet.io"
issue-term="url"
theme="github-light"
crossorigin="anonymous"
async>
</script>
<hr />
</section>
<h4><a href="https://www.youtube.com/@Chaos42DAMA">大妈的多重宇宙 - <b>YouTube</b></a></h4>
全新自媒体系列...科学幻想,读书,说故事...
<!--
<hr />
<h4>自怼圈/年度番新</h4>
<img alt="DU22.8" src="https://ipic.zoomquiet.top/2022-08-19-220819DU22.8.jpeg!/fw/420" />
<br />
<a href="https://du.101.camp/about/">关于 ~ DebugUself with DAMA ;-)</a>
<h3>蟒营®编程思维提高班 Python版/<b>第14期</b> 正在报名</h3>
<h4>精品小班/ 永久答疑</h4>
<blockquote><p>
<ul>
<li>
开始报名: <b>2020.10.27</b> </li>
<li>
报名截止: <b>2020.11.22</b> </li>
<li>
正式开课: <b>2020.11.29</b> </li>
<li>
课程结束: <b>2021.01.10</b> </li>
<li>
介绍文章:
<ul>
<li>
<a href="https://blog.101.camp/nc/200811-ZoomQuiet-wtf-coding-mind/">蟒营®/ 为什么编程思维不用学就有?</a>
</li>
<li>
<a href="https://blog.101.camp/nc/200816-ZoomQuiet-wtf-online-course/">拙见/ 什么是网课?</a>
</li>
<li>
<a href="https://blog.101.camp/nc/200908-ZoomQuiet-fake-learnning/">蟒营®/ 伪编程学习</a>
</li>
<li>
<a href="https://blog.101.camp/nc/200915-ZoomQuiet-3not-see/">蟒营®/ 视而不见</a>
</li>
<li>
<a href="https://blog.101.camp/nc/200917-ZoomQuiet-3not-ask/">蟒营®/ 惑而不问</a>
</li>
<li>
<a href="https://blog.101.camp/nc/200918-ZoomQuiet-3not-learn/">蟒营®/ 思而不学</a>
</li>
<li>
<a href="https://blog.101.camp/nc/200630-ZoomQuiet-10py-wtf-can-coding/">蟒营®/ 到底如何算"会编程"?</a>
</li>
<li>
<a href="https://blog.101.camp/nc/200703-ZoomQuiet-10py-wtfc-0/">蟒营®/ 到底改变了什么?</a>
</li>
<li>
...<a href="https://blog.101.camp/nc/">NC: 嗯哼蟒营 — 蟒营™ 怂怼录</a>
</li>
</ul>
</li>
</ul>
<b>扫描</b>报名:
<a href="https://jinshuju.net/f/Mv5nGU">
<img alt="101camp14py"
src="http://101.zoomquiet.top/res/14py/%E8%9F%92%E8%90%A5%C2%AE%E7%BC%96%E7%A8%8B%E6%80%9D%E7%BB%B4%E6%8F%90%E9%AB%98%E7%8F%AD_14%E6%9C%9F_%E6%8A%A5%E5%90%8D%E8%A1%A8_256.png"/>
</a>
</p></blockquote>
<h2>蟒营®式 原创课程</h2>
<p>
<img alt="theory101camp_v3"
src="http://ydlj.zoomquiet.top/ipic/2020-10-04-theory101camp_v3.jpg"/>
</p>
<blockquote>
<p>
官网: <b>
<a href="https://py.101.camp/">py.101.camp</a>
</b>
</p>
</blockquote>
<br/>
任何问题可先进入知识星球<b>(免费)</b>咨询:
<br/>
<img alt="FAQ"
src="http://ydlj.zoomquiet.top/ipic/2020-02-28-FAQ101camp-qr.jpeg?imageView2/2/w/360"/>
-->
<!----
<hr />
点击注册~> 获得 <b>100$</b> 体验券:
<a
href="https://www.digitalocean.com/?refcode=e7b7cdc66376&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge"><img
src="https://web-platforms.sfo2.digitaloceanspaces.com/WWW/Badge%202.svg"
alt="DigitalOcean Referral Badge" /></a>
<hr />
<p>订阅 substack 体验古早写作:
<br />
<a href="https://zoomquiet.substack.com/p/pycoder587">Zoom.Quiet’s Chaos42 | Substack</a>
<iframe src="https://zoomquiet.substack.com/embed" width="360"
style="border:1px solid #EEE; background:white;" frameborder="0" scrolling="no"></iframe>
</p>
-->
<!--
<hr />
<p>关注公众号, 持续获得相关各种嗯哼:
<br />
<img alt="zoomquiet"
src="https://ipic.zoomquiet.top/2021-12-27-zoomquiet-%E6%A0%87%E5%87%86%E8%89%B2%E7%89%88580.jpg!/fw/420" />
</p>
<blockquote><p>
<ul>
<li>
<a href="https://mp.weixin.qq.com/s/FqDJWQQcthEuGHAPPEzUKA">
拙见/ 但得呢喃
</a></li>
<li>
<a href="https://mp.weixin.qq.com/s/Hvu22TO1HKK2H8rnbPWcig">
拙见/ 但得呢喃+1
</a></li>
<li>
<a href="https://mp.weixin.qq.com/s/w7m2BwIDsntnLl2vCDuP9g">
拙见/ 但得呢喃+2
</a></li>
<li>
<a href="https://mp.weixin.qq.com/s/HXXfikoYfGV4zqf8-oOlgw">
拙见/ 但得呢喃+3
</a></li>
<li>
<a href="https://mp.weixin.qq.com/s/uFdOHc_u9SqHPKhW9qXz7g">
拙见/ 但得呢喃+4
</a></li>
<li>
<a href="https://mp.weixin.qq.com/s/CZUUmuZ2tDZU0gRAyTHz5w">
拙见/ 如此平庸又如此美好
</a></li>
<li>
<a href="https://mp.weixin.qq.com/s/A-javC9noWxEUeTDaJoWiw">
拙见/ 如何开始弛放?
</a></li>
</ul>
</p></blockquote>
<hr />
<h3>蟒营®编程思维提高班Python版</h3>
**2021.01.11** 因大妈再次创业暂停定期开设, 转换为预约触发:
<ul>
<li>
+ 任何问题, 随时邮件提问可也:
<pre>[email protected]</pre>
</li>
</ul>
-->
<hr />
<h3>任何问题</h3>
随时邮件提问可也:
<pre>[email protected]</pre>
<hr />
<script src="https://liberapay.com/zoomquiet/widgets/button.js"></script>
<noscript><a href="https://liberapay.com/zoomquiet/donate"><img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg"></a></noscript>
<!--
<li>
+ 扫描预约入群, 学员每满 42 人即启动新一期训练营 ;-)
</li>
<li>
<img alt="101camp22.7" src="https://ipic.zoomquiet.top/2022-08-19-220819pre101camp.jpeg!/fw/420" />
</li>
<h4>追问</h4>
<blockquote>
<p>
任何问题, 随时邮件提问可也:
<br />
<i>
</i>
</p>
</blockquote>
-->
</article>
</section>
<hr/>
<sub>
Copyright 2001-2023 by Zoom.Quiet
<br/>
Content licensed under the Creative Commons
<b>attribution-noncommercial-sharealike</b> License.
<br/>
Contact me via
, <code><a href="mailto:[email protected]">mail</a>
</code>
,<code><a href="http://github.com/ZoomQuiet">github</a>
</code>
or
<code><a href="http://gitlab.com/zoomquiet">gitlab</a>
</code>.
Tip me via
<!--
<style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 10px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#ffffff !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 10px 7px 10px !important;font-size: 28px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Cookie', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#ffffff !important;}
</style>
<link href="https://fonts.lug.ustc.edu.cn/css?family=Cookie" rel="stylesheet">
<a class="bmc-button" target="_blank" href="https://www.buymeacoffee.com/zoomquiet"><img src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" alt="Buy me a coffee"><span style="margin-left:15px;font-size:28px !important;">Buy me a coffee</span></a>
<style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 10px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#ffffff !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 10px 7px 10px !important;font-size: 28px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Cookie', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#ffffff !important;}
</style>
<link href="https://fonts.lug.ustc.edu.cn/css?family=Cookie" rel="stylesheet">
<a class="bmc-button" target="_blank" href="https://www.buymeacoffee.com/zoomquiet"><img src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" alt="Buy me a coffee"><span style="margin-left:15px;font-size:28px !important;">Buy me a coffee</span></a>
-->
<!--
<code><a href="https://www.gittip.com/ZoomQuiet/">gittip</a>
</code>.
-->
||
<a href="http://blog.zoomquiet.io/feeds/all.atom.xml">(ATOM)</a>
</sub>
</div>
<div class="col-lg-3 well well-sm" id="sidebar">
<aside>
<!--
<section>
<ul class="list-group-zip">
<li class="list-group-item">
<h4><i class="icon-asterisk icon-large"></i>Links</h4></li>
<li class="list-group-item-zip">
<a href="https://101.camp/">
蟒营™ 课程框架
</a>
</li>
<li class="list-group-item-zip">
<a href="https://py.101.camp/">
蟒营™Py入门班
</a>
</li>
<li class="list-group-item-zip">
<a href="https://fm.101.camp/">
蟒营™ 电台
</a>
</li>
<li class="list-group-item-zip">
<a href="https://blog.101.camp/">
蟒营™ 怂怼录
</a>
</li>
<li class="list-group-item-zip">
<a href="https://du.101.camp/">
蟒营™ 自怼圈
</a>
</li>
<li class="list-group-item-zip">
<a href="https://www.bmpi.dev/">
构建我的被动收入
</a>
</li>
<li class="list-group-item-zip">
<a href="https://yixuan.li/">
Yixuan · 厨娘界元老
</a>
</li>
<li class="list-group-item-zip">
<a href="http://www.huyuning.com/">
阿宁 inner space
</a>
</li>
</ul>
</section>
-->
<section>
<ul class="list-group list-group-flush">
<li class="list-group-item"><h4>
<i class="icon-th icon-large"></i>Categories</h4></li>
<li class="list-group-item">
<a href="https://blog.zoomquiet.io/category/ann.html">
<i class="icon-folder-open icon-large"></i>ANN
</a>
<a href="https://blog.zoomquiet.io/feeds/ann.atom.xml">
<i class="icon-rss-sign"></i>
</a>
</li>
<li class="list-group-item">
<a href="https://blog.zoomquiet.io/category/imho.html">
<i class="icon-folder-open icon-large"></i>IMHO
</a>
<a href="https://blog.zoomquiet.io/feeds/imho.atom.xml">
<i class="icon-rss-sign"></i>
</a>
</li>
<li class="list-group-item">
<a href="https://blog.zoomquiet.io/category/murmur.html">
<i class="icon-folder-open icon-large"></i>MurMur
</a>
<a href="https://blog.zoomquiet.io/feeds/murmur.atom.xml">
<i class="icon-rss-sign"></i>
</a>
</li>
<li class="list-group-item">
<a href="https://blog.zoomquiet.io/category/oldtouch.html">
<i class="icon-folder-open icon-large"></i>OldTouch
</a>
<a href="https://blog.zoomquiet.io/feeds/oldtouch.atom.xml">
<i class="icon-rss-sign"></i>
</a>
</li>
<li class="list-group-item">
<a href="https://blog.zoomquiet.io/category/pythonic.html">
<i class="icon-folder-open icon-large"></i>Pythonic
</a>
<a href="https://blog.zoomquiet.io/feeds/pythonic.atom.xml">
<i class="icon-rss-sign"></i>
</a>
</li>
<li class="list-group-item">
<a href="https://blog.zoomquiet.io/category/sweekly.html">
<i class="icon-folder-open icon-large"></i>SWEEKLY
</a>
<a href="https://blog.zoomquiet.io/feeds/sweekly.atom.xml">
<i class="icon-rss-sign"></i>
</a>
</li>
<li class="list-group-item"><h4><i class="icon-comment icon-large"></i>Social</h4></li>
<!--
<li class="list-group-item"><a href="https://ZoomQuiet.io">
-->
<li class="list-group-item-zip">
<a href="https://ZoomQuiet.io"><i
class="icon-Root-sign icon-large"></i>Root
</a></li>
<!--
<li class="list-group-item"><a href="https://github.com/ZoomQuiet/ZoomQuiet.io">
-->
<li class="list-group-item-zip">
<a href="https://github.com/ZoomQuiet/ZoomQuiet.io"><i
class="icon-GitHub-sign icon-large"></i>GitHub
</a></li>
<!--
<li class="list-group-item"><a href="https://www.youtube.com/@Chaos42DAMA">
-->
<li class="list-group-item-zip">
<a href="https://www.youtube.com/@Chaos42DAMA"><i
class="icon-大妈的多重宇宙-sign icon-large"></i>大妈的多重宇宙
</a></li>
<!--
<li class="list-group-item"><a href="https://www.douban.com/people/zoomq/">
-->
<li class="list-group-item-zip">
<a href="https://www.douban.com/people/zoomq/"><i
class="icon-豆瓣-sign icon-large"></i>豆瓣
</a></li>
<!--
<li class="list-group-item"><a href="http://weekly.pychina.org/">
-->
<li class="list-group-item-zip">
<a href="http://weekly.pychina.org/"><i
class="icon-蟒周刊-sign icon-large"></i>蟒周刊
</a></li>
<!--
<li class="list-group-item"><a href="https://weekly.rs.101.so/">
-->
<li class="list-group-item-zip">
<a href="https://weekly.rs.101.so/"><i
class="icon-锈周刊-sign icon-large"></i>锈周刊
</a></li>
<!--
<li class="list-group-item"><a href="https://gitlab.com/ZoomQuiet">
-->
<li class="list-group-item-zip">
<a href="https://gitlab.com/ZoomQuiet"><i
class="icon-gitlab-sign icon-large"></i>gitlab
</a></li>
<!--
<li class="list-group-item"><a href="http://wiki.woodpecker.org.cn/moin/ZoomQuiet">
-->
<li class="list-group-item-zip">
<a href="http://wiki.woodpecker.org.cn/moin/ZoomQuiet"><i
class="icon-啄木鸟-sign icon-large"></i>啄木鸟
</a></li>
<!--
<li class="list-group-item"><a href="http://wiki.zoomquiet.io">
-->
<li class="list-group-item-zip">
<a href="http://wiki.zoomquiet.io"><i
class="icon-维基-sign icon-large"></i>维基
</a></li>
<!--
<li class="list-group-item"><a href="https://org.zoomquiet.io/pyblosxom/">
-->
<li class="list-group-item-zip">
<a href="https://org.zoomquiet.io/pyblosxom/"><i
class="icon-旧blog-sign icon-large"></i>旧blog
</a></li>
<!--
<li class="list-group-item"><a href="https://xhh.club/">
-->
<li class="list-group-item-zip">
<a href="https://xhh.club/"><i
class="icon-小红花Club-sign icon-large"></i>小红花Club
</a></li>
</ul>
</section>
<section>
<!-- 230807++XHH.club suport -->
<script type="text/javascript">
// 可修改，摘要将显示在这个选择器选中的元素之上。
var _xhh_selector = ".entry-content";
// 以下部分不要改动
var _xhh_service_url = 'https://xhh.club/summarize-this/';
(function() {
var smmr = document.createElement("script");
smmr.src = "https://xhh.club/static/js/summarize_this.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(smmr, s);
})();
</script>
<ul class="list-group-zip">
<li class="list-group-item">
<h4><i class="icon-tint icon-large"></i>Powerded By</h4></li>
<li class="list-group-item-zip">
已由
<a href="http://qiniu.com/">
<img src="https://www.qiniu.com/assets/logo-zh-dbef5f389fb045c60f710d4d4e6225e9015c1684b1a1f7b81e000b952581dcd4.png"
width="90">
<!--
<a href="http://www.upyun.com/">
<img src="http://docs.upyun.com/img/upyun_logo.png">
-->
</a>
提供CDN及云存储服务
</li>
<li class="list-group-item-zip">
<a href="http://docs.getpelican.com">
Pelican
</a>
</li>
<li class="list-group-item-zip">
<sup>theme base</sup>
<a href="https://github.com/getpelican/pelican-themes/tree/master/pelican-bootstrap3">
pelican-bootstrap3
</a>
</li>
<li class="list-group-item-zip">
<a href="http://www.python.org/">
Python
</a>
</li>
<li class="list-group-item-zip">
<a href="http://www.inkscape.org/">
inkscape
</a>
</li>
<li class="list-group-item-zip">
<a href="http://git-scm.com/">
Git
</a>
</li>
<!--
<li class="list-group-item-zip">
<a href="https://gitcafe.com/CPyUG">
GitCafe
</a>
</li>
-->
<li class="list-group-item-zip">
<a href='http://www.catb.org/hacker-emblem/'>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPCAIAAAD8q9/YAAAACXBIWXMAAAsSAAALEgHS3X78AAABj0lEQVR4nOWWMYqDQBSGBa1jEbxFwEKwM6VV8AIWWkis9RI5Q1JpYWGb0jLpBDtrc4BgkQMI+y+yQ3BmdBJiNsv+kOHNZJT3+X6fo2y3W+k/ScFvv9//dhpvUhiGisi+uq6zLHNdd7VaTd7xFYnNor6uQsCO41wulzzPm6aZOavZJQSsaRqAMc6dzRskBFwUxfl8tizroVvDQr3DSSD9+Ore+YMV+irSYpjTRyUErKrqZrNBcLvdbNu+Xq/H43HyfabFhKEfCj0dsDEvEZQQMBHqXJYlAvSw3W43uZ/u/7wvwgitxHKBNGuFieBq0zRRYXRskf0DEzJXet1DIpis8NOf0jHg0+kEM+u6Dif37zCmh8MB0yf8zBRJnYk0UlL6oQiKC5ymqe/7sixXVYXTGJyM2oLWMIyu65Ik8TxvEmYykDjvJ2/zyLqguMBt22IEG+oJDyPGiBgr5N+/KC5wEAQYl8vler1GTyYnLdQWtFEUvTHJV4oLvFgs4jjuY3CSnjzu5M8/ln8Df/IB+OX6Ah776L1W8pWtAAAAAElFTkSuQmCC"/>
</a>
</li>
<li class="list-group-item-zip">
<a href="http://zh.wikipedia.org/zh-cn/UTF-8">
<img src="data:image/jpeg;base64,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"/>
</a>
</li>
<li class="list-group-item-zip">
<a href='http://creativecommons.org/licenses/by-nc-sa/2.5/cn/'>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPCAMAAABEF7i9AAAAllBMVEUAAAANDQwNDQ0NDg0ODg4PEA8REREZGRkgICAhISEiIiIkJSMnKCcuMC4xMzEzMzM5Ozk7PTtBQkFCQkJDQ0NERERLTEtVVVVbXltmZmZna2dydnF3d3d9gn2AgICGhoaHh4eIiIiPkI+UmZOZmZmqqqqrsaqzuLK6v7q7u7vFxsXGysbIzMjKzsrMzMzd3d3u7u7///+uXr4hAAAA1UlEQVR42q2T2Q6CMBBFR0VUXHCritQFgXGvnf//Oa2ZNEB4UXrTl97enkxmWnAvcioDRKMtJGwJL0V8duEvWWDqGR4TR4iXfUPgbEBWCjaIj1UzYCchFYDQAgJFYoL4PHF/OVTIG7sEMLEKcAdXCtYkpa+znGQH8XL7nvOyed7VGGVgDEqbqaxD+kh6iOc7V2hjfJfxVYNqKxSRr2VGsl2ukNO85/v1hu1hO6Hch0gLCF+0HBd6yLEfe4jTvuMpp62jBS6GDt4hxnBg3rzX9Kc4FTjXG9Q1UZbZlOQyAAAAAElFTkSuQmCC"/>
</a>
</li>
</ul>
</section>
</aside> </div>
</div>
</div>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://blog.zoomquiet.io/theme/js/bootstrap.min.js"></script>
<!-- Enable responsive features in IE8 with Respond.js (https://github.com/scottjehl/Respond) -->
<script src="https://blog.zoomquiet.io/theme/js/respond.min.js"></script>
</body>
</html>