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 :
fun createPlugin(name: String): HytalePlugin {
return HytalePlugin.builder()
.name(name)
.version("1.0.0")
.onLoad { println("Plugin $name loaded!") }
.build()
}
TypeScript :
interface PluginConfig {
name: string
version: `${number}.${number}.${number}`
enabled: boolean
}
const config: PluginConfig = {
name: 'hytale-core',
version: '1.0.0',
enabled: true,
}
Shell :
pnpm install @hytale/sdk
pnpm run build
docker build -t portfolio:latest .
Images
Pleine largeur (défaut) :

Centrée avec taille fixe et légende :
Logo Killian' DAL-CIN
Flottant à gauche :
Float 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 :
Float 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 :

Tableaux
| Composant | Syntaxe | Usage |
|---|---|---|
| Alert | ::alert{type="info"} | Callouts colorés |
| Image | {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
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 :
- Installer les dépendances :
pnpm install - Lancer le dev server :
pnpm dev - Builder pour la prod :
pnpm build