【已更新】将mdi图标本地化，不搭梯子找图标才方便！

倾微qiwe

之前发过一个帖子，简单的阐述了HAh中项目图表的引用方法！
【小教程】HA项目的显示图标修改和引用说明
但是Material Design Icons
实在不好打开，不搭梯子打不开，搭了梯子也要转半天。
今天在群上受到八哥指点，恍然大悟，直接将将mdi图标本地化，再导入到HA侧边栏。一瞬间就方便了
其实官方也给出了教程，往往还需高人点一下。再次感谢八哥！
教程有两种，第一种适用于可以使用npm命令的。第二种就是直接下载到HA文件夹！
教程一：（如果报错，或者没有npm命令可以去安装node 或者直接请使用教程二）1.打开终端，一句代码，一个回车，搞定

npm install mdi
或者使用这个
npm install -g mdi

复制代码

2.然后就是导入到HA的侧边栏
在configuration配置文件中添加以下内容

panel_iframe:     #添加HA侧边面板
  designicons:
    title: 'Design Icons'
    icon: mdi:vector-square
    url: 'https://cdn.materialdesignicons.com/2.0.46/'

复制代码

如图：

3.重启HA
效果图：

教程二：
1.下载以下文件
Designicon.zip (901.52 KB, 下载次数: 614)

2017-8-23 14:46 上传

点击文件名下载附件

解压到任意文件夹（建议放在自己平时工作的电脑上，直接打开就行）
用浏览器打开preview.html文件
就可以看到了。
这个方法就简单粗暴了，本地.html文件怎么接入HA我就不知道了。知道的大神请赐教！

南柯醉一梦丶

图呢。。。。

Mozziz

刚好在找图标，但是我用你的指令，树莓派报错：command not found，加了sudo也不行，为啥呢

iLee

前面需要加sudo吧

Mozziz

linuxzlj 发表于 2017-8-23 14:11
前面需要加sudo吧

加了也不行

Mozziz

突然发现不用第一步安装也是可以的

囧

说好的图呢？

iLee

Mozziz 发表于 2017-8-23 14:26
加了也不行

都报出command not found了 就是告诉你没有该命令，没有该命令就自己去安装node.js

Mozziz

linuxzlj 发表于 2017-8-23 14:40
都报出command not found了 就是告诉你没有该命令，没有该命令就自己去安装node.js ...

我测试了，跳过第一步  直接第二部就可以了

Mozziz

求告知想添加多个侧边栏 代码应该怎么写