MUKI space*
Front-end Development,
Effective Note-Taking.
喜歡研究手帳術與時間管理，
寫過 WordPress 與手帳書籍的
大腦全知道！現代人必修的腦科學通識課 <作者：篠原菊紀>
篠原菊紀的《大腦全知道》透過漫畫和圖解，深入淺出地介紹腦科學知識。書中強調科學知識的實際應用對日常生活的重要性，並探討了骨傳導和冥想對大腦的影響。骨傳導利用頭骨振動傳遞聲音，適合嘈雜環境；冥想則可增加灰質密度，提升記憶力。
閱讀這本書後，開始重視視覺化筆記的重要性。視覺化讓知識更結構化，便於理解與回顧。書中內容啟發了對腦科學的興趣，並思考未來知識傳遞可能會更多依賴視覺工具。...
用 Notion 記錄小孩子的小學生活模板
大兒子今年上小學，發現小學生活繁忙，資訊量大。決定用 Notion 記錄兒子的學校生活，並分享模板給需要的父母，方便記錄和修改。
模板左側可記錄待辦事項和重要文件，如課表。右側可顯示孩子成長信息，需修改出生日期。可調整背景和文字顏色，支持顏色名稱或 16 進制色碼。模板會持續更新，歡迎父母自行修改，祝開學順利。...
用 Zapier 自動將訂閱的文章摘要後，發布到 Obsidian
Zapier 自動化工具可將訂閱的 RSS 文章摘要，翻譯成中文後發佈到 Obsidian 的 Capture 資料夾。Zapier 使用 Webhook 解決不支援新增 markdown 文件的問題。需準備 Zapier.com、Ngrok.com 和 Obsidian 的 Local REST API 插件。
Zaps 流程包括接收 RSS、用 ChatGPT 摘要文章、翻譯標題、調整時間格式，並透過 Webhook 發佈到 Obsidian。需安裝 Ngrok 以曝光本機 API，讓 Zapier 連接。測試成功後，可在 Obsidian 資料夾看到檔案。免費版 Zapier 有限制，可能需考慮付費方案和主機服務。...
新版 Notion 如何讓他人複製自己的模板
新版 Notion 在分享模板時，原本的「Allow duplicate as template」選項已被移動，但官方說明文件未更新，讓許多人找不到該功能。要允許他人複製模板，需進入 Notion 的「Settings」，選擇「Sites」，找到要分享的頁面，點選右側的「...」按鈕，再進入「Settings」。在「Site customization」中，開啟「Duplicate as template」功能，然後點擊「Publish changes」以儲存設定。此後，分享頁面時即可在「Share」中直接找到「Site customization」按鈕，讓他人輕鬆複製模板。
雖然 Notion 未更新相關教學文件，但透過上面步驟，使用者可順利分享模板。這篇文章提供了詳細的操作指南，幫助遇到相同問題的用戶順利解決。希望這些資訊能對有需要的朋友有所幫助。...
使用 Ngrok 掛 API 代理出現 err_ngrok_6024 的解決方法
使用 Ngrok 免費版代理 API 時，因為前導頁導致出現 ERR_NGROK_6024 錯誤。這是因為 API 網址被導向前導頁，無法直接訪問 API 資料。由於 API server 是本機測試環境，無法修改 header 或使用攔截器解決。
可以透過 Chrome Extension Requestly 來解決此問題。安裝後，設定 HTTP 規則，添加 URL 規則：https://.ngrok-free.app/ 和 https://*.ngrok-free.app，並加入 ngrok-skip-browser-warning: true。這樣就能跳過 Ngrok 的介紹頁，成功取得 API 資料。此方法適用於本機開發，如需正式上線，建議使用 Ngrok 付費版。...
只用 ESLint 處理程式碼格式與規則，並在存檔時自動調整格式
ESLint 將於 2023 年 10 月起不再支援格式設定規則，建議使用 ESLint Stylistic 取代。Anthony Fu 將持續維護這些規則，使用者可安裝相關套件來保持程式碼格式的一致性。若需自動格式化功能，可在 VSCode 設定中加入 "eslint.run": "onSave"。
若需在開發網站時顯示 ESLint 警告，需安裝 vite-plugin-eslint 並修改 vite.config.js。安裝 ESLint 與相關插件後，設定 eslint.config.js 來管理規則。對於 Vue3 和 TypeScript 專案，需安裝特定版本的 ESLint 套件，並在 VSCode 中設定自動格式化。...
在 React 使用 Quill 編輯器，並加入上傳圖片至圖床的功能
在 React 中使用 Quill 編輯器，並增加上傳圖片至圖床的功能。react-quill 套件已久未更新，因此轉用官方 Quill 套件。Quill 預設將圖片轉為 base64，但專案需求改為上傳至圖床並插入網址。可在 toolbarOptions 中設定工具列，並增加 uploadImage 功能上傳圖片。
安裝 Quill React 使用 npm，編輯器分為 Editor.js(x) 和 EditorQuill.js(x) 兩部分。Editor.js(x) 載入 Quill 的 snow 或 bubble 主題樣式。EditorQuill.js(x) 設定工具列並新增上傳圖片功能，圖片上傳後插入編輯器，並設置樣式 max-width 為 100%。完整程式碼可在 codesandbox.io 參考。...
使用 Obsidian plugin: Tasks Calendar Wrapper 讓任務清單顯示在側邊欄，有效管理與排程任務
Tasks Calendar Wrapper 是一款基於 Obsidian 的插件，能夠將任務清單顯示在側邊欄，方便用戶新增、編輯及管理任務。此插件由 Obsidian-Tasks-Calendar 和 Obsidian-Tasks-Timeline 開發而來，功能強大且介面美觀，深受使用者喜愛。用戶可以透過不同的設定選項，客製化任務清單的顯示方式，如調整 UI 介面、顯示或隱藏任務屬性等，滿足個人需求。
這款插件還支持通過 Tags 或 Paths 排除不需要的任務，確保側邊欄僅顯示相關任務。使用者可以在不打開新視窗的情況下，快速管理和追蹤任務，提升效率。Tasks Calendar Wrapper 被認為是 Obsidian 插件中的 TOP 3，因為它的便利性和美觀的介面設計。有興趣者可在 Obsidian 的 Community Plugin 搜尋並安裝使用。...
Warp：使用 AI 協作提高生產力的終端機，強大的筆記功能，讓我再也不用記指令啦
Warp 是一款利用 AI 提高生產力的終端機工具，取代了傳統的 iTerm 和 Oh My Zsh。它能自動補全指令，減少手誤，並提供指令筆記功能，讓使用者不再需要外部記錄工具如 Obsidian。Warp Drive 是其核心功能之一，允許用戶儲存和分享指令工作流，支持團隊協作，並採用靜態加密保障安全。
Warp 還有筆記功能，能直接執行筆記中的指令，方便管理複雜操作。主題設置中發現的台南紡織背景圖帶來驚喜。Warp 採取邀請制，使用邀請連結註冊可獲得神秘禮物。...