部落格從零開始建置 Gatsby，引入了 Prismjs 使語法高亮，配置 Gatsby 套件使 markdown 轉譯 html，攝影集部分加入 spinner 和進度百分比以避免 CLS，手刻 ham 選單和展開動畫，引入 MUI 並部署至 Netlify，使用 CloudFlare 域名註冊

使用 react、redux、react-leaflet、axios、dayjs，使用者可以查詢台灣旅遊的資訊。

網站全程使用 Bootstrap5 和 vanilla Javascript 並使用其 API 自定義顏色，資料來源是 openData 下載的 JSON 檔案，透過 fetch 相對路徑的 JSON 檔案後結合 Leaflet 的 CDN 讓使用者可以搜尋台南美食

使用 react 和 reactChartJs 結合 MUI 搭配 Grid System 並加入 css module 實作 UI 介面與樣式，原始資料曾使用使用 NodeJs fs 模組搭配 Day.js 重新輸出成 JSON 檔以便整理資料的屬性與值，使用者可以選擇縣市查看折線圖，X 軸表示日期，Y 軸表示感染人數。

使用 vanilla Javascript 和 ChartJs 建置，使用者可以查從 covid 所有紀錄到 2022/05 的感染狀況，包含男女比例的感染人數的圓餅圖、各鄉鎮、縣市的長條圖、該縣市年齡層分布的長條圖。

使用 scss 和 flex 排版，RWD 響應式斷點設置 768px，在 768px 以下的時候將會顯示設置好的 scss 函式將其 px 除以 2。

全程使用 css，依照網頁架構排序 css 順序，使用 Javascript 製作 layout 達到複用，使用 position 實作手機板選單側邊滑入效果，使用 Javascript 點擊卡片可以放大圖片。