話 說 去 年 做 的 MagicMirror 用 了 一 年 半 一 直 用 得 好 地 地 的 ，然 後 早 前 添 置 了 一 台 新 的 3D 打 印 機 ，就 打 算 把 原 本 用 運 行 OctoPrint 的 Pi 3B+ 和 運 行 MagicMirror 的 Pi 4B (2G) 掉 換 。為 什 麼 呢 ？因 為 OctoPrint 明 顯 比 MagicMirror 大 食 很 多 ，所 以 把 運 算 效 能 強 大 好 多 的 Pi 4B 用 於 OctoPrint 其 實 會 更 加 合 理 。
那 之 前 為 什 麼 會 錯 配 呢 ？這 主 要 是 先 來 後 到 的 問 題 。因 為 OctoPrint 我 已 經 用 了 足 足 3 年 ，所 以 用 的 是 當 年 買 的 Pi 3B+。而 MagicMirror 才 用 了 一 年 多 ，所 以 用 的 是 去 年 才 買 的 Pi 4B。而 且 去 年 做 MagicMirror 時 也 有 用 4K 屏 幕 的 想 法 ( 要 Pi 4B 才 支 持 4K 輸 出 )。不 過 用 過 之 後 才 發 現 ，以 我 用 開 的 15.6 寸 屏 幕 大 小 ，4K 和 Full HD 其 實 也 沒 有 分 別 。
因 為 我 本 來 就 沒 有 好 多 張 Micro SD 放 在 家 裡 閒 置 ，所 以 這 次 不 管 是 OctoPrint 還 是 MagicMirror 都 是 format 了 SD 卡 重 新 裝 的 。本 來 以 為 只 是 小 菜 一 碟 ，那 想 到 重 裝 MagicMirror 時 還 是 遇 到 了 一 些 問 題 。
我 就 把 幾 個 新 用 到 的 3rd Party Modules 記 錄 在 這 裡 吧 。關 於 MagicMirror 的 詳 細 使 用 和 設 定 方 法 ，可 以 去 讀 讀 我 之 前 的 幾 篇 文 章 ，就 不 在 此 贅 述 了 。
第 一 個 問 題 是 MMM-CalendarExt，不 知 道 為 什 麼 就 是 啟 動 不 了 ，也 許 是 它 真 的 非 常 舊 ，好 幾 年 都 沒 有 更 新 了 ，有 些 依 存 的 程 序 可 能 舊 到 沒 得 下 載 。總 之 搞 了 30 分 鐘 也 搞 不 定 ，百 般 無 奈 之 下 ，就 唯 有 轉 用 同 一 作 者 的 MMM-CalendarExt2。
MMM-CalendarExt2
MMM-CalendarExt2 和 MMM-CalendarExt 可 以 說 是 一 點 相 似 之 處 也 沒 有 。除 了 多 左 個 唔 知 有 咩 用 既 SCENE 之 外 ，我 覺 得 MMM-CalendarExt2 最 大 的 改 變 是 沒 有 了 之 前 的 幾 十 個 predefined styles。現 在 你 要 自 己 給 每 個 Calendar 一 個 custom class name，然 後 再 自 己 在 custom.css 裡 面 為 每 一 個 custom class 去 寫 css。
就 好 似 我 在 上 面 的 config.js file 裡 面 有 4 個 不 同 的 calendar，下 面 的 custom.css 檔 案 裡 面 就 有 會 對 應 的 4 組 custom css。
很 麻 煩 對 不 對 ？加 上 我 完 全 絕 對 不 是 graphic designer，要 我 挑 顏 色 真 在 是 苦 差 。單 單 就 是 改 css 都 令 我 唔 知 死 左 幾 多 腦 細 胞 。當 然 成 個 MMM-CalendarExt2 的 其 他 css 我 也 改 了 不 少 ，因 為 Calendar 永 遠 是 我 的 MagicMirror 的 重 中 之 重 。
第 二 個 遇 到 的 問 題 是 MMM-News。它 的 作 者 唔 知 為 什 麼 決 定 把 這 個 MMM-News 連 根 拔 起 ，在 Github 上 面 連 條 毛 都 無 剩 。之 前 MMM-News 還 可 以 正 常 運 作 ，所 以 就 無 理 會 它 彈 出 來 的 下 架 訊 息 ，但 到 了 重 裝 就 完 全 沒 法 子 了 。
mumblebaj / MMM-NewsAPI
還 好 之 前 已 經 有 用 家 遇 到 這 個 問 題 ，他 因 為 找 不 到 原 來 的 版 本 ，就 決 定 自 己 新 寫 一 個 ( 哈 哈 )。你 可 以 想 像 這 是 簡 化 了 的 MMM-News，同 樣 是 從 newsapi.org 上 面 取 得 新 聞 ，外 表 看 起 來 也 沒 有 多 大 分 別 。
config.js 檔 只 是 依 照 作 者 提 供 的 copy & paste，我 純 粹 是 把 country 設 定 成 hk。之 前 我 有 試 過 把 query 裡 面 的 其 他 空 白 fields 都 刪 除 了 ，不 過 就 會 抓 不 到 資 料 。我 報 告 了 作 者 ，作 者 應 該 把 這 個 問 題 修 正 了 。
custom.css 方 面 ，我 只 是 把 圖 片 都 文 字 都 放 大 了 一 點 點 。
之 前 的 文 章 沒 講 的 To Do List，我 最 終 的 選 擇 是 Todoist。Todoist 有 免 費 plan，不 用 付 費 。它 是 使 用 Web 介 面 的 ，用 browser 登 入 就 可 以 用 。為 了 方 便 在 不 同 裝 置 上 使 用 ，它 也 有 齊 windows、macOS、Linux 的 Desktop App，也 有 齊 Android 和 iOS 的 mobile App，當 然 也 有 MagicMirror 的 module。
cbrooker / MMM-Todoist
MMM-Todoist 的 安 裝 方 法 也 很 直 觀 ，輕 鬆 就 可 以 搞 定 。MMM-Todoist 的 說 明 文 件 也 十 分 詳 細 ，裡 面 會 仔 細 的 教 你 如 何 取 得 你 專 用 的 accessToken 和 Project ID。
因 為 這 個 我 只 是 用 來 給 自 己 做 點 小 提 示 ，就 像 windows 裡 面 的 sticky notes，所 以 我 也 沒 有 改 它 的 css。對 我 來 就 ，基 本 上 只 要 它 能 顯 示 一 些 例 如 「買 雞 」、「換 水 」之 類 的 文 字 提 示 就 很 足 夠 了 。
而 如 果 是 一 些 定 時 要 做 的 事 ，還 不 如 在 手 機 set 個 reminder。
還 有 一 個 之 前 沒 介 紹 的 module 就 是 用 來 顯 示 OctoPrint 的 資 訊 的 ，叫 做 octomirror-module 。
shbatm / octomirror-module
從 名 字 上 看 就 知 道 這 是 比 較 早 期 的 module，那 時 候 還 沒 有 形 成 MMM-xxx 的 命 名 規 範 。安 裝 方 面 也 沒 有 什 麼 問 題 ，
設 定 方 面 也 很 簡 單 ，我 只 是 把 我 不 用 功 能 都 關 上 了 ，包 括 顯 示 camera 的 feed 和 control interface。
上 面 就 是 整 個 鏡 子 設 定 好 的 模 樣 ，和 之 前 有 九 成 相 似 吧 。除 了 上 面 介 紹 了 的 modules，還 有 我 之 前 文 章 已 經 介 紹 過 ，而 且 一 直 用 開 的 MMM-HKWeather 、 MMM-RandomPhoto 和 MMM-Tools。
因 為 不 再 用 4K ( Pi 3B+ 沒 有 4K )，我 還 特 別 新 買 了 一 個 17.3 寸 的 便 携 顯 示 器 ( 約 ￥560 人 仔 )，這 樣 文 字 就 不 用 排 得 那 麼 密 。4K 的 顯 示 器 就 留 給 其 他 4K 用 途 好 了 。也 因 為 由 4K 降 級 到 了 Full HD，所 以 都 不 需 要 用 zoom 參 數 把 modules 放 大 。
設 置 這 塊 MagicMirror，主 要 就 是 想 有 一 個 抬 頭 就 看 得 到 的 行 事 曆 ，不 用 打 開 手 機 或 網 頁 去 查 。這 樣 對 於 老 是 覺 得 自 己 有 老 人 痴 呆 的 我 ，會 減 少 很 多 生 活 上 的 麻 煩 。
用 了 MagicMirror 一 年 多 ，我 發 現 自 己 已 經 離 不 開 它 。之 前 掉 換 2 個 Pi 用 了 一 個 星 期 多 的 時 間 ，而 且 是 先 做 OctoPrint，後 做 MagicMirror，所 以 我 家 中 的 MagicMirror 也 下 線 了 差 不 多 一 星 期 的 樣 子 。期 間 我 就 錯 過 了 網 店 每 月 一 次 的 會 員 購 物 日 ，也 錯 過 了 超 級 市 場 的 信 用 卡 優 惠 日 ，損 失 不 可 謂 不 少 ！XDDDD
最 後 ，附 上 我 的 MagicMirror 貓 紙 ，都 是 Terminal 裡 常 用 的 Command，方 便 我 直 接 copy & paste。
nano /home/pi/MagicMirror/config/config.js
nano /home/pi/MagicMirror/css/custom.css
cd ~/MagicMirror
cd ~/MagicMirror/modules
npm install
pm2 restart mm
npm run config:check
張先生，男性，肖龍。