---
title: "Slik bygde vi Look Scanneds blogg med Hugo"
description: "En grundig guide til å bygge en moderne blogg med Hugo som statisk nettstedgenerator, som dekker installasjon, konfigurasjon, driftsetting og tilpasningstips for både nybegynnere og erfarne utviklere."
date: 2025-01-17T06:22:31.000Z
lang: no
source: https://lookscanned.io/no/blog/build-blog-using-hugo
tags: ["hugo", "blogg", "web", "statisk-nettsted", "veiledning"]
---

# Slik bygde vi Look Scanneds blogg med Hugo

## Hva er Look Scanned?

[Look Scanned](https://lookscanned.io) er en lettvekts, nettleserbasert applikasjon som simulerer skannet PDF-utseende. Den er laget med personvern i tankene, og lar utviklere, designere og alle andre legge til autentiske skanneeffekter på PDF-er uten behov for fysisk maskinvare.

## Hvorfor Hugo?

Etter å ha evaluert flere statiske nettstedgeneratorer for Look Scanned-bloggen, valgte vi Hugo av disse gode grunnene:

1. **Rasende raskt** - Bygget med Go, leverer Hugo utrolige byggehastigheter
2. **Utviklervennlig** - Enkel konfigurasjon med en intuitiv læringskurve
3. **Rikt tema-økosystem** - Omfattende samling av vakre, tilpassbare temaer
4. **Levende fellesskap** - Aktiv fellesskapsstøtte og omfattende dokumentasjon
5. **Førsteklasses i18n** - Innebygd støtte for internasjonalisering

## Steg-for-steg-oppsett

### Installere Hugo

For macOS-brukere (via Homebrew):

```bash
brew install hugo
```

For Windows-brukere (via Chocolatey):

```bash
choco install hugo-extended
```

For Linux-brukere, se installasjonsguiden [her](https://gohugo.io/installation/linux/).

### Opprette et nytt nettsted

Sett opp Hugo-nettstedet ditt med disse kommandoene:

```bash
hugo new site lookscanned-blog
cd lookscanned-blog
```

### Legge til et tema

Installer PaperMod-temaet som en git-submodul:

```bash
git init
git submodule add https://github.com/adityatelange/hugo-PaperMod themes/PaperMod
```

Oppdater `config.toml`:

```toml
theme = "PaperMod"
```

### Konfigurere internasjonalisering

Legg til flerspråklig støtte i `config.toml`:

```toml
defaultContentLanguage = 'en'
defaultContentLanguageInSubdir = false

[params]
  displayFullLangName = true

[languages]
  [languages.en]
    languageCode = 'en'
    languageName = 'English'
    title = 'Look Scanned Blog'
  [languages.zh]
    languageName = '简体中文'
    title = 'Look Scanned 博客'
  [languages.zh-tw]
    languageCode = 'zh-TW'
    languageName = '繁體中文'
    title = 'Look Scanned 部落格'
  # Additional languages...
```

### Opprette innhold

Opprett ditt første blogginnlegg:

```bash
hugo new posts/build-blog-using-hugo/index.en.md
```

### Kjøre utviklingsserveren

Start den lokale utviklingsserveren:

```bash
hugo server -D
```

Besøk [http://localhost:1313](http://localhost:1313) for å forhåndsvise nettstedet ditt.

## Alternativer for driftsetting

Sett Hugo-nettstedet ditt i drift uten problemer med GitHub Actions:

1. **GitHub Pages**

   - Opprett et GitHub-repositorium
   - Push Hugo-nettstedet ditt
   - Aktiver GitHub Pages i repositoriuminnstillingene
   - Konfigurer GitHub Actions for automatisert driftsetting

2. **Cloudflare Pages**
   - Koble til GitHub-repositoriet ditt
   - Sett byggekommandoen til `hugo`
   - Konfigurer publiseringsmappen som `public`

## Tematilpasning

Vi har forenklet brukergrensesnittet ved å fjerne språkvelgeren fra nettstedets topptekst. Du finner de modifiserte temafilene våre [her](https://github.com/lookscanned/lookscanned-blog/blob/main/layouts/partials/header.html).

## Konklusjon

Hugo gir et eksepsjonelt fundament for å bygge en personlig blogg. Kombinasjonen av hastighet, fleksibilitet og omfattende dokumentasjon gjør det til et utmerket valg for utviklere på alle nivåer. Etter hvert som du blir mer kjent med Hugo, vil du oppdage kraftige funksjoner for å skape en virkelig unik bloggopplevelse.

## Ressurser

- [Hugo-dokumentasjon](https://gohugo.io/documentation/)
- [Hugo PaperMod-tema](https://github.com/adityatelange/hugo-PaperMod)