（）小白帖-大神无视）小白技能之homeassistant改造侧边栏

Lucky

前言：写此贴之初衷，第一为做笔记，留待日后查看。
第二为广大和我一样的小白用户提供参考。

先上效果图：

原装侧边栏

添加后

左图为原装侧边栏，右图为添加了material design icons快捷方式的侧边栏。
homeassistant原装侧边栏非常简洁。
简洁得有点......
我们通常打开浏览器操作、或者编辑的时候，其实是同事打开了好几个网站、窗口、软件的，切换过来切换过去......
那么，把常用网站集成到这个界面，不就省点事了......
我就来把图标素材网站MDI（material design icons）接进来。
步骤：
1. 打开config，添加代码

panel_iframe:
  materialdesignicons:
    icon: mdi:home-variant
    title: "图标"
    url: [url=https://materialdesignicons.com/]https://materialdesignicons.com/[/url]

复制代码

2. 重启！
马上见效！方便快捷......
（友情提醒：第一行左边顶格，和homeassistant：同级；注意语法，空格，缩进）

有时候不想开Win SCP，把一个在线编辑器接入这里也是可以的。新版HASS在线编辑器(直接用浏览器编辑你的yaml，支持语法...

flyingbaby

呃······失败，不成功。

yjb89

2018-11-26 14:25:11 ERROR (SyncWorker_0) [homeassistant.util.yaml] while scannin
g a plain scalar                                                               
  in "/config/configuration.yaml", line 385, column 11                          
found unexpected ':'                                                            
  in "/config/configuration.yaml", line 385, column 20                          
Please check http://pyyaml.org/wiki/YAMLColonInFlowContext for details.         
2018-11-26 14:25:11 ERROR (MainThread) [homeassistant.bootstrap] Error loading /
config/configuration.yaml: while scanning a plain scalar                        
  in "/config/configuration.yaml", line 385, column 11                          
found unexpected ':'                                                            
  in "/config/configuration.yaml", line 385, column 20                          
Please check http://pyyaml.org/wiki/YAMLColonInFlowContext for details.

flyingbaby

yjb89 发表于 2018-11-26 22:18
2018-11-26 14:25:11 ERROR (SyncWorker_0) [homeassistant.util.yaml] while scannin
g a plain scalar    ...

同样的问题

mars.z

panel_iframe:   
  designicons:
    title: 'Design Icons'
    icon: mdi:vector-square
    url: 'https://cdn.materialdesignicons.com/2.0.46/'

——————————————————

这个是我用的，页面和楼主的有些不同，之前也是看一个教程呢，具体什么教程没有映像了

zsyg

谢谢分享

hisoo

mars.z 发表于 2018-11-26 22:41
panel_iframe:   
  designicons:
    title: 'Design Icons'

谢谢分享，有用

hisoo

mars.z 发表于 2018-11-26 22:41
panel_iframe:   
  designicons:
    title: 'Design Icons'

赞，谢谢分享

cui521

mars.z 发表于 2018-11-26 22:41
panel_iframe:   
  designicons:
    title: 'Design Icons'

问下 这个怎么复制的图标不管用·····

zxyny1989

格式问题，我用楼主的也报错。
这是我的：
panel_iframe:
  materialdesignicons:
    icon: mdi:microsoft-internet-explorer
    title: "浏览器"
    url: https://www.baidu.com/