kaholaz/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix typo.

Browse source
This commit is contained in:
Sebastian Bugge 2024-03-06 23:44:27 +01:00
parent c92ebcfee8
commit be819ec21a
Signed by: kaholaz
GPG key ID: 2EFFEDEE03519691
2 changed files with 23 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

2
content/about.md
View file

@ -10,5 +10,5 @@ Jeg så hyggelig at du tok deg tid til å se gjennom min lille nettside! Her
skriver jeg om det som faller meg inn. Mesteparten av tiden handler det om skriver jeg om det som faller meg inn. Mesteparten av tiden handler det om
teknologi, erfaringer eller kuriositeter. teknologi, erfaringer eller kuriositeter.
Om du er iteressert i å ta kontakt med meg kan jeg nås ved epost på <a Om du er interessert i å ta kontakt med meg kan jeg nås ved epost på <a
href="mailto:vkbugge@hotmail.com">vkbugge@hotmail.com</a>. href="mailto:vkbugge@hotmail.com">vkbugge@hotmail.com</a>.

34
content/posts/hugo.md
View file

@ -12,12 +12,14 @@ tags:
Nå er bloggen gjennoppstått! Denne gangen med hjelp av [Hugo](https://gohugo.io/) :) Nå er bloggen gjennoppstått! Denne gangen med hjelp av [Hugo](https://gohugo.io/) :)
## Hva er Hugo? ## Hva er Hugo?
Hugo er en statisk side generator. Du skriver innlegg i markdown, også rendres
Hugo er en statisk side-generator. Du skriver innlegg i markdown, også rendres
disse til HTML. Når du har HTML-en, kan du egentlig gjøre det du vil med den: disse til HTML. Når du har HTML-en, kan du egentlig gjøre det du vil med den:
Servere den fra en webserver, redigere den i VScode, eller sende den til Servere den fra en webserver, redigere den i VScode, eller sende den til
kompisen din og si at du kan lage nettsider. kompisen din og si at du kan lage nettsider.
## Motivasjon ## Motivasjon
Den forrige bloggen min var laget med [Wordpress](https://wordpress.com/), en Den forrige bloggen min var laget med [Wordpress](https://wordpress.com/), en
grafisk nettsidebygger som er laget med PHP og MySQL. Programmet kan brukes til grafisk nettsidebygger som er laget med PHP og MySQL. Programmet kan brukes til
å lage alt fra blogger til nettbutikker. For mitt bruk, fungerte det egentlig å lage alt fra blogger til nettbutikker. For mitt bruk, fungerte det egentlig
@ -40,9 +42,11 @@ hver tekst). Dette tar vekk fokuset fra skrivingen.
Med Hugo derimot, er fokuset rettet mot skrivingen. Når man skal lage et nytt Med Hugo derimot, er fokuset rettet mot skrivingen. Når man skal lage et nytt
innlegg, kan man få Hugo til å generere en ny markdownfil for deg. innlegg, kan man få Hugo til å generere en ny markdownfil for deg.
```bash ```bash
hugo new content posts/hugo hugo new content posts/hugo
``` ```
Nå har jeg en fil ny fil (`content/posts/hugo.md`). Denne kan man fint begynne Nå har jeg en fil ny fil (`content/posts/hugo.md`). Denne kan man fint begynne
å skrive i og endre på med ditt yndlingstekstredigeringsprogram. Personlig å skrive i og endre på med ditt yndlingstekstredigeringsprogram. Personlig
bruker jeg [Neovim](https://neovim.io/). Det at jeg nå kan klare meg uten bruker jeg [Neovim](https://neovim.io/). Det at jeg nå kan klare meg uten
@ -55,32 +59,36 @@ jeg bruke [ripgrep](https://github.com/BurntSushi/ripgrep). Om jeg har lyst til
å slutte å bruke Hugo kan jeg også det, fordi det kun er tekst! å slutte å bruke Hugo kan jeg også det, fordi det kun er tekst!
## Fremgangsmåte ## Fremgangsmåte
Det å sette opp bloggen var egentlig veldig lett! Slik var fremgangsmåten: Det å sette opp bloggen var egentlig veldig lett! Slik var fremgangsmåten:
### Sett opp Hugo ### Sett opp Hugo
1. Installer Hugo. 1. Installer Hugo.
```bash ```bash
sudo snap install hugo sudo snap install hugo
``` ```
1. Start et nytt prosjekt. 1. Start et nytt prosjekt.
```bash ```bash
hugo new site blog hugo new site blog
cd blog cd blog
git init git init
``` ```
1. Last ned et tema. 1. Last ned et tema.
```bash ```bash
git add submodule https://github.com/rhazdon/hugo-theme-hello-friend-ng themes/hello-friend-ng git add submodule https://github.com/rhazdon/hugo-theme-hello-friend-ng themes/hello-friend-ng
``` ```
1. Fiks `hugo.toml` i henhold til [dokumentasjonen](https://github.com/rhazdon/hugo-theme-hello-friend-ng). 1. Fiks `hugo.toml` i henhold til [dokumentasjonen](https://github.com/rhazdon/hugo-theme-hello-friend-ng).
1. Enjoy! 1. Enjoy!
### Deployment ### Deployment
Jeg er så heldig å ha tilgang til en server der jeg kan servere hva enn jeg Jeg er så heldig å ha tilgang til en server der jeg kan servere hva enn jeg
måtte ønske! Det gjør jobben veldig lett :) På serveren har jeg en mappe måtte ønske! Det gjør jobben veldig lett :) På serveren har jeg en mappe
(`/var/www/kaholaz.net/`), der jeg putter ferdiggenerert HTML. Får å gjøre (`/var/www/kaholaz.net/`), der jeg putter ferdiggenerert HTML. Får å gjøre
denne forflytningen lettvint, har jeg laget et kort skript for å generere HTML denne forflytningen lettvint, har jeg laget et kort skript for å generere HTML
og flytte det over til serveren. og flytte det over til serveren.
```sh ```sh
hugo || exit hugo || exit
rsync public/ vsbugge@navi.samfundet.no:/var/www/kaholaz.net/ -r --delete -P rsync public/ vsbugge@navi.samfundet.no:/var/www/kaholaz.net/ -r --delete -P
@ -88,6 +96,7 @@ rsync public/ vsbugge@navi.samfundet.no:/var/www/kaholaz.net/ -r --delete -P
Når dette er på plass, trenger vi bare et søtt lite Apache-config for å gjøre Når dette er på plass, trenger vi bare et søtt lite Apache-config for å gjøre
susen. susen.
```xml ```xml
<VirtualHost *:80> <VirtualHost *:80>
ServerName kaholaz.net ServerName kaholaz.net
@ -101,6 +110,7 @@ susen.
``` ```
## Konklusjon ## Konklusjon
Jeg tror dette er en veldig flott løsning for en personlig blogg. Jeg kommer Jeg tror dette er en veldig flott løsning for en personlig blogg. Jeg kommer
til å tilgjegeliggjøre kildekoden på [min til å tilgjegeliggjøre kildekoden på [min
GitHub](git@github.com:Kaholaz/hugo-blog.git), og fortsette å oppdatere bloggen GitHub](git@github.com:Kaholaz/hugo-blog.git), og fortsette å oppdatere bloggen