diff --git a/content/about.md b/content/about.md index 20ed11c..f358851 100644 --- a/content/about.md +++ b/content/about.md @@ -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 teknologi, erfaringer eller kuriositeter. -Om du er iteressert i å ta kontakt med meg kan jeg nås ved epost på vkbugge@hotmail.com. diff --git a/content/posts/hugo.md b/content/posts/hugo.md index b518f32..326cbaa 100644 --- a/content/posts/hugo.md +++ b/content/posts/hugo.md @@ -12,12 +12,14 @@ tags: Nå er bloggen gjennoppstått! Denne gangen med hjelp av [Hugo](https://gohugo.io/) :) ## 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: Servere den fra en webserver, redigere den i VScode, eller sende den til kompisen din og si at du kan lage nettsider. ## Motivasjon + 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 å 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 innlegg, kan man få Hugo til å generere en ny markdownfil for deg. + ```bash hugo new content posts/hugo ``` + 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 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! ## Fremgangsmåte + Det å sette opp bloggen var egentlig veldig lett! Slik var fremgangsmåten: ### Sett opp Hugo + 1. Installer Hugo. - ```bash - sudo snap install hugo - ``` + ```bash + sudo snap install hugo + ``` 1. Start et nytt prosjekt. - ```bash - hugo new site blog - cd blog - git init - ``` + ```bash + hugo new site blog + cd blog + git init + ``` 1. Last ned et tema. - ```bash - git add submodule https://github.com/rhazdon/hugo-theme-hello-friend-ng themes/hello-friend-ng - ``` + ```bash + 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. Enjoy! ### Deployment + 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 (`/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 og flytte det over til serveren. + ```sh hugo || exit 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 susen. + ```xml ServerName kaholaz.net @@ -101,6 +110,7 @@ susen. ``` ## Konklusjon + Jeg tror dette er en veldig flott løsning for en personlig blogg. Jeg kommer til å tilgjegeliggjøre kildekoden på [min GitHub](git@github.com:Kaholaz/hugo-blog.git), og fortsette å oppdatere bloggen