Skip to main content Irena Nauta

Hoe kan ik mijn website updaten ?

Stap 1 - Open code editor and start development server

  1. Start Terminal (⌘-Space -> Terminal).
    Je ziet nu ~/Repos>, dit heet de “Prompt”. Je ziet hier in welke directory je je bevindt, in dit geval Repos. Daarachter typ je commando. Laat de inhoud zien met commando ls, en verander de directory met commando cd.
  2. Change directory naar irenanauta.com : cd irenanauta.com
    Of cd i + [tab] toets werkt sneller. Als het goed is, verandert de prompt in ~/Repos/irenanauta.com>
  3. Open Visual Studio Code, de code-editor, door code . in te typen (vergeet de punt niet)
  4. Haal de laatste wijzigingen van andere co-editors (→ Hans) binnen met git pull
  5. Start development server met commando npm run dev -- --open
    Er opent zich browser window met de website. Let op: dit is nog niet de echte website op het internet (www.irenanauta.com) maar een ‘test-versie’ / ontwikkel server op je eigen macbook; localhost heet dat (zie URL).

Maak wijzigingen in de code-editor

  • Aan de linkerkant in de code editor zie je alle bestanden/directories van je website project. Belangrijke bestanden / folders:
    • src/routes → dit is de ‘root’ van je website, vanuit hieruit is opbouw van folder structuur van je website
    • src/routes/tutorial/+page.md → dit is de pagina die je nu bekijkt. Met als URL: irenanauta.com/tutorial ; dat wordt dus bepaald door de directory structuur / naam.
    • Een pagina waarin de inhoud van artikelen zit, moet je altijd +page.md noemen.
    • Je mag Markdown syntax gebruiken (google maar).

Upload de wijzigingen naar de live website

  • In Terminal, gebruik shortcut Control-C, om uit de development server te exiten.
  • Typ dan: website "omschrijving wat je veranderd hebt".
  • Ongeveer 1 minuut wachten, en je ziet de wijzigingen ook op je echte website.
  • Verlaat de terminal met commando exit.

Klaar!