Compare commits
3 Commits
f76811b8bc
...
MetaPost
| Author | SHA1 | Date | |
|---|---|---|---|
| e891a1124a | |||
| ff28f125a1 | |||
| 0b848cdd37 |
@@ -32,11 +32,10 @@ author:
|
||||
git_username: oyvindskaaden
|
||||
|
||||
|
||||
|
||||
collections:
|
||||
posts:
|
||||
excerpt_separator: <!--more-->
|
||||
|
||||
permalink:
|
||||
|
||||
|
||||
|
||||
@@ -54,7 +53,7 @@ defaults:
|
||||
type: "posts"
|
||||
values:
|
||||
layout: layouts/post
|
||||
permalink: /prosjekter/:categories/:year/:month/:day/:title
|
||||
permalink: /prosjekter/:year/:month/:day/:title
|
||||
-
|
||||
scope:
|
||||
path: "ntnu/*"
|
||||
|
||||
@@ -1,5 +1,4 @@
|
||||
<head>
|
||||
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta charset="utf-8">
|
||||
@@ -18,7 +17,6 @@
|
||||
<link rel="stylesheet" href="{{ "/assets/css/default.css" | relative_url }}"/>
|
||||
{% endif %}
|
||||
|
||||
|
||||
<title>
|
||||
{% if page.title %}
|
||||
{{ page.title }} · {{ site.title }}
|
||||
|
||||
32
_posts/2020-12-26-glados.no.md
Normal file
32
_posts/2020-12-26-glados.no.md
Normal file
@@ -0,0 +1,32 @@
|
||||
---
|
||||
title: "glados.no"
|
||||
description: Hvordan generere nettsider med git og jekyll
|
||||
date: 2020-12-26
|
||||
categories: glados
|
||||
tags: website glados jekyll git gitea
|
||||
---
|
||||
|
||||
Hvordan er egentlig [glados.no](https://glados.no) satt opp som en kontinuerlig integrasjon ved hjelp av jekyll, bootstrap og git.
|
||||
|
||||
<!--MORE-->
|
||||
|
||||
## Prinsipp
|
||||
|
||||
Jeg er er en ganske lat person, men jeg ønsker å lage en velutformet personlig nettside med alt fra personlige prosjekter til fag på NTNU.
|
||||
Derfor ønsker jeg å sette opp en statisk nettsidegenerator som gjør det enkelt for meg å oppdatere og legge nye til til på nettstedet.
|
||||
|
||||
### Statisk nettsidegenerator
|
||||
|
||||
En bra løsning på dette problemet er å bruke en statisk nettsidegenerator.
|
||||
Da er det mulig å skrive hele nettsteder i det enkle språket markdown, som bruker en syntaks for å beskrive hvilke elementer som brukes.
|
||||
Språket brukes på alt fra GitHub (på README filene) til å skrive større dokumentasjon med Pandoc.
|
||||
|
||||
Det finens uttallige forskjellige generatorer, men de to store (i dag) er [jekyll](https://jekyllrb.com/) og [HUGO](https://gohugo.io/).
|
||||
Begge baserer seg på markdown, har en ganske lik filstruktur og er begge brukt masse.
|
||||
Jekyll brukes faktisk for å generere [Github Pages](https://pages.github.com/).
|
||||
|
||||
### Versjonskontroll
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -1,34 +0,0 @@
|
||||
---
|
||||
layout: layouts/list
|
||||
title: "Julegave"
|
||||
description: "Erlends Julegave, Julen 2020"
|
||||
permalink: /:path/
|
||||
---
|
||||
|
||||
<h3>God jul!</h3>
|
||||
|
||||
<p>Her kan du velge hva du selv måtte ønske. Gjerne si ifra når du har valgt. Kos deg!</p>
|
||||
|
||||
<div class="card-deck">
|
||||
<div class="card" style="">
|
||||
<img src="https://cnet3.cbsistatic.com/img/q50COKlD09mzY_IwBO6nE5A4X38=/940x0/2020/12/07/a9ca2f4f-a55b-48b0-96e6-c126eb0246e9/ebx8hzdwoaex7xc-1620x910.jpg" class="card-img-top" style="height: 12.2rem; object-fit: cover;">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Cyberpunk 2077</h5>
|
||||
<p class="card-text">Spill deg gjennom en fantastisk fantasiverden, med masse actionfylte eventyr og moro utfordringer.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" style="">
|
||||
<img src="https://www.nme.com/wp-content/uploads/2020/05/star-wars-jed-fallen-order-credit-ea@2000x1270.jpg" class="card-img-top" style="height: 12.2rem; object-fit: cover;">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Star Wars Jedi: Fallen Order</h5>
|
||||
<p class="card-text">Endelig kan du oppfylle drømmen om å spille som sen jedi! Sett deg i godstolen og føl kraften.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" style="">
|
||||
<img src="https://c4.wallpaperflare.com/wallpaper/712/576/854/question-mark-wallpaper-preview.jpg" class="card-img-top" style="height: 12.2rem; object-fit: cover;">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Velg noe helt annet!</h5>
|
||||
<p class="card-text">Om det er noe annet du heller har lyst på, så er det også muligheter for det. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user