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. 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> </Callout>
### La balise `<head>` ### La balise \<head\>
Dans l'exemple ci-dessus, on peut voir que la balise `<head>` contient plusieurs éléments importants : 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>`. 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. 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. 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({ export default defineConfig({
plugins: [ plugins: [
prismjsVitePlugin({ prismjsVitePlugin({
languages: ["javascript", "typescript", "tsx", "jsx", "css", "html", "bash", "nginx", "sql"], languages: [
"javascript",
"typescript",
"tsx",
"jsx",
"css",
"html",
"bash",
"nginx",
"sql",
"json",
],
}), }),
vike(), vike(),
vikeSolid(), vikeSolid(),
mdx({ mdx({
jsxImportSource: "solid-jsx", jsxImportSource: "solid-jsx",
remarkPlugins: [remarkFrontmatter, remarkHeadingId, remarkExtractFrontmatter], remarkPlugins: [
remarkFrontmatter,
remarkHeadingId,
remarkExtractFrontmatter,
],
}), }),
tailwindcss(), tailwindcss(),
telefunc(), telefunc(),
], ],
css: { css: {
postcss: { postcss: {
plugins: [...(process.env.NODE_ENV === "production" ? [removeCommentRules] : [])], plugins: [
...(process.env.NODE_ENV === "production" ? [removeCommentRules] : []),
],
}, },
}, },
build: { build: {