README.md

Liger Showcase Page Deployment Guide

이 폴더(liger_showcase)에는 Hugging Face Spaces에 배포할 수 있는 웹사이트 파일들이 모두 포함되어 있습니다.

🚀 Hugging Face Spaces 배포 방법

1. Hugging Face 접속 및 로그인: huggingface.co에 접속합니다.
2. New Space 생성:
   • 우측 상단 프로필 클릭 -> New Space 선택.
   • Space Name: liger-showcase (원하는 이름 입력).
   • License: mit (선택 사항).
   • Space SDK: Static을 선택하세요 (가장 중요!).
   • Visibility: Public (공개) 또는 Private.
   • Create Space 클릭.
3. 파일 업로드:
   • 생성된 Space 페이지에서 Files 탭으로 이동합니다.
   • Add file -> Upload files를 클릭합니다.
   • 이 폴더(liger_showcase) 안에 있는 모든 파일(index.html, style.css, .mp4, .png)을 드래그하여 업로드합니다.
   • 아래 Commit changes to main 버튼을 클릭하여 저장합니다.
4. 배포 확인:
   • 잠시 후 App 탭으로 이동하면 웹사이트가 배포된 것을 확인할 수 있습니다.

📝 수정 사항 (선택)

1. PPT/발표 자료 업로드

현재 PPT 섹션은 예시로 되어 있습니다. 발표 자료를 보여주려면:

1. 발표 자료를 PDF로 변환하여 함께 업로드하세요 (예: presentation.pdf).

2. index.html 파일을 열고 80번째 줄 근처의 <div class="ppt-container glass-card"> 안쪽을 수정하여 iframe이나 다운로드 링크를 연결하세요.

   PDF 바로 보여주기 예시:

   <embed src="presentation.pdf" type="application/pdf" width="100%" height="600px" />
   

2. n8n 워크플로우 연결

n8n 워크플로우를 직접 보여주거나 실행하게 하려면, n8n 인스턴스의 Webhook URL이나 공개 링크를 index.html의 워크플로우 섹션 버튼에 연결하면 됩니다.

---

title: GreenDriverOptimizer emoji: 🏎️ colorFrom: green colorTo: leaf sdk: streamlit sdk_version: 1.31.0 python_version: 3.10 app_file: app.py pinned: false