MagicMirror²的安装和设置

什么是 MagicMirror² ?

MagicMirror² 是一个开源的,模块化的智能镜子系统,社区贡献者们开发了多种多样的第三方模块可以让你的镜子上面显示各种各样的信息,理论上可以作为智能家居的助理。

从网上的教程看,用树莓派作为载体的比较多,有兴趣的可以自己装一台玩玩,我们这里只是体验下 MagicMirror² 的安装和基本设置。

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 docker-magicmirror ,选择第一个 bastilimbach/docker-magicmirror ,版本选择 latest

title

docker 文件夹中,创建一个新文件夹,并将其命名为 magicmirror,然后在 magicmirror 文件夹中再创建三个新的子文件夹,分别命名为 configmodulescss

title

文件夹 装载路径 说明
docker/magicmirror/config /opt/magic_mirror/config 如果文件夹为空,则容器将创建一个默认配置,该配置可以根据您的喜好进行调整
docker/magicmirror/modules /opt/magic_mirror/modules 挂载此文件夹以将您自己的自定义模块添加到docker容器中。如果文件夹为空,则容器会将默认模块从MagicMirror²存储库复制到卷中。
docker/magicmirror/css /opt/magic_mirror/css/custom.css 挂载此文件以将您自己的自定义css添加到docker容器中。需要在运行容器之前,先创建文件。否则,Docker将创建一个custom.css文件夹

title

端口

默认的端口要修改

本地端口 容器端口
8085 8080

title

环境

可变
TZ 设置为 Asia/Shanghai

title

运行

在浏览器中输入 http://群晖IP:8085,就能看到主界面了

title

设置

docker/magicmirror/config 目录你可以找到 config.js,通过修改这个文件,你可以设置日历假期、RSS源、以及天气等等;

设置为中文

打开 config.js 文件,将 language 属性从 en 改为 zh-cn

title

重新刷新主界面,即可将显示语言改为中文。

title

看起来并没有完全显示中文,因为跟日历、RSS源也有关系,可能需要单独设置

中国法定节假日

首先找到 calendar 模块

title

我在网上找到两个订阅源

1
webcal://p22-calendars.icloud.com/published/2/RL1JwQQtKFudYOiicAG_adz9DdrozFeZzv5Uyrs4s3gyWobdzL1NZFH-ZHAsTfuAevtnzdqVdYmcRO_Y_dWtxeIdmzUA1TNkAt5RuotJmsg

显示效果

title

另一个订阅地址

1
webcal://p10-calendars.icloud.com/published/2/MTI3Njk0MTQxNzEyNzY5NFRvxM53AOH-Px17vHeUETlZdUggoyEt2KnFiIqHg40FkRXfcQJjYoa2dULRarI9z4UlbHxK-kLOohfiRVSSP7Q

显示效果

title

两个没有本质区别,看个人喜好了,我选了后面一个

注意:因为 header 后面改成了中文,所以修改后的 config.js 文件编码格式必须是 UTF-8,否则页面上会乱码

title

天气预报

  1. https://home.openweathermap.org/ 注册账号
  2. 获取 API key

title

  1. 校验邮箱

title

  1. 校验成功后会收到一封邮件,里面带了 API Key

title

  1. 下载 http://bulk.openweathermap.org/sample/city.list.json.gz 文件,在解压出来的 city.list.json 中搜索你的城市,比如 shanghai

title

显示效果

title

试了下 yangpu

title

显示效果

title

修改 location 改不改无所谓,locationID 要用到上面的 id

title

RSS 源

默认内置的新闻源是 New York Times,虽然也有中文版,但是需要科学上网才能访问,随便找了个中新网的即时新闻

1
http://www.chinanews.com/rss/scroll-news.xml

title

Compliments

修改 compliments.js

找了些鸡汤文来测试效果

整体效果

手机上的效果

参考文档

MichMich/MagicMirror: 源代码
地址:https://github.com/MichMich/MagicMirror

MagicMirror² 官网
地址:https://magicmirror.builders/

Introduction | MagicMirror² Documentation
地址:https://docs.magicmirror.builders/modules/introduction.html

docker / magicmirror · GitLab
地址:https://gitlab.com/khassel/magicmirror

bastilimbach/docker-magicmirror
地址:https://registry.hub.docker.com/r/bastilimbach/docker-magicmirror/

我也來做 MagicMirror (二) 基本用法 | Mister Ngan
地址:https://www.misterngan.com/5705/just-another-magicmirror-2/