Daylit

Anleitung

Dateien auf deine Website laden: WinSCP, VS Code, FileZilla

So bringst du Dateien auf deine Daylit-Website, mit dem Programm, das dir gefällt. Ersetze name überall durch den Namen deiner Website (aus der Willkommens-E-Mail). Dein Benutzername ist dieser Name; das Passwort steht in der Willkommens-E-Mail unter FILES.

Welcher Weg?

Die Daten sind immer dieselben:

WinSCP

  1. Lade WinSCP von winscp.net herunter und installiere es.
  2. Wähle Neues Verbindungsziel und fülle aus: Übertragungsprotokoll SFTP, Rechnername sftp.ondaylit.nl, Port 22, deinen Benutzernamen und dein Passwort. Klicke auf Speichern und Anmelden.
  3. Beim ersten Mal fragt WinSCP, ob du dem Server vertraust: Wähle Ja.
  4. Links sind deine eigenen Dateien, rechts deine Website. Zieh Dateien oder Ordner nach rechts.
  5. Automatisch aktuell halten: Öffne links deinen Projektordner und wähle Befehle → Entferntes Verzeichnis aktuell halten (Strg+U). Jede Änderung in diesem Ordner ist in Sekunden online.
  6. In VS Code bearbeiten: Geh zu Optionen → Einstellungen → Editoren → Hinzufügen, wähle Externer Editor und navigiere zu Code.exe. Doppelklicke in WinSCP auf eine Datei, dann öffnet sie sich in VS Code; Strg+S legt sie wieder auf deine Website.

SFTP funktioniert in deinem Netz nicht (manche Schulen blockieren Port 22)? Dann wähle Übertragungsprotokoll WebDAV, Verschlüsselung TLS/SSL Implizit, Rechnername name-files.ondaylit.nl und Port 443.

Visual Studio Code mit der Erweiterung SFTP

  1. Installiere in VS Code die Erweiterung SFTP von Natizyskunk (Erweiterungen, nach „sftp“ suchen).
  2. Öffne deinen Projektordner (Datei → Ordner öffnen).
  3. Leg in diesem Ordner einen Ordner .vscode mit einer Datei sftp.json an, mit diesem Inhalt (die Willkommens-E-Mail enthält ihn schon ausgefüllt): 
    {
    "name": "name.ondaylit.nl",
    "host": "sftp.ondaylit.nl",
    "protocol": "sftp",
    "port": 22,
    "username": "name",
    "remotePath": "/",
    "uploadOnSave": true
}
  4. Klicke mit rechts auf deinen Projektordner und wähle Sync Local → Remote, um alles auf einmal online zu stellen. Die Erweiterung fragt beim ersten Mal nach deinem Passwort.
  5. Danach ist jede Änderung online, sobald du speicherst.

Schreib dein Passwort nicht in sftp.json, vor allem nicht, wenn du dein Projekt auf GitHub stellst.

Visual Studio Code mit ftp-simple

  1. Installiere die Erweiterung ftp-simple von humy2833.
  2. Drück F1 (oder Strg+Umschalt+P) und wähle ftp-simple: Config - FTP connection setting. Eine Einstellungsdatei öffnet sich; schreib Folgendes hinein: 
    [
    {
        "name": "name.ondaylit.nl",
        "host": "sftp.ondaylit.nl",
        "port": 22,
        "type": "sftp",
        "username": "name",
        "password": "dein Passwort",
        "path": "/",
        "autosave": true,
        "confirm": false
    }
]
  3. Speichern. Mit F1 → ftp-simple: Remote directory open to workspace öffnest du deine Website als Ordner in VS Code, und jedes Speichern ist sofort online. Mit ftp-simple: Save legst du einen lokalen Ordner oder eine Datei auf deine Website.

ftp-simple speichert das Passwort in deinen eigenen VS-Code-Einstellungen, nicht in deinem Projekt.

Du hast schon eine SFTP-Verbindung für die Schule?

ftp-simple kann mehrere Verbindungen speichern. Füge deine Daylit-Website als zweiten Block in dieselbe Liste ein, mit einem Komma dazwischen. Deine Schulverbindung funktioniert weiter:

[
    {
        "name": "meine Schulwebsite",
        "host": "server.of-your-school.nl",
        "port": 22,
        "type": "sftp",
        "username": "dein Schul-Benutzername",
        "password": "dein Schul-Passwort",
        "path": "/",
        "autosave": true,
        "confirm": true
    },
    {
        "name": "name.ondaylit.nl",
        "host": "sftp.ondaylit.nl",
        "port": 22,
        "type": "sftp",
        "username": "name",
        "password": "dein Daylit-Passwort",
        "path": "/",
        "autosave": true,
        "confirm": true
    }
]

Mit F1 → ftp-simple: Remote directory open to workspace und ftp-simple: Save wählst du dann jedes Mal, auf welche Website es geht. So nutzt du dasselbe Projekt für die Schule und für deine eigene Website.

FileZilla

  1. Lade FileZilla Client von filezilla-project.org herunter.
  2. Fülle oben aus: Server sftp://sftp.ondaylit.nl, Benutzername, Passwort, Port 22, und klicke auf Verbinden.
  3. Zieh Dateien oder Ordner von links (dein Computer) nach rechts (deine Website).

Im Browser

  1. Geh zu https://name-files.ondaylit.nl und melde dich an.
  2. Zieh Dateien oder einen ganzen Ordner ins Fenster. Fertig.

Häufige Fragen

Wohin gehört meine index.html?

Direkt in den Hauptordner deiner Website (den Ordner, den du siehst, sobald du verbunden bist). Diese Seite wird unter https://name.ondaylit.nl angezeigt.

In der Schule kann ich mich nicht per SFTP verbinden.

Manche Netze blockieren Port 22. Nutze stattdessen WebDAV über Port 443 (WinSCP oder den Browser); das funktioniert überall, wo Websites funktionieren.

Ich habe mein Passwort verloren.

Schreib uns eine E-Mail von der Adresse, mit der du deine Website angelegt hast, und du bekommst ein neues Passwort. Es gilt dann sofort für den Browser, WebDAV und SFTP.