教程：Floorplan之配置floorplan.yaml

将文件中warnings、pan_zoom和hide_app_toolbar前的注释去除。
warnings：是否在前端显示错误警示。
pan_zoom：图形是否可以手动伸缩大小
hide_app_toolbar：是否隐藏标题栏（标题栏隐藏更适合全屏显示）

在floorplan.yaml中完整地配置您在定制页面要显示的内容（具体内容参见下面注释部分，您需要根据您家中设备情况设置不同的组和entities）：

      name: Demo Floorplan
      image: /local/custom_ui/floorplan/floorplan.svg
      stylesheet: /local/custom_ui/floorplan/floorplan.css
      
      # These options are optional
      # 是否在前端显示错误警示
      warnings:                  # enable warnings (to find out why things might ot be working correctly)
      # 图形是否可以手动伸缩大小
      pan_zoom:                  # enable experimental panning / zooming
      # 是否隐藏标题栏（标题栏隐藏更适合全屏显示）
      hide_app_toolbar:          # hide the application toolbar (when used as a custom panel)
      date_format: DD-MMM-YYYY   # Date format to use in hover-over text
      
      last_motion_entity: sensor.template_last_motion
      last_motion_class: last-motion
 
      groups:
 
        # 随便取个名字，包含所有在SVG文件中的摄像头
        - name: Cameras
          entities:
            - camera.camera1
 
        # 随便取个名字，包含所有在SVG文件中的灯
        - name: Lights
          entities:
             - light.bed_room
             - light.living_room1
             - light.living_room2
             - light.bathroom
             - light.kitchen
 
        # 因为温度的定制化显示与其它传感器不同，我们将其单独一个组
        - name: Temperature
          entities:
             - sensor.hachina_temperature
             - sensor.temperature1
 
        # 因为湿度的定制化显示与其它传感器不同，我们将其单独一个组
        - name: Humidity
          entities:
             - sensor.hachina_humidity
             - sensor.humidity1
 
        # pm2.5传感器信息
        - name: PM25
          entities:
             - sensor.hachina_pm25

重新启动hass后，您将看到以下的界面（传感器显示真实的值了，并且页面各个元素都可以被点击弹出操作界面了）。