因為最近 Side Project 增加，常常都要一條龍而且環境也都不盡相同，決定花一點時間了解 Docker，結束原本都只會 docker compose up 的狀態。Docker 是一個基於 Container 的封裝環境工具，為什麼會需要這樣的工具？又為什麼會有 Docker 誕生，就要先來看看從以前到現在是怎麼去部署一個服務。

以下內容非常的長，如果只想要了解 Docker 怎麼操作可以從 Docker 第一步開始閱讀。

由於原先在 Local 端搭配 Markdown 來進行編輯部署的方式讓寫作這件事有些麻煩，於是希望可以有個 CMS 工具管理自己的文章，以便調整一些 meta 資訊，主要嘗試了 Ghost 與 Notion API 這兩種方案，最終決定使用 Notion API。

以下分享關於 Source Notion API Plugin 的一些使用心得。

從以前就很喜歡資料視覺化，經過半年比較沒有接觸到數據相關的服務，終於在近期一口氣做好做滿，趁著機會整理一下之前寫過對於資料視覺化的想法，把關於開發的部分補上，作為 D3 使用的紀錄。

醞釀要開一個部落格很久，卻遲遲沒有勇氣，但眼看一年都已經到了六月這樣不行 ...... 就慢慢的把之前零零碎碎的筆記寫成一篇篇文章。

而當然也包含半年前，心血來潮的看到 Gatsby 這個新的架構，心裡想著：「如果可以使用 Component 的話是不是就可以做出很多很酷的資料視覺化文章了！」的初衷，開始使用 Gatsby 將這個部落格的心得記錄。

CSS 大概是前端工程師的切版日常風景之一，雖然現在已經越來越多成熟的 CSS 預處理、或 Design System 打包好 Component Library，但 CSS 還是入門前端的時候的必經之路。

但每每提到切版的時候，都會有一種切版像是在鑽 CSS 的漏洞，各種 CSS tricks 跟 hack 讓人防不勝防，也讓不少前端工程師產生 CSS 可能是最簡單也最困難、像是蛋炒飯一樣的語言。

於是想要來深入研究一下這個每天都會使用到的 CSS 排版基礎屬性：Display 跟 Position 的原理到底是什麼？