dltmdgus's picture
Update README.md
c43d45c verified

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