lovelace mushroom
v4.2.1
버섯은 홈 어시스턴트 대시 보드 UI를위한 카드 모음입니다.
버섯 미션은 홈 어시스턴트 대시 보드를 구축하기 위해 사용하기 쉬운 구성 요소를 제안하는 것입니다.
yaml 편집 할 필요 없음)버섯의 목표는 깊은 커스터마이징을위한 맞춤형 카드를 제공하지 않는 것입니다. 우수한 UI Lovelace 미니멀리스트 및 버튼 카드 플러그인을 사용할 수 있습니다.
버섯은 HACS (Home Assistant Community Store)로 제공됩니다.
이 링크를 사용하여 HACS의 저장소로 직접 이동하십시오.
또는
mushroom.js 파일을 다운로드하십시오.mushroom.js 파일을 config/www 폴더에 넣으십시오.mushroom.js 에 대한 참조를 추가하십시오. 그렇게하는 두 가지 방법이 있습니다./local/mushroom.js 로 설정합니다. → 자원을 JavaScript Module 로 설정합니다. 참고 : 리소스 메뉴가 표시되지 않으면 사용자 프로필 에서 고급 모드를 활성화해야합니다.lovelace 섹션에 다음 코드를 추가하십시오. resources :
- url : /local/mushroom.js
type : module 모든 버섯 카드는 Dashboard UI 편집기를 사용하여 구성 할 수 있습니다.
다른 엔티티에 대해 다른 카드를 사용할 수 있습니다.
최소한 홈 어시스턴트 2024.8을 사용하는 경우 템플릿 배지를 사용할 수 있습니다.
버섯은 테마없이 작동하지만 버섯 테마를 설치하여 더 나은 경험을위한 테마를 추가 할 수 있습니다. 테마에 대한 자세한 정보를 원한다면 테마에 대한 공식 홈 보조 문서를 확인하십시오.
Docker와 함께 홈 어시스턴트의 데모 인스턴스를 실행할 수 있습니다.
npm run start:hass완료되면 홈 어시스턴트 인스턴스 http : // localhost : 8123으로 이동하여 구성을 시작하십시오.
Windows에있는 경우 PowerShell에서 위 명령을 실행하거나 명령 프롬프트를 사용하는 경우 아래를 사용하십시오.
npm run start:hass-cmd다른 터미널에서는 종속성을 설치하고 개발 서버를 실행합니다.
npm install
npm start 서버는 포트 4000 에서 시작됩니다.
빌드 명령을 실행하여 dist Folder에서 mushroom.js 파일을 빌드 할 수 있습니다.
npm run build버섯 번역을 돕고 싶다면 Weblate를 사용하여 브라우저에서 직접 번역 할 수 있습니다.
fr , fr-CA , zh-Hans .{language_code}.json 을 만듭니다. 예 : fr.json .localize.ts file 로 가져 와서 languages 레코드에 언어를 추가하십시오.이 저장소에는 카드 모드 구성에 대한 도움말이 제공되지 않습니다. 카드 모드 지원 상태에 대한 자세한 정보.
이 디자인은 Behance와 UI Lovelace 미니멀리스트에 대한 7Ahang의 작업에서 영감을 얻었습니다.
