zauberhaft astro

Zauberhaft - Astro 템플릿

무료, 맞춤형, 현대적이며 매우 빠른 Astro 에이전시 웹사이트 템플릿

Zauberhaft로 전환되는 현대적이고 독특한 포트폴리오 웹사이트를 구축하세요.

유틸리티 클래스 및 CSS 사용자 정의 속성을 사용하여 템플릿을 쉽게 사용자 정의할 수 있습니다. Zauberhaft HTML 템플릿을 사용하여 빠르게 시작하고 온라인 인지도를 강화하세요.

데모

데모 보기

✅ 왜 Zauberhaft인가?

• ? Apache License 2.0과 함께 완전히 무료로 사용할 수 있습니다.
• ? 놀라운 사용자 인터페이스
• ? 모든 것이 사용자 정의 가능합니다. Ravenbright CSS 유틸리티 클래스 또는 CSS 변수를 사용하여 스타일을 수정할 수 있습니다.
• ⚡ 고성능 정적 사이트. Pagespeed Insights의 모바일 및 데스크톱 모두에서 98/100 점수
• ♿ 접근성 - WCAG 2.1을 준수합니다. Pagespeed Insights, WAVE 및 Tota11y로 측정됨
• ? 오픈 그래프 태그에 포함됨
• 완전 반응형 및 모바일 친화적인 랜딩 페이지
• ? 부드러운 애니메이션과 함께 제공

시작하기

1. Github 릴리스에서 소스 코드 다운로드
2. cd 폴더에 넣고 npm install 실행하세요.
3. 그런 다음 npm run dev 실행하여 로컬 개발 서버를 시작합니다.
4. 웹사이트를 맞춤화하세요
5. 즐겨찾는 호스팅에 배포
6. 끝났어요!

? 맞춤화

Zauberhaft는 Ravenbright CSS 라이브러리로 구축되었습니다. 다음 중 하나를 사용하여 템플릿을 사용자 정의할 수 있습니다.

• 유틸리티 수업
• CSS 변수

개발

1. CLI에서 npm run dev 입력하세요.
2. 웹 사이트를 보려면 localhost:3000 엽니다.

✅ 빌드 프로세스

1. CLI에서 npm run build 입력하세요.
2. npm run preview 실행하여 빌드 결과를 확인하세요. 드디어 끝났어?. 귀하의 웹사이트를 배포할 준비가 되었습니다

☁️ 배포

Netlify에 배포

이 저장소를 복제하고 Netlify에 배포합니다.

? 크레딧 및 귀속

• 포스트 프로세서 도구: PostCSS
• 웹 프레임워크 도구: Astro
• 사진 출처: Unsplash
• 서체: Indian Type Foundry의 Satoshi
• 자리표시자 로고는 Logoipsum에서 제공합니다.
• 아이콘은 Tabler 및 Akar 아이콘에서 제공됩니다.

특허

Zauberhaft HTML 템플릿은 Apache License 2.0에 따라 라이센스가 부여됩니다.