polaris-lab.hashnode.dev365 天的秒速日記 (2026 年) - 免費 Notion 範本（模板）🌟 2026秒速日記在 Notion 其實已經上架一陣子啦！ 不過，由於 widgetbox 的 Widget 已於 2025/12/24 停止服務，所以秒速日記已在 1/6 更新小套件，改為使用 Indify 提供的 Widget，請在此前下載的朋友重新再複製一份！ 另外，英文版還在審核中，即將出爐。影片的話，之後有空會錄影。 然後，剛剛突然發現這個模板是節日類的第一名！哇！感謝大家！🎉 感謝你們一直以來的支持！新年快樂！祝福大家的 2026 都很棒！❤️ 這篇文章已搬遷至 我的網站。Jan 7·1 min read
im1010ioio.hashnode.dev#93 SASS/SCSS (12) 防呆與偵錯 @debug / @warn / @error⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 我們已經了解了 SASS/SCSS 的所有主要功能了，不過「我要如何確保別人（或未來的自己）不會用錯我寫的工具？」這是當 Mixin 和 Function 變得越來越複雜時，需要好好考慮的問題。 在 SCSS 中，可以為自己的 Code 建立「防呆」和「除錯」機制，SCSS 提供了三個指令，也就是：@debug、@warn 和 @error。其實我們在介紹 Lists 和 Maps 時就已經稍微帶過其中的 @...Oct 13, 2025·1 min read
im1010ioio.hashnode.dev#92 SASS/SCSS (11) 資料結構 Map⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 昨天學到的 List 是個簡單的列表，今天我們要來看看 SCSS 中的 Map，它有點像 json 資料。 假設專案裡有 5 個主要顏色、4 個斷點、6 種字體大小。如果用傳統的變數，你會有 15 個散亂的變數 $variable。但是用了 Map，就可以把它們全部收納在一個變數裡，讓結構一目了然。 一、Map 語法 1. 基本語法 Map 是由「鍵值對 (key-value pairs)」組成，比方說像下...Oct 13, 2025·1 min read
im1010ioio.hashnode.dev#91 SASS/SCSS (10) 資料結構 List (列表)⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 在 SASS/SCSS 中，我們已經使用變數、Mixin 和 Function 等語法來幫我們管理 CSS Code 了，但是它還是可能會亂，例如散亂的單一變數，除了寫註解外，還有什麼辦法能夠讓 Code 更有結構呢？ 答案是 SCSS 的資料結構——Lists 和 Maps，其實昨天在寫 Function 時有稍微帶過，今天，我們就更近一步先來仔細研究 Lists 吧！ 一、List 語法 List (列...Oct 12, 2025·1 min read
im1010ioio.hashnode.dev#90 SASS/SCSS (9) 函式 (Function) - 打造你自己的工具箱⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 我們已經一路學習了 SCSS 的變數、顏色、邏輯判斷與迴圈等等，你可能已經覺得 SCSS 非常強大了。但今天，我們要來認識 SCSS 中一個更厲害的用法：Function 函式。 Function 能讓你為你的樣式打造屬於你自己的工具。 假設，你經常需要做一些重複性的計算，或要根據不同的輸入產生特定的樣式。每次都要重寫一遍，那這樣就會很難維護。這時候，Function 就可以派上用場了！ 一、Functio...Oct 10, 2025·1 min read
