Hva er Look Scanned?

Look Scanned 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):

brew install hugo

For Windows-brukere (via Chocolatey):

choco install hugo-extended

For Linux-brukere, se installasjonsguiden her.

Opprette et nytt nettsted

Sett opp Hugo-nettstedet ditt med disse kommandoene:

hugo new site lookscanned-blog
cd lookscanned-blog

Legge til et tema

Installer PaperMod-temaet som en git-submodul:

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

Oppdater config.toml:

theme = "PaperMod"

Konfigurere internasjonalisering

Legg til flerspråklig støtte i config.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:

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

Kjøre utviklingsserveren

Start den lokale utviklingsserveren:

hugo server -D

Besøk 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.

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