RojerChen's 的學習筆記

前面一篇文章中，介紹了安裝 Expressive-Code 讓程式碼語法高亮的套件，可以讓程式碼更容易閱讀，而今天要介紹的套件可以進行程式碼行數的調整，讓閱讀更清楚。

技術類型的部落格，往往會在文章中貼上一些程式碼，而具備程式碼語法高亮算是一個很基本的功能，過往在 Google Blogger 就很難做到這件事情，或是做出來的效果很差。 

在撰寫文章的時候，有時候會用到一些表情符號，使用 md、mdx 撰寫文章，可以安裝 remark-emoji 來輔助，唯一的缺點就是不支援 .astro 。

我們在瀏覽網頁的時候，HTML、CSS、圖片都會佔據不少空間，當檔案越大，傳輸所耗的頻寬與時間就越久，所以我們就需要透過壓縮的方式，提升傳輸效率。

在前一篇文章 Astro 部落格架設筆記(1) - 系統環境初始化 中，我們建立好 Astro 的開發環境後，接下來就可以從回到頁首 這個功能，熟悉一下整體環境。

我們就先從一個小功能來實踐，透過 ，來熟悉整個環境。當使用者滾動畫面後，會出現回到頁首的圖示，按下去後就自動滾到頁首。 

前言

• Node.js V20.19.4
• Astro 5.13.5

前言

很久以前我就知道可以透過 GitHub Pages 架設部落格，但因為種種原因，一直沒有真正動手。一方面，我已經使用 Google Blogger 很多年了，加上自己寫文章的頻率並不高，當時覺得沒有必要特地更換平台。另一方面，我對前端的掌握度並不高，雖然我會改，但是改的不夠快，也就更沒有動力來去處理了。