MagicMirror²的安装和设置
什么是 MagicMirror² ?
MagicMirror² 是一个开源的,模块化的智能镜子系统,社区贡献者们开发了多种多样的第三方模块可以让你的镜子上面显示各种各样的信息,理论上可以作为智能家居的助理。
从网上的教程看,用树莓派作为载体的比较多,有兴趣的可以自己装一台玩玩,我们这里只是体验下 MagicMirror²
的安装和基本设置。
安装
在群晖上以 Docker 方式安装。
在注册表中搜索 docker-magicmirror
,选择第一个 bastilimbach/docker-magicmirror
,版本选择 latest
。
卷
在 docker
文件夹中,创建一个新文件夹,并将其命名为 magicmirror
,然后在 magicmirror
文件夹中再创建三个新的子文件夹,分别命名为 config
、modules
和 css
。
文件夹 | 装载路径 | 说明 |
---|---|---|
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文件夹 |
端口
默认的端口要修改
本地端口 | 容器端口 |
---|---|
8085 | 8080 |
环境
可变 | 值 |
---|---|
TZ | 设置为 Asia/Shanghai |
运行
在浏览器中输入 http://群晖IP:8085
,就能看到主界面了
设置
在 docker/magicmirror/config
目录你可以找到 config.js
,通过修改这个文件,你可以设置日历假期、RSS源、以及天气等等;
设置为中文
打开 config.js
文件,将 language
属性从 en
改为 zh-cn
重新刷新主界面,即可将显示语言改为中文。
看起来并没有完全显示中文,因为跟日历、RSS源也有关系,可能需要单独设置
中国法定节假日
首先找到 calendar
模块
我在网上找到两个订阅源
1 | webcal://p22-calendars.icloud.com/published/2/RL1JwQQtKFudYOiicAG_adz9DdrozFeZzv5Uyrs4s3gyWobdzL1NZFH-ZHAsTfuAevtnzdqVdYmcRO_Y_dWtxeIdmzUA1TNkAt5RuotJmsg |
显示效果
另一个订阅地址
1 | webcal://p10-calendars.icloud.com/published/2/MTI3Njk0MTQxNzEyNzY5NFRvxM53AOH-Px17vHeUETlZdUggoyEt2KnFiIqHg40FkRXfcQJjYoa2dULRarI9z4UlbHxK-kLOohfiRVSSP7Q |
显示效果
两个没有本质区别,看个人喜好了,我选了后面一个
注意:因为
header
后面改成了中文,所以修改后的config.js
文件编码格式必须是UTF-8
,否则页面上会乱码
天气预报
- 在
https://home.openweathermap.org/
注册账号 - 获取
API key
- 校验邮箱
- 校验成功后会收到一封邮件,里面带了
API Key
- 下载
http://bulk.openweathermap.org/sample/city.list.json.gz
文件,在解压出来的city.list.json
中搜索你的城市,比如shanghai
显示效果
试了下 yangpu
显示效果
修改 location
改不改无所谓,locationID
要用到上面的 id
RSS 源
默认内置的新闻源是 New York Times
,虽然也有中文版,但是需要科学上网才能访问,随便找了个中新网的即时新闻
1 | http://www.chinanews.com/rss/scroll-news.xml |
Compliments
修改 compliments.js
找了些鸡汤文来测试效果
整体效果
手机上的效果
参考文档
MichMich/MagicMirror: 源代码
地址:https://github.com/MichMich/MagicMirrorMagicMirror² 官网
地址:https://magicmirror.builders/Introduction | MagicMirror² Documentation
地址:https://docs.magicmirror.builders/modules/introduction.htmldocker / magicmirror · GitLab
地址:https://gitlab.com/khassel/magicmirrorbastilimbach/docker-magicmirror
地址:https://registry.hub.docker.com/r/bastilimbach/docker-magicmirror/我也來做 MagicMirror (二) 基本用法 | Mister Ngan
地址:https://www.misterngan.com/5705/just-another-magicmirror-2/