我也來做 MagicMirror (六) 2021 更新

話 說 去 年 做 的 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-HKWeatherMMM-RandomPhotoMMM-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
ctleung張先生,男性,肖龍。
職業:I.T. Consultant
簡介:不好好讀書;七尺差五寸,手長過膝,雙耳垂肩;性寬和,寡言語,喜怒不形於色。據說少時曾斬白蛇於鳳凰山下……

This entry was posted in STEM and tagged , , , , , , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published.