Wëllkomm op mengem technesche Blog

· 1 Min. Lieszäit

Optratt-Artikel: wéi dëse Blog gebaut ass a wat Iech hei erwaart.

solidjsvitemarkdown

Firwat e Blog?

Ech hunn dëse Raum gebaut, fir d'Notizen a Lektiounen ze deelen, déi ech beim Schaffen un Nieweprojeten a Produktiounssystemer sammelen. Et gi déif Ablécker iwwer SolidJS, .NET, Java, Angular an d'Tools dohannert.

D'Kraaft vu Markdown

D'Artikele ginn als Markdown geschriwwen, sou datt ech mech op den Inhalt konzentréiere kann. De Renderer ënnerstëtzt dat Wichtegst:

  • Iwwerschrëften, Lëschten an Zitater
  • Tabellen
  • Linken a Biller
  • Code-Bléck mat Syntax-Highlighting
  • Mermaid-Diagrammer

Syntax-Highlighting

Code-Bléck ginn automatesch no der Sprooch gefierft:

export interface Feature<T> {
  run(input: T): Promise<T>
}

export const identity = <T,>(value: T): T => value
public sealed class Greeter
{
    public string Hello(string name) => $"Hello, {name}!";
}

Mermaid-Diagrammer

Diagrammer ginn aus engem mermaid-Block gerëndert:

flowchart TD
    A[Write Markdown] --> B{Contains mermaid?}
    B -- Yes --> C[Render SVG diagram]
    B -- No --> D[Render plain HTML]
    C --> E[Show article]
    D --> E

Sequenz-Diagrammer funktionéieren och:

sequenceDiagram
    participant Client
    participant API
    participant Cache
    Client->>API: GET /posts
    API->>Cache: lookup
    alt hit
        Cache-->>API: data
    else miss
        API-->>API: build response
        API->>Cache: store
    end
    API-->>Client: 200 OK

Zum Schluss

Dat war d'Basis. Bleift drun fir méi detailléiert technesch Artikelen.