-
Notifications
You must be signed in to change notification settings - Fork 2
/
atom.xml
594 lines (285 loc) · 19.5 KB
/
atom.xml
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
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>卡斯伯 Blog - 前端，沒有極限</title>
<link href="/atom.xml" rel="self"/>
<link href="https://wcc723.github.io/"/>
<updated>2023-10-16T11:42:05.784Z</updated>
<id>https://wcc723.github.io/</id>
<author>
<name>Wang Casper</name>
</author>
<generator uri="http://hexo.io/">Hexo</generator>
<entry>
<title>Node.js 實戰密技大統整（套件運用、金流、第三方登入、雲服務、Docker）</title>
<link href="https://wcc723.github.io/development/2023/10/15/ironman-collection/"/>
<id>https://wcc723.github.io/development/2023/10/15/ironman-collection/</id>
<published>2023-10-14T16:00:00.000Z</published>
<updated>2023-10-16T11:42:05.784Z</updated>
<summary type="html">
<p>大家好，我是卡斯伯老師，</p>
<p>我在 2023 年參加了 iThome 所舉辦的鐵人賽，這個比賽是連續 30 天每天都要寫一篇技術文章，系列主題名稱為：「Node.js 實戰密技與辦公室的小壞壞：即戰力釋放讓總裁的心動瞬間」，顧名思義主題會跟 Node.js
</summary>
<category term="development" scheme="https://wcc723.github.io/categories/development/"/>
<category term="javascript" scheme="https://wcc723.github.io/tags/javascript/"/>
<category term="nodejs" scheme="https://wcc723.github.io/tags/nodejs/"/>
</entry>
<entry>
<title>在伺服器上建置 Traefik Proxy 反向代理伺服器</title>
<link href="https://wcc723.github.io/development/2023/10/14/traefik/"/>
<id>https://wcc723.github.io/development/2023/10/14/traefik/</id>
<published>2023-10-13T16:00:00.000Z</published>
<updated>2023-10-14T04:50:52.219Z</updated>
<summary type="html">
<div class="ratio ratio-16x9">
<iframe width="100%" src="https://www.youtube.com/embed/CV3pi8KQEy0" title="YouTube video player"
</summary>
<category term="development" scheme="https://wcc723.github.io/categories/development/"/>
<category term="javascript" scheme="https://wcc723.github.io/tags/javascript/"/>
<category term="nodejs" scheme="https://wcc723.github.io/tags/nodejs/"/>
<category term="traefik" scheme="https://wcc723.github.io/tags/traefik/"/>
</entry>
<entry>
<title>Portainer 環境建置 - Docker 伺服器端最易上手的 GUI 管理工具</title>
<link href="https://wcc723.github.io/development/2023/10/11/portainer/"/>
<id>https://wcc723.github.io/development/2023/10/11/portainer/</id>
<published>2023-10-10T16:00:00.000Z</published>
<updated>2023-10-08T02:17:03.954Z</updated>
<summary type="html">
<div class="ratio ratio-16x9">
<iframe width="100%" src="https://www.youtube.com/embed/o7ZPkruxRbg" title="YouTube video player"
</summary>
<category term="development" scheme="https://wcc723.github.io/categories/development/"/>
<category term="javascript" scheme="https://wcc723.github.io/tags/javascript/"/>
<category term="nodejs" scheme="https://wcc723.github.io/tags/nodejs/"/>
</entry>
<entry>
<title>在 Ubuntu 上加入 Docker 環境並部署 Node.js 專案</title>
<link href="https://wcc723.github.io/development/2023/10/08/ubuntu-docker/"/>
<id>https://wcc723.github.io/development/2023/10/08/ubuntu-docker/</id>
<published>2023-10-07T16:00:00.000Z</published>
<updated>2023-10-08T03:26:10.400Z</updated>
<summary type="html">
<div class="ratio ratio-16x9">
<iframe width="100%" src="https://www.youtube.com/embed/JocSDHOFNzw" title="YouTube video player"
</summary>
<category term="development" scheme="https://wcc723.github.io/categories/development/"/>
<category term="javascript" scheme="https://wcc723.github.io/tags/javascript/"/>
<category term="nodejs" scheme="https://wcc723.github.io/tags/nodejs/"/>
</entry>
<entry>
<title>在 Ubuntu 上加入 Docker 環境並部署 Node.js 專案</title>
<link href="https://wcc723.github.io/development/2023/10/07/docker-container/"/>
<id>https://wcc723.github.io/development/2023/10/07/docker-container/</id>
<published>2023-10-06T16:00:00.000Z</published>
<updated>2023-10-04T12:58:10.905Z</updated>
<summary type="html">
<div class="ratio ratio-16x9">
<iframe width="100%" src="https://www.youtube.com/embed/RsY5cCc9RGM" title="YouTube video player"
</summary>
<category term="development" scheme="https://wcc723.github.io/categories/development/"/>
<category term="javascript" scheme="https://wcc723.github.io/tags/javascript/"/>
<category term="nodejs" scheme="https://wcc723.github.io/tags/nodejs/"/>
</entry>
<entry>
<title>使用 GitHub Action 部署 Node.js 專案至虛擬主機上</title>
<link href="https://wcc723.github.io/development/2023/10/04/nodejs-github-action/"/>
<id>https://wcc723.github.io/development/2023/10/04/nodejs-github-action/</id>
<published>2023-10-03T16:00:00.000Z</published>
<updated>2023-10-04T13:32:39.996Z</updated>
<summary type="html">
<div class="ratio ratio-16x9">
<iframe width="100%" src="https://www.youtube.com/embed/cUmSAGtP-70" title="YouTube video player"
</summary>
<category term="development" scheme="https://wcc723.github.io/categories/development/"/>
<category term="javascript" scheme="https://wcc723.github.io/tags/javascript/"/>
<category term="nodejs" scheme="https://wcc723.github.io/tags/nodejs/"/>
</entry>
<entry>
<title>Ubuntu 虛擬主機部署 Node.js 服務，使用 PM2 服務管理</title>
<link href="https://wcc723.github.io/development/2023/10/03/unbuntu-and-pm2/"/>
<id>https://wcc723.github.io/development/2023/10/03/unbuntu-and-pm2/</id>
<published>2023-10-02T16:00:00.000Z</published>
<updated>2023-09-22T09:36:15.775Z</updated>
<summary type="html">
<div class="ratio ratio-16x9">
<iframe width="100%" src="https://www.youtube.com/embed/e9Y4sWcwsn8" title="YouTube video player"
</summary>
<category term="development" scheme="https://wcc723.github.io/categories/development/"/>
<category term="javascript" scheme="https://wcc723.github.io/tags/javascript/"/>
<category term="nodejs" scheme="https://wcc723.github.io/tags/nodejs/"/>
</entry>
<entry>
<title>Firebase Storage 申請設定以及 Node.js 串接方式</title>
<link href="https://wcc723.github.io/development/2023/09/29/fireabase-storage/"/>
<id>https://wcc723.github.io/development/2023/09/29/fireabase-storage/</id>
<published>2023-09-28T16:00:00.000Z</published>
<updated>2023-09-21T05:44:56.467Z</updated>
<summary type="html">
<div class="ratio ratio-16x9">
<iframe width="100%" src="https://www.youtube.com/embed/H4GmskFhSJQ" title="YouTube video player"
</summary>
<category term="development" scheme="https://wcc723.github.io/categories/development/"/>
<category term="javascript" scheme="https://wcc723.github.io/tags/javascript/"/>
<category term="nodejs" scheme="https://wcc723.github.io/tags/nodejs/"/>
</entry>
<entry>
<title>AWS S3 申請設定以及 Node.js 串接方式</title>
<link href="https://wcc723.github.io/development/2023/09/28/aws-s3/"/>
<id>https://wcc723.github.io/development/2023/09/28/aws-s3/</id>
<published>2023-09-27T16:00:00.000Z</published>
<updated>2023-09-21T05:44:54.093Z</updated>
<summary type="html">
<div class="ratio ratio-16x9">
<iframe width="100%" src="https://www.youtube.com/embed/y12KO8XM6jw" title="YouTube video player"
</summary>
<category term="development" scheme="https://wcc723.github.io/categories/development/"/>
<category term="javascript" scheme="https://wcc723.github.io/tags/javascript/"/>
<category term="nodejs" scheme="https://wcc723.github.io/tags/nodejs/"/>
</entry>
<entry>
<title>藍新金流申請以及串接方式</title>
<link href="https://wcc723.github.io/development/2023/09/26/newebay/"/>
<id>https://wcc723.github.io/development/2023/09/26/newebay/</id>
<published>2023-09-25T16:00:00.000Z</published>
<updated>2023-09-21T03:57:26.838Z</updated>
<summary type="html">
<p>這是鐵人賽相關文章，影片會在活動開始後發布</p>
<p>藍新金流官方正式網站：<a href="https://www.newebpay.com/">https://www.newebpay.com/</a><br>藍新金流測試站：<a
</summary>
<category term="development" scheme="https://wcc723.github.io/categories/development/"/>
<category term="javascript" scheme="https://wcc723.github.io/tags/javascript/"/>
<category term="nodejs" scheme="https://wcc723.github.io/tags/nodejs/"/>
</entry>
<entry>
<title>JS 中的物件迴圈手法</title>
<link href="https://wcc723.github.io/development/2022/03/10/object-for-each/"/>
<id>https://wcc723.github.io/development/2022/03/10/object-for-each/</id>
<published>2022-03-09T16:00:00.000Z</published>
<updated>2022-03-10T08:40:33.291Z</updated>
<summary type="html">
<p>陣列本身具有非常多好用的迴圈方法，如：<code>forEach</code>、<code>map</code>、<code>reduce</code>、<code>find</code>…，這些方法有助於處理各種陣列的資料。</p>
<p>但實戰中，不一定所有的資料格式都
</summary>
<category term="development" scheme="https://wcc723.github.io/categories/development/"/>
<category term="javascript" scheme="https://wcc723.github.io/tags/javascript/"/>
</entry>
<entry>
<title>安裝 nvm 環境，Node.js 開發者必學（Windows、Mac 均適用）</title>
<link href="https://wcc723.github.io/development/2022/01/10/install-nvm/"/>
<id>https://wcc723.github.io/development/2022/01/10/install-nvm/</id>
<published>2022-01-09T16:00:00.000Z</published>
<updated>2022-01-11T02:06:56.883Z</updated>
<summary type="html">
<p>使用 NVM 已經是 Node.js 開發者必備的工具，它最大的用途在於可以輕鬆切換不同版本的 Node.js，尤其在後端的專案中，團隊需要統一的開發環境時可以精確切換到同一個 Node.js 子版本上，避免發生版本不同所發生的問題。</p>
<p>NVM 為 Node
</summary>
<category term="development" scheme="https://wcc723.github.io/categories/development/"/>
<category term="javascript" scheme="https://wcc723.github.io/tags/javascript/"/>
<category term="nodejs" scheme="https://wcc723.github.io/tags/nodejs/"/>
</entry>
<entry>
<title>一個工具，帶你完整認識 CSS Animation</title>
<link href="https://wcc723.github.io/development/2021/10/04/css-animation/"/>
<id>https://wcc723.github.io/development/2021/10/04/css-animation/</id>
<published>2021-10-03T16:00:00.000Z</published>
<updated>2021-10-04T08:03:42.000Z</updated>
<summary type="html">
<p>網頁上看到許多 CSS Animation 套效想要參考使用，但卻不知道其中的屬性各自代表什麼意思嗎？本篇將介紹 CSS Animation 的各項屬性運用技巧，並提供一個模擬工具，讓大家可以快速的了解每個屬性的意義。</p>
<h2 id="建立第一個動畫"><a
</summary>
<category term="development" scheme="https://wcc723.github.io/categories/development/"/>
<category term="css" scheme="https://wcc723.github.io/tags/css/"/>
</entry>
<entry>
<title>Mac OSX 截圖全說明（單一視窗、全螢幕、重設截圖路徑、Touch Bar）</title>
<link href="https://wcc723.github.io/development/2021/09/28/mac-osx-screen-capture/"/>
<id>https://wcc723.github.io/development/2021/09/28/mac-osx-screen-capture/</id>
<published>2021-09-27T16:00:00.000Z</published>
<updated>2021-09-28T08:07:39.000Z</updated>
<summary type="html">
<p>Mac OSX 的內建截圖熱鍵相當好用，雖然看起來熱鍵組合很多，但每一個鍵都有它的組合意義，在此先附上完整的熱鍵組合表。</p>
<p><img
</summary>
<category term="development" scheme="https://wcc723.github.io/categories/development/"/>
<category term="mac" scheme="https://wcc723.github.io/tags/mac/"/>
<category term="osx" scheme="https://wcc723.github.io/tags/osx/"/>
</entry>
<entry>
<title>CSS 變數必學知識 - 宣告、繼承及 Bootstrap 中的運用技巧</title>
<link href="https://wcc723.github.io/development/2021/09/22/css-variables-bootstrap/"/>
<id>https://wcc723.github.io/development/2021/09/22/css-variables-bootstrap/</id>
<published>2021-09-21T16:00:00.000Z</published>
<updated>2021-09-23T03:37:07.000Z</updated>
<summary type="html">
<p>在 Bootstrap 5 以後，大量導入 “CSS Variable” 的技巧，透過變數可以大幅增加 CSS 的可運用性，讓同一段程式碼透過修改變數的形式，大幅增加 CSS 的可用性，本篇將介紹 CSS 基本運用方式，以及在 Bootstrap 5
</summary>
<category term="development" scheme="https://wcc723.github.io/categories/development/"/>
<category term="css" scheme="https://wcc723.github.io/tags/css/"/>
</entry>
<entry>
<title>履歷避雷技巧 - 技能描述篇</title>
<link href="https://wcc723.github.io/development/2021/09/17/resume-skills/"/>
<id>https://wcc723.github.io/development/2021/09/17/resume-skills/</id>
<published>2021-09-16T16:00:00.000Z</published>
<updated>2021-09-17T07:19:31.000Z</updated>
<summary type="html">
<p>履歷中的「技能」描述是個人專業技能的主述，徵才單位會透過其內容理解求職者的能力，更重要的是透過字詞中分析對於技能的<strong>掌握深度</strong>，如果沒有善加利用，可能會造成：</p>
<ul>
<li>資深開發者：但沒有透過履歷展現出應有的深度</li>
<l
</summary>
<category term="development" scheme="https://wcc723.github.io/categories/development/"/>
<category term="履歷" scheme="https://wcc723.github.io/tags/%E5%B1%A5%E6%AD%B7/"/>
</entry>
<entry>
<title>JavaScript Console 運用技巧 - 8 招讓你除錯更高效</title>
<link href="https://wcc723.github.io/development/2021/09/14/js-console/"/>
<id>https://wcc723.github.io/development/2021/09/14/js-console/</id>
<published>2021-09-13T16:00:00.000Z</published>
<updated>2021-09-14T08:15:50.000Z</updated>
<summary type="html">
<p>寫 JavaScript 需要檢視運作是否正確時候，都會使用 <code>console.log</code> 來檢視輸出或運算的值，而 <code>console</code> 的運用技巧不僅僅只有將值呈現在開發的 Console 介面中。本篇就來介紹許多
</summary>
<category term="development" scheme="https://wcc723.github.io/categories/development/"/>
<category term="javascript" scheme="https://wcc723.github.io/tags/javascript/"/>
<category term="js" scheme="https://wcc723.github.io/tags/js/"/>
</entry>
<entry>
<title>CSS 選取器(基本篇) - CSS Selector</title>
<link href="https://wcc723.github.io/development/2021/09/11/css-selector/"/>
<id>https://wcc723.github.io/development/2021/09/11/css-selector/</id>
<published>2021-09-10T16:00:00.000Z</published>
<updated>2021-09-11T10:59:45.000Z</updated>
<summary type="html">
<p>一個開發者對於畫面的掌控度高不高，完全都可以取決於「CSS 選取器」掌握度，無論是基本的 CSS 到 jQuery 甚至是原生的 JavaScript 都是使用 CSS
</summary>
<category term="development" scheme="https://wcc723.github.io/categories/development/"/>
<category term="css" scheme="https://wcc723.github.io/tags/css/"/>
</entry>
<entry>
<title>Vue 3 新手夏令營</title>
<link href="https://wcc723.github.io/development/2021/07/07/vue-summer-camp/"/>
<id>https://wcc723.github.io/development/2021/07/07/vue-summer-camp/</id>
<published>2021-07-06T16:00:00.000Z</published>
<updated>2021-07-07T07:38:13.000Z</updated>
<summary type="html">
<p>現在前端所需技能越來越深，而三大框架雖然資源豐富，但對於新手來說卻也不知道如何入門，因此我們舉辦「Vue 3 夏令營」，讓更多的前端同好可以認識這門框架～</p>
<h2 id="這個活動適合哪些人呢？"><a href="#這個活動適合哪些人呢？"
</summary>
<category term="development" scheme="https://wcc723.github.io/categories/development/"/>
<category term="vue" scheme="https://wcc723.github.io/tags/vue/"/>
</entry>
<entry>
<title>為什麼選擇使用 Mac 來進行開發</title>
<link href="https://wcc723.github.io/life/2021/06/14/why-use-mac/"/>
<id>https://wcc723.github.io/life/2021/06/14/why-use-mac/</id>
<published>2021-06-13T16:00:00.000Z</published>
<updated>2021-07-07T03:23:33.000Z</updated>
<summary type="html">
<p>我在求學過程中以及剛開始接觸開發跟許多人都一樣，是使用 Windows 作為剛開始起手的作業系統。</p>
<p>但現在，我主力的開發環境轉移到了 Mac OS
</summary>
<category term="life" scheme="https://wcc723.github.io/categories/life/"/>
<category term="mac" scheme="https://wcc723.github.io/tags/mac/"/>
</entry>
</feed>