docs/html #25

Merged
GauthierWebDev merged 16 commits from docs/html into main 2025-05-13 13:37:11 +00:00
2 changed files with 48 additions and 31 deletions
Showing only changes of commit 970a86e312 - Show all commits

View File

@ -53,7 +53,7 @@ Voici un exemple de code HTML simple :
On les utilise pour ajouter des notes ou des explications dans le code, ce qui peut être utile pour les développeurs qui lisent le code plus tard.
</Callout>
### La balise `<head>`
### La balise \<head\>
Dans l'exemple ci-dessus, on peut voir que la balise `<head>` contient plusieurs éléments importants :
@ -68,7 +68,7 @@ On peut également ajouter des liens vers des fichiers CSS et JavaScript dans la
En résumé, la balise `<head>` permet de définir toutes les informations importantes sur la page et de préparer le terrain pour le contenu qui sera affiché dans la balise `<body>`.
### La balise `<body>`
### La balise \<body\>
La balise `<body>` contient tout le contenu visible de la page, comme le texte, les images, les liens, etc.
C'est ici que l'on va pouvoir définir la structure de notre page.

View File

@ -25,20 +25,37 @@ const __dirname = path.resolve();
export default defineConfig({
plugins: [
prismjsVitePlugin({
languages: ["javascript", "typescript", "tsx", "jsx", "css", "html", "bash", "nginx", "sql"],
languages: [
"javascript",
"typescript",
"tsx",
"jsx",
"css",
"html",
"bash",
"nginx",
"sql",
"json",
],
}),
vike(),
vikeSolid(),
mdx({
jsxImportSource: "solid-jsx",
remarkPlugins: [remarkFrontmatter, remarkHeadingId, remarkExtractFrontmatter],
remarkPlugins: [
remarkFrontmatter,
remarkHeadingId,
remarkExtractFrontmatter,
],
}),
tailwindcss(),
telefunc(),
],
css: {
postcss: {
plugins: [...(process.env.NODE_ENV === "production" ? [removeCommentRules] : [])],
plugins: [
...(process.env.NODE_ENV === "production" ? [removeCommentRules] : []),
],
},
},
build: {