由於我目前使用的 Blog 框架 Hexo 已經是個有點歷史的框架了，更新的並不頻繁，並且當我想嘗試客製化一些前端的小功能時，發現 Hexo 其實彈性相當低。

因此在搜索了一陣子之後，找到了 Astro 這個近幾年蠻紅的新框架，也是所謂的 SSG（Static Site Generator），不但可以搭配 React 來開發，還標榜 Fast by default！於是乎我就來開始研究這個框架。

Astro 是一個 Content-driven 的 Framework (Astro - Why Astro)，相較於主流 Frameworks（如 React, Vue）的 SPA 架構需要在第一次瀏覽時載入幾乎整個網站的 HTML + JavaScript；而 Astro 的目標是盡可能提供單純的 HTML，並透過 Islands Architecture 來最小化 Client-Side 執行 JavaScript，因此載入的 Bundle 小、前端執行的程式碼短，便造就載入速度快速。

接下來的內容便來記錄一些安裝的流程。

本篇記錄前端 SCSS 的一些筆記。

SCSS 和 Sass 的差別在哪裡？

Sass 為 Syntactically Awesome Style Sheets 的簡稱，是一種預處理腳本語言（Pre-processor scripting language），將 SASS File 編譯後可得到一般的 CSS File。

那麼，SCSS 呢？