mdx integration done

blog/astro.config.mjs

@@ -1,5 +1,6 @@
 // @ts-check
 import { defineConfig } from 'astro/config';
+import mdx from '@astrojs/mdx';
 
 // https://astro.build/config
 export default defineConfig({
@@ -8,4 +9,5 @@ export default defineConfig({
     build: {
       assets: '_assets',
     },
+    integrations: [mdx()]
   });

blog/package.json

@@ -12,6 +12,7 @@
     "astro": "astro"
   },
   "dependencies": {
+    "@astrojs/mdx": "^7.0.8",
     "@astrojs/preact": "^6.0.2",
     "@astrojs/rss": "^4.0.19",
     "astro": "^7.2.2",

blog/src/content.config.ts

@@ -21,7 +21,7 @@ export type PostData = z.infer<typeof postSchema>;
 
 const posts = defineCollection({
     loader: glob({
-        pattern: "**/*.md",
+        pattern: "**/*.{md,mdx}",
         base: "./src/pages/blog/",
     }),
     schema: postSchema

blog/src/pages/blog/2_Ostseeurlaub.mdx

@@ -14,23 +14,19 @@ time2read: 6
 Eigentlich soll es hier um unser (zukünftiges) Boot und die Segelreisen gehen. 
 Bis wir davon berichten können dauert es aber noch ein bisschen. Was wir bis dahin machen? 
 Das Leben als Privatière genießen! Und das sieht so aus... 
-</br>
-</br>
 
 ---
-
+<br />
 ## Ostseecamp Rerik
 Unser erstes light-Abenteuer führt uns an die Ostsee. Mit meiner Mutter und kleinem Bruder verbringen wir eine Woche im Ostseecamp Seeblick bei Rerik.
 
 Freitag morgen, 5 Uhr geht's los. Chiara war da bereits in Kiel und beging den letzten Tag ihres Praktikums in einer Werft. (Vielleicht teilt sie diese Erfahrung auch noch in einem Post). 
 
-Das Ostseecamp kannte ich schon aus den letzten drei Urlauben (vor 2017). Unser Platz hat perfekten zweite Reihe Blick von den Klippen auf das Meer. Der Name ist nicht nur Marketing. Immer eine leichte Briese frische Meeresluft, so lassen sich die Temperaturen gut aushalten. Ab uns zu sehen wir Segelschiffe und sogar ein paar Traditionssegler auf dem Weg zur HanseSail. Dass das Animationsprogramm an diesem Tag bis 23 Uhr geht will mir, im Schlafsack liegend, aber nicht einleuchten. Ab 10 ist Nachtruhe!<br>
+Das Ostseecamp kannte ich schon aus den letzten drei Urlauben (vor 2017). Unser Platz hat perfekten zweite Reihe Blick von den Klippen auf das Meer. Der Name ist nicht nur Marketing. Immer eine leichte Briese frische Meeresluft, so lassen sich die Temperaturen gut aushalten. Ab uns zu sehen wir Segelschiffe und sogar ein paar Traditionssegler auf dem Weg zur HanseSail. Dass das Animationsprogramm an diesem Tag bis 23 Uhr geht will mir, im Schlafsack liegend, aber nicht einleuchten. Ab 10 ist Nachtruhe!<br />
 Einschlafen klappt dann aber doch irgendwie. Wenn man hier eins lernt, dann auch bei einer Geräuschkulisse zu schlafen.
-</br>
-</br>
 
 ---
-
+<br />
 ## Tschu Tschuuuu
 
 <div style="display: flex; flex-direction: row; gap: 2%;">
@@ -55,11 +51,9 @@ In der kühle des Doberaner Klosters lässt es sich gut aushalten, bis es zurüc
 Zurück Kühlungsborn nutzen wir den Tag für ein kleines Mittagessen und einen Besuch des Strandes.
 Es dauert zwar ein bisschen, bei genauen Suchen findet sich zwischen den Strandkörben, Menschen und Sandburgen doch etwas Sand zum liegen.
 Hier kommen wir schon zu einem meiner Highlights der Woche: Chiara, die das erste Mal in Wellen springt. So richtig schön große 2 Meter Wellen. Erst zögerlich und dann mit immer mehr Inbrunst. Die Stunde vergeht schnell, wenn man gegen die Macht des Meeres ankämpft. Das macht als Erwachsener noch genauso viel Spaß wie als Kind. Nur die Wellen sind in der Zwischenzeit irgendwie kleiner geworden...
-</br>
-</br>
 
 ---
-
+<br />
 ## Toms Erlebnis-Dorf
  <img src="/blog_img/ostseeurlaub/karls.webp" 
         alt="Chiara und Tim stehen vor dem Eingangsschild zum Karls Erlebnisdorf in Rövershagen." 
@@ -68,7 +62,7 @@ Hier kommen wir schon zu einem meiner Highlights der Woche: Chiara, die das erst
         class="rounded"/>
 
 Nächster Halt ist <a href="https://karls.de/" target="_blank">**Karls Erlebnis-Dorf**</a> in Rövershagen. Eine meiner jüngeren Kindheitserinnerungen. 
-Hier muss ich immer an Tom denken, einen lieben Kollegen. Er hat in seiner Jugend im Karls Erlebnis-Dorf bei Berlin in der Pfannkuchen-Schmiede gearbeitet. Liebe Grüße!<br>
+Hier muss ich immer an Tom denken, einen lieben Kollegen. Er hat in seiner Jugend im Karls Erlebnis-Dorf bei Berlin in der Pfannkuchen-Schmiede gearbeitet. Liebe Grüße!<br />
 *PS: Es gibt keinen herzhaften veggy Pfannkuchen. Skandal!!11!*
 
 
@@ -99,11 +93,9 @@ Besonders freue ich mich auf die Eiswelt. In einer großen Halle stellen Bildhau
 Die blauen Mäntel bekommt man übrigens wegen der -15°C.
 
 Sogar zwei Rutschen aus Eis haben sie gebaut. Wunderschön und spaßig dazu. Außerdem die schnellste Abkühlung, die man im Sommer kriegen kann ;) 
-</br>
-</br>
 
 ---
-
+<br />
 ## Nun doch ein bisschen Segelboot und Störtebeker 
 Donnerstag ist der große Tag für Störtebeker. Das Open-Air Theater auf der großartigen Naturbühne Ralswiek. Als Kind war es eine Konstante im Rügenurlaub. Das Ganze ist zwar 2,5 Stunden entfernt, aber die nehmen wir gerne in Kauf. 
 Als Zwischenstopp gucken wir uns in Rostock die schönen Traditionssegler an, die für die 
@@ -111,7 +103,7 @@ Als Zwischenstopp gucken wir uns in Rostock die schönen Traditionssegler an, di
 
 Ganz uneigentnützig ist der Besuch in Rostock allerdings auch nicht. Wir haben endlich den Termin mit unserer Bootsberaterin Marie. Dafür suchen wir uns einen ruhigen Ort mit stabilem Netz. Für beides taugt der Campingplatz nicht. 
 
-Der 3,5 Stunden-Workshop mit Marie vergeht wie im Flug. Sie hilft uns mit ihrem Wissen und erfragt Dinge, über die wir uns noch keine Gedanken gemacht haben.<br> 
+Der 3,5 Stunden-Workshop mit Marie vergeht wie im Flug. Sie hilft uns mit ihrem Wissen und erfragt Dinge, über die wir uns noch keine Gedanken gemacht haben.<br /> 
 Wenn ich eins mitgenommen habe: Immer prüfen aus welchem Stahl die Edelstahlkette ist. Sonst lieber wegschmeißen und zur versinkten Kette greifen :D
 
 In den nächsten Wochen erhalten wir konkrete Rückmeldungen vom Bootsmarkt und dann heißt es: Boote besichtigen! :)
@@ -127,11 +119,9 @@ Spoilern werde ich natürlich nicht. Nur soviel: **So'n großer Feuerball, Junge
     class="rounded"
     loading="lazy" />
 Nach der Vorstellung auf dem Weg zum Auto.
-</br>
-</br>
 
 ---
-
+<br />
 ## Zufälle
 Der letzte ganze Tag verläuft eher typisch. Lange schlafen. Lesen. Kleine Spaziergänge. Eis essen.
 Nach so viel Action brauchen wir das auch mal.

blog/src/pages/blog/3_Matrei.mdx

@@ -14,33 +14,30 @@ time2read: 14
 Was könnte ein besser Kontrast zum Zelturlaub an der Ostsee sein, als eine Woche in einem luxuriösen Hotel, mitten in den Alpen?<br />
 Und wenn ihr jetzt denkt, dass wir unsere Abfindung verschleudern...das ganze hat uns nur 80€ p.P. gekostet ;)<br />
 Wie das funktioniert erfahrt ihr im Artikel.
-</br>
+<br />
-</br>
 
 ---
 
->**TL;DR (Lesezeit: 10 sek)** </br>
+>**TL;DR (Lesezeit: 10 sek)** <br />
-Chiara meint ich soll eine Kurzfassung anbieten, weil der Artikel so lang ist...</br>
+Chiara meint ich soll eine Kurzfassung anbieten, weil der Artikel so lang ist...<br />
 Na bitte:
-Schöne Woche, jederzeit wieder. </br>
+Schöne Woche, jederzeit wieder. <br />
 Ciao Kakao.
 
 ---
-
+<br />
-</br>
-
 ## Es gibt immer einen Zug ~~früher~~ später
-Ich schlage die Augen auf. </br>
+Ich schlage die Augen auf. <br />
-Wir liegen auf der Couch im Wohnzimmer meiner Schwester. Sie ist mit ihrer Familie im Urlaub und wir dürfen hier unterkommen. Die Vögel zwitschern schon und die Sonne taucht die Dachgiebel in goldenes Licht. Wunderschön ruhig.<br>
+Wir liegen auf der Couch im Wohnzimmer meiner Schwester. Sie ist mit ihrer Familie im Urlaub und wir dürfen hier unterkommen. Die Vögel zwitschern schon und die Sonne taucht die Dachgiebel in goldenes Licht. Wunderschön ruhig.<br />
 
-Fuck. </br>
+Fuck. <br />
 Um 4:30 sollten die Fenster nicht so hell und ich nicht so ausgeschlafen sein. Beide Wecker haben nicht geklingelt! 
 Meinen habe ich ausversehen wieder ausgemacht und Chiaras Handy war stumm. Den Zug um 5:20 können wir vergessen. 
 
 Eigentlich wollen wir nach Österreich für eine [Gesundheitswoche](#infos-gesundheitsreisen). Das Thema der Woche ist Hike & Bike im Wipptal. Was uns genau erwartet wissen wir noch nicht. Der Name lässt allerdings auch nicht viel Platz für Fantasie.
 
-Mit einem Stresspegel, der sich umgekehrt proportional zum Wasserstand des Rheins verhält, suchen wir nach einer alternativen Verbindung. Ein ICE bringt uns nach München und zwar so, dass wir den geplanten Anschluss nach Insbruck noch erreichen?!? <br>
+Mit einem Stresspegel, der sich umgekehrt proportional zum Wasserstand des Rheins verhält, suchen wir nach einer alternativen Verbindung. Ein ICE bringt uns nach München und zwar so, dass wir den geplanten Anschluss nach Insbruck noch erreichen?!? <br />
-Man muss auch mal Glück haben. Wieso wir unbedingt 4:30 aufstehen wollten erschließt sich uns jetzt jedenfalls nicht mehr. Also ab unter die Dusche, schnell noch etwas trinken und...da guckt mich meine Schwester aus dem Wohnzimmer an. Ich dagegen stehe nackt in der Küche.<br>
+Man muss auch mal Glück haben. Wieso wir unbedingt 4:30 aufstehen wollten erschließt sich uns jetzt jedenfalls nicht mehr. Also ab unter die Dusche, schnell noch etwas trinken und...da guckt mich meine Schwester aus dem Wohnzimmer an. Ich dagegen stehe nackt in der Küche.<br />
 Die sind mitten in der Nacht aus dem Urlaub zurückgekommen. Das leere Schlafzimmer war offenstichtlich kein ausreichendes Indiz für unsere Ungestörtheit ^^.
 
 Unsere Situation müssen wir auch nicht mehr erklären. Durch die aufgeregten und viel zu lauten Gespräche zwischen Chiara und mir haben sie alles in bestem Stereo mitbekommen.
@@ -52,12 +49,10 @@ Mit den Zügen klappt letztendlich alles und wir kommen, trotz der verschlafenen
     style="max-width: 100%; height: auto;" 
     class="rounded"
     loading="lazy" />
-<p style="text-align: center;">Den RailJet München<->Innsbruck haben wir selten leer erlebt.</p>
+<p style="text-align: center;">Den RailJet München\<-\>Innsbruck haben wir selten leer erlebt.</p>
-
-</br>
 
 ---
-
+<br />
 ## Parkhotel
 Das Hotel (Parkhotel) hätte besser nicht sein können. Nur 100 Meter vom Bahnhof entfernt, Online-CheckIn, kleiner Saunabereich, mini Parkanlage (daher wohl der Name), fantastische Küche und unfassbar freundliches Personal. Looking at you, Georgio! 
 
@@ -88,10 +83,8 @@ Die überraschten Blicke aus der Wander-Erfahrenen Runde könnt ihr euch selbst
 
 Nach diesem guten Start erleben wir noch ein grandioses Alpen-Gewitter von unserem Balkon aus und sinken bald in tiefen Schlaf.
 
-</br>
-
 ---
-
+<br />
 ## In diesem Kapitel erfährst du, wie du über 100 wirst!11!
 
 Gesundheitswandern ist das Konzept, welches diese Woche als Gesundheitsreise auszeichnet. Vier Module á 2 Stunden. 
@@ -113,8 +106,7 @@ Als Vorbild hat sie sich uns schon jetzt in unseren Hirnwindungen verkeilt.
     style="max-width: 100%; height: auto;" 
     class="rounded"
     loading="lazy" />
-<p style="text-align: center;">Auf den Berg im Hintergrund geht's am Donnerstag.
+<p style="text-align: center;">Auf den Berg im Hintergrund geht's am Donnerstag.</p>
-</p>
 
 Mit dem Bus fahren wir wieder zum Hotel und verabschieden uns bis zum nächsten Morgen. Die übrige Zeit zum Abendessen verbringen wir mit den erkunden der Sauna. Vom Dampfbad mit Salzpeeling, über die finnische Sauna bis zur Rotlichtkabine probieren wir alles aus. Schließlich müssen unsere geschundenen Körper wieder aufpäppelt werden. 
 
@@ -153,10 +145,8 @@ Mit dem Shuttle geht es gegen 15 Uhr wieder zurück zum Hotel und was soll ich s
 </div>
 <p style="text-align: center;">Links: Steiner Alm. Rechts: Rundwanderung Maria Waldrast</p>
 
-</br>
-
 ---
-
+<br />
 ## E-Mountainbike-Tour
 Das Navis Tal, welches heute auf dem Plan steht, wurde uns von Irmi schon als das schönste der Seitentäler angepriesen. Mit dem Bus fahren wir tief ins Tal zum namensgebenden Ort Navis. Oder ist es andersherum?  
 Dort finden wir einen kleinen E-Bike-Verleih vor dem schon mehrere dicke Dinger parken. Aus jedem Rahmen könnte man zwei bis drei Räder machen. Und auch die Reifen reichen für zwei. Echte Monster. 
@@ -169,15 +159,15 @@ Mountain ist in diesem Tal Programm. Wir schrauben uns in langen steilen Serpent
 Mein Ego wird hier auf die Probe gestellt, denn natürlich halte ich E-Bikes für schummeln ^^. Ohne Unterstützung merke ich schnell, dass es kaum möglich ist auf glattem Asphalt zu fahren. Während sich das Gewicht noch vertraut anfühlt, die Reiseräder sind noch schwerer, erzeugen die dicken Reifen so viel Reibung, dass man beim leichtesten Berg schon aus der puste kommt. Zumindest, wenn man mit den anderen E-Bikes mithalten will.
 Auf der Schotterpiste nehme ich den erste Berg noch ohne Motor. Dann gebe ich auf und nutze Eco. 
 
-**ACHTUNG: Unnötiger philosophischer Ausflug** </br>
+**ACHTUNG: Unnötiger philosophischer Ausflug** <br />
 Mir fallen jetzt Gespräche ein, in denen mir gesagt wurde, dass man im Eco-Modus ja trotzdem treten muss und es immernoch anstrengend ist.
 Das stimmt auch. Allerdings übernimmt Eco (klar, je nach Einstellung) mind. 60% der Arbeit. Eher mehr. Und die geistesstärke am Berg nicht höher zu Schalten muss man erstmal haben. Ein E-Bike kauft man sich ja nicht, um den Motor dann nicht zu nutzen...
 
 Was will ich mit diesem Ausflug eigentlich sagen? Ich weiß es auch nicht. So ein Rad erweitert den Möglichkeitenraum von vielen Menschen. Das ist erstmal was gutes. 
 Für mich entwertet es das Erlebnis und das Gefühl mir die Freiheit auf dem Gipfel selbst erkämpft zu haben. Der Motor nimmt mir diese Freiheit, denn ohne ihn gehts nicht so weit, schnell, hoch.
 
-Die Ambivalenz dahinter ist mir durchaus bewusst. Das Fahrrad selbst ist ja bereits ein Hilfsmittel. </br>
+Die Ambivalenz dahinter ist mir durchaus bewusst. Das Fahrrad selbst ist ja bereits ein Hilfsmittel. <br />
-Freiheit ist eben immer die Freiheit, der Fahrradlenkenden. </br> 
+Freiheit ist eben immer die Freiheit, der Fahrradlenkenden. <br /> 
 **Unnötiger philosophischer Ausflug ENDE**
 
 Die Höhenmeter, die wir hinter uns bringen sind beeindruckend. Normalerweise bräuchte man Stunden, Schokolade, Pausen und viel Wasser dafür. Ein kurzes Stück Trail zwischen zwei Fahrradwegen wird zum Highlight des Aufstiegs. Die Federung und der Gripp der Reifen sind hier genau passend.
@@ -236,11 +226,8 @@ Zum Abschluss gibts ein Wassereis während wir auf den Bus warten. Der Rest des
     style="max-width: 100%; height: auto;" 
     class="rounded"
     loading="lazy" />
-
-</br>
-
 ---
-
+<br />
 ## Bogenschießen und große Runde mit der Gondel
 Am Donnerstag ist das offizielle Programm vorbei. Quasi ein freier Tag. 
 Während andere wandern gehen oder sich Sterzing in Italien angucken entscheiden wir uns für das optionale Angebot Bogenschießen zu gehen. 
@@ -284,18 +271,17 @@ Mit Gondel und Bus verlassen wir die luftigen höhen wieder und kehren zurück i
 <p style="text-align: center;">Rundwanderung zum Lichtsee.</p>
 
 Am nächsten Morgen entscheiden wir uns für einen späteren Zug als geplant. Das ausführliche Frühstück mit Karin und Franzi wollen wir uns einfach nicht nehmen lassen. Ein toller Ausklang für eine tolle Woche.
-</br>
+<br />
-</br>
 
 ---
 
 **Abschließend können wir sagen: Die Gesundheitsreise im Wipptal lohnt sich. Wer ohne Ambitionen zu sportlichen Höchstleistungen Antritt, kommt hier voll auf ihre kosten. Im Parkhotel fühlen wir uns pudelwohl und die nette Gesellschaft hat uns die Woche versüßt (Ganz liebe Grüße!). Eine der angenehmeren Arten sein Bahnnetzwerk zu erweitern und spannende Einblicke in andere Geschäftsfelder zu bekommen. Spoiler: Aufregen können sich alle über die DB ^^.** 
 
-**Gerade sind wir voll in der Planung Boote überall in Europa zu besichtigen. Gar nicht so einfach zu koordinieren. Flugreisen zu planen ist jedenfalls ein Krampf. Wo wir überall landen? Seid gespannt...**
+**Gerade sind wir voll in der Planung, um Boote überall in Europa zu besichtigen. Gar nicht so einfach zu koordinieren. Flugreisen zu planen ist jedenfalls ein Krampf. Wo wir überall landen? Seid gespannt...**
 
 ---
 
-</br>
+<br />
 
 ### Infos Gesundheitsreisen
 Gesundheitsreisen sind Urlaube mit zertifiziertem Sport- / Gesundheitsprogramm. Welcher Sport, ist ganz individuell. Von Yoga, Pilates bis Walking und Wasserarobik ist alles dabei. Anders als beim Bildungsurlaub könnt ihr euch nicht von der Arbeitgeberin freistellen lassen. Zumindest nicht nach der gesetzlichen Grundlage. Tarifverträge etc. sagen da vielleicht etwas anderes. 

blog/src/pages/rss.xml.js

@@ -3,7 +3,7 @@ import rss, { pagesGlobToRssItems } from '@astrojs/rss';
 export async function GET(context) {
 
     const posts = Object.values(
-        import.meta.glob("./blog/*.md", { eager: true })
+        import.meta.glob("./blog/*.{md,mdx}", { eager: true })
       );
 
     return rss({