-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathatom.xml
More file actions
1062 lines (886 loc) · 79.2 KB
/
atom.xml
File metadata and controls
1062 lines (886 loc) · 79.2 KB
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
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>Joey's 各種筆記</title>
<link href="/atom.xml" rel="self"/>
<link href="http://yoursite.com/"/>
<updated>2017-06-09T15:32:29.000Z</updated>
<id>http://yoursite.com/</id>
<author>
<name>Joey Luo</name>
</author>
<generator uri="http://hexo.io/">Hexo</generator>
<entry>
<title>加密貨幣 - 幣種介紹</title>
<link href="http://yoursite.com/2017/06/09/cryptocoin-Coin-Introduce/"/>
<id>http://yoursite.com/2017/06/09/cryptocoin-Coin-Introduce/</id>
<published>2017-06-09T15:32:29.000Z</published>
<updated>2017-06-09T15:32:29.000Z</updated>
<content type="html"><![CDATA[<h3 id="Bitcoin-BTC"><a href="#Bitcoin-BTC" class="headerlink" title="Bitcoin (BTC)"></a>Bitcoin (BTC)</h3><p>名稱：比特幣、巴特幣<br>起始：2009年1月3日<br>用途：交易支付貨幣<br>數量：每四年減半，2140年，總量接近2100萬<br>技術：PoW共識演算法、SHA-256加密算法、C++<br>區塊時間：10分鐘<br>敘述<br>利用加密數位簽章和區塊鏈價值體系，解決信任問題、一幣多付以及跨境支付等問題</p>
<p>Link : <a href="https://blockchain.info" target="_blank" rel="external">BlockChain</a>、<a href="https://bitcointalk.org" target="_blank" rel="external">Forum</a>、<a href="http://forum.bitcoin-tw.com" target="_blank" rel="external">比特台灣論壇</a>、<a href="https://www.cryptocompare.com/coins/btc/overview/USD" target="_blank" rel="external">CryptoCompare</a>、<a href="https://www.worldcoinindex.com/coin/bitcoin" target="_blank" rel="external">WorldCoinIndex</a><br><a href="https://www.bfxdata.com/positions/btcusd" target="_blank" rel="external">BFXDATA</a>、</p>
<p>Others : <a href="https://bitcointalk.org/index.php?topic=137.0" target="_blank" rel="external">比特幣pizza朝聖</a></p>
<h3 id="Litecoin-LTC"><a href="#Litecoin-LTC" class="headerlink" title="Litecoin (LTC)"></a>Litecoin (LTC)</h3><p>名稱：萊特幣<br>起始：2011年10月7日<br>用途：交易支付貨幣<br>數量：每四年（每840,000個塊）減少一半，最終達到總量8400萬個LTC<br>技術：PoW共識演算法、Scrypt加密算法、C++<br>區塊時間：2.5分鐘</p>
<p>開源的P2P數位貨幣，為比特幣的升級版、交易速度較比特幣快，總量約四倍、挖礦更容易</p>
<p>Link : <a href="https://litecoin.com/#page-top" target="_blank" rel="external">Website</a>、<a href="https://litecointalk.io" target="_blank" rel="external">Forum</a>、<a href="https://www.bfxdata.com/positions/ltcusd" target="_blank" rel="external">BFXDATA</a>、</p>
<h3 id="Ethereum-ETH"><a href="#Ethereum-ETH" class="headerlink" title="Ethereum (ETH)"></a>Ethereum (ETH)</h3><p>名稱：以太坊<br>發行：2014年<br>用途：去中心化智能合約平台<br>數量：每年不變的數量發行預售以太幣總量的0.3倍<br>技術：PoW共識算法、Ethash算法、GO語言<br>區塊時間：16秒</p>
<p>重視區塊鏈的應用層面， 提供各式區塊鏈應用的建立，讓人在上面建立應用，使用以太幣（Ether）交易運算資源</p>
<p>Link : <a href="https://www.ethereum.org" target="_blank" rel="external">Website</a>、<a href="https://www.reddit.com/r/ethereum/" target="_blank" rel="external">Reddit</a>、<a href="https://forum.ethereum.org" target="_blank" rel="external">Forum</a>、<a href="https://zh.wikipedia.org/wiki/以太坊" target="_blank" rel="external">Wiki</a><a href="https://bfxdata.com/orderbooks/ethusd" target="_blank" rel="external">BFXDATA</a></p>
<p>Others : <a href="https://hackmd.io/KwRgDAzAHMBsAsBaAZgJgOy0fKZmICNgATMRAU2GDBHIGN5yBOKAQyA=?both" target="_blank" rel="external">安裝 Ethereum 開發環境</a></p>
<h3 id="Ethereum-Classic"><a href="#Ethereum-Classic" class="headerlink" title="Ethereum Classic"></a>Ethereum Classic</h3><p>名稱：以太坊經典<br>起始：2016年6月</p>
<p>因以太坊旗下的去中心化自治組織 The DAO被駭5000萬美元價值之以太幣，以太坊進行第三次分叉，部分人繼續維護原有區塊而產生</p>
<p>Link : <a href="https://ethereumclassic.github.io" target="_blank" rel="external">Github</a>、<a href="https://www.cryptocompare.com/coins/etc/overview/USD" target="_blank" rel="external">CryptoCompare</a></p>
<p>Others : <a href="http://www.haixiaba.com/n586009.html" target="_blank" rel="external">深入解析：以太坊與以太坊經典</a></p>
<h3 id="Nxt-NXT"><a href="#Nxt-NXT" class="headerlink" title="Nxt (NXT)"></a>Nxt (NXT)</h3><p>名稱：未來幣<br>起始：2013年11月24日<br>用途：<a href="https://nxt.org/what-is-nxt/" target="_blank" rel="external">很多</a><br>數量：10億（以發行完畢）<br>技術：透明鍛造(transparent forging)、股權證明（Proof of Stake）機制、JAVA<br>區塊時間：60秒</p>
<p>不同於比特幣，是全新設計和開發的第二代幣，100%PoS機制，不透過挖礦產生貨幣，使用現有帳戶的餘額去「鍛造」區塊並產生交易費用獎勵。<br>透過PoS的優勢，使之能在智慧型手機或 Raspberry Pi 上運行，節省能源且去除51%攻擊的風險</p>
<p>Link : <a href="https://nxt.org" target="_blank" rel="external">Website</a>、<a href="http://www.baike.com/wiki/未来币" target="_blank" rel="external">互動百科</a>、<a href="https://nxtforum.org" target="_blank" rel="external">Forum</a>、<a href="https://en.wikipedia.org/wiki/Nxt" target="_blank" rel="external">Wiki</a>、<a href="https://www.reddit.com/r/NXT/" target="_blank" rel="external">Reddit</a></p>
<p>Others : <a href="https://www.sosobtc.com/article/10692.html" target="_blank" rel="external">NXT-未来幣</a></p>
<h3 id="Zcash-ZEC"><a href="#Zcash-ZEC" class="headerlink" title="Zcash (ZEC)"></a>Zcash (ZEC)</h3><p>名稱：Zerocash<br>起始：2014年<br>數量：每四年減半，約2100萬，（有創始人獎勵、慢慢開始挖礦機制）<br>用途：交易支付貨幣<br>技術：零知識證明（zk-SNARK）技術驗證交易</p>
<p>真正完全匿名的交易貨幣，為比特幣分支之一，更注重隱私，自動隱藏區塊鏈上交易數據，用戶有完全掌控權，擁有者能決定提供查看密鑰</p>
<p><a href="https://z.cash" target="_blank" rel="external">Website</a>、<a href="https://forum.z.cash" target="_blank" rel="external">Forum</a>、<a href="https://www.reddit.com/r/zec/" target="_blank" rel="external">Reddit</a>、<a href="https://www.worldcoinindex.com/coin/zcash" target="_blank" rel="external">WorldCoinIndex</a>、<a href="http://www.baike.com/wiki/zcash&prd=so_1_doc" target="_blank" rel="external">互動百科</a></p>
<p>Reports：<a href="https://technews.tw/2016/11/01/zcash/" target="_blank" rel="external">號稱終極匿名的數位貨幣 ZCash 強勢發表，它究竟有什麼好處？</a></p>
<h3 id="BitShares-BTS"><a href="#BitShares-BTS" class="headerlink" title="BitShares (BTS)"></a>BitShares (BTS)</h3><p>名稱：比特股<br>起始：2013年<br>用途：<br>數量：37億<br>技術：DPoS演算法、<br>區塊時間：3秒</p>
<p>比特股技術，核心帳本採用石墨稀技術，符號為BTS，預挖礦方式發布(初始的比特股BTS由兩部分組成，一部分由PTS持有者轉股而來，另一部分由挖掘產生，並且整套系統還在不斷的為持有BTS的投資者分紅)，比特股通過定期出售分發初始貨幣，Counterparty利用燒毀證明（POB）發行貨幣，BTS除了作為交易費用和激勵機制外，也是資產交易的重要抵押物。區塊時間3秒，開發語言C++。</p>
<p>Link : <a href="https://bitshares.org" target="_blank" rel="external">Website</a>、<a href="https://www.reddit.com/r/BitShares/" target="_blank" rel="external">Reddit</a>、<a href="https://bitsharestalk.org" target="_blank" rel="external">Forum</a>、<a href="https://www.worldcoinindex.com/coin/bitshares" target="_blank" rel="external">WorldCoinIndex</a></p>
<h3 id="Ripple-XRP"><a href="#Ripple-XRP" class="headerlink" title="Ripple (XRP)"></a>Ripple (XRP)</h3><p>名稱：瑞波幣<br>起始：2004年<br>用途：快速低成本的轉換各種貨幣，改變銀行間實時匯款清算的現狀<br>數量：1000億，預挖礦方式發布，大部分由Ripple labs掌握，隨著交易而逐漸減少<br>技術：原創共識演算法、C++<br>確認時間：3~5</p>
<p>為Ripple網路中流通的貨幣<br>支付清算網路<br>用類似銀行的清算方法，是一個革新，而非顛覆性革命<br>獲許多銀行金融機構支持</p>
<p>Link : </p>
<p>Others : <a href="https://kknews.cc/finance/oyk68eo.html" target="_blank" rel="external">瑞波幣暴漲的背後原因</a></p>
<h3 id="NEM"><a href="#NEM" class="headerlink" title="NEM"></a>NEM</h3><p><a href="https://www.nem.io" target="_blank" rel="external">Website</a></p>
<h3 id="FujiCoin"><a href="#FujiCoin" class="headerlink" title="FujiCoin"></a>FujiCoin</h3><p><a href="http://www.fujicoin.org" target="_blank" rel="external">Website</a></p>
<h3 id="Humaniq"><a href="#Humaniq" class="headerlink" title="Humaniq"></a>Humaniq</h3><p><a href="https://humaniq.co" target="_blank" rel="external">Website</a></p>
<h3 id="Dash"><a href="#Dash" class="headerlink" title="Dash"></a>Dash</h3><p><a href="https://www.dash.org" target="_blank" rel="external">Website</a></p>
<h3 id="Dogecoin"><a href="#Dogecoin" class="headerlink" title="Dogecoin"></a>Dogecoin</h3><p><a href="http://dogecoin.com" target="_blank" rel="external">Website</a></p>
<h3 id="Siacoin"><a href="#Siacoin" class="headerlink" title="Siacoin"></a>Siacoin</h3><p><a href="http://sia.tech" target="_blank" rel="external">Website</a> <a href="https://www.reddit.com/r/siacoin/" target="_blank" rel="external">Reddit</a></p>
<h3 id="Qtum"><a href="#Qtum" class="headerlink" title="Qtum"></a>Qtum</h3><p><a href="https://www.qtum.org/en/" target="_blank" rel="external">Website</a></p>
<h2 id="Tech-Information"><a href="#Tech-Information" class="headerlink" title="Tech Information"></a>Tech Information</h2><ul>
<li><a href="https://public.dhe.ibm.com/common/ssi/ecm/xi/en/xim12354usen/XIM12354USEN.PDF" target="_blank" rel="external">Blockchain for dummies by IBM</a></li>
</ul>
<p>Reference：<a href="https://read01.com/5gkMm2.html" target="_blank" rel="external">read01</a></p>
]]></content>
<summary type="html">
<h3 id="Bitcoin-BTC"><a href="#Bitcoin-BTC" class="headerlink" title="Bitcoin (BTC)"></a>Bitcoin (BTC)</h3><p>名稱：比特幣、巴特幣<br>起始：2009年1月3日<br>
</summary>
</entry>
<entry>
<title>數位貨幣資訊整理</title>
<link href="http://yoursite.com/2017/06/07/digital-coin-information/"/>
<id>http://yoursite.com/2017/06/07/digital-coin-information/</id>
<published>2017-06-07T12:39:53.000Z</published>
<updated>2017-06-07T12:39:53.000Z</updated>
<content type="html"><![CDATA[<h2 id="Social"><a href="#Social" class="headerlink" title="Social"></a>Social</h2><h2 id="Media"><a href="#Media" class="headerlink" title="Media"></a>Media</h2><ul>
<li><a href="https://bitcle.org/news/1374" target="_blank" rel="external">幣圈新聞</a></li>
<li><a href="http://blockcast.it" target="_blank" rel="external">區塊客 blockcast.it</a></li>
</ul>
<h2 id="Pages"><a href="#Pages" class="headerlink" title="Pages"></a>Pages</h2><ul>
<li><a href="https://www.facebook.com/bitcle.org/" target="_blank" rel="external">BCN 幣圈新聞</a></li>
<li><a href="https://www.facebook.com/blockcast.it/" target="_blank" rel="external">區塊客 blockcast.it</a></li>
</ul>
<h2 id="Community"><a href="#Community" class="headerlink" title="Community"></a>Community</h2><ul>
<li><a href="https://www.reddit.com/" target="_blank" rel="external">Reddit</a></li>
<li><a href="https://github.com/EtherTW/Taipei-Ethereum-Wiki/wiki" target="_blank" rel="external">Taipei Ethereum Meetup</a></li>
</ul>
<h2 id="Forum"><a href="#Forum" class="headerlink" title="Forum"></a>Forum</h2><ul>
<li><a href="http://cryptocurrency.tw/index.php?sid=78783db0d14f0c641823b66c207b0472" target="_blank" rel="external">數位貨幣論壇</a><h2 id="Others"><a href="#Others" class="headerlink" title="Others"></a>Others</h2></li>
<li><a href="http://ezs.no-ip.org/bitnew/main/index/4" target="_blank" rel="external">小毛 - 幣新聞</a></li>
</ul>
<h2 id="Cryptocoin"><a href="#Cryptocoin" class="headerlink" title="Cryptocoin"></a>Cryptocoin</h2><h4 id="Ethereum"><a href="#Ethereum" class="headerlink" title="Ethereum"></a>Ethereum</h4><p><a href="https://www.ethereum.org" target="_blank" rel="external">Website</a>、<a href="https://www.reddit.com/r/ethereum/" target="_blank" rel="external">Reddit</a></p>
<h4 id="Ethereum-Classic"><a href="#Ethereum-Classic" class="headerlink" title="Ethereum Classic"></a>Ethereum Classic</h4><p><a href="https://ethereumclassic.github.io" target="_blank" rel="external">Github</a></p>
<h4 id="Zcash"><a href="#Zcash" class="headerlink" title="Zcash"></a>Zcash</h4><p><a href="https://z.cash" target="_blank" rel="external">Website</a><br> Reports：<a href="https://technews.tw/2016/11/01/zcash/" target="_blank" rel="external">號稱終極匿名的數位貨幣 ZCash 強勢發表，它究竟有什麼好處？</a></p>
<h4 id="NEM"><a href="#NEM" class="headerlink" title="NEM"></a>NEM</h4><p><a href="https://www.nem.io" target="_blank" rel="external">Website</a></p>
<h4 id="FujiCoin"><a href="#FujiCoin" class="headerlink" title="FujiCoin"></a>FujiCoin</h4><p><a href="http://www.fujicoin.org" target="_blank" rel="external">Website</a></p>
<h4 id="Humaniq"><a href="#Humaniq" class="headerlink" title="Humaniq"></a>Humaniq</h4><p><a href="https://humaniq.co" target="_blank" rel="external">Website</a></p>
<h4 id="Dash"><a href="#Dash" class="headerlink" title="Dash"></a>Dash</h4><p><a href="https://www.dash.org" target="_blank" rel="external">Website</a></p>
<h4 id="Dogecoin"><a href="#Dogecoin" class="headerlink" title="Dogecoin"></a>Dogecoin</h4><p><a href="http://dogecoin.com" target="_blank" rel="external">Website</a></p>
<h4 id="Siacoin"><a href="#Siacoin" class="headerlink" title="Siacoin"></a>Siacoin</h4><p><a href="http://sia.tech" target="_blank" rel="external">Website</a> <a href="https://www.reddit.com/r/siacoin/" target="_blank" rel="external">Reddit</a></p>
<h4 id="Qtum"><a href="#Qtum" class="headerlink" title="Qtum"></a>Qtum</h4><p><a href="https://www.qtum.org/en/" target="_blank" rel="external">Website</a></p>
<h2 id="Tech-Information"><a href="#Tech-Information" class="headerlink" title="Tech Information"></a>Tech Information</h2><ul>
<li><a href="https://public.dhe.ibm.com/common/ssi/ecm/xi/en/xim12354usen/XIM12354USEN.PDF" target="_blank" rel="external">Blockchain for dummies by IBM</a></li>
</ul>
<p>USDT<br><img src="http://imgur.com/H4nayCj.jpg" alt="cryptocurrency USDT exchange"><br>XMR<br><img src="http://imgur.com/YkbDPtS.jpg" alt="cryptocurrency XMR exchange"><br>ETH<br><img src="http://imgur.com/jjdHQz8.jpg" alt="cryptocurrency ETH exchange"><br>BTC<br><img src="http://imgur.com/vQsYn1b.jpg" alt="cryptocurrency BTC exchange"><br><img src="http://imgur.com/xLiepdV.jpg" alt="cryptocurrency BTC exchange"></p>
]]></content>
<summary type="html">
<h2 id="Social"><a href="#Social" class="headerlink" title="Social"></a>Social</h2><h2 id="Media"><a href="#Media" class="headerlink" title=
</summary>
</entry>
<entry>
<title>數位貨幣整體市場狀況</title>
<link href="http://yoursite.com/2017/06/02/Cryptocoin-Market-Overview-1/"/>
<id>http://yoursite.com/2017/06/02/Cryptocoin-Market-Overview-1/</id>
<published>2017-06-02T11:49:04.000Z</published>
<updated>2017-06-02T11:49:04.000Z</updated>
<content type="html"><![CDATA[<h3 id="整體價值"><a href="#整體價值" class="headerlink" title="整體價值"></a>整體價值</h3><ul>
<li><p><a href="http://coinmarketcap.com/charts/" target="_blank" rel="external">市值概況 Total Market Capitalization</a></p>
<p> 全世界虛擬貨幣市值價值與比重，以比特幣為主，包含：</p>
<ol>
<li>Total Market Capitalization</li>
<li>Total Market Capitalization (Excluding Bitcoin)</li>
<li>Percentage of Total Market Capitalization (Dominance)</li>
</ol>
</li>
<li><p><a href="https://www.bfxdata.com/positions/btcusd" target="_blank" rel="external">BFX positions</a></p>
</li>
</ul>
]]></content>
<summary type="html">
<h3 id="整體價值"><a href="#整體價值" class="headerlink" title="整體價值"></a>整體價值</h3><ul>
<li><p><a href="http://coinmarketcap.com/charts/" target="_b
</summary>
</entry>
<entry>
<title>Flexbox 教學篇(1) - flex-direction</title>
<link href="http://yoursite.com/2017/04/22/Flexbox-flex-direction/"/>
<id>http://yoursite.com/2017/04/22/Flexbox-flex-direction/</id>
<published>2017-04-21T16:42:16.000Z</published>
<updated>2017-04-21T16:42:16.000Z</updated>
<content type="html"><![CDATA[<p>flex-direction為決定div排列方式的屬性，最基本的有四種方式</p>
<ul>
<li>row</li>
<li>column</li>
<li>row-reverse</li>
<li>column</li>
</ul>
<blockquote>
<p>Row</p>
</blockquote>
<a id="more"></a>
<p><strong>敘述</strong>：row 在英文中的意思是行，也就是橫的水平排列，而此屬性也是最直觀的由左開始排列<br><strong>效果</strong>：由左而右水平排列<br><strong>範例</strong></p>
<pre><code>flex-direction: row
</code></pre><p>（成果）</p>
<blockquote>
<p>Row-reverse</p>
</blockquote>
<p><strong>敘述</strong>：reverse 是反轉的意思，顧名思義就是row的相反方向，由右開始也是水平排列<br><strong>效果</strong>：由右而左水平排列<br><strong>範例</strong></p>
<pre><code>flex-direction: row-reverse
</code></pre><p>（成果）</p>
<blockquote>
<p>Column</p>
</blockquote>
<p><strong>敘述</strong>：column 代表的是列，也就是直的垂直排列，而此屬性也是最直觀的由上開始排列<br><strong>效果</strong>：由上而下垂直排列<br><strong>範例</strong></p>
<pre><code>flex-direction: column
</code></pre><p>（成果）</p>
<blockquote>
<p>Column-reverse</p>
</blockquote>
<p><strong>敘述</strong>：reverse 是反轉的意思，也就是column的相反方向，由下而上排列<br><strong>效果</strong>：由下而上垂直排列<br><strong>範例</strong></p>
<pre><code>flex-direction: column-reverse
</code></pre><p>（成果）</p>
]]></content>
<summary type="html">
<p>flex-direction為決定div排列方式的屬性，最基本的有四種方式</p>
<ul>
<li>row</li>
<li>column</li>
<li>row-reverse</li>
<li>column</li>
</ul>
<blockquote>
<p>Row</p>
</blockquote>
</summary>
<category term="css" scheme="http://yoursite.com/categories/css/"/>
</entry>
<entry>
<title>Hello World</title>
<link href="http://yoursite.com/2017/04/13/hello-world/"/>
<id>http://yoursite.com/2017/04/13/hello-world/</id>
<published>2017-04-12T18:42:02.000Z</published>
<updated>2017-04-12T18:42:02.000Z</updated>
<content type="html"><![CDATA[<p>Welcome to <a href="https://hexo.io/" target="_blank" rel="external">Hexo</a>! This is your very first post. Check <a href="https://hexo.io/docs/" target="_blank" rel="external">documentation</a> for more info. If you get any problems when using Hexo, you can find the answer in <a href="https://hexo.io/docs/troubleshooting.html" target="_blank" rel="external">troubleshooting</a> or you can ask me on <a href="https://github.com/hexojs/hexo/issues" target="_blank" rel="external">GitHub</a>.</p>
<h2 id="Quick-Start"><a href="#Quick-Start" class="headerlink" title="Quick Start"></a>Quick Start</h2><h3 id="Create-a-new-post"><a href="#Create-a-new-post" class="headerlink" title="Create a new post"></a>Create a new post</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo new <span class="string">"My New Post"</span></div></pre></td></tr></table></figure>
<a id="more"></a>
<p>More info: <a href="https://hexo.io/docs/writing.html" target="_blank" rel="external">Writing</a></p>
<h3 id="Run-server"><a href="#Run-server" class="headerlink" title="Run server"></a>Run server</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo server</div></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/server.html" target="_blank" rel="external">Server</a></p>
<h3 id="Generate-static-files"><a href="#Generate-static-files" class="headerlink" title="Generate static files"></a>Generate static files</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo generate</div></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/generating.html" target="_blank" rel="external">Generating</a></p>
<h3 id="Deploy-to-remote-sites"><a href="#Deploy-to-remote-sites" class="headerlink" title="Deploy to remote sites"></a>Deploy to remote sites</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo deploy</div></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/deployment.html" target="_blank" rel="external">Deployment</a></p>
]]></content>
<summary type="html">
<p>Welcome to <a href="https://hexo.io/">Hexo</a>! This is your very first post. Check <a href="https://hexo.io/docs/">documentation</a> for more info. If you get any problems when using Hexo, you can find the answer in <a href="https://hexo.io/docs/troubleshooting.html">troubleshooting</a> or you can ask me on <a href="https://github.com/hexojs/hexo/issues">GitHub</a>.</p>
<h2 id="Quick-Start"><a href="#Quick-Start" class="headerlink" title="Quick Start"></a>Quick Start</h2><h3 id="Create-a-new-post"><a href="#Create-a-new-post" class="headerlink" title="Create a new post"></a>Create a new post</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo new <span class="string">"My New Post"</span></div></pre></td></tr></table></figure>
</summary>
</entry>
<entry>
<title>Hexo新手入門</title>
<link href="http://yoursite.com/2017/04/13/Hexo%E6%96%B0%E6%89%8B%E5%85%A5%E9%96%80/"/>
<id>http://yoursite.com/2017/04/13/Hexo新手入門/</id>
<published>2017-04-12T18:41:46.000Z</published>
<updated>2017-04-12T18:41:46.000Z</updated>
<content type="html"><![CDATA[<p>今天我們來練習Hexo網誌的入門教學，Hexo是一種很厲害部落格工具，如果還不懂Hexo的朋友可以參考這篇<a href="">官方文件</a>，現在，就讓我們來開始囉～～</p>
<h2 id="Quick-Start"><a href="#Quick-Start" class="headerlink" title="Quick Start"></a>Quick Start</h2><h3 id="Create-a-new-post"><a href="#Create-a-new-post" class="headerlink" title="Create a new post"></a>Create a new post</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo new <span class="string">"My New Post"</span></div></pre></td></tr></table></figure>
<a id="more"></a>
<p>More info: <a href="https://hexo.io/docs/writing.html" target="_blank" rel="external">Writing</a></p>
<h3 id="Run-server"><a href="#Run-server" class="headerlink" title="Run server"></a>Run server</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo server</div></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/server.html" target="_blank" rel="external">Server</a></p>
<h3 id="Generate-static-files"><a href="#Generate-static-files" class="headerlink" title="Generate static files"></a>Generate static files</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo generate</div></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/generating.html" target="_blank" rel="external">Generating</a></p>
<h3 id="Deploy-to-remote-sites"><a href="#Deploy-to-remote-sites" class="headerlink" title="Deploy to remote sites"></a>Deploy to remote sites</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo deploy</div></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/deployment.html" target="_blank" rel="external">Deployment</a></p>
]]></content>
<summary type="html">
<p>今天我們來練習Hexo網誌的入門教學，Hexo是一種很厲害部落格工具，如果還不懂Hexo的朋友可以參考這篇<a href="">官方文件</a>，現在，就讓我們來開始囉～～</p>
<h2 id="Quick-Start"><a href="#Quick-Start" class="headerlink" title="Quick Start"></a>Quick Start</h2><h3 id="Create-a-new-post"><a href="#Create-a-new-post" class="headerlink" title="Create a new post"></a>Create a new post</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo new <span class="string">"My New Post"</span></div></pre></td></tr></table></figure>
</summary>
<category term="Hexo Blog 部落格 筆記 教學 入門" scheme="http://yoursite.com/tags/Hexo-Blog-%E9%83%A8%E8%90%BD%E6%A0%BC-%E7%AD%86%E8%A8%98-%E6%95%99%E5%AD%B8-%E5%85%A5%E9%96%80/"/>
</entry>
<entry>
<title>Markdown練習</title>
<link href="http://yoursite.com/2017/04/13/Markdown%E7%B7%B4%E7%BF%92/"/>
<id>http://yoursite.com/2017/04/13/Markdown練習/</id>
<published>2017-04-12T18:41:20.000Z</published>
<updated>2017-04-12T18:41:20.000Z</updated>
<content type="html"><![CDATA[<h2 id="Markdown簡介"><a href="#Markdown簡介" class="headerlink" title="Markdown簡介"></a>Markdown簡介</h2><blockquote>
<p>Markdown的目標是實現「易讀易寫」，最大靈感來源其實是純文字的電子郵件格式。</p>
</blockquote>
<p>Markdown的語法有個主要的目的：用來作為一種網路內容的寫作用語言<br>他並不是用來取代html，html已經很容易寫了，Markdown的重點在於讓文件更易讀、編寫。<br>html是一種發佈格式，Markdown是一種編寫的個是，因此Markdown格式只涵蓋純文字可以涵蓋的範圍</p>
<h3 id="行內HTML"><a href="#行內HTML" class="headerlink" title="行內HTML"></a>行內HTML</h3><ol>
<li><p>區塊元素<br> 如<code><div>、<table>、<pre>、<p></code>等標籤，必需在前後加上空行，以利與內容區隔。<br> 例如：在Markdown中加入HTML表格</p>
<a id="more"></a>
<table><br> <tr><br> <td>哈妮貓</td><br> <td>小貓</td><br> <td>酷貓</td><br> <td>大貓</td><br> </tr><br> </table>
<p> Markdown語法在HTML區塊標籤中將不會被進行處理。</p>
</li>
<li><p>區段標籤<br> 如<code><span>、<cite>、<del></code>則不受限制，可以在Markdown的段落、清單或是標題裡任意使用。舉例說明：如果比較喜歡HTML的<code><a></code>或<code><img></code>標籤，可以直接使用這些標籤。</p>
<p> HTML區段標籤和區塊標籤不同，在區段標籤的範圍內，Markdown的語法是有效的。</p>
</li>
</ol>
<h3 id="特殊字元轉換"><a href="#特殊字元轉換" class="headerlink" title="特殊字元轉換"></a>特殊字元轉換</h3><p>在HTML中，必須使用實體形式ex: <和&<br>Markdown中允許直接使用，但要小心跳脫字元的使用</p>
<h2 id="區塊元素"><a href="#區塊元素" class="headerlink" title="區塊元素"></a>區塊元素</h2><h4 id="標題"><a href="#標題" class="headerlink" title="標題"></a>標題</h4><ol>
<li><p><code>=</code>為最高標題，<code>-</code>為第二標題</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div></pre></td><td class="code"><pre><div class="line">This is the title</div><div class="line">=====</div><div class="line">this is subtitle</div><div class="line">----</div></pre></td></tr></table></figure>
</li>
<li><p>插入1~6<code>#</code>分別對應到1~6階</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div></pre></td><td class="code"><pre><div class="line"># title</div><div class="line">## title</div><div class="line">### title</div><div class="line">#### title</div><div class="line">##### title</div><div class="line">###### title</div></pre></td></tr></table></figure>
</li>
</ol>
<h4 id="引言"><a href="#引言" class="headerlink" title="引言"></a>引言</h4><blockquote>
<p>每一行都加上 <code>></code></p>
</blockquote>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div></pre></td><td class="code"><pre><div class="line">> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,</div><div class="line">> consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.</div><div class="line">> Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.</div><div class="line">> </div><div class="line">> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse</div><div class="line">> id sem consectetuer libero luctus adipiscing.</div></pre></td></tr></table></figure>
<blockquote>
<p>也可以只在第一行加上 <code>></code></p>
</blockquote>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div></pre></td><td class="code"><pre><div class="line">> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,</div><div class="line">consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.</div><div class="line">Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.</div><div class="line"></div><div class="line">> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse</div><div class="line">id sem consectetuer libero luctus adipiscing.</div></pre></td></tr></table></figure>
<blockquote>
<p>引言內的引言：再加一層 <code>></code></p>
</blockquote>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div></pre></td><td class="code"><pre><div class="line">> This is the first level of quoting.</div><div class="line">></div><div class="line">> > This is nested blockquote.</div><div class="line">></div><div class="line">> Back to the first level.</div></pre></td></tr></table></figure>
<h4 id="List"><a href="#List" class="headerlink" title="List"></a>List</h4><blockquote>
<p>Unorder List <code>* + -</code> 做開頭</p>
</blockquote>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div></pre></td><td class="code"><pre><div class="line">* Cat</div><div class="line">* Dog</div><div class="line">+ Cat</div><div class="line">+ Dog</div><div class="line">- Ubuntu</div><div class="line">- Ubuntu</div></pre></td></tr></table></figure>
<blockquote>
<p>Order List 數字. 做開頭，數字並不會影響結果</p>
</blockquote>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div></pre></td><td class="code"><pre><div class="line">1. Bird</div><div class="line">1. McHale</div><div class="line">1. Parish</div><div class="line">3. Bird</div><div class="line">1. McHale</div><div class="line">8. Parish</div></pre></td></tr></table></figure>
<p>如果清單項目間用空行分開， Markdown會把項目的內容在輸出時用</p><p>標籤包起來<br><figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div></pre></td><td class="code"><pre><div class="line">* Bird</div><div class="line"></div><div class="line">* Magic</div></pre></td></tr></table></figure></p>
<p>會變成<br><figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div></pre></td><td class="code"><pre><div class="line"><ul></div><div class="line"><li><p>Bird</p></li></div><div class="line"><li><p>Magic</p></li></div><div class="line"></ul></div></pre></td></tr></table></figure></p>
<p>如果要放程式碼區塊的話，該區塊就需要縮排兩次，也就是8個空白或是兩個tab</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div></pre></td><td class="code"><pre><div class="line">* A list item with a code block:</div><div class="line"></div><div class="line"> <code goes here></div></pre></td></tr></table></figure>
<h4 id="程式碼"><a href="#程式碼" class="headerlink" title="程式碼"></a>程式碼</h4><blockquote>
<p>簡單地縮排4個空白或是1個tab就可以</p>
</blockquote>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div></pre></td><td class="code"><pre><div class="line">This is a normal paragraph:</div><div class="line"></div><div class="line"> This is a code block.</div></pre></td></tr></table></figure>
<p>程式碼區塊會一直持續到縮排結束為止</p>
<blockquote>
<p>Markdown會自動轉換特殊符號</p>
</blockquote>
<pre><code><div class="footer">
&copy; 2004 Foo Corporation
</div>
</code></pre><p>變成<br> <pre><code><div class=”footer”><br> &copy; 2004 Foo Corporation<br> </div><br> </code></pre></p>
<h4 id="分隔線"><a href="#分隔線" class="headerlink" title="分隔線"></a>分隔線</h4><blockquote>
<p>一行中用三個或以上的星號、減號、底線建立</p>
<pre><code>* * *
***
*****
- - -
---------------------------------------
</code></pre></blockquote>
<h2 id="區段元素"><a href="#區段元素" class="headerlink" title="區段元素"></a>區段元素</h2><h4 id="連結"><a href="#連結" class="headerlink" title="連結"></a>連結</h4><blockquote>
<p>[]內放連結文字後面用()包住網址<br> <a href="http://example.com/" target="_blank" rel="external">連結</a><br>若要加入Title：<br> <a href="http://example.com/" title="Title" target="_blank" rel="external">連結</a></p>
<p>也可以使用相對路徑<br> <a href="/about/">關於</a></p>
</blockquote>
<h1 id="未讀"><a href="#未讀" class="headerlink" title="未讀"></a>未讀</h1><blockquote>
<p>參考連結</p>
</blockquote>
<!-- ---------------------------------
參考形式的連結使用另外一個方括號接在連結文字的括號後面，而在第二個方括號裡面要填入用以辨識連結的標籤：
This is [an example][id] reference-style link.
你也可以選擇性地在兩個方括號中間加上空白：
This is [an example] [id] reference-style link.
接著，在文件的任意處，你可以把這個標籤的連結內容定義出來：
[id]: http://example.com/ "Optional Title Here"
連結定義的形式為：
方括號，裡面輸入連結的辨識用標籤
接著一個冒號
接著一個以上的空白或tab
接著連結的網址
選擇性地接著title內容，可以用單引號、雙引號或是括弧包著
下面這三種連結的定義都是相同：
[foo]: http://example.com/ "Optional Title Here"
[foo]: http://example.com/ 'Optional Title Here'
[foo]: http://example.com/ (Optional Title Here)
請注意：有一個已知的問題是Markdown.pl 1.0.1會忽略單引號包起來的連結title。
連結網址也可以用方括號包起來：
[id]: <http://example.com/> "Optional Title Here"
你也可以把title屬性放到下一行，也可以加一些縮排，網址太長的話，這樣會比較好看：
[id]: http://example.com/longish/path/to/resource/here
"Optional Title Here"
網址定義只有在產生連結的時候用到，並不會直接出現在文件之中。
連結辨識標籤可以有字母、數字、空白和標點符號，但是並不區分大小寫，因此下面兩個連結是一樣的：
[link text][a]
[link text][A]
預設的連結標籤功能讓你可以省略指定連結標籤，這種情形下，連結標籤和連結文字會視為相同，要用預設連結標籤只要在連結文字後面加上一個空的方括號，如果你要讓"Google"連結到google.com，你可以簡化成：
[Google][]
然後定義連結內容：
[Google]: http://google.com/
由於連結文字可能包含空白，所以這種簡化的標籤內也可以包含多個文字：
Visit [Daring Fireball][] for more information.
然後接著定義連結：
[Daring Fireball]: http://daringfireball.net/
連結的定義可以放在文件中的任何一個地方，我比較偏好直接放在連結出現段落的後面，你也可以把它放在文件最後面，就像是註解一樣。
下面是一個參考式連結的範例：
I get 10 times more traffic from [Google] [1] than from
[Yahoo] [2] or [MSN] [3].
[1]: http://google.com/ "Google"
[2]: http://search.yahoo.com/ "Yahoo Search"
[3]: http://search.msn.com/ "MSN Search"
如果改成用連結名稱的方式寫：
I get 10 times more traffic from [Google][] than from
[Yahoo][] or [MSN][].
[google]: http://google.com/ "Google"
[yahoo]: http://search.yahoo.com/ "Yahoo Search"
[msn]: http://search.msn.com/ "MSN Search"
上面兩種寫法都會產生下面的HTML。
<p>I get 10 times more traffic from <a href="http://google.com/"
title="Google">Google</a> than from
<a href="http://search.yahoo.com/" title="Yahoo Search">Yahoo</a>
or <a href="http://search.msn.com/" title="MSN Search">MSN</a>.</p>
下面是用行內形式寫的同樣一段內容的Markdown文件，提供作為比較之用：
I get 10 times more traffic from [Google](http://google.com/ "Google")
than from [Yahoo](http://search.yahoo.com/ "Yahoo Search") or
[MSN](http://search.msn.com/ "MSN Search").
參考式的連結其實重點不在於它比較好寫，而是它比較好讀，比較一下上面的範例，使用參考式的文章本身只有81個字元，但是用行內形式的連結卻會增加到176個字元，如果是用純HTML格式來寫，會有234個字元，在HTML格式中，標籤比文字還要多。
使用Markdown的參考式連結，可以讓文件更像是瀏覽器最後產生的結果，讓你可以把一些標記相關的資訊移到段落文字之外，你就可以增加連結而不讓文章的閱讀感覺被打斷。
-------------------------------
-->
<h4 id="強調"><a href="#強調" class="headerlink" title="強調"></a>強調</h4><blockquote>
<p>Markdown使用星號<code>*</code>和底線<code>_</code>作爲強調符號，用<code><em></code>包住，用兩個<code>*</code>和<code>_</code>則會轉成<code><strong></code><br> <em>single asterisks</em></p>
</blockquote>
<pre><code>_single underscores_
**double asterisks**
__double underscores__
</code></pre><blockquote>
<p>要在文字後加入普通符號時，運用反斜線</p>
</blockquote>
<pre><code>\*this text is surrounded by literal asterisks\*
</code></pre><h4 id="跳脫字元"><a href="#跳脫字元" class="headerlink" title="跳脫字元"></a>跳脫字元</h4><blockquote>
<p>用反斜線</p>
</blockquote>
<pre><code>\*這是星星的內容!!!\*
</code></pre><blockquote>
<p>可用反斜線的符號</p>
</blockquote>
<pre><code>\ 反斜線
` 反引號
* 星號
_ 底線
{} 大括號
[] 方括號
() 括號
# 井字號
+ 加號
- 減號
. 英文句點
! 驚嘆號
</code></pre><h4 id="程式碼-1"><a href="#程式碼-1" class="headerlink" title="程式碼"></a>程式碼</h4><blockquote>
<p>想表達程式碼時，可以用```包覆</p>
</blockquote>
<pre><code>This is the `code` !
</code></pre><blockquote>
<p>插入<code>時，要用更多</code>包覆</p>
</blockquote>
<pre><code>``This is the code(`) ``
</code></pre><h4 id="圖片"><a href="#圖片" class="headerlink" title="圖片"></a>圖片</h4><blockquote>
<p>行內圖片</p>
</blockquote>
<pre><code>
</code></pre><blockquote>
<p>參考圖片</p>
</blockquote>
<pre><code>![text][id]
</code></pre><p>id為參考連結的名稱<br>定義：</p>
<pre><code>[id]: url/to/image "Optional title attribute"
</code></pre><p>也可以用普通的img標籤</p>
<h4 id="自動連結"><a href="#自動連結" class="headerlink" title="自動連結"></a>自動連結</h4><blockquote>
<p>直接包起來<br> <a href="http://Sample.com/" target="_blank" rel="external">http://Sample.com/</a><br> <a href="mailto:darwin7381987654@gmail.com">darwin7381987654@gmail.com</a></p>
</blockquote>
<h3 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a>Reference</h3><p>1 <a href="http://markdown.tw" target="_blank" rel="external">Markdown文件</a></p>
]]></content>
<summary type="html">
<h2 id="Markdown簡介"><a href="#Markdown簡介" class="headerlink" title="Markdown簡介"></a>Markdown簡介</h2><blockquote>
<p>Markdown的目標是實現「易讀易寫」，最大靈感來源其實是純文字的電子郵件格式。</p>
</blockquote>
<p>Markdown的語法有個主要的目的：用來作為一種網路內容的寫作用語言<br>他並不是用來取代html，html已經很容易寫了，Markdown的重點在於讓文件更易讀、編寫。<br>html是一種發佈格式，Markdown是一種編寫的個是，因此Markdown格式只涵蓋純文字可以涵蓋的範圍</p>
<h3 id="行內HTML"><a href="#行內HTML" class="headerlink" title="行內HTML"></a>行內HTML</h3><ol>
<li><p>區塊元素<br> 如<code>&lt;div&gt;、&lt;table&gt;、&lt;pre&gt;、&lt;p&gt;</code>等標籤，必需在前後加上空行，以利與內容區隔。<br> 例如：在Markdown中加入HTML表格</p>
</summary>
<category term="Markdown" scheme="http://yoursite.com/tags/Markdown/"/>
</entry>
<entry>
<title>Online Course Plan</title>
<link href="http://yoursite.com/2017/04/13/%E7%B6%B2%E8%B7%AF%E8%AA%B2%E7%A8%8B%E6%95%B4%E7%90%86/"/>
<id>http://yoursite.com/2017/04/13/網路課程整理/</id>
<published>2017-04-12T18:41:02.000Z</published>
<updated>2017-04-12T18:41:02.000Z</updated>
<content type="html"><![CDATA[<blockquote>
<p>教學平台</p>
</blockquote>
<h4 id="Hahow"><a href="#Hahow" class="headerlink" title="Hahow"></a><a href="https://hahow.in" target="_blank" rel="external">Hahow</a></h4><ul>
<li><p><a href="https://hahow.in/courses/56189df9df7b3d0b005c6639" target="_blank" rel="external">動畫互動網頁程式入門</a></p>
</li>
<li><p><a href="https://hahow.in/courses/572be49fd60bb3090091d208" target="_blank" rel="external">不懂設計，也能學會的資訊圖像化密技！ by 圖文不符</a></p>
</li>
<li><p><a href="https://hahow.in/courses/577d9599d0c303070041173a" target="_blank" rel="external">AutoCAD 電腦繪圖2D基礎篇－紮實入門</a></p>
<a id="more"></a>
</li>
</ul>
<h4 id="Udemy"><a href="#Udemy" class="headerlink" title="Udemy"></a><a href="http://udemy.com" target="_blank" rel="external">Udemy</a></h4><h4 id="Coursera"><a href="#Coursera" class="headerlink" title="Coursera"></a><a href="https://zh-tw.coursera.org" target="_blank" rel="external">Coursera</a></h4><h4 id="30-Days-of-Code"><a href="#30-Days-of-Code" class="headerlink" title="30 Days of Code"></a><a href="https://www.hackerrank.com/domains/tutorials/30-days-of-code" target="_blank" rel="external">30 Days of Code</a></h4><h4 id="ShareCourse"><a href="#ShareCourse" class="headerlink" title="ShareCourse"></a><a href="http://www.sharecourse.net/" target="_blank" rel="external">ShareCourse</a></h4><ul>
<li><p><a href="http://www.sharecourse.net/sharecourse/course/content/homepage/848" target="_blank" rel="external">CS01036 2016 網軍大進擊</a></p>
</li>
<li><p><a href="http://www.sharecourse.net/sharecourse/course/content/homepage/1004" target="_blank" rel="external">CS08008 物聯網基礎架構與應用簡介(2016)</a></p>
</li>
</ul>
<h4 id="edX"><a href="#edX" class="headerlink" title="edX"></a><a href="https://www.edx.org" target="_blank" rel="external">edX</a></h4><ul>
<li><p><a href="https://www.edx.org/course/introduction-computer-science-harvardx-cs50x" target="_blank" rel="external">CS50 Introduction to Computer Science</a></p>
</li>
<li><p><a href="https://courses.edx.org/courses/course-v1:MichiganX+UX501x+3T2016/info" target="_blank" rel="external">UX501x Introduction to User Experience</a></p>
</li>
<li><p><a href="https://courses.edx.org/courses/course-v1:Microsoft+DAT101x+5T2016/info" target="_blank" rel="external">DAT101x Data Science Orientation</a></p>
</li>
<li><p><a href="https://www.edx.org/micromasters/business-analytics" target="_blank" rel="external">Business Analytics</a></p>
</li>
</ul>
]]></content>
<summary type="html">
<blockquote>
<p>教學平台</p>
</blockquote>
<h4 id="Hahow"><a href="#Hahow" class="headerlink" title="Hahow"></a><a href="https://hahow.in">Hahow</a></h4><ul>
<li><p><a href="https://hahow.in/courses/56189df9df7b3d0b005c6639">動畫互動網頁程式入門</a></p>
</li>
<li><p><a href="https://hahow.in/courses/572be49fd60bb3090091d208">不懂設計，也能學會的資訊圖像化密技！ by 圖文不符</a></p>
</li>
<li><p><a href="https://hahow.in/courses/577d9599d0c303070041173a">AutoCAD 電腦繪圖2D基礎篇－紮實入門</a></p>
</summary>
</entry>
<entry>
<title>製作GIF圖檔的好用免費工具</title>
<link href="http://yoursite.com/2017/04/13/%E8%A3%BD%E4%BD%9Cgif%E5%9C%96%E6%AA%94%E7%9A%84%E5%B7%A5%E5%85%B7%E6%95%B4%E7%90%86/"/>
<id>http://yoursite.com/2017/04/13/製作gif圖檔的工具整理/</id>
<published>2017-04-12T18:40:50.000Z</published>
<updated>2017-04-12T18:40:50.000Z</updated>
<content type="html"><![CDATA[<p>今天突然心血來潮想要來些不一樣的貼文，跟粉絲來多一點互動，想要跳脫過去的圖文式貼文，但是直播或是做影片又太麻煩了，這個時候就是GIF上場的時候拉！！！</p>
<p>以下是關於GIF的小小筆記</p>
<blockquote>
<p>什麼是GIF呢？</p>
</blockquote>
<p>他正式的名稱是：圖像互換格式（GIF，Graphics Interchange Format）是一種點陣圖圖形檔案格式，以8位元色（即256種顏色）重現真彩色的圖像。它是一種壓縮文件使用LZW壓縮演算法進行編碼，讓圖檔傳得更快。</p>
<a id="more"></a>
<blockquote>
<p>動態GIF？</p>
</blockquote>
<p>圖片動起來了？！？！？！<br>其實不是這樣，動態GIF是由許多包含連續圖像的影格組成，再利用像電影一樣連續替換圖像，我們的眼睛對運動物體的視覺殘留，產生「動起來？！？！」的感覺</p>
<p>想要了解可以參考<a href="https://zh.wikipedia.org/wiki/GIF" target="_blank" rel="external">維基百科</a>、<a href="https://www.bwcss.edu.hk/gallery/webcontent/ComputerStudyRing/gif_animator.pdf" target="_blank" rel="external">什麼是 GIF?</a><br>裡面有對GIF的技術和壓縮原理有詳細的介紹</p>
<blockquote>
<p>說了那麼多，我到底要怎麼做</p>
</blockquote>
<p>以下為幾個線上的免費ＧＩＦ製作的網站，主要的製作方法可分為兩種：</p>
<ul>
<li>將影片轉成動態GIF</li>
<li>上傳很多很多張圖片把他們拼成一個動態GIF</li>
</ul>
<h4 id="1-Imgur-Video-to-GIF"><a href="#1-Imgur-Video-to-GIF" class="headerlink" title="1. Imgur: Video to GIF"></a>1. <a href="http://imgur.com/vidgif" target="_blank" rel="external">Imgur: Video to GIF</a></h4><p><strong>特色：</strong>輕鬆將影片轉成GIF動畫，可直接儲存在Imgur帳號中，分享和保存變得非常方便<br><strong>功能：</strong>將影片轉換成動態GIF圖檔</p>
<h5 id="小介紹："><a href="#小介紹：" class="headerlink" title="小介紹："></a>小介紹：</h5><p>Imgur: Video to GIF是由Imgur公司推出，介面簡潔好看，使用起來也非常直覺好用</p>
<p>以下為網站進去的畫面，你可以直接將影片連結貼到網址列，就可以直接轉為GIF動畫拉<br><img src="http://i.imgur.com/04TQ3To.png" alt="Imgur to Vide0"></p>
<p>另外他也提供部分客製的功能，你可以自行選擇你想要的開始和結束時間，最長可以到達15秒唷！！<br><img src="http://i.imgur.com/H3NKQCp.png" alt="Imgur"></p>
<h4 id="2-GifYt"><a href="#2-GifYt" class="headerlink" title="2. GifYt"></a>2. <a href="https://gifs.com" target="_blank" rel="external">GifYt</a></h4><p><strong>特色：</strong>特別針對Youtube設計，在 YouTube影片網址前加上 gif，便能直接使用<br><strong>功能：</strong>快速將各種檔案製作成gif或mp4影片</p>
<h5 id="小介紹：-1"><a href="#小介紹：-1" class="headerlink" title="小介紹："></a>小介紹：</h5><p>GifYt其實就是Gif Youtube的縮寫，顧名思義，當然為了Youtube做了非常方便的功能<br>除了基本的上傳檔案製作成gif或mp4之外，要如何快速的將youtube的影片轉成gif檔呢？<br>以下是小小的示範</p>
<p>這是一個普通的Youtube的影片<br><img src="http://imgur.com/oQv12Sg.png" title="GifYt " style="width: 70%;height: 70%"></p>
<p>這是他的網址列<br><img src="http://i.imgur.com/xS5CDOq.png" title="GifYt " style="width: 70%;height: 70%"></p>
<p>在youtube.com前面加上gif，便能直接輕鬆轉換<br><img src="http://i.imgur.com/tv8rtXs.png" title="GifYt " style="width: 70%;height: 70%"></p>
<h4 id="3-Gfycat"><a href="#3-Gfycat" class="headerlink" title="3. Gfycat"></a>3. <a href="https://gfycat.com" target="_blank" rel="external">Gfycat</a></h4><p><strong>特色：</strong>能上傳現有的Gif檔，壓縮生成一個更小更有高效的Gif檔<br><strong>功能：</strong>高效的將影片或是Gif生成Gif動畫</p>
<h5 id="小介紹：-2"><a href="#小介紹：-2" class="headerlink" title="小介紹："></a>小介紹：</h5><p>Gifcat是個頗高品質的gif產生器，讓你更不需要擔心轉檔後的畫質和大小<br>另外，在他的官網首頁有非常多大家的Gif範例，如果突然缺乏靈感也可以來這裡逛逛喔<br><img src="http://i.imgur.com/AB50UeZ.png" title="Gfycat " style="width: 70%;height: 70%"></p>
<h4 id="4-Make-A-Gif"><a href="#4-Make-A-Gif" class="headerlink" title="4. Make A Gif"></a>4. <a href="http://makeagif.com" target="_blank" rel="external">Make A Gif</a></h4><p><strong>特色：</strong>支援直接將你電腦的攝影機（WebCam）轉Gif動畫喔<br><strong>功能：</strong>Picture、Youtube、Video、WebCam to GIF 和上傳GIF的免費空間</p>
<h5 id="小介紹：-3"><a href="#小介紹：-3" class="headerlink" title="小介紹："></a>小介紹：</h5><p>Make A Gif 同樣是一個介面設計非常簡潔直觀的網站<br>若是你突然想要在電腦前自拍個搞笑短片變成GIF分享給大家，他絕對是最方便的方式呀！！<br>另外，除了以上功能之外，他的官網也提供非常多大家的GIF讓你可以笑笑或當作靈感參考唷</p>
<p><img src="http://i.imgur.com/SBdSMxX.png" title="Make A Gif " style="width: 70%;height: 70%"></p>
<h4 id="5-EZGIF"><a href="#5-EZGIF" class="headerlink" title="5. EZGIF"></a>5. <a href="https://ezgif.com" target="_blank" rel="external">EZGIF</a></h4><p><strong>特色：</strong>支援畫面裁切、最佳化、加入文字、甚至簡單的特效後置、重製大小、分割畫面<br><strong>功能：</strong>將圖片或影片轉為GIF，並提供影像的編輯功能</p>
<h5 id="小介紹：-4"><a href="#小介紹：-4" class="headerlink" title="小介紹："></a>小介紹：</h5><p>EZGIF是老牌的網站，網站介面較為簡單，但卻提供了許多輕量化的動畫編輯功能，若你是對畫面有特別的需求的高度使用者，他可以解決你非常多的問題<br>一次可以上傳多達400個檔案</p>
<p>以下為網站的首頁，可以看到它提供了非常多高級的功能</p>
<p><img src="http://i.imgur.com/1zRuqVx.png" title="EZGIF " style="width: 70%;height: 70%"></p>
<h4 id="5-GIFMaker"><a href="#5-GIFMaker" class="headerlink" title="5. GIFMaker"></a>5. <a href="http://gifmaker.me" target="_blank" rel="external">GIFMaker</a></h4><p><strong>特色：</strong>支援大小選擇、速度調整、重複次數、聲音加入<br><strong>功能：</strong>上傳圖片做成GIF，並即時編修或加入聲音（youtube only）</p>
<h5 id="小介紹：-5"><a href="#小介紹：-5" class="headerlink" title="小介紹："></a>小介紹：</h5><p>GIFMaker支援批次上傳圖檔做成GIF，也可依需求做許多非常實用的調整，雖然不支援Video to Gif，但你可以簡單地將一個youtube影片的聲音加入，並選擇開始秒數</p>
<p>大家看他可以做很多很實用的修改喔，想要做那種很煩人一直重複的Gif他絕對是最輕鬆可以達到的</p>
<p><img src="http://i.imgur.com/SJK0yG8.png" title="GIFMaker " style="width: 70%;height: 70%"></p>
<h4 id="6-GIF-Make"><a href="#6-GIF-Make" class="headerlink" title="6. GIF Make"></a>6. <a href="http://gifmake.com" target="_blank" rel="external">GIF Make</a></h4><p><strong>特色：</strong>簡單的拖曳圖片做成Gif<br><strong>功能：</strong>將多張圖片拖曳上傳，製成GIf</p>
<h5 id="小介紹：-6"><a href="#小介紹：-6" class="headerlink" title="小介紹："></a>小介紹：</h5><p>GIF Make是一個相對簡單輕量的工具，支援拖曳多張圖片製成Gif，可簡單客製你要的大小</p>
<p><img src="http://i.imgur.com/VkGaykH.png" title="GIFmake " style="width: 70%;height: 70%"></p>
<h4 id="7-Picasion"><a href="#7-Picasion" class="headerlink" title="7. Picasion"></a>7. <a href="http://picasion.com" target="_blank" rel="external">Picasion</a></h4><p><strong>特色：</strong>可同時混合電腦中、線上、(網路攝影機)WebCam的圖片<br><strong>功能：</strong>將多張圖片製成GIf</p>
<h5 id="小介紹：-7"><a href="#小介紹：-7" class="headerlink" title="小介紹："></a>小介紹：</h5><p>Picasion是一個頗神奇的工具，如果你同時要整合許多張不同地方的圖片，他可以省去你很多時間</p>
<p><img src="http://i.imgur.com/ZpyBKXq.png" title="Picasion " style="width: 70%;height: 70%"></p>
<h4 id="8-GIFMAKER"><a href="#8-GIFMAKER" class="headerlink" title="8. GIFMAKER"></a>8. <a href="http://picasion.com" target="_blank" rel="external">GIFMAKER</a></h4><p><strong>特色：</strong>為你的GIF簡單加入許多好玩的現成特效和濾鏡<br><strong>功能：</strong>將Gif變成更有趣好玩好笑的GIF動畫</p>
<h5 id="小介紹：-8"><a href="#小介紹：-8" class="headerlink" title="小介紹："></a>小介紹：</h5><p>GIFMAKER有許得非常好玩的效果，真的滿好笑的，覺得你的GIF太死板太單調？讓他來改造你的GIF吧</p>
<p>這是他首頁的介紹</p>
<p><img src="http://i.imgur.com/uVzzGKy.png" title="GIFMAKER" style="width: 70%;height: 70%"></p>
<p>他可以玩很多很多好玩的效果喔！</p>
<p><img src="http://i.imgur.com/qkOJ5yc.png" title="GIFMAKER" style="width: 70%;height: 70%"></p>
<p>參考來源 : <a href="https://zh.wikipedia.org/wiki/GIF" target="_blank" rel="external">維基百科</a>、<a href="https://www.bwcss.edu.hk/gallery/webcontent/ComputerStudyRing/gif_animator.pdf" target="_blank" rel="external">什麼是 GIF?</a>、<a href="http://www.playpcesor.com/2015/02/gif-gif10.html" target="_blank" rel="external">免費線上 GIF 動畫製作懶人包：GIF圖還有10種玩法！ </a></p>
]]></content>
<summary type="html">
<p>今天突然心血來潮想要來些不一樣的貼文，跟粉絲來多一點互動，想要跳脫過去的圖文式貼文，但是直播或是做影片又太麻煩了，這個時候就是GIF上場的時候拉！！！</p>
<p>以下是關於GIF的小小筆記</p>
<blockquote>
<p>什麼是GIF呢？</p>
</blockquote>
<p>他正式的名稱是：圖像互換格式（GIF，Graphics Interchange Format）是一種點陣圖圖形檔案格式，以8位元色（即256種顏色）重現真彩色的圖像。它是一種壓縮文件使用LZW壓縮演算法進行編碼，讓圖檔傳得更快。</p>
</summary>
</entry>
<entry>
<title>To Read List</title>
<link href="http://yoursite.com/2017/04/13/TRL/"/>
<id>http://yoursite.com/2017/04/13/TRL/</id>
<published>2017-04-12T18:40:23.000Z</published>
<updated>2017-04-12T18:40:23.000Z</updated>
<content type="html"><![CDATA[<blockquote>
<p>Frout-End</p>
</blockquote>
<ul>
<li><a href="https://dotblogs.com.tw/wellwind/2016/12/21/front-end-fullcalendar" target="_blank" rel="external">[前端軍火庫]FullCalendar - 輕鬆完成專業級行事曆</a></li>
<li><a href="http://kimix.name/preload-images-預載圖片/" target="_blank" rel="external">Preload images 預載圖片</a></li>
<li><a href="https://sofree.cc/lazy-load/" target="_blank" rel="external">Lazy Load 延遲圖片載入，讓網站更順暢</a></li>
<li><a href="https://css-tricks.com/snippets/jquery/smooth-scrolling/" target="_blank" rel="external">Smooth Scrolling</a> CSS-Tricks</li>
<li><a href="http://muki.tw/tech/css-flexbox/" target="_blank" rel="external">CSS Flexbox 介紹與解析</a></li>
</ul>
<blockquote>
<p>IoT</p>
</blockquote>
<ul>
<li><a href="https://fossbytes.com/zero-terminal-tiny-linux-raspberry-pi-computer/" target="_blank" rel="external">Zero Terminal: A Tiny Linux PC That You Can Build Using Raspberry Pi And Smartphone Keyboard</a></li>
</ul>
<a id="more"></a>
<blockquote>
<p>VueJS</p>
</blockquote>
<ul>
<li><a href="https://www.youtube.com/watch?v=7ZjNQ92Pl3c&list=PLwAKR305CRO_1yAao-8aZiQnBqJeyng4O&index=4" target="_blank" rel="external">Using V-Bind Directive - Vue.js 2.0 Fundamentals (Part 4)</a></li>
<li><a href="https://vuejs.org/v2/guide/list.html#v-for" target="_blank" rel="external">List Rendering</a></li>
<li><a href="https://cn.vuejs.org/v2/guide/#Vue-js-是什么" target="_blank" rel="external">介绍 - Vue.js</a></li>
</ul>
<blockquote>
<p>WP Development</p>
</blockquote>
<ul>
<li><a href="https://theme-fusion.com/local-wordpress-installation-mac/" target="_blank" rel="external">How to Set Up a Local WordPress Installation on Your Mac</a></li>
<li><a href="https://sofree.cc/wp-gzip/" target="_blank" rel="external">不用外掛，直接啟動WordPress的Gzip網頁壓縮</a></li>
<li><a href="https://free.com.tw/eight-useful-code-snippets-for-wordpress/" target="_blank" rel="external">8 個實用的 WordPress 程式碼（Code Snippets）</a></li>
<li><a href="https://sofun.tw/wordpress-optimization/" target="_blank" rel="external">WordPress 優化重點、技巧項目</a></li>
</ul>
<blockquote>
<p>ChatBot</p>
</blockquote>
<ul>
<li><a href="https://www.zhihu.com/question/28283196" target="_blank" rel="external">如何制作一个聊天机器人？</a></li>
</ul>
<blockquote>
<p>GIT</p>
</blockquote>
<ul>
<li><a href="https://blog.othree.net/log/2017/03/25/gitdags-git/" target="_blank" rel="external">Gitdags, Git 示意圖工具</a></li>
<li><a href="http://gitreal.codeschool.com/levels/1/challenges/2" target="_blank" rel="external"> Code School - Git Real </a></li>
</ul>
<blockquote>
<p>Data</p>
</blockquote>
<ul>
<li><a href="https://www.stockfeel.com.tw/從儲存、挖掘到溝通，引領產業新面貌：大數據big-data/" target="_blank" rel="external">從儲存、挖掘到溝通，引領產業新面貌：大數據(Big Data)</a></li>
<li><a href="https://buzzorange.com/techorange/2017/03/21/data-science-book/" target="_blank" rel="external">【免費自修資源】精選 8 本資料科學經典書單，讓你自學也能變大師</a></li>
<li><a href="http://www.smalljacky.com/programming-language/php/ajax-javascript-jquery-example-for-php/" target="_blank" rel="external">Ajax JavaScript 與 jQuery 教學範例 for PHP</a></li>
</ul>
<blockquote>
<p>JS</p>
</blockquote>
<ul>
<li><a href="http://javascript.ruanyifeng.com" target="_blank" rel="external">JavaScript 标准参考教程（alpha）</a></li>
<li><a href="http://ithelp.ithome.com.tw/articles/10161556" target="_blank" rel="external">Node.js 系列學習日誌 #29 - 部署上線至 Heroku 雲端平台環境</a></li>
<li><a href="http://wiki.jikexueyuan.com/project/nodejs-guide/" target="_blank" rel="external">七天学会 NodeJS</a></li>
<li><a href="http://blog.miniasp.com/post/2015/08/13/essential-frontend-tools-2015.aspx" target="_blank" rel="external">前端工程師必須學會的現代化前端開發工具</a></li>
<li><a href="http://callbackhell.com" target="_blank" rel="external">Callback Hell</a></li>
<li><a href="http://larry850806.github.io/2016/06/01/async2/" target="_blank" rel="external">[Javascript] 如何用 async 控制流程 (二)</a></li>
<li><a href="http://dreamerslab.com/blog/tw/node-js-basics/" target="_blank" rel="external">node.js 基本教學</a> (Module教學)</li>
<li><a href="http://ball.logdown.com/posts/199525-super-annoying-nodejs-study-notes-async" target="_blank" rel="external">Nodejs學習筆記 -超煩人的Async</a></li>
<li><a href="http://book.mixu.net/node/ch7.html" target="_blank" rel="external">7. Control flow</a> Mixu’s Node book</li>
<li><a href="https://nodejust.com/nodejs-mongodb-read-data/" target="_blank" rel="external">Node.js學習筆記 12：MongoDB的操作－讀取資料庫裡的資料</a></li>
<li><a href="https://www.youtube.com/watch?v=MhkGQAoc7bc&list=PLoYCgNOIyGABj2GQSlDRjgvXtqfDxKm5b" target="_blank" rel="external">REACT JS TUTORIAL #1 - Reactjs Javascript Introduction & Workspace Setup</a></li>
<li><a href="http://fred-zone.blogspot.tw/2017/02/nodejs-protocol-buffers.html" target="_blank" rel="external">Node.js 也可以使用 Protocol Buffers！</a></li>
<li><a href="https://blog.risingstack.com/node-js-database-tutorial/" target="_blank" rel="external">Node Hero - Node.js Database Tutorial</a></li>
</ul>
<ul>
<li>Dev. Outline<br><img src="http://i.imgur.com/4Ru1pu1.png" style="width: 60%" title="Outline"></li>
</ul>
<blockquote>
<p>Development Tools</p>
</blockquote>
<ul>
<li><a href="https://www.barryblogs.com/sublime-text-ftp-sftp-remotefilesync/" target="_blank" rel="external">Sublime Text FTP/SFTP 遠端檔案同步</a></li>
<li><a href="https://single9.gitbooks.io/nkfust-bonescript/content/cloud_9/basic_usage.html" target="_blank" rel="external">基本操作 | Beaglebone Black 課程講義</a></li>
</ul>
<blockquote>
<p>Data Visualization</p>
</blockquote>
<ul>
<li><a href="https://datatables.net/forums/discussion/38969" target="_blank" rel="external">Reload/refresh table after event</a></li>
<li><a href="http://yhhuang1966.blogspot.tw/2013/05/jquery-datatable.html" target="_blank" rel="external">jQuery 套件 DataTables 的測試</a></li>
<li><a href="https://jsfiddle.net/chanonroy/9xrb0vhe/" target="_blank" rel="external">Chart.js v2 stacked bar chart - JSFiddle</a></li>
<li><a href="http://echarts.baidu.com/demo.html#effectScatter-bmap" target="_blank" rel="external">ECharts Examples</a></li>
<li><a href="https://jsfiddle.net/red_stapler/u5aanta8/1/" target="_blank" rel="external">chart.js line 2.0 - JSFiddle</a></li>
<li><a href="http://www.chartjs.org/docs/" target="_blank" rel="external">Chart.js API Documentation</a></li>
<li><a href="http://www.bootcss.com/p/chart.js/docs/" target="_blank" rel="external">Chart.js 中文文档</a></li>
</ul>
<blockquote>
<p>MindSeta</p>
</blockquote>
<ul>
<li><a href="https://medium.com/@wilsonhuang/the-effective-engineer-翻譯筆記-optimize-for-learning-part-1-2c8453a9e9df#.lr43ib2zu" target="_blank" rel="external">[The Effective Engineer 翻譯筆記] Optimize for Learning, Part 1</a></li>
</ul>
]]></content>
<summary type="html">
<blockquote>
<p>Frout-End</p>
</blockquote>
<ul>
<li><a href="https://dotblogs.com.tw/wellwind/2016/12/21/front-end-fullcalendar">[前端軍火庫]FullCalendar - 輕鬆完成專業級行事曆</a></li>
<li><a href="http://kimix.name/preload-images-預載圖片/">Preload images 預載圖片</a></li>
<li><a href="https://sofree.cc/lazy-load/">Lazy Load 延遲圖片載入，讓網站更順暢</a></li>
<li><a href="https://css-tricks.com/snippets/jquery/smooth-scrolling/">Smooth Scrolling</a> CSS-Tricks</li>
<li><a href="http://muki.tw/tech/css-flexbox/">CSS Flexbox 介紹與解析</a></li>
</ul>
<blockquote>
<p>IoT</p>
</blockquote>
<ul>
<li><a href="https://fossbytes.com/zero-terminal-tiny-linux-raspberry-pi-computer/">Zero Terminal: A Tiny Linux PC That You Can Build Using Raspberry Pi And Smartphone Keyboard</a></li>
</ul>
</summary>
<category term="TRL" scheme="http://yoursite.com/categories/TRL/"/>
</entry>
<entry>
<title>To Read List (Design)</title>
<link href="http://yoursite.com/2017/03/28/TRL-Design/"/>
<id>http://yoursite.com/2017/03/28/TRL-Design/</id>
<published>2017-03-27T19:12:36.000Z</published>
<updated>2017-03-27T19:12:36.000Z</updated>
<content type="html"><![CDATA[<blockquote>
<p>UX</p>
</blockquote>
<ul>
<li><a href="https://hardcorethinking.wordpress.com/2017/03/20/dtc-01/#more-1788" target="_blank" rel="external">[D./DTC] 01: Living with Complexity by Don Norman</a> (用戶體驗（UX, User Experience）)</li>
</ul>
<blockquote>
<p>Animation</p>
</blockquote>
<p><a href="https://medium.com/airbnb-engineering/introducing-lottie-4ff4a0afac0e#.v6baxi14l" target="_blank" rel="external">Introducing Lottie</a><br><a href="http://loading.io" target="_blank" rel="external">loading.io</a><br><a href="https://github.com/yutin1987/react-native-loading-cat" target="_blank" rel="external">react-native-loading-cat</a></p>
<blockquote>
<p>CSS</p>
</blockquote>
<p><a href="https://scotch.io/tag/css" target="_blank" rel="external">Tag Archive for “css” | Scotch</a></p>
]]></content>
<summary type="html">
<blockquote>
<p>UX</p>
</blockquote>
<ul>
<li><a href="https://hardcorethinking.wordpress.com/2017/03/20/dtc-01/#more-1788" target="_blank"
</summary>
<category term="TRL" scheme="http://yoursite.com/categories/TRL/"/>
</entry>
<entry>
<title>To Read List (Marketing)</title>
<link href="http://yoursite.com/2017/03/28/TRL-Marketing/"/>
<id>http://yoursite.com/2017/03/28/TRL-Marketing/</id>
<published>2017-03-27T19:02:46.000Z</published>
<updated>2017-03-27T19:02:46.000Z</updated>
<content type="html"><![CDATA[<blockquote>
<p>SEO</p>
</blockquote>
<ul>
<li><a href="http://www.dgcovery.com/2017/02/23/seo-optimization-strategy/" target="_blank" rel="external">優化SEO有訣竅！6招拉高網購流量讓你訂單接到手軟</a></li>
<li><a href="https://newbieboss.com/2017-e-commerce-seo-guide/" target="_blank" rel="external">如何優化購物網站的SEO，馬上免費增加流量，提升營業額 [2017最新]</a></li>
</ul>
<blockquote>
<p>GA</p>
</blockquote>
<ul>
<li><a href="https://blog.dcplus.com.tw/tools/tools-for-dummies/32958" target="_blank" rel="external">全世界最懶的 GA 懶人包 ─ 第三方工具整合篇</a></li>
</ul>
]]></content>
<summary type="html">
<blockquote>
<p>SEO</p>
</blockquote>
<ul>
<li><a href="http://www.dgcovery.com/2017/02/23/seo-optimization-strategy/" target="_blank" rel="
</summary>
<category term="TRL" scheme="http://yoursite.com/categories/TRL/"/>
</entry>
<entry>
<title>Bug Fixing Records</title>
<link href="http://yoursite.com/2017/03/28/Bug-Fixing-Records/"/>
<id>http://yoursite.com/2017/03/28/Bug-Fixing-Records/</id>
<published>2017-03-27T18:52:05.000Z</published>
<updated>2017-03-27T18:52:05.000Z</updated>
<content type="html"><![CDATA[<blockquote>
<p>Node</p>
</blockquote>
<ul>
<li><a href="https://gist.github.com/DanHerbert/9520689" target="_blank" rel="external">Fixing npm On Mac OS X for Homebrew Users</a><pre><code>export PATH="$HOME/.npm-packages/bin:$PATH"
</code></pre></li>
</ul>
]]></content>
<summary type="html">
<blockquote>
<p>Node</p>
</blockquote>
<ul>
<li><a href="https://gist.github.com/DanHerbert/9520689" target="_blank" rel="external">Fixing n
</summary>
<category term="Development" scheme="http://yoursite.com/categories/Development/"/>
</entry>
<entry>
<title>看盤軟體</title>
<link href="http://yoursite.com/2017/03/28/%E7%9C%8B%E7%9B%A4%E8%BB%9F%E9%AB%94%E6%95%B4%E7%90%86/"/>
<id>http://yoursite.com/2017/03/28/看盤軟體整理/</id>
<published>2017-03-27T17:17:11.000Z</published>
<updated>2017-03-27T17:17:11.000Z</updated>
<content type="html"><![CDATA[<p>想要有好的投資績效，市場行情的快速掌握是絕對是非常關鍵的，以下為各種好用的各種金融看盤軟體整理喔</p>
<blockquote>
<p>Future</p>
</blockquote>
<ul>
<li><a href="https://yunbi.com" target="_blank" rel="external">雲幣網</a></li>
</ul>
<p><strong>國籍</strong>：China<br><strong>標的</strong>：各式新興的加密貨幣<br><strong>LIST</strong>：BTC, ETH, ZEC, DGD, 1SŦ, REP, SC, ZMC, GNT, BTS, ANS, ETC<br><strong>簡介</strong>：<br>由於雲幣網為交易平台，因此各種資訊是非常充足的，舉凡K線、KD值、成交量、MACD、即時委買委賣量皆一目瞭然，你也可以直接在平台下單</p>
]]></content>
<summary type="html">
<p>想要有好的投資績效，市場行情的快速掌握是絕對是非常關鍵的，以下為各種好用的各種金融看盤軟體整理喔</p>
<blockquote>
<p>Future</p>
</blockquote>
<ul>
<li><a href="https://yunbi.com" target
</summary>
</entry>
<entry>
<title>Hexo 教學資源</title>
<link href="http://yoursite.com/2017/03/25/Hexo-%E6%95%99%E5%AD%B8%E8%B3%87%E6%BA%90/"/>
<id>http://yoursite.com/2017/03/25/Hexo-教學資源/</id>
<published>2017-03-24T20:11:46.000Z</published>
<updated>2017-03-24T20:11:46.000Z</updated>
<content type="html"><![CDATA[<p>整理網路上一些Hexo的教學資源</p>
<ul>
<li><a href="https://wwssllabcd.github.io/blog/2014/12/22/how-to-install-hexo/" target="_blank" rel="external">Hexo 安裝教學、心得筆記</a><h6 id="printf-“-I’m-EricWang-“"><a href="#printf-“-I’m-EricWang-“" class="headerlink" title="printf(“ I’m EricWang “)"></a>printf(“ I’m EricWang “)</h6></li>
<li><a href="http://theme-next.iissnan.com/getting-started.html" target="_blank" rel="external">NexT主題使用手冊</a><h6 id="NexT中文文檔"><a href="#NexT中文文檔" class="headerlink" title="NexT中文文檔"></a>NexT中文文檔</h6></li>
<li><a href="https://sean.life/2016/09/16/Create-a-personl-blog-website/" target="_blank" rel="external">如何使用 Hexo + Github Pages 建立個人部落格</a><h6 id="Sean-Life"><a href="#Sean-Life" class="headerlink" title="Sean.Life"></a>Sean.Life</h6></li>
</ul>
]]></content>
<summary type="html">
<p>整理網路上一些Hexo的教學資源</p>
<ul>
<li><a href="https://wwssllabcd.github.io/blog/2014/12/22/how-to-install-hexo/" target="_blank" rel="external">
</summary>
</entry>
<entry>
<title>Wordpress TUTORIAL - ＷP教學資源整理</title>
<link href="http://yoursite.com/2017/03/25/WP-tutorial/"/>
<id>http://yoursite.com/2017/03/25/WP-tutorial/</id>
<published>2017-03-24T20:08:24.000Z</published>
<updated>2017-03-24T20:08:24.000Z</updated>
<content type="html"><![CDATA[<blockquote>
<p>入門文章</p>
</blockquote>
<ul>
<li><a href="https://newbieboss.com/2017-e-commerce-seo-guide/" target="_blank" rel="external">如何優化購物網站的SEO，馬上免費增加流量，提升營業額 [2017最新]</a></li>
</ul>
]]></content>
<summary type="html">
<blockquote>
<p>入門文章</p>
</blockquote>
<ul>
<li><a href="https://newbieboss.com/2017-e-commerce-seo-guide/" target="_blank" rel="external">如
</summary>
</entry>
<entry>
<title>Marketing_Tools</title>
<link href="http://yoursite.com/2017/01/24/Marketing-Tools/"/>
<id>http://yoursite.com/2017/01/24/Marketing-Tools/</id>
<published>2017-01-23T18:18:22.000Z</published>
<updated>2017-01-23T18:20:48.000Z</updated>
<content type="html"><![CDATA[<h2 id="行銷工具"><a href="#行銷工具" class="headerlink" title="行銷工具"></a>行銷工具</h2><h4 id="Facebook"><a href="#Facebook" class="headerlink" title="Facebook"></a>Facebook</h4><ul>
<li><a href="https://developers.facebook.com/apps/1916793665220718/roles/" target="_blank" rel="external">App主控台</a></li>
</ul>
<h4 id="Google-Analysis"><a href="#Google-Analysis" class="headerlink" title="Google Analysis"></a>Google Analysis</h4><ul>
<li><a href="https://analytics.google.com/analytics/web/?hl=zh-TW&pli=1#report/defaultid/a81663557w134629259p138739176/%3Foverview-graphOptions.selected%3Danalytics.nthDay/" target="_blank" rel="external">GA</a></li>
</ul>
]]></content>
<summary type="html">
<h2 id="行銷工具"><a href="#行銷工具" class="headerlink" title="行銷工具"></a>行銷工具</h2><h4 id="Facebook"><a href="#Facebook" class="headerlink" title="F
</summary>
<category term="Marketing" scheme="http://yoursite.com/tags/Marketing/"/>
</entry>
<entry>
<title>Tools</title>