Renderer Test

Guide du format Markdown

Référence complète de tous les éléments et composants disponibles dans les articles

Typographie de base

Paragraphe normal avec du gras, de l'italique, du barré et du code inline.

Lien simple : killiandalcin.fr

Citation :

Les meilleurs plugins Hytale naissent d'une obsession pour les détails.


Blocs de code

Bloc Kotlin avec coloration syntaxique :

kotlinkotlin
fun createPlugin(name: String): HytalePlugin {
    return HytalePlugin.builder()
        .name(name)
        .version("1.0.0")
        .onLoad { println("Plugin $name loaded!") }
        .build()
}

TypeScript :

typescripttypescript
interface PluginConfig {
  name: string
  version: `${number}.${number}.${number}`
  enabled: boolean
}

const config: PluginConfig = {
  name: 'hytale-core',
  version: '1.0.0',
  enabled: true,
}

Shell :

bashbash
pnpm install @hytale/sdk
pnpm run build
docker build -t portfolio:latest .

Images

Pleine largeur (défaut) :

Logo pleine largeur

Centrée avec taille fixe et légende :

Logo centréLogo Killian' DAL-CIN

Flottant à gauche :

Logo gaucheFloat left

Texte qui entoure l'image flottante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

Flottant à droite :

Logo droiteFloat right

Texte qui entoure l'image flottante à droite. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Classes Tailwind directes :

Logo petit centré


Tableaux

ComposantSyntaxeUsage
Alert::alert{type="info"}Callouts colorés
Image![alt](src){align="left"}Photos flottantes
Columns::columns{cols=2}Mise en page
Details::details{summary="Voir"}Contenu repliable
Video::video{src="..."}Embed YouTube/local
Badge:badge[text]{color="blue"}Tags inline

Callouts

Info — Message informatif. Supporte le gras et le code inline.

Attention — Vérifiez la compatibilité Nuxt 4 avant d'installer un module.

Astuce — Utilisez pnpm plutôt que npm pour les projets Nuxt (résolution plus rapide).

Danger — Ne jamais committer de clés API ou secrets en clair.


Colonnes

Colonne 1

Contenu de la première colonne. Idéal pour comparer deux approches, montrer avant/après, ou lister des avantages et inconvénients.

Colonne 2

Contenu de la seconde colonne. Les colonnes passent en empilé sur mobile automatiquement.

🚀 Rapide

Nuxt SSR génère le HTML côté serveur.

🔍 SEO

Chaque page est crawlable sans JavaScript.

🎨 Flexible

Tailwind + Nuxt UI pour tout styliser.


Contenu repliable

kotlinkotlin
class HytalePlugin(
    val name: String,
    val version: String,
    private val onLoad: () -> Unit,
) {
    fun load() {
        println("Loading plugin: $name v$version")
        onLoad()
    }

    companion object {
        fun builder() = Builder()
    }

    class Builder {
        private var name = ""
        private var version = "0.0.1"
        private var onLoad: () -> Unit = {}

        fun name(n: String) = apply { name = n }
        fun version(v: String) = apply { version = v }
        fun onLoad(fn: () -> Unit) = apply { onLoad = fn }
        fun build() = HytalePlugin(name, version, onLoad)
    }
}

@nuxt/content transforme des fichiers Markdown en pages SSR crawlables. Avantages :

  • Zéro CMS — les articles sont dans le repo Git
  • Typé — schema Zod sur chaque collection
  • MDC — composants Vue dans le Markdown

Badges inline

Versions : v1.0 v0.9 LTS deprecated

Statuts : stable beta wip

Technologies : Kotlin Nuxt 4 TypeScript


Vidéo

YouTube :


Listes

Liste non ordonnée :

  • Premier point
  • Deuxième point avec code
  • Troisième point avec gras
    • Sous-point imbriqué
    • Autre sous-point

Liste ordonnée :

  1. Installer les dépendances : pnpm install
  2. Lancer le dev server : pnpm dev
  3. Builder pour la prod : pnpm build
Killian' DAL-CINKillian' DAL-CIN

Hytale Plugin Developer & Freelance Web Dev. Custom Java plugins, gaming server websites, production-grade Vue/Nuxt apps.

Services

Connect

© 2026 Killian' DAL-CIN

Built with Nuxt