So nutzen Sie Hugging Face Areas, um Ihr Portfolio kostenlos zu hosten

Bild vom Autor

# Einführung

Ein On-line-Portfolio ist nicht mehr elective. Es ist normalerweise das Erste, was Leute überprüfen, wenn sie sehen wollen, was Sie tatsächlich tun können. Nicht Ihr Lebenslauf. Nicht Ihr LinkedIn. Ihre Arbeit. Wenn Sie als Entwickler, Datenwissenschaftler, ML-Ingenieur, Designer oder auch nur als Scholar an Dingen arbeiten, gibt ein Portfolio Ihren Projekten einen Platz zum Leben. Und Sie benötigen dafür kein kostenpflichtiges Internet hosting.

Das Umarmen von Gesichtsflächen ist eines dieser Werkzeuge, die Menschen übersehen. Es ist kostenlos, einfach bereitzustellen und intestine genug, um eine saubere persönliche Web site mit Dwell-Demos zu hosten. Sie können es einfach halten oder interaktive Teile hinzufügen, wenn das zu Ihrer Arbeit passt. In diesem Artikel erfahren Sie, was Hugging Face Areas ist, warum es sich hervorragend für Portfolios eignet und wie Sie es Schritt für Schritt einsetzen können.

# Was ist das Umarmen von Gesichtsräumen?

Hugging Face Areas ist eine Plattform, die es Ihnen ermöglicht, Webanwendungen direkt aus einem GitHub-Repository zu hosten und so die Bereitstellung auch für Anfänger einfach und zugänglich zu machen. Obwohl die Plattform ursprünglich für die Präsentation von Demos zum maschinellen Lernen konzipiert struggle, hat sie sich erheblich weiterentwickelt und unterstützt nun eine breite Palette von Anwendungsfällen, darunter statische Web sites, Python-basierte Anwendungen, interaktive Benutzeroberflächen und voll funktionsfähige KI-gestützte Demos. Sie können Areas erstellen mit:

• Statisches HTML/CSS/JS
• Gradio (Python-UI-Framework)
• Streamlit

Für Portfolios ist diese Flexibilität ein großer Vorteil. Sehen wir uns Schritt für Schritt an, wie Sie Ihr Portfolio kostenlos auf Hugging Face Areas hosten können.

# Schritt 1: Erstellen eines Hugging Face-Kontos

Gehen Sie zu Hugging Face und Melden Sie sich an.

# Schritt 2: Vorbereiten Ihres Portfolios

Sie können einen der folgenden Ansätze wählen:

// Choice A: Statische Web site (HTML/CSS/JS)

Ihr Ordner könnte so aussehen:

portfolio/
│── index.html
│── fashion.css
│── script.js

// Choice B: Python-basiertes Portfolio (Gradio / Streamlit)

Dazu gehören Dateien wie:

# Schritt 3: Einen neuen Raum erstellen

1. Klicken Sie auf Neuer Bereich

   

   Dadurch wird die folgende Seite geöffnet

   
   

2. Wählen:

   • Eigentümer: Ihr Benutzername
   • Raumname: zB mein-portfolio
   • Lizenz: MIT (empfohlen)

3. SDK auswählen:

   • Statisch für HTML-, CSS- und JS-Portfolios
   • Gradio für Python-basierte interaktive Portfolios
   • Streamlit für Daten-Dashboards

4. Klicken Sie nach dem Auffüllen auf Platz schaffen.

   
   

# Schritt 4: Hochladen oder Verbinden Ihres Codes

Sie können Dateien direkt hochladen oder eine Verbindung zu einem GitHub-Repository herstellen.

• Für das statische SDK laden Sie einfach index.html und Belongings hoch.
• Stellen Sie bei Gradio oder Streamlit Folgendes sicher:
• app.py existiert
• „necessities.txt“ listet Abhängigkeiten auf

Hugging Face erstellt und stellt Ihren House automatisch bereit. Da ich beispielsweise Gradio ausgewählt habe, klicke ich auf „App.py-Datei erstellen“:

Danach öffnet sich folgende Seite:

Ich werde die app.py-Datei wie folgt bearbeiten:

import gradio as gr

def contact_message(title, message):
    return f"Thanks {title}! Your message has been obtained 😊"

with gr.Blocks(title="Eisha's Portfolio") as demo:
    gr.Markdown(
        """
        # 👋 Hello, I am Kanwal  
        ### AI / ML Fanatic | Python Developer  

        Welcome to my portfolio!  
        I get pleasure from constructing AI-powered purposes and clear backend methods.
        """
    )

    gr.Markdown("## 🚀 Initiatives")
    gr.Markdown(
        """
        **🔹 PDF Parser with LangChain**  
        Customized PDF parsing with header/footer removing and LLM integration.

        **🔹 Case Similarity Finder (FYP)**  
        Finds comparable medical/authorized circumstances utilizing LLaMA-based embeddings.

        **🔹 AI Chatbot Demo**  
        Conversational AI constructed utilizing Hugging Face fashions.
        """
    )

    gr.Markdown("## Resume")
    gr.Markdown(
        "(Obtain my resume)(https://instance.com/resume.pdf)"
    )

    gr.Markdown("## Contact Me")
    title = gr.Textbox(label="Your Identify")
    message = gr.Textbox(label="Your Message", strains=3)
    output = gr.Textbox(label="Response")
    submit = gr.Button("Ship Message")
    submit.click on(contact_message, inputs=(title, message), outputs=output)

    gr.Markdown(
        """
        ---
        🔗 **GitHub:** https://github.com/yourusername  
        🔗 **LinkedIn:** https://linkedin.com/in/yourprofile  
        """
    )

demo.launch()

Klicken Sie nach dem Bearbeiten der app.py-Datei auf „Neue Datei in die Hauptdatei übertragen“:

# Schritt 5: Ihr Portfolio ist reside

Klicken Sie nun auf derselben Seite auf App, um Ihr Portfolio anzuzeigen.

Wenn Sie darauf klicken, können Sie Ihr Portfolio sehen:

Alternativ können Sie auch https://–.hf.house besuchen, um Ihr Portfolio anzuzeigen. Dies ist Ihr Dwell-Portfolio-Hyperlink zum Teilen. Ein Portfolio muss nicht statisch sein. Sie können Folgendes einschließen:

• Abschnitt „Über mich“.
• Projekte mit Dwell-Demos
• Obtain fortsetzen
• Kontaktlinks
• GitHub und LinkedIn

Mit Gradio können Sie daraus ein interaktives Erlebnis machen.

# Tipps, um Ihr Portfolio hervorzuheben

1. Dwell-Demos hinzufügen:
   • ML-Modelle
   • Chatbots
   • NLP-Instruments
   • Datenvisualisierungen
2. Halten Sie es leicht: Für freie Plätze gelten Ressourcenbeschränkungen. Optimieren Sie daher die Ressourcen
3. Verwenden Sie eine saubere Benutzeroberfläche: Minimales Design statt auffälliger Animationen
4. Fügen Sie eine README.md hinzu: Auf Ihrer House-Seite werden README-Inhalte angezeigt. Verwenden Sie diese additionally mit Bedacht

# Letzte Gedanken

Hugging Face Areas ist mehr als eine Demoplattform. Es handelt sich um eine kostenlose, moderne und leistungsstarke Internet hosting-Lösung für Portfolios. Wenn Ihre Arbeit Code, Daten oder KI umfasst, unterscheidet Sie das Hosten Ihres Portfolios auf Areas sofort von herkömmlichen statischen Web sites. Ihr Portfolio sollte nicht nur sagen, was Sie tun können. Es sollte es reside zeigen.

Kanwal Mehreen ist ein Ingenieur für maschinelles Lernen und ein technischer Redakteur mit einer großen Leidenschaft für Datenwissenschaft und die Schnittstelle zwischen KI und Medizin. Sie ist Mitautorin des E-Books „Maximizing Productiveness with ChatGPT“. Als Google Era Scholar 2022 für APAC setzt sie sich für Vielfalt und akademische Exzellenz ein. Sie ist außerdem als Teradata Variety in Tech Scholar, Mitacs Globalink Analysis Scholar und Harvard WeCode Scholar anerkannt. Kanwal ist ein leidenschaftlicher Verfechter von Veränderungen und hat FEMCodes gegründet, um Frauen in MINT-Bereichen zu stärken.