søndag 12. april 2026

Fra statisk til interaktiv hjemmeside

Dette er den første af en lille række af tutorials som handler om hvordan du kan bruge Masterdon/Fedivers til tilføje muligheden for kommentare og interaktion på en statisk hjemmeside.

Hvad er en statisk hjemmeside?

I 10'erne var simple statiske hjemmesider meget udbredt. Man brugte de to formgivningskoncepter CSS og HTML til at designe hjemmesider ofte med forskellige grafiske programmer. Op igennem 10'erne blev det mere almindeligt at bruge dynamiske hjemmesider som blev styret via CMS (Content Managment System). Wordpress er det mest udbredte CMS. I en dymamisk hjemmeside opbevares sidens indhold i en database. Den siden der besøges samles i det øjblik en bruger besøger den. Det betyder at indholdet er meget fleksibelt og dynamisk og fx. kan være tilpasset den enkelte bruger som besøger siden.Her i 20'erne er det som om de statiske sider har fået en renesance. Det er blandt andet det jeg vil tale lidt om i dette og kommende blogindlæg. Mere specifik hvordan, man kan brug protokollen ActivetyPub til at lave et kommentarfelt på sin blog.Ja men nu har jeg nævt protokollen actitypub så er jeg nok også nød til lige at komme omkring hvad det er.

ActivityPub

ActivityPub er en internets - kommunikationsprotokol, som er udviklet og udgivet af World Wide Web konsordiet. Den blev først gang udgivet i 2016. ActivityPub er en protokol som tilader at man kan hente indhold fra alle mulige foreskellige servere og trække det sammen i en "instans". En hver kan være vært for sin egen data og alligvel deltage i tråde og sociale netværk. Netværket er ikke platform afhængig, der kan arbejdes på tvers af alle platforme som benytter activityPub. Man er ikke afhængig af nogle kommercielle firmaer deres algoritmer. Man kan lave selvbestaltede sociale medier og man kan kommunikere på tvers af platformene. En Masterdon-profil kan tale sammen med en Pixelfed-profil eller en PeerTube profil uden at skifte platform. Masterdon er den kendeste af de platforme som benytter activityPub - protokollen.Dette blogindlæg handler altså om hvordan, man kan integrere activityPub/Fedivers kommentarer på en statsik hjemmeside. Min gennemgang af dette emne tager udgangspunkt i en gannemgang af min egen udvikling fra mødet med styressystemmet Linux, over shelscript og hjemmesidekomposition og frem til at jeg i dag bruger et scriptsbaseret CMS som jeg helt selv har udviklet, forbederet og tilpasset ignnem et par år nu.

Mødet med Linux

I februar 1999 hørte jeg for første gang om styrresystemet Linux. Det var i radioprogrammet harddisken på P1 som jeg var en ivrig lytter af. Lige fra jeg først hørte om det gratis styresystem opstod der et ønske om at installere det på min lille bærbare computer. Jeg havde på det tidspunkt allerede brugt DOS og de tidlige varianter af Windows. Det tog mig henved et år før det først gang lykkedes mig at få Linux op at køre på min allerede den gang forældede Compaq Laptop. Det var en Debian Linux og det var kun en text - konsol ingen grafik. Senere lykkedes det mig at køre grafik via libSVGA, men det er en anden historie. Et par år efter fandt jeg på nettet en instruktion i hvordan man laver bash shell scripts (små programmer) som kan køre direkt i en "linux konsol" og det blev virkelig en døråbner for mig. Jeg elskede at udtænke script til at automatisere arbejdsgange og jeg lavede efterhånden nogle ret komplicerede konstruktioner med variabler, loops, beregninger, arrays og regular expressions.I 2004 lærte jeg mig selv at lave hjemmesider i ren HTML simpelthen at skrive html i en tekst editor og bruge en browser til at se resultatet. Jeg lavede flere forskellige hjemmesider i de år som jeg lagde ud på forskellige gratis subdomainer. (Jeg har faktisk fragmenter af et af disse sider liggende tilgængeligt på min hjemmeside i dag. Du kan se den - HER - )I 2009 stiftede jeg bekendskab med de såkaldte CMS systemer (content management systemer). Det er systemer hvor man arbejder i en brugergrænseflade og altså ikke arbejder direkte i koderne i en teksteeditor.Jeg følte mig dog aldrig særligt godt tilpas med disse systemer. Jeg befandt mig bedst med en Linux terminal og mine elskede terminal programmer. Groff til at skrive dokumenter, Vim som min tekst editor Image Magic og NetPBM til billedbehandling osv. I 2022 får jeg lyst til igen at gå tilbage og lave mig selv en statisk hjemmeside. Jeg begynder at undersøge hvordan udviklingen er på det område. Jeg bliver klar over at der er kommet en hel modebølge (Small - web - bevælgelsen) som handler om at gå tilbage til statiske hjemmesider og gøre sig fri af reklemer og overflødigt distraherende indhold og de store tech - virksomheders dominans. I min afsøgning af mulighederne blev jeg klar over at der i mellemtiden var kommet en hel vifte af mere eller mind avancerede CMS systemer til at forenkle processen med at skabe sin egen statiske hjemmeside. Systemer som Jekyll, Hugo, Eleventy som lader dig lave en professionelt udsende fuld færdig hjemmeside på få minutter. De fleste af disse systemer fungerer ved at man skriver en tekst i en editor og bruger nogle simple fomateringskoder (Fx markdown) koder til at formatere teksten. Systemet laver så en html/css side ud af den og lægger den ind på ret plads i filstrukturen Nogle af disse systemer var ret kompliceret avanceret men jeg vil gerne have noget simpelt. Noget der kunne tillade mig at lave blogindlæg ret hurtigt uden at skulle sidde og rode med HTML koder undervejs.Så fandt jeg et meget lille program SSG (Static Site Generators). Programmet hed bashblog Faktisk var det blot et simpelt shellscript som kunne tage en teksfil som input og forvandle den til en simpel htmlfil. Jeg downloadede det script og begyndte at eksperimentere med det.Efter kort tid at have eksperimenteret med scriptet og undersøgt hvordan det kunne tilpasset til mine behov, begyndte jeg at spekulere på om jeg ikke kunne lave et tilsvarende script selv som fuldstændig passede til mine behov. Et script som lænede sig op af den måde jeg i forvejen producerede dokumenter nemlig med det i computertid old gamle textformateringssystem Groff .Hvis jeg nu kunne bruge cirka samme tekstformateringskoder til at producer hjemmesider, som jeg brugte til at formatere dokumenter, plakater og tryksager ville jeg få en meget brugbar model.Det virkede som en et meget stort projekt, men efterhånden som jeg kom igang med det viste det sig at være en overkommelig opgave som jeg stille og roligt kunne bygge videre på. Tilføje nye funktionaliteter og tilpasse designet løbende.Hvis jeg vil skrive et blogindlæg eller lave en ny hjemmeside starter jeg med en skabelon som ser sådan her ud.


Formatering italic = +i+ord++i+, bolt +b+ord++b+
.notH1 = Stor overskrift
.notSH = Normal overskrift
.notLP = Ikke indrykket afsnit
.notPP = Indrykket afsnit
.notCP = Centreret Paragraf
.notLIADR, .LITXT, .LIFIN = linktags
.notCLIADR, .LITXT, .LIFIN = Centreret link på egen linje
.notIFRAME = indset en indlejret video
.notPREBEG, .PREnotEND = indramning af en pre-blok
Billeder kan indsettes med scriptet htmlimgind
------------------------------------
Herfra skal udfyldes::
------------------------------------
.notMBTITLE
Titel på siden eller blogindlæg
.notMBDISCRIPTION
En kort beskrivelse af blogindlæget eller sidens indhold
.notMBKEYWORDS
Nogle nøgleord (max 8)
MBDATE: søndag 12. april 2026
.notLP
Og her skriver jeg så mit blogindlæg eller teksten på min side.

Denne tekst gemmes så i et tekstdokument og det teksdokument kan så oversættes til CSS og HTML via et script, som jeg selv har lavet og som passer præcist til det design jeg har udarbejdet.Ja så i dag her jeg mit helt eget hjemmelavede SSG (Static Site Generators) system og sjovt nok jeg bygger moderne hjemmesider ved hjelp af en Linux terminal med programmer som mange af dem er lavet op igennem 70'erne og 80'erne (Vim, Groff, NetPBM, Grapic Magic, Bash, regular expression, Sed, grep etc.)Dette var en lille personlig optagt til de følgende tutorial hvor jeg vil demonstrere hvordan man ved hjælp af Masterdon/Fedivers kan tilføje et kommentarfelt til sine statiske hjemmesider og hvordan man kan indlejre de ti seneste opslag fra ens Masterdon konto på sin statiske hjemmeside og på den måde give den et meget mere dynamisk flow.
-
-