Lag din egen blogg med Jekyll

Jekyll-logo

Jekyll er et web-rammeverk som tar utgangspunkt i Markdown for å bygge en nettside. Rammeverk gjør det enklere å bygge opp og oppdatere nettsider uten å skrive html og css fra bunnen av. I Jekyll kan vi derfor skrive alt innholdet på nettsiden med markdown-kode, som er en mye enklere måte å skrive formatert tekst på, noe som gjør det mye enklere å oppdatere og vedlikeholde nettsiden eller bloggen. Faktisk er hele denne nettsiden lagd med Jekyll.

I artiklene nedenfor kan du lære om hvordan du installerer Jekyll på din datamaskin og oppretter en blogg.

  1. Installer Ruby og JekyllInstaller Ruby og Jekyll
    Før du installerer Jekyll må du installere Ruby. Det er litt forskjellig på Mac og Windows

    Installer Ruby og Jekyll på Mac

    Ruby og Jekyll installeres via Terminal på Mac. For å åpne terminal er d...
  2. Opprett en ny Jekyll-webside på din datamaskinOpprett en ny Jekyll-webside på din datamaskin


    Åpne Visual Studio Code, og åpne en ny, tom mappe (Open folder -> New folder).
    Åpne et terminalvindu ved å klikke på Terminal på menyen øverst på skjermen, og så New terminal
    Inne i term...
  3. Tilpasse din Jekyll-websideTilpasse din Jekyll-webside
    Nå er det på tide å tilpasse din Jekyll-webside og gi den en profil som er tilpasset det du vil bruke den til.

    config.yml
    Først skal vi endre _config.yml-filen. Denne inneholder bakgrunnsinformasj...
  4. Opprette nye sider og poster på bloggen dinOpprette nye sider og poster på bloggen din
    Du kan opprette to typer innhold på bloggen din: sider (pages) og poster (posts). Sider dukker opp i navigasjonsmenyen øverst til høyre (About er et eksempel på en side), og poster dukker opp i mai...     (under arbeid)
  5. Endre CSS-koden til bloggen dinEndre CSS-koden til bloggen din
    CSS-koden i Jekyll er ofte skjult, slik at man ikke skal kunne endre på temaet uten at man vet hva man holder på med. Nå skal vi finne CSS-filene og legge dem inn i bloggen vår slik at vi kan endre...     (under arbeid)
  6. SCSSSCSS
    SCSS er en utvidelse av CSS som har noen flere funksjoner enn vanlig CSS. SCSS er stort sett leselig for deg om du kan vanlig CSS, men det er noen forskjeller.
    1. Variabler
    SCSS støtter variabler, ...