[{"data":1,"prerenderedAt":2992},["ShallowReactive",2],{"/fr-fr/blog/build-a-new-website-in-a-few-easy-steps-with-gitlab-pages":3,"navigation-fr-fr":2208,"banner-fr-fr":2642,"footer-fr-fr":2650,"blog-post-authors-fr-fr-Alex Fracazo":2889,"blog-related-posts-fr-fr-build-a-new-website-in-a-few-easy-steps-with-gitlab-pages":2904,"blog-promotions-fr-fr":2930,"next-steps-fr-fr":2983},{"id":4,"title":5,"authors":6,"body":8,"category":2187,"date":2188,"description":2189,"extension":2190,"externalUrl":2191,"faq":2191,"featured":2192,"heroImage":2193,"meta":2194,"navigation":1013,"path":2195,"seo":2196,"slug":2200,"stem":2201,"tags":2202,"template":2205,"updatedDate":2206,"__hash__":2207},"blogPosts/fr-fr/blog/build-a-new-website-in-a-few-easy-steps-with-gitlab-pages.md","GitLab Pages : comment créer un site web en quelques étapes simples ",[7],"Alex Fracazo",{"type":9,"value":10,"toc":2174},"minimark",[11,15,25,28,33,36,49,52,56,62,69,80,86,128,134,140,144,147,153,192,1812,1816,1819,1825,1830,1839,1845,1854,1862,1868,1873,1879,1884,1887,1890,1895,1901,1914,1919,1925,1928,1932,1946,1952,1958,1962,1972,1979,1997,2000,2005,2011,2019,2025,2041,2046,2059,2064,2095,2098,2105,2109,2112,2117,2120,2124,2132,2143,2147,2170],[12,13,14],"p",{},"Un site web personnel est bien plus qu'un simple outil pour les créateurs de contenus numériques et les professionnels de la tech. C'est une représentation de votre marque. Pourtant, créer entièrement un site web peut s'avérer chronophage et onéreux.",[12,16,17,18,24],{},"Avec ",[19,20,23],"a",{"href":21,"rel":22},"https://docs.gitlab.com/user/project/pages/",[],"GitLab Pages",", vous pouvez héberger votre site web directement depuis un dépôt GitLab. Il inclut des fonctionnalités intégrées, notamment des certificats SSL ainsi qu'un domaine fourni par GitLab. GitLab Pages est accessible avec la version gratuite de GitLab, ce qui en fait une solution idéale pour héberger votre site en ligne.",[12,26,27],{},"Découvrez dans cet article comment créer un site web à l'aide de GitLab Pages à partir d’un template facilement personnalisable.",[29,30,32],"h2",{"id":31},"prérequis","Prérequis",[12,34,35],{},"Vous avez besoin des prérequis suivants avant de commencer :",[37,38,39],"ul",{},[40,41,42,43,48],"li",{},"Un compte GitLab (la ",[19,44,47],{"href":45,"rel":46},"https://about.gitlab.com/fr-fr/pricing/",[],"version gratuite"," est suffisante)  * Une connaissance de base en HTML/CSS  * Le contenu et les images que vous souhaitez ajouter à votre site web (facultatif)",[12,50,51],{},"Une fois que vous avez configuré votre compte GitLab et que votre contenu est prêt, vous pouvez passer aux étapes suivantes.",[29,53,55],{"id":54},"étape1-créer-un-nouveau-projet","Étape 1 : créer un nouveau projet",[57,58,59],"ol",{},[40,60,61],{},"Connectez-vous à votre compte GitLab et créez un projet.",[12,63,64],{},[65,66],"img",{"alt":67,"src":68},"Tutoriel GitLab Pages - écran d'accueil","https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097724/Blog/Content%20Images/Blog/Content%20Images/Capture-2025-02-27-183716_aHR0cHM6_1750097724662.png",[57,70,72],{"start":71},2,[40,73,74,75,79],{},"Cliquez sur ",[76,77,78],"strong",{},"Créer un projet vide",".",[12,81,82],{},[65,83],{"alt":84,"src":85},"Tutoriel GitLab Pages - écran de création d'un projet","https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/Capture-2025-02-27-183814_aHR0cHM6_1750097724663.png",[57,87,89,123],{"start":88},3,[40,90,91,92],{},"Renseignez les détails de votre projet :\n",[37,93,94,120],{},[40,95,96,97,101,102,105,106,109,110,112,113,116,117,79],{},"Nommez votre projet ",[98,99,100],"code",{},"votrenomutilisateur.gitlab.io",". Remplacez ",[98,103,104],{},"votrenomutilisateur"," par votre nom d'utilisateur GitLab. ",[76,107,108],{},"Astuce :"," le nom du projet détermine l'URL de votre site web. Si vous nommez votre projet ",[98,111,100],{},", votre site web sera disponible à l'adresse ",[98,114,115],{},"https://votrenomutilisateur.gitlab.io"," sans chemin d'accès supplémentaire. Cependant, si vous utilisez un autre nom de projet, votre site sera disponible à l'adresse ",[98,118,119],{},"https://votrenomutilisateur.gitlab.io/nom-du-projet",[40,121,122],{},"Rendez le projet public.",[40,124,74,125,79],{},[76,126,127],{},"Créer le projet",[12,129,130],{},[65,131],{"alt":132,"src":133},"Tutoriel GitLab Pages - écran Créer un projet vide","https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/image5_aHR0cHM6_1750097724666.png",[12,135,136],{},[65,137],{"alt":138,"src":139},"Tutoriel GitLab Pages - page de démarrage personnalisée","https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/image2_aHR0cHM6_1750097724668.png",[29,141,143],{"id":142},"étape-2-ajouter-les-fichiers-du-template","Étape 2 : ajouter les fichiers du template",[12,145,146],{},"Commencez par créer deux nouveaux fichiers dans votre dépôt :",[12,148,149],{},[65,150],{"alt":151,"src":152},"Tutoriel GitLab Pages - ajout de nouveaux fichiers à la page personnelle","https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/image13_aHR0cHM6_1750097724669.png",[57,154,155],{},[40,156,157,158,161,162],{},"Tout d'abord, créez un fichier ",[98,159,160],{},"index.html"," :\n",[37,163,164,174,184],{},[40,165,166,167,170,171,79],{},"Dans votre projet, cliquez sur le bouton ",[76,168,169],{},"+"," et sélectionnez ",[76,172,173],{},"Nouveau fichier",[40,175,176,177,179,180],{},"Nommez le fichier ",[98,178,160],{},".\n",[65,181],{"alt":182,"src":183},"Tutoriel GitLab Pages - page nouveau fichier","https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/image14_aHR0cHM6_1750097724671.png",[40,185,186,187],{},"Ajoutez votre contenu HTML.\n",[37,188,189],{},[40,190,191],{},"Utilisez l'exemple de code HTML fourni ci-dessous. (Conseil : vous pouvez demander à GitLab Duo Chat de générer du code HTML personnalisé si vous avez besoin de fonctionnalités plus avancées.)",[193,194,199],"pre",{"className":195,"code":196,"language":197,"meta":198,"style":198},"language-html shiki shiki-themes github-light","\u003C!DOCTYPE html>\n\u003Chtml>\n\u003Chead>\n    \u003Cmeta charset=\"utf-8\"/>\n    \u003Ctitle>[Your Name] - [Your Title]\u003C/title>\n    \u003Cmeta name=\"description\" content=\"[Your Name] is a [Your Title].\"/>\n    \u003Cmeta name=\"author\" content=\"[Your Name]\"/>\n    \u003Cmeta property=\"og:title\" content=\"[Your Name]\" />\n    \u003Cmeta property=\"og:description\" content=\"[Your Title]\" />\n    \u003Cmeta property=\"og:image\" content=\"og.png\" />\n    \u003Cmeta name=\"viewport\" content=\"width=device-width,initial-scale=1\"/>\n    \u003Clink href=\"https://unpkg.com/basscss@8.0.2/css/basscss.min.css\" rel=\"stylesheet\">\n    \u003Clink href=\"style.css\" rel=\"stylesheet\">\n    \u003Clink rel=\"shortcut icon\" type=\"image/png\" href=\"favicon.png\"/>\n\u003C/head>\n\u003Cbody>\n\u003Cdiv class=\"content\" id=\"content\">\n  \u003Cdiv class=\"p2 sm-p4 mt2 sm-mt4 mb2 sm-mb4\">    \u003Cdiv class=\"fade mt3\">\n    \u003Ca target=\"_new\" href=\"[Your Linkedin URL]\">\n      \u003Cimg class=\"photo\" src=\"profile.png\" width=\"64\" height=\"64\">\n    \u003C/a>\n  \u003C/div>\n  \u003Ch2 class=\"mb0 mt4 fade\">\n    Hello, I'm [Your Name]     \u003Cspan class=\"smallcaps\">(\u003C/span>\n    \u003Ca target=\"_new\" href=\"[Your Linkedin URL]\">@[Your Handle]\u003C/a>\n    \u003Cspan class=\"smallcaps\">)\u003C/span>\n  \u003C/h2>\n  \u003Ch2 class=\"mt0 mb4 fade gray\">\n    I'm a [Your Title]\n  \u003C/h2>\n  \u003Cp class=\"mb4 fade\">\n    I'm a [Your Role] at [Your Company], [Brief company description].\n  \u003C/p>\n  \u003Cdiv class=\"fade\">\n    \u003Cp class=\"fade mb4\">\n      Your personal statement about what you do and what you're interested in. Add your contact preferences here.\n    \u003C/p>\n  \u003C/div>\n  \u003Cp class=\"fade mb4\">\n    \u003Cspan class=\"gray\">—\u003C/span>     [Your Name]     \u003Cspan class=\"smallcaps>(\u003C/span>\n    \u003Ca target=\"_new\" href=\"[Your Linkedin URL]\">@[Your Handle]\u003C/a>\n    \u003Cspan class=\"smallcaps\">)\u003C/span>\n  \u003C/p>\n  \u003C/div>\n\u003C/div>\n\u003C/body>\n\u003C/html> ```\n\n* Ajoutez un message de validation (par exemple, « Ajout du fichier index.html »).\n  * Cliquez sur **Valider les modifications**.\n\n2. Créez le fichier `style.css` (et suivez les mêmes étapes que ci-dessus).\n\n```text\nbody {\n  margin: 0;\n  padding: 0;\n  background: #000;\n  color: #f4f4f4;\n  font-family: \"Graphik Web\", system-ui, -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", \"Helvetica\", \"Segoe UI\", Roboto, Ubuntu, sans-serif;\n  font-weight: 400;\n  font-smooth: antialiased;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\na {\n  color: #ff310a;\n  text-decoration: none;\n}\n\na:hover {\n  color: #CFEF54\n}\n\n.content {\n  max-width: 40rem;\n  margin: 0 auto;\n}\n\nimg.photo {\n  border-radius: 50%;\n}\n\np {\n  font-size: 1.5rem;\n  line-height: 1.4;\n  margin: 0;\n  letter-spacing: -0.05rem;\n}\n\nh2 {\n  font-weight: 400;\n  line-height: 1.3;\n  letter-spacing: -0.05rem;\n}\n\n.smallcaps {\n  font-variant: small-caps;\n  color:#333;\n}\n\n.gray{\n  color: #999;\n}\n\n.preloader {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100vh;\n  height: -moz-available;\n  height: -webkit-fill-available;\n  height: fill-available;\n  width: 100%;\n  background: #000;\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n  transition: opacity 0.3s linear;\n  transform: translate3d(0, 0, 0);\n}\n\nbody.loaded .preloader {\n  opacity: 0;\n}\n\n.fade {\n  animation: fadeIn 1s ease-in-out both;\n}\n\n.fade:nth-child(2) {\n    animation-delay: 1s;\n}\n\n.fade:nth-child(3) {\n    animation-delay: 2s;\n}\n\n.fade:nth-child(4) {\n    animation-delay: 3s;\n}\n\n.fade:nth-child(5) {\n    animation-delay: 4s;\n}\n\n.fade:nth-child(6) {\n    animation-delay: 5s;\n}\n\n.fade:nth-child(7) {\n    animation-delay: 6s;\n}\n\n.fade:nth-child(8) {\n    animation-delay: 7s;\n}\n\n.fade:nth-child(9) {\n    animation-delay: 8s;\n}\n\n.fade:nth-child(10) {\n    animation-delay: 9s;\n}\n\n.fade:nth-child(11) {\n    animation-delay: 10s;\n}\n\n.fade:nth-child(12) {\n    animation-delay: 11s;\n}\n\n.fade:nth-child(13) {\n    animation-delay: 12s;\n}\n\n@keyframes fadeIn {\n    from {\n        opacity: 0;\n        transform: translate3d(0, 0%, 0);\n    }\n    to {\n        opacity: 1;\n        transform: translate3d(0, 0, 0);\n    }\n}\n","html","",[98,200,201,221,230,239,261,276,301,324,348,371,394,417,443,465,496,506,516,541,570,594,634,644,654,670,692,718,738,747,763,769,778,794,800,809,825,841,847,856,865,880,917,943,962,971,980,989,998,1008,1015,1021,1027,1032,1038,1043,1049,1055,1061,1067,1073,1079,1085,1091,1097,1103,1109,1115,1120,1126,1132,1138,1143,1148,1154,1160,1165,1170,1176,1182,1188,1193,1198,1204,1210,1215,1220,1226,1232,1238,1243,1249,1254,1259,1265,1270,1276,1281,1286,1291,1297,1303,1309,1314,1319,1325,1331,1336,1341,1347,1353,1359,1365,1371,1377,1383,1389,1395,1400,1406,1412,1418,1424,1430,1436,1441,1446,1452,1458,1463,1468,1474,1480,1485,1490,1496,1502,1507,1512,1518,1524,1529,1534,1540,1546,1551,1556,1562,1568,1573,1578,1584,1590,1595,1600,1606,1612,1617,1622,1628,1634,1639,1644,1650,1656,1661,1666,1672,1678,1683,1688,1694,1700,1705,1710,1716,1722,1727,1732,1738,1744,1749,1754,1760,1766,1772,1778,1784,1790,1796,1802,1807],{"__ignoreMap":198},[202,203,206,210,214,218],"span",{"class":204,"line":205},"line",1,[202,207,209],{"class":208},"sgsFI","\u003C!",[202,211,213],{"class":212},"shJU0","DOCTYPE",[202,215,217],{"class":216},"s7eDp"," html",[202,219,220],{"class":208},">\n",[202,222,223,226,228],{"class":204,"line":71},[202,224,225],{"class":208},"\u003C",[202,227,197],{"class":212},[202,229,220],{"class":208},[202,231,232,234,237],{"class":204,"line":88},[202,233,225],{"class":208},[202,235,236],{"class":212},"head",[202,238,220],{"class":208},[202,240,242,245,248,251,254,258],{"class":204,"line":241},4,[202,243,244],{"class":208},"    \u003C",[202,246,247],{"class":212},"meta",[202,249,250],{"class":216}," charset",[202,252,253],{"class":208},"=",[202,255,257],{"class":256},"sYBdl","\"utf-8\"",[202,259,260],{"class":208},"/>\n",[202,262,264,266,269,272,274],{"class":204,"line":263},5,[202,265,244],{"class":208},[202,267,268],{"class":212},"title",[202,270,271],{"class":208},">[Your Name] - [Your Title]\u003C/",[202,273,268],{"class":212},[202,275,220],{"class":208},[202,277,279,281,283,286,288,291,294,296,299],{"class":204,"line":278},6,[202,280,244],{"class":208},[202,282,247],{"class":212},[202,284,285],{"class":216}," name",[202,287,253],{"class":208},[202,289,290],{"class":256},"\"description\"",[202,292,293],{"class":216}," content",[202,295,253],{"class":208},[202,297,298],{"class":256},"\"[Your Name] is a [Your Title].\"",[202,300,260],{"class":208},[202,302,304,306,308,310,312,315,317,319,322],{"class":204,"line":303},7,[202,305,244],{"class":208},[202,307,247],{"class":212},[202,309,285],{"class":216},[202,311,253],{"class":208},[202,313,314],{"class":256},"\"author\"",[202,316,293],{"class":216},[202,318,253],{"class":208},[202,320,321],{"class":256},"\"[Your Name]\"",[202,323,260],{"class":208},[202,325,327,329,331,334,336,339,341,343,345],{"class":204,"line":326},8,[202,328,244],{"class":208},[202,330,247],{"class":212},[202,332,333],{"class":216}," property",[202,335,253],{"class":208},[202,337,338],{"class":256},"\"og:title\"",[202,340,293],{"class":216},[202,342,253],{"class":208},[202,344,321],{"class":256},[202,346,347],{"class":208}," />\n",[202,349,351,353,355,357,359,362,364,366,369],{"class":204,"line":350},9,[202,352,244],{"class":208},[202,354,247],{"class":212},[202,356,333],{"class":216},[202,358,253],{"class":208},[202,360,361],{"class":256},"\"og:description\"",[202,363,293],{"class":216},[202,365,253],{"class":208},[202,367,368],{"class":256},"\"[Your Title]\"",[202,370,347],{"class":208},[202,372,374,376,378,380,382,385,387,389,392],{"class":204,"line":373},10,[202,375,244],{"class":208},[202,377,247],{"class":212},[202,379,333],{"class":216},[202,381,253],{"class":208},[202,383,384],{"class":256},"\"og:image\"",[202,386,293],{"class":216},[202,388,253],{"class":208},[202,390,391],{"class":256},"\"og.png\"",[202,393,347],{"class":208},[202,395,397,399,401,403,405,408,410,412,415],{"class":204,"line":396},11,[202,398,244],{"class":208},[202,400,247],{"class":212},[202,402,285],{"class":216},[202,404,253],{"class":208},[202,406,407],{"class":256},"\"viewport\"",[202,409,293],{"class":216},[202,411,253],{"class":208},[202,413,414],{"class":256},"\"width=device-width,initial-scale=1\"",[202,416,260],{"class":208},[202,418,420,422,425,428,430,433,436,438,441],{"class":204,"line":419},12,[202,421,244],{"class":208},[202,423,424],{"class":212},"link",[202,426,427],{"class":216}," href",[202,429,253],{"class":208},[202,431,432],{"class":256},"\"https://unpkg.com/basscss@8.0.2/css/basscss.min.css\"",[202,434,435],{"class":216}," rel",[202,437,253],{"class":208},[202,439,440],{"class":256},"\"stylesheet\"",[202,442,220],{"class":208},[202,444,446,448,450,452,454,457,459,461,463],{"class":204,"line":445},13,[202,447,244],{"class":208},[202,449,424],{"class":212},[202,451,427],{"class":216},[202,453,253],{"class":208},[202,455,456],{"class":256},"\"style.css\"",[202,458,435],{"class":216},[202,460,253],{"class":208},[202,462,440],{"class":256},[202,464,220],{"class":208},[202,466,468,470,472,474,476,479,482,484,487,489,491,494],{"class":204,"line":467},14,[202,469,244],{"class":208},[202,471,424],{"class":212},[202,473,435],{"class":216},[202,475,253],{"class":208},[202,477,478],{"class":256},"\"shortcut icon\"",[202,480,481],{"class":216}," type",[202,483,253],{"class":208},[202,485,486],{"class":256},"\"image/png\"",[202,488,427],{"class":216},[202,490,253],{"class":208},[202,492,493],{"class":256},"\"favicon.png\"",[202,495,260],{"class":208},[202,497,499,502,504],{"class":204,"line":498},15,[202,500,501],{"class":208},"\u003C/",[202,503,236],{"class":212},[202,505,220],{"class":208},[202,507,509,511,514],{"class":204,"line":508},16,[202,510,225],{"class":208},[202,512,513],{"class":212},"body",[202,515,220],{"class":208},[202,517,519,521,524,527,529,532,535,537,539],{"class":204,"line":518},17,[202,520,225],{"class":208},[202,522,523],{"class":212},"div",[202,525,526],{"class":216}," class",[202,528,253],{"class":208},[202,530,531],{"class":256},"\"content\"",[202,533,534],{"class":216}," id",[202,536,253],{"class":208},[202,538,531],{"class":256},[202,540,220],{"class":208},[202,542,544,547,549,551,553,556,559,561,563,565,568],{"class":204,"line":543},18,[202,545,546],{"class":208},"  \u003C",[202,548,523],{"class":212},[202,550,526],{"class":216},[202,552,253],{"class":208},[202,554,555],{"class":256},"\"p2 sm-p4 mt2 sm-mt4 mb2 sm-mb4\"",[202,557,558],{"class":208},">    \u003C",[202,560,523],{"class":212},[202,562,526],{"class":216},[202,564,253],{"class":208},[202,566,567],{"class":256},"\"fade mt3\"",[202,569,220],{"class":208},[202,571,573,575,577,580,582,585,587,589,592],{"class":204,"line":572},19,[202,574,244],{"class":208},[202,576,19],{"class":212},[202,578,579],{"class":216}," target",[202,581,253],{"class":208},[202,583,584],{"class":256},"\"_new\"",[202,586,427],{"class":216},[202,588,253],{"class":208},[202,590,591],{"class":256},"\"[Your Linkedin URL]\"",[202,593,220],{"class":208},[202,595,597,600,602,604,606,609,612,614,617,620,622,625,628,630,632],{"class":204,"line":596},20,[202,598,599],{"class":208},"      \u003C",[202,601,65],{"class":212},[202,603,526],{"class":216},[202,605,253],{"class":208},[202,607,608],{"class":256},"\"photo\"",[202,610,611],{"class":216}," src",[202,613,253],{"class":208},[202,615,616],{"class":256},"\"profile.png\"",[202,618,619],{"class":216}," width",[202,621,253],{"class":208},[202,623,624],{"class":256},"\"64\"",[202,626,627],{"class":216}," height",[202,629,253],{"class":208},[202,631,624],{"class":256},[202,633,220],{"class":208},[202,635,637,640,642],{"class":204,"line":636},21,[202,638,639],{"class":208},"    \u003C/",[202,641,19],{"class":212},[202,643,220],{"class":208},[202,645,647,650,652],{"class":204,"line":646},22,[202,648,649],{"class":208},"  \u003C/",[202,651,523],{"class":212},[202,653,220],{"class":208},[202,655,657,659,661,663,665,668],{"class":204,"line":656},23,[202,658,546],{"class":208},[202,660,29],{"class":212},[202,662,526],{"class":216},[202,664,253],{"class":208},[202,666,667],{"class":256},"\"mb0 mt4 fade\"",[202,669,220],{"class":208},[202,671,673,676,678,680,682,685,688,690],{"class":204,"line":672},24,[202,674,675],{"class":208},"    Hello, I'm [Your Name]     \u003C",[202,677,202],{"class":212},[202,679,526],{"class":216},[202,681,253],{"class":208},[202,683,684],{"class":256},"\"smallcaps\"",[202,686,687],{"class":208},">(\u003C/",[202,689,202],{"class":212},[202,691,220],{"class":208},[202,693,695,697,699,701,703,705,707,709,711,714,716],{"class":204,"line":694},25,[202,696,244],{"class":208},[202,698,19],{"class":212},[202,700,579],{"class":216},[202,702,253],{"class":208},[202,704,584],{"class":256},[202,706,427],{"class":216},[202,708,253],{"class":208},[202,710,591],{"class":256},[202,712,713],{"class":208},">@[Your Handle]\u003C/",[202,715,19],{"class":212},[202,717,220],{"class":208},[202,719,721,723,725,727,729,731,734,736],{"class":204,"line":720},26,[202,722,244],{"class":208},[202,724,202],{"class":212},[202,726,526],{"class":216},[202,728,253],{"class":208},[202,730,684],{"class":256},[202,732,733],{"class":208},">)\u003C/",[202,735,202],{"class":212},[202,737,220],{"class":208},[202,739,741,743,745],{"class":204,"line":740},27,[202,742,649],{"class":208},[202,744,29],{"class":212},[202,746,220],{"class":208},[202,748,750,752,754,756,758,761],{"class":204,"line":749},28,[202,751,546],{"class":208},[202,753,29],{"class":212},[202,755,526],{"class":216},[202,757,253],{"class":208},[202,759,760],{"class":256},"\"mt0 mb4 fade gray\"",[202,762,220],{"class":208},[202,764,766],{"class":204,"line":765},29,[202,767,768],{"class":208},"    I'm a [Your Title]\n",[202,770,772,774,776],{"class":204,"line":771},30,[202,773,649],{"class":208},[202,775,29],{"class":212},[202,777,220],{"class":208},[202,779,781,783,785,787,789,792],{"class":204,"line":780},31,[202,782,546],{"class":208},[202,784,12],{"class":212},[202,786,526],{"class":216},[202,788,253],{"class":208},[202,790,791],{"class":256},"\"mb4 fade\"",[202,793,220],{"class":208},[202,795,797],{"class":204,"line":796},32,[202,798,799],{"class":208},"    I'm a [Your Role] at [Your Company], [Brief company description].\n",[202,801,803,805,807],{"class":204,"line":802},33,[202,804,649],{"class":208},[202,806,12],{"class":212},[202,808,220],{"class":208},[202,810,812,814,816,818,820,823],{"class":204,"line":811},34,[202,813,546],{"class":208},[202,815,523],{"class":212},[202,817,526],{"class":216},[202,819,253],{"class":208},[202,821,822],{"class":256},"\"fade\"",[202,824,220],{"class":208},[202,826,828,830,832,834,836,839],{"class":204,"line":827},35,[202,829,244],{"class":208},[202,831,12],{"class":212},[202,833,526],{"class":216},[202,835,253],{"class":208},[202,837,838],{"class":256},"\"fade mb4\"",[202,840,220],{"class":208},[202,842,844],{"class":204,"line":843},36,[202,845,846],{"class":208},"      Your personal statement about what you do and what you're interested in. Add your contact preferences here.\n",[202,848,850,852,854],{"class":204,"line":849},37,[202,851,639],{"class":208},[202,853,12],{"class":212},[202,855,220],{"class":208},[202,857,859,861,863],{"class":204,"line":858},38,[202,860,649],{"class":208},[202,862,523],{"class":212},[202,864,220],{"class":208},[202,866,868,870,872,874,876,878],{"class":204,"line":867},39,[202,869,546],{"class":208},[202,871,12],{"class":212},[202,873,526],{"class":216},[202,875,253],{"class":208},[202,877,838],{"class":256},[202,879,220],{"class":208},[202,881,883,885,887,889,891,894,897,899,902,904,906,908,911,914],{"class":204,"line":882},40,[202,884,244],{"class":208},[202,886,202],{"class":212},[202,888,526],{"class":216},[202,890,253],{"class":208},[202,892,893],{"class":256},"\"gray\"",[202,895,896],{"class":208},">—\u003C/",[202,898,202],{"class":212},[202,900,901],{"class":208},">     [Your Name]     \u003C",[202,903,202],{"class":212},[202,905,526],{"class":216},[202,907,253],{"class":208},[202,909,910],{"class":256},"\"smallcaps>(",[202,912,225],{"class":913},"sB1qb",[202,915,916],{"class":256},"/span>\n",[202,918,920,922,925,928,931,933,935,937,939,941],{"class":204,"line":919},41,[202,921,244],{"class":913},[202,923,924],{"class":256},"a target=\"",[202,926,927],{"class":216},"_new",[202,929,930],{"class":913},"\"",[202,932,427],{"class":216},[202,934,253],{"class":208},[202,936,591],{"class":256},[202,938,713],{"class":208},[202,940,19],{"class":212},[202,942,220],{"class":208},[202,944,946,948,950,952,954,956,958,960],{"class":204,"line":945},42,[202,947,244],{"class":208},[202,949,202],{"class":212},[202,951,526],{"class":216},[202,953,253],{"class":208},[202,955,684],{"class":256},[202,957,733],{"class":208},[202,959,202],{"class":212},[202,961,220],{"class":208},[202,963,965,967,969],{"class":204,"line":964},43,[202,966,649],{"class":208},[202,968,12],{"class":212},[202,970,220],{"class":208},[202,972,974,976,978],{"class":204,"line":973},44,[202,975,649],{"class":208},[202,977,523],{"class":212},[202,979,220],{"class":208},[202,981,983,985,987],{"class":204,"line":982},45,[202,984,501],{"class":208},[202,986,523],{"class":212},[202,988,220],{"class":208},[202,990,992,994,996],{"class":204,"line":991},46,[202,993,501],{"class":208},[202,995,513],{"class":212},[202,997,220],{"class":208},[202,999,1001,1003,1005],{"class":204,"line":1000},47,[202,1002,501],{"class":208},[202,1004,197],{"class":212},[202,1006,1007],{"class":208},"> ```\n",[202,1009,1011],{"class":204,"line":1010},48,[202,1012,1014],{"emptyLinePlaceholder":1013},true,"\n",[202,1016,1018],{"class":204,"line":1017},49,[202,1019,1020],{"class":208},"* Ajoutez un message de validation (par exemple, « Ajout du fichier index.html »).\n",[202,1022,1024],{"class":204,"line":1023},50,[202,1025,1026],{"class":208},"  * Cliquez sur **Valider les modifications**.\n",[202,1028,1030],{"class":204,"line":1029},51,[202,1031,1014],{"emptyLinePlaceholder":1013},[202,1033,1035],{"class":204,"line":1034},52,[202,1036,1037],{"class":208},"2. Créez le fichier `style.css` (et suivez les mêmes étapes que ci-dessus).\n",[202,1039,1041],{"class":204,"line":1040},53,[202,1042,1014],{"emptyLinePlaceholder":1013},[202,1044,1046],{"class":204,"line":1045},54,[202,1047,1048],{"class":208},"```text\n",[202,1050,1052],{"class":204,"line":1051},55,[202,1053,1054],{"class":208},"body {\n",[202,1056,1058],{"class":204,"line":1057},56,[202,1059,1060],{"class":208},"  margin: 0;\n",[202,1062,1064],{"class":204,"line":1063},57,[202,1065,1066],{"class":208},"  padding: 0;\n",[202,1068,1070],{"class":204,"line":1069},58,[202,1071,1072],{"class":208},"  background: #000;\n",[202,1074,1076],{"class":204,"line":1075},59,[202,1077,1078],{"class":208},"  color: #f4f4f4;\n",[202,1080,1082],{"class":204,"line":1081},60,[202,1083,1084],{"class":208},"  font-family: \"Graphik Web\", system-ui, -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", \"Helvetica\", \"Segoe UI\", Roboto, Ubuntu, sans-serif;\n",[202,1086,1088],{"class":204,"line":1087},61,[202,1089,1090],{"class":208},"  font-weight: 400;\n",[202,1092,1094],{"class":204,"line":1093},62,[202,1095,1096],{"class":208},"  font-smooth: antialiased;\n",[202,1098,1100],{"class":204,"line":1099},63,[202,1101,1102],{"class":208},"  -webkit-font-smoothing: antialiased;\n",[202,1104,1106],{"class":204,"line":1105},64,[202,1107,1108],{"class":208},"  -moz-osx-font-smoothing: grayscale;\n",[202,1110,1112],{"class":204,"line":1111},65,[202,1113,1114],{"class":208},"}\n",[202,1116,1118],{"class":204,"line":1117},66,[202,1119,1014],{"emptyLinePlaceholder":1013},[202,1121,1123],{"class":204,"line":1122},67,[202,1124,1125],{"class":208},"a {\n",[202,1127,1129],{"class":204,"line":1128},68,[202,1130,1131],{"class":208},"  color: #ff310a;\n",[202,1133,1135],{"class":204,"line":1134},69,[202,1136,1137],{"class":208},"  text-decoration: none;\n",[202,1139,1141],{"class":204,"line":1140},70,[202,1142,1114],{"class":208},[202,1144,1146],{"class":204,"line":1145},71,[202,1147,1014],{"emptyLinePlaceholder":1013},[202,1149,1151],{"class":204,"line":1150},72,[202,1152,1153],{"class":208},"a:hover {\n",[202,1155,1157],{"class":204,"line":1156},73,[202,1158,1159],{"class":208},"  color: #CFEF54\n",[202,1161,1163],{"class":204,"line":1162},74,[202,1164,1114],{"class":208},[202,1166,1168],{"class":204,"line":1167},75,[202,1169,1014],{"emptyLinePlaceholder":1013},[202,1171,1173],{"class":204,"line":1172},76,[202,1174,1175],{"class":208},".content {\n",[202,1177,1179],{"class":204,"line":1178},77,[202,1180,1181],{"class":208},"  max-width: 40rem;\n",[202,1183,1185],{"class":204,"line":1184},78,[202,1186,1187],{"class":208},"  margin: 0 auto;\n",[202,1189,1191],{"class":204,"line":1190},79,[202,1192,1114],{"class":208},[202,1194,1196],{"class":204,"line":1195},80,[202,1197,1014],{"emptyLinePlaceholder":1013},[202,1199,1201],{"class":204,"line":1200},81,[202,1202,1203],{"class":208},"img.photo {\n",[202,1205,1207],{"class":204,"line":1206},82,[202,1208,1209],{"class":208},"  border-radius: 50%;\n",[202,1211,1213],{"class":204,"line":1212},83,[202,1214,1114],{"class":208},[202,1216,1218],{"class":204,"line":1217},84,[202,1219,1014],{"emptyLinePlaceholder":1013},[202,1221,1223],{"class":204,"line":1222},85,[202,1224,1225],{"class":208},"p {\n",[202,1227,1229],{"class":204,"line":1228},86,[202,1230,1231],{"class":208},"  font-size: 1.5rem;\n",[202,1233,1235],{"class":204,"line":1234},87,[202,1236,1237],{"class":208},"  line-height: 1.4;\n",[202,1239,1241],{"class":204,"line":1240},88,[202,1242,1060],{"class":208},[202,1244,1246],{"class":204,"line":1245},89,[202,1247,1248],{"class":208},"  letter-spacing: -0.05rem;\n",[202,1250,1252],{"class":204,"line":1251},90,[202,1253,1114],{"class":208},[202,1255,1257],{"class":204,"line":1256},91,[202,1258,1014],{"emptyLinePlaceholder":1013},[202,1260,1262],{"class":204,"line":1261},92,[202,1263,1264],{"class":208},"h2 {\n",[202,1266,1268],{"class":204,"line":1267},93,[202,1269,1090],{"class":208},[202,1271,1273],{"class":204,"line":1272},94,[202,1274,1275],{"class":208},"  line-height: 1.3;\n",[202,1277,1279],{"class":204,"line":1278},95,[202,1280,1248],{"class":208},[202,1282,1284],{"class":204,"line":1283},96,[202,1285,1114],{"class":208},[202,1287,1289],{"class":204,"line":1288},97,[202,1290,1014],{"emptyLinePlaceholder":1013},[202,1292,1294],{"class":204,"line":1293},98,[202,1295,1296],{"class":208},".smallcaps {\n",[202,1298,1300],{"class":204,"line":1299},99,[202,1301,1302],{"class":208},"  font-variant: small-caps;\n",[202,1304,1306],{"class":204,"line":1305},100,[202,1307,1308],{"class":208},"  color:#333;\n",[202,1310,1312],{"class":204,"line":1311},101,[202,1313,1114],{"class":208},[202,1315,1317],{"class":204,"line":1316},102,[202,1318,1014],{"emptyLinePlaceholder":1013},[202,1320,1322],{"class":204,"line":1321},103,[202,1323,1324],{"class":208},".gray{\n",[202,1326,1328],{"class":204,"line":1327},104,[202,1329,1330],{"class":208},"  color: #999;\n",[202,1332,1334],{"class":204,"line":1333},105,[202,1335,1114],{"class":208},[202,1337,1339],{"class":204,"line":1338},106,[202,1340,1014],{"emptyLinePlaceholder":1013},[202,1342,1344],{"class":204,"line":1343},107,[202,1345,1346],{"class":208},".preloader {\n",[202,1348,1350],{"class":204,"line":1349},108,[202,1351,1352],{"class":208},"  display: flex;\n",[202,1354,1356],{"class":204,"line":1355},109,[202,1357,1358],{"class":208},"  justify-content: center;\n",[202,1360,1362],{"class":204,"line":1361},110,[202,1363,1364],{"class":208},"  align-items: center;\n",[202,1366,1368],{"class":204,"line":1367},111,[202,1369,1370],{"class":208},"  height: 100vh;\n",[202,1372,1374],{"class":204,"line":1373},112,[202,1375,1376],{"class":208},"  height: -moz-available;\n",[202,1378,1380],{"class":204,"line":1379},113,[202,1381,1382],{"class":208},"  height: -webkit-fill-available;\n",[202,1384,1386],{"class":204,"line":1385},114,[202,1387,1388],{"class":208},"  height: fill-available;\n",[202,1390,1392],{"class":204,"line":1391},115,[202,1393,1394],{"class":208},"  width: 100%;\n",[202,1396,1398],{"class":204,"line":1397},116,[202,1399,1072],{"class":208},[202,1401,1403],{"class":204,"line":1402},117,[202,1404,1405],{"class":208},"  position: fixed;\n",[202,1407,1409],{"class":204,"line":1408},118,[202,1410,1411],{"class":208},"  top: 0;\n",[202,1413,1415],{"class":204,"line":1414},119,[202,1416,1417],{"class":208},"  left: 0;\n",[202,1419,1421],{"class":204,"line":1420},120,[202,1422,1423],{"class":208},"  z-index: 9999;\n",[202,1425,1427],{"class":204,"line":1426},121,[202,1428,1429],{"class":208},"  transition: opacity 0.3s linear;\n",[202,1431,1433],{"class":204,"line":1432},122,[202,1434,1435],{"class":208},"  transform: translate3d(0, 0, 0);\n",[202,1437,1439],{"class":204,"line":1438},123,[202,1440,1114],{"class":208},[202,1442,1444],{"class":204,"line":1443},124,[202,1445,1014],{"emptyLinePlaceholder":1013},[202,1447,1449],{"class":204,"line":1448},125,[202,1450,1451],{"class":208},"body.loaded .preloader {\n",[202,1453,1455],{"class":204,"line":1454},126,[202,1456,1457],{"class":208},"  opacity: 0;\n",[202,1459,1461],{"class":204,"line":1460},127,[202,1462,1114],{"class":208},[202,1464,1466],{"class":204,"line":1465},128,[202,1467,1014],{"emptyLinePlaceholder":1013},[202,1469,1471],{"class":204,"line":1470},129,[202,1472,1473],{"class":208},".fade {\n",[202,1475,1477],{"class":204,"line":1476},130,[202,1478,1479],{"class":208},"  animation: fadeIn 1s ease-in-out both;\n",[202,1481,1483],{"class":204,"line":1482},131,[202,1484,1114],{"class":208},[202,1486,1488],{"class":204,"line":1487},132,[202,1489,1014],{"emptyLinePlaceholder":1013},[202,1491,1493],{"class":204,"line":1492},133,[202,1494,1495],{"class":208},".fade:nth-child(2) {\n",[202,1497,1499],{"class":204,"line":1498},134,[202,1500,1501],{"class":208},"    animation-delay: 1s;\n",[202,1503,1505],{"class":204,"line":1504},135,[202,1506,1114],{"class":208},[202,1508,1510],{"class":204,"line":1509},136,[202,1511,1014],{"emptyLinePlaceholder":1013},[202,1513,1515],{"class":204,"line":1514},137,[202,1516,1517],{"class":208},".fade:nth-child(3) {\n",[202,1519,1521],{"class":204,"line":1520},138,[202,1522,1523],{"class":208},"    animation-delay: 2s;\n",[202,1525,1527],{"class":204,"line":1526},139,[202,1528,1114],{"class":208},[202,1530,1532],{"class":204,"line":1531},140,[202,1533,1014],{"emptyLinePlaceholder":1013},[202,1535,1537],{"class":204,"line":1536},141,[202,1538,1539],{"class":208},".fade:nth-child(4) {\n",[202,1541,1543],{"class":204,"line":1542},142,[202,1544,1545],{"class":208},"    animation-delay: 3s;\n",[202,1547,1549],{"class":204,"line":1548},143,[202,1550,1114],{"class":208},[202,1552,1554],{"class":204,"line":1553},144,[202,1555,1014],{"emptyLinePlaceholder":1013},[202,1557,1559],{"class":204,"line":1558},145,[202,1560,1561],{"class":208},".fade:nth-child(5) {\n",[202,1563,1565],{"class":204,"line":1564},146,[202,1566,1567],{"class":208},"    animation-delay: 4s;\n",[202,1569,1571],{"class":204,"line":1570},147,[202,1572,1114],{"class":208},[202,1574,1576],{"class":204,"line":1575},148,[202,1577,1014],{"emptyLinePlaceholder":1013},[202,1579,1581],{"class":204,"line":1580},149,[202,1582,1583],{"class":208},".fade:nth-child(6) {\n",[202,1585,1587],{"class":204,"line":1586},150,[202,1588,1589],{"class":208},"    animation-delay: 5s;\n",[202,1591,1593],{"class":204,"line":1592},151,[202,1594,1114],{"class":208},[202,1596,1598],{"class":204,"line":1597},152,[202,1599,1014],{"emptyLinePlaceholder":1013},[202,1601,1603],{"class":204,"line":1602},153,[202,1604,1605],{"class":208},".fade:nth-child(7) {\n",[202,1607,1609],{"class":204,"line":1608},154,[202,1610,1611],{"class":208},"    animation-delay: 6s;\n",[202,1613,1615],{"class":204,"line":1614},155,[202,1616,1114],{"class":208},[202,1618,1620],{"class":204,"line":1619},156,[202,1621,1014],{"emptyLinePlaceholder":1013},[202,1623,1625],{"class":204,"line":1624},157,[202,1626,1627],{"class":208},".fade:nth-child(8) {\n",[202,1629,1631],{"class":204,"line":1630},158,[202,1632,1633],{"class":208},"    animation-delay: 7s;\n",[202,1635,1637],{"class":204,"line":1636},159,[202,1638,1114],{"class":208},[202,1640,1642],{"class":204,"line":1641},160,[202,1643,1014],{"emptyLinePlaceholder":1013},[202,1645,1647],{"class":204,"line":1646},161,[202,1648,1649],{"class":208},".fade:nth-child(9) {\n",[202,1651,1653],{"class":204,"line":1652},162,[202,1654,1655],{"class":208},"    animation-delay: 8s;\n",[202,1657,1659],{"class":204,"line":1658},163,[202,1660,1114],{"class":208},[202,1662,1664],{"class":204,"line":1663},164,[202,1665,1014],{"emptyLinePlaceholder":1013},[202,1667,1669],{"class":204,"line":1668},165,[202,1670,1671],{"class":208},".fade:nth-child(10) {\n",[202,1673,1675],{"class":204,"line":1674},166,[202,1676,1677],{"class":208},"    animation-delay: 9s;\n",[202,1679,1681],{"class":204,"line":1680},167,[202,1682,1114],{"class":208},[202,1684,1686],{"class":204,"line":1685},168,[202,1687,1014],{"emptyLinePlaceholder":1013},[202,1689,1691],{"class":204,"line":1690},169,[202,1692,1693],{"class":208},".fade:nth-child(11) {\n",[202,1695,1697],{"class":204,"line":1696},170,[202,1698,1699],{"class":208},"    animation-delay: 10s;\n",[202,1701,1703],{"class":204,"line":1702},171,[202,1704,1114],{"class":208},[202,1706,1708],{"class":204,"line":1707},172,[202,1709,1014],{"emptyLinePlaceholder":1013},[202,1711,1713],{"class":204,"line":1712},173,[202,1714,1715],{"class":208},".fade:nth-child(12) {\n",[202,1717,1719],{"class":204,"line":1718},174,[202,1720,1721],{"class":208},"    animation-delay: 11s;\n",[202,1723,1725],{"class":204,"line":1724},175,[202,1726,1114],{"class":208},[202,1728,1730],{"class":204,"line":1729},176,[202,1731,1014],{"emptyLinePlaceholder":1013},[202,1733,1735],{"class":204,"line":1734},177,[202,1736,1737],{"class":208},".fade:nth-child(13) {\n",[202,1739,1741],{"class":204,"line":1740},178,[202,1742,1743],{"class":208},"    animation-delay: 12s;\n",[202,1745,1747],{"class":204,"line":1746},179,[202,1748,1114],{"class":208},[202,1750,1752],{"class":204,"line":1751},180,[202,1753,1014],{"emptyLinePlaceholder":1013},[202,1755,1757],{"class":204,"line":1756},181,[202,1758,1759],{"class":208},"@keyframes fadeIn {\n",[202,1761,1763],{"class":204,"line":1762},182,[202,1764,1765],{"class":208},"    from {\n",[202,1767,1769],{"class":204,"line":1768},183,[202,1770,1771],{"class":208},"        opacity: 0;\n",[202,1773,1775],{"class":204,"line":1774},184,[202,1776,1777],{"class":208},"        transform: translate3d(0, 0%, 0);\n",[202,1779,1781],{"class":204,"line":1780},185,[202,1782,1783],{"class":208},"    }\n",[202,1785,1787],{"class":204,"line":1786},186,[202,1788,1789],{"class":208},"    to {\n",[202,1791,1793],{"class":204,"line":1792},187,[202,1794,1795],{"class":208},"        opacity: 1;\n",[202,1797,1799],{"class":204,"line":1798},188,[202,1800,1801],{"class":208},"        transform: translate3d(0, 0, 0);\n",[202,1803,1805],{"class":204,"line":1804},189,[202,1806,1783],{"class":208},[202,1808,1810],{"class":204,"line":1809},190,[202,1811,1114],{"class":208},[29,1813,1815],{"id":1814},"étape3-configurer-le-fichier-gitlabci","Étape 3 : configurer le fichier GitLab CI",[12,1817,1818],{},"Vous disposez de deux méthodes pour créer le fichier de configuration GitLab CI qui indique à GitLab comment créer et déployer votre site web :",[12,1820,1821],{},[65,1822],{"alt":1823,"src":1824},"Tutoriel GitLab Pages - écran Optimiser votre workflow avec les pipelines CI/CD","https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/image3_aHR0cHM6_1750097724672.png",[12,1826,1827],{},[76,1828,1829],{},"Option 1 : utiliser l'éditeur de pipeline (recommandé)",[57,1831,1832],{},[40,1833,1834,1835,1838],{},"Accédez à ",[76,1836,1837],{},"Compilation > Pipelines"," dans votre projet.",[12,1840,1841],{},[65,1842],{"alt":1843,"src":1844},"Tutoriel GitLab Pages - éditeur de pipeline/branche principale","https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/image12_aHR0cHM6_1750097724673.png",[57,1846,1847],{"start":71},[40,1848,1849,1850,1853],{},"Le fichier ",[98,1851,1852],{},".gitlab-ci.yml"," est automatiquement créé. 3. Copiez et collez la configuration suivante :",[193,1855,1860],{"className":1856,"code":1858,"language":1859,"meta":198},[1857],"language-text","pages:\n  stage: deploy\n  script:\n    - mkdir .public\n    - cp -r * .public\n    - mv .public public\n  artifacts:\n    paths:\n      - public\n  only:\n    - main\n","text",[98,1861,1858],{"__ignoreMap":198},[12,1863,1864],{},[65,1865],{"alt":1866,"src":1867},"Tutoriel GitLab Pages - Nouveau fichier dans la fenêtre","https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/image4_aHR0cHM6_1750097724674.png",[12,1869,1870],{},[76,1871,1872],{},"Option 2 : effectuer une création manuelle",[12,1874,1875,1876,1878],{},"Si vous préférez créer le fichier manuellement : 1. Créez un fichier nommé ",[98,1877,1852],{},". 2. Ajoutez la configuration suivante :",[193,1880,1882],{"className":1881,"code":1858,"language":1859,"meta":198},[1857],[98,1883,1858],{"__ignoreMap":198},[12,1885,1886],{},"Le fichier de configuration GitLab CI est indispensable au bon fonctionnement de votre site web. Il indique à GitLab comment créer et déployer votre site.",[12,1888,1889],{},"Analysons le rôle de chaque partie :",[12,1891,1892],{},[76,1893,1894],{},"La partie script",[193,1896,1899],{"className":1897,"code":1898,"language":1859,"meta":198},[1857],"script:\n  - mkdir .public\n  - cp -r * .public\n  - mv .public public\n",[98,1900,1898],{"__ignoreMap":198},[12,1902,1903,1904,1907,1908,1913],{},"Ce code crée un dossier appelé ",[98,1905,1906],{},"public"," et y copie tous les fichiers de votre site web. GitLab Pages utilise ce dossier pour gérer votre site web par défaut, mais vous pouvez ",[19,1909,1912],{"href":1910,"rel":1911},"https://docs.gitlab.com/user/project/pages/introduction/#customize-the-default-folder",[],"personnaliser le dossier de publication"," si vous le souhaitez.",[12,1915,1916],{},[76,1917,1918],{},"La partie only",[193,1920,1923],{"className":1921,"code":1922,"language":1859,"meta":198},[1857],"only:\n  - main\n\n",[98,1924,1922],{"__ignoreMap":198},[12,1926,1927],{},"Ce code indique à GitLab de mettre à jour votre site web uniquement lorsque des modifications sont apportées à la branche principale. Cela permet d'éviter les mises à jour accidentelles dues à des modifications expérimentales.",[29,1929,1931],{"id":1930},"étape4-finaliser-votre-site-web","Étape 4 : finaliser votre site web",[57,1933,1934,1937,1943],{},[40,1935,1936],{},"Validez toutes vos modifications.",[40,1938,1939,1940,1942],{},"Accédez au menu ",[76,1941,1837],{}," pour visualiser votre déploiement.",[40,1944,1945],{},"Attendez que le pipeline se termine correctement (une coche verte s'affiche).",[12,1947,1948],{},[65,1949],{"alt":1950,"src":1951},"Tutoriel GitLab Pages - pipeline en cours d'exécution pour la création de la page","https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/image6_aHR0cHM6_1750097724676.png",[12,1953,1954],{},[65,1955],{"alt":1956,"src":1957},"Tutoriel GitLab Pages - pipeline réussi pour la création de la page","https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/image1_aHR0cHM6_1750097724677.png",[29,1959,1961],{"id":1960},"étape5-accéder-à-votre-site-web","Étape 5 : accéder à votre site web",[12,1963,1964,1965,1971],{},"Une fois le pipeline terminé avec succès, votre site web est disponible à l'adresse suivante : ",[76,1966,1967,1968,1970],{},"https://",[202,1969,104],{},".gitlab.io/"," .",[12,1973,1974,1975,1978],{},"La section ",[76,1976,1977],{},"Déploiement > Pages"," de votre projet affiche une vue d'ensemble de votre site web déployé et des paramètres supplémentaires. Vous y trouverez des informations utiles, notamment :",[37,1980,1981,1994],{},[40,1982,1983,1984,1987,1988,1993],{},"Les URL d'accès à votre site web   * Les paramètres du domaine    * Par défaut, GitLab active un ",[76,1985,1986],{},"domaine unique",". Assurez-vous de le désactiver si vous souhaitez utiliser le domaine fourni par GitLab. Pour en savoir plus, consultez la ",[19,1989,1992],{"href":1990,"rel":1991},"https://docs.gitlab.com/user/project/pages/#unique-domains",[],"documentation sur le domaine unique",".  * Statut des certificats HTTPS   * Déploiements récents   * Options de configuration supplémentaires",[40,1995,1996],{},"Domaines personnalisés",[12,1998,1999],{},"Cette section est particulièrement utile lors de la configuration de domaines personnalisés ou de la résolution de problèmes de déploiement.",[12,2001,2002],{},[76,2003,2004],{},"Personnaliser votre site",[12,2006,2007],{},[65,2008],{"alt":2009,"src":2010},"Tutoriel GitLab Pages - personnaliser le site","https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/image8_aHR0cHM6_1750097724678.png",[57,2012,2013],{},[40,2014,2015,2016,2018],{},"Remplacez tous les espaces réservés « Your ... » dans le fichier ",[98,2017,160],{}," par vos propres informations.",[12,2020,2021],{},[65,2022],{"alt":2023,"src":2024},"Tutoriel GitLab Pages - importer un fichier pour personnaliser la page","https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/image11_aHR0cHM6_1750097724679.png",[57,2026,2027],{"start":71},[40,2028,2029,2030],{},"Ajoutez vos images :\n",[37,2031,2032,2035,2038],{},[40,2033,2034],{},"profile.png : votre photo de profil (64 x 64px)",[40,2036,2037],{},"favicon.png : favicon de votre site (32 x 32px)",[40,2039,2040],{},"Og.png : image OpenGraph pour l'aperçu des médias sociaux (1200 x 630px)",[12,2042,2043],{},[76,2044,2045],{},"Consulter le site en ligne",[12,2047,2048,2049,2054,2055],{},"Si vous avez l'habitude d'utiliser GitLab, n'hésitez pas à ",[19,2050,2053],{"href":2051,"rel":2052},"https://gitlab.com/fracazo/fracazo.gitlab.io",[],"dupliquer mon dépôt"," pour commencer rapidement à créer votre propre site web.\nVoici le résultat final :\n",[19,2056,2057],{"href":2057,"rel":2058},"https://fracazo.gitlab.io/",[],[12,2060,2061],{},[76,2062,2063],{},"Problèmes courants et solutions",[37,2065,2066,2076,2089,2092],{},[40,2067,2068,2069,2072,2073,2075],{},"Par défaut, GitLab active un « Domaine unique » pour les projets GitLab Pages. Pour utiliser le domaine plus simple fourni par GitLab (comme ",[98,2070,2071],{},"nomutilisateur.gitlab.io","), accédez au menu ",[76,2074,1977],{}," et désactivez l'option « Utiliser un domaine unique ». Bien que les domaines uniques présentent certains avantages techniques, comme une meilleure gestion des chemins d'accès aux fichiers et autres actifs, vous pouvez choisir une structure d'URL plus courte et plus facile à retenir pour votre site web personnel.",[40,2077,2078,2079,2082,2083,2086,2087,79],{},"Si votre pipeline échoue, vérifiez que vous utilisez ",[98,2080,2081],{},"main"," à la place de ",[98,2084,2085],{},"master"," dans votre fichier ",[98,2088,1852],{},[40,2090,2091],{},"Assurez-vous que votre groupe et votre projet sont publics pour que GitLab Pages fonctionne.",[40,2093,2094],{},"Si un job de votre pipeline échoue, vous pouvez consulter le job log pour récupérer les messages d'erreur détaillés afin de faciliter le dépannage.",[12,2096,2097],{},"Avec GitLab Pages et ce template, vous pouvez créer un site web professionnel ou personnel opérationnel en quelques minutes. Le template est épuré, il est bien organisé, il s'adapte automatiquement aux différents types d'écran et vous pouvez le personnaliser selon vos besoins et préférences. À mesure que votre activité évolue, vous pouvez facilement mettre à jour votre site web, directement via GitLab.\nVous pouvez automatiser le processus de déploiement en tirant parti des capacités CI/CD de GitLab et en vous concentrant sur la création d'un contenu de qualité.",[12,2099,2100,2101,79],{},"La bonne nouvelle, c'est que tous ces avantages sont disponibles dans la version gratuite de GitLab, ce qui en fait une option idéale pour héberger gratuitement vos projets personnels, des sites de documentation ou même des sites web de PME. Pour des fonctionnalités et des configurations plus avancées, consultez notre ",[19,2102,2104],{"href":21,"rel":2103},[],"documentation sur GitLab Pages",[29,2106,2108],{"id":2107},"prochaines-nouveautés-de-gitlabpages","Prochaines nouveautés de GitLab Pages",[12,2110,2111],{},"Nous nous efforçons constamment d'améliorer GitLab Pages pour faciliter le travail des créateurs et développeurs. Voici quelques améliorations intéressantes à venir :",[2113,2114,2116],"h3",{"id":2115},"gestion-de-domaine-simplifiée","Gestion de domaine simplifiée",[12,2118,2119],{},"Nous prévoyons d'implémenter des mises à jour pour GitLab Pages qui rendront la gestion de vos domaines sera encore plus facile et amusante ! Nous vous proposerons un tableau de bord simplifié qui rassemble tous les paramètres de votre domaine dans un seul espace, où tout est facilement accessible.\nVous recevrez des mises à jour en temps réel du statut de votre DNS et de votre certificat SSL, afin de sécuriser vos domaines et d'en assurer le bon fonctionnement.",[2113,2121,2123],{"id":2122},"configuration-dun-domaine-personnalisé","Configuration d'un domaine personnalisé",[12,2125,2126,2127,79],{},"La configuration de domaines personnalisés sera un jeu d'enfant grâce à notre processus intuitif, conçu pour vous guider à chaque étape. De plus, vous pourrez configurer votre domaine personnalisé afin de rediriger automatiquement les visiteurs de l'ancienne adresse de votre site web vers la nouvelle. Ainsi, l'ensemble de votre trafic sera centralisé sur un site web principal unique. Pour en savoir plus, consultez notre ",[19,2128,2131],{"href":2129,"rel":2130},"https://docs.gitlab.com/user/project/pages/custom_domains_ssl_tls_certification/#set-up-a-custom-domain",[],"documentation sur les domaines personnalisés",[2133,2134,2135],"blockquote",{},[12,2136,2137,2138,2142],{},"Essayez GitLab Pages dès aujourd'hui avec ",[19,2139,2141],{"href":45,"rel":2140},[],"la version gratuite de GitLab"," !",[29,2144,2146],{"id":2145},"en-savoir-plus","En savoir plus",[37,2148,2149,2156,2163],{},[40,2150,2151],{},[19,2152,2155],{"href":2153,"rel":2154},"https://about.gitlab.com/blog/gitlab-pages-features-review-apps-and-multiple-website-deployment/",[],"GitLab Pages : versions temporaires d'applications et déploiement simultané de plusieurs sites web",[40,2157,2158],{},[19,2159,2162],{"href":2160,"rel":2161},"https://docs.gitlab.com/user/project/pages/#parallel-deployments",[],"GitLab Pages : documentation sur le déploiement simultané de plusieurs sites web",[40,2164,2165],{},[19,2166,2169],{"href":2167,"rel":2168},"https://gitlab.com/pages",[],"Exemples GitLab Pages",[2171,2172,2173],"style",{},"html pre.shiki code .sgsFI, html code.shiki .sgsFI{--shiki-default:#24292E}html pre.shiki code .shJU0, html code.shiki .shJU0{--shiki-default:#22863A}html pre.shiki code .s7eDp, html code.shiki .s7eDp{--shiki-default:#6F42C1}html pre.shiki code .sYBdl, html code.shiki .sYBdl{--shiki-default:#032F62}html pre.shiki code .sB1qb, html code.shiki .sB1qb{--shiki-default:#B31D28;--shiki-default-font-style:italic}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":198,"searchDepth":71,"depth":71,"links":2175},[2176,2177,2178,2179,2180,2181,2182,2186],{"id":31,"depth":71,"text":32},{"id":54,"depth":71,"text":55},{"id":142,"depth":71,"text":143},{"id":1814,"depth":71,"text":1815},{"id":1930,"depth":71,"text":1931},{"id":1960,"depth":71,"text":1961},{"id":2107,"depth":71,"text":2108,"children":2183},[2184,2185],{"id":2115,"depth":88,"text":2116},{"id":2122,"depth":88,"text":2123},{"id":2145,"depth":71,"text":2146},"product","2025-03-03","Découvrez dans ce tutoriel comment créer et héberger votre site web à l'aide de GitLab Pages à partir d'un template prêt à l'emploi et personnalisable. ","md",null,false,"https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097716/Blog/Hero%20Images/Blog/Hero%20Images/blog-image-template-1800x945%20%281%29_7c3TDgNgct9xQbmTJSw0de_1750097716096.png",{},"/fr-fr/blog/build-a-new-website-in-a-few-easy-steps-with-gitlab-pages",{"title":5,"description":2189,"ogTitle":5,"ogDescription":2189,"noIndex":2192,"ogImage":2193,"ogUrl":2197,"ogSiteName":2198,"ogType":2199,"canonicalUrls":2197},"https://about.gitlab.com/blog/build-a-new-website-in-a-few-easy-steps-with-gitlab-pages","https://about.gitlab.com","article","build-a-new-website-in-a-few-easy-steps-with-gitlab-pages","fr-fr/blog/build-a-new-website-in-a-few-easy-steps-with-gitlab-pages",[2203,2204],"tutorial","DevSecOps platform","BlogPost","2025-03-13","YOeh1KT1VoqKvkxvzGP53lvH8kgFUH7yvQ9VZVHj_Bc",{"logo":2209,"freeTrial":2214,"sales":2219,"login":2224,"items":2229,"search":2557,"minimal":2593,"duo":2612,"switchNav":2621,"pricingDeployment":2632},{"config":2210},{"href":2211,"dataGaName":2212,"dataGaLocation":2213},"/fr-fr/","gitlab logo","header",{"text":2215,"config":2216},"Commencer un essai gratuit",{"href":2217,"dataGaName":2218,"dataGaLocation":2213},"https://gitlab.com/-/trial_registrations/new?glm_source=about.gitlab.com/fr-fr&glm_content=default-saas-trial/","free trial",{"text":2220,"config":2221},"Demander une démo",{"href":2222,"dataGaName":2223,"dataGaLocation":2213},"/fr-fr/sales/?contact-topic=request-demo","sales",{"text":2225,"config":2226},"Connexion",{"href":2227,"dataGaName":2228,"dataGaLocation":2213},"https://gitlab.com/users/sign_in/","sign in",[2230,2258,2360,2365,2479,2535],{"text":2231,"config":2232,"menu":2234},"Plateforme",{"dataNavLevelOne":2233},"platform",{"type":2235,"columns":2236},"cards",[2237,2243,2251],{"title":2231,"description":2238,"link":2239},"La plateforme d'orchestration intelligente pour le DevSecOps",{"text":2240,"config":2241},"Explorer notre plateforme",{"href":2242,"dataGaName":2233,"dataGaLocation":2213},"/fr-fr/platform/",{"title":2244,"description":2245,"link":2246},"GitLab Duo Agent Platform","L'IA agentique pour l'ensemble du cycle de développement logiciel",{"text":2247,"config":2248},"Découvrir GitLab Duo",{"href":2249,"dataGaName":2250,"dataGaLocation":2213},"/fr-fr/gitlab-duo-agent-platform/","gitlab duo agent platform",{"title":2252,"description":2253,"link":2254},"Pourquoi GitLab ?","Découvrez les principales raisons pour lesquelles les entreprises choisissent GitLab",{"text":2146,"config":2255},{"href":2256,"dataGaName":2257,"dataGaLocation":2213},"/fr-fr/why-gitlab/","why gitlab",{"text":2259,"left":1013,"config":2260,"menu":2262},"Produit",{"dataNavLevelOne":2261},"solutions",{"type":2263,"link":2264,"columns":2268,"feature":2339},"lists",{"text":2265,"config":2266},"Voir toutes les solutions",{"href":2267,"dataGaName":2261,"dataGaLocation":2213},"/fr-fr/solutions/",[2269,2294,2317],{"title":2270,"description":2271,"link":2272,"items":2277},"Automatisation","CI/CD et automatisation pour accélérer le déploiement",{"config":2273},{"icon":2274,"href":2275,"dataGaName":2276,"dataGaLocation":2213},"AutomatedCodeAlt","/fr-fr/solutions/delivery-automation/","automated software delivery",[2278,2282,2285,2290],{"text":2279,"config":2280},"CI/CD",{"href":2281,"dataGaLocation":2213,"dataGaName":2279},"/fr-fr/solutions/continuous-integration/",{"text":2244,"config":2283},{"href":2249,"dataGaLocation":2213,"dataGaName":2284},"gitlab duo agent platform - product menu",{"text":2286,"config":2287},"Gestion du code source",{"href":2288,"dataGaLocation":2213,"dataGaName":2289},"/fr-fr/solutions/source-code-management/","Source Code Management",{"text":2291,"config":2292},"Livraison de logiciels automatisée",{"href":2275,"dataGaLocation":2213,"dataGaName":2293},"Automated software delivery",{"title":2295,"description":2296,"link":2297,"items":2302},"Sécurité","Livrez du code plus rapidement sans compromettre la sécurité",{"config":2298},{"href":2299,"dataGaName":2300,"dataGaLocation":2213,"icon":2301},"/fr-fr/solutions/application-security-testing/","security and compliance","ShieldCheckLight",[2303,2307,2312],{"text":2304,"config":2305},"Tests de sécurité des applications",{"href":2299,"dataGaName":2306,"dataGaLocation":2213},"Application security testing",{"text":2308,"config":2309},"Sécurité de la chaîne d'approvisionnement logicielle",{"href":2310,"dataGaLocation":2213,"dataGaName":2311},"/fr-fr/solutions/supply-chain/","Software supply chain security",{"text":2313,"config":2314},"Conformité logicielle",{"href":2315,"dataGaName":2316,"dataGaLocation":2213},"/fr-fr/solutions/software-compliance/","software compliance",{"title":2318,"link":2319,"items":2324},"Mesures",{"config":2320},{"icon":2321,"href":2322,"dataGaName":2323,"dataGaLocation":2213},"DigitalTransformation","/fr-fr/solutions/visibility-measurement/","visibility and measurement",[2325,2329,2334],{"text":2326,"config":2327},"Visibilité et mesures",{"href":2322,"dataGaLocation":2213,"dataGaName":2328},"Visibility and Measurement",{"text":2330,"config":2331},"Gestion de la chaîne de valeur",{"href":2332,"dataGaLocation":2213,"dataGaName":2333},"/fr-fr/solutions/value-stream-management/","Value Stream Management",{"text":2335,"config":2336},"Analyses et informations",{"href":2337,"dataGaLocation":2213,"dataGaName":2338},"/fr-fr/solutions/analytics-and-insights/","Analytics and insights",{"title":2340,"type":2263,"items":2341},"GitLab",[2342,2348,2354],{"text":2343,"config":2344},"Entreprises",{"icon":2345,"href":2346,"dataGaLocation":2213,"dataGaName":2347},"Building","/fr-fr/enterprise/","enterprise",{"text":2349,"config":2350},"Pour les PME",{"icon":2351,"href":2352,"dataGaLocation":2213,"dataGaName":2353},"Work","/fr-fr/small-business/","small business",{"text":2355,"config":2356},"Pour le secteur public",{"icon":2357,"href":2358,"dataGaLocation":2213,"dataGaName":2359},"Organization","/fr-fr/solutions/public-sector/","public sector",{"text":2361,"config":2362},"Tarifs",{"href":2363,"dataGaName":2364,"dataGaLocation":2213,"dataNavLevelOne":2364},"/fr-fr/pricing/","pricing",{"text":2366,"config":2367,"menu":2369},"Ressources",{"dataNavLevelOne":2368},"resources",{"type":2263,"link":2370,"columns":2374,"feature":2468},{"text":2371,"config":2372},"Afficher toutes les ressources",{"href":2373,"dataGaName":2368,"dataGaLocation":2213},"/fr-fr/resources/",[2375,2408,2435],{"title":2376,"items":2377},"Premiers pas",[2378,2383,2388,2393,2398,2403],{"text":2379,"config":2380},"Installation",{"href":2381,"dataGaName":2382,"dataGaLocation":2213},"/fr-fr/install/","install",{"text":2384,"config":2385},"Guides de démarrage",{"href":2386,"dataGaName":2387,"dataGaLocation":2213},"/fr-fr/get-started/","quick setup checklists",{"text":2389,"config":2390},"Apprentissage",{"href":2391,"dataGaLocation":2213,"dataGaName":2392},"https://university.gitlab.com/","learn",{"text":2394,"config":2395},"Documentation",{"href":2396,"dataGaName":2397,"dataGaLocation":2213},"https://docs.gitlab.com/","product documentation",{"text":2399,"config":2400},"Vidéos sur les bonnes pratiques",{"href":2401,"dataGaName":2402,"dataGaLocation":2213},"/fr-fr/getting-started-videos/","best practice videos",{"text":2404,"config":2405},"Intégrations",{"href":2406,"dataGaName":2407,"dataGaLocation":2213},"/fr-fr/integrations/","integrations",{"title":2409,"items":2410},"Découvrir",[2411,2416,2421,2426,2430],{"text":2412,"config":2413},"Témoignages clients",{"href":2414,"dataGaName":2415,"dataGaLocation":2213},"/fr-fr/customers/","customer success stories",{"text":2417,"config":2418},"Blog",{"href":2419,"dataGaName":2420,"dataGaLocation":2213},"/fr-fr/blog/","blog",{"text":2422,"config":2423},"Demo Hub",{"href":2424,"dataGaName":2425,"dataGaLocation":2213},"/fr-fr/demo-hub/","demo hub",{"text":2427,"config":2428},"The Source",{"href":2429,"dataGaName":2420,"dataGaLocation":2213},"/fr-fr/the-source/",{"text":2431,"config":2432},"Travail à distance",{"href":2433,"dataGaName":2434,"dataGaLocation":2213},"https://handbook.gitlab.com/handbook/company/culture/all-remote/","remote",{"title":2436,"items":2437},"Connecter",[2438,2443,2448,2453,2458,2463],{"text":2439,"config":2440},"Services GitLab",{"href":2441,"dataGaName":2442,"dataGaLocation":2213},"/fr-fr/services/","services",{"text":2444,"config":2445},"Contribuer",{"href":2446,"dataGaName":2447,"dataGaLocation":2213},"https://contributors.gitlab.com","contribute",{"text":2449,"config":2450},"Communauté",{"href":2451,"dataGaName":2452,"dataGaLocation":2213},"/community/","community",{"text":2454,"config":2455},"Forum",{"href":2456,"dataGaName":2457,"dataGaLocation":2213},"https://forum.gitlab.com/","forum",{"text":2459,"config":2460},"Événements",{"href":2461,"dataGaName":2462,"dataGaLocation":2213},"/events/","events",{"text":2464,"config":2465},"Partenaires",{"href":2466,"dataGaName":2467,"dataGaLocation":2213},"/fr-fr/partners/","partners",{"config":2469,"title":2472,"text":2473,"link":2474},{"background":2470,"textColor":2471},"url('https://res.cloudinary.com/about-gitlab-com/image/upload/v1777322348/qpq8yrgn8knii57omj0c.png')","#000","Nouveautés de GitLab","Découvrez les dernières fonctionnalités et améliorations.",{"text":2475,"config":2476},"Lire les articles les plus récents",{"href":2477,"dataGaName":2478,"dataGaLocation":2213},"/fr-fr/whats-new/","whats new",{"text":2480,"config":2481,"menu":2483},"Société",{"dataNavLevelOne":2482},"company",{"type":2263,"columns":2484},[2485],{"items":2486},[2487,2492,2498,2500,2505,2510,2515,2520,2525,2530],{"text":2488,"config":2489},"À propos",{"href":2490,"dataGaName":2491,"dataGaLocation":2213},"/fr-fr/company/","about",{"text":2493,"config":2494,"footerGa":2497},"Carrières",{"href":2495,"dataGaName":2496,"dataGaLocation":2213},"/jobs/","jobs",{"dataGaName":2496},{"text":2459,"config":2499},{"href":2461,"dataGaName":2462,"dataGaLocation":2213},{"text":2501,"config":2502},"Leadership",{"href":2503,"dataGaName":2504,"dataGaLocation":2213},"/company/team/e-group/","leadership",{"text":2506,"config":2507},"Manuel",{"href":2508,"dataGaName":2509,"dataGaLocation":2213},"https://handbook.gitlab.com/","handbook",{"text":2511,"config":2512},"Relations avec les investisseurs",{"href":2513,"dataGaName":2514,"dataGaLocation":2213},"https://ir.gitlab.com/overview/default.aspx","investor relations",{"text":2516,"config":2517},"Trust Center",{"href":2518,"dataGaName":2519,"dataGaLocation":2213},"/fr-fr/security/","trust center",{"text":2521,"config":2522},"Centre pour la transparence de l'IA",{"href":2523,"dataGaName":2524,"dataGaLocation":2213},"/fr-fr/ai-transparency-center/","ai transparency center",{"text":2526,"config":2527},"Newsletter",{"href":2528,"dataGaName":2529,"dataGaLocation":2213},"/company/contact/#contact-forms","newsletter",{"text":2531,"config":2532},"Presse",{"href":2533,"dataGaName":2534,"dataGaLocation":2213},"/press/","press",{"text":2536,"config":2537,"menu":2538},"Nous contacter",{"dataNavLevelOne":2482},{"type":2263,"columns":2539},[2540],{"items":2541},[2542,2547,2552],{"text":2543,"config":2544},"Contacter l'équipe commerciale",{"href":2545,"dataGaName":2546,"dataGaLocation":2213},"/fr-fr/sales/","talk to sales",{"text":2548,"config":2549},"Assistance GitLab",{"href":2550,"dataGaName":2551,"dataGaLocation":2213},"https://support.gitlab.com/hc/en-us","support portal",{"text":2553,"config":2554},"Portail clients GitLab",{"href":2555,"dataGaName":2556,"dataGaLocation":2213},"https://customers.gitlab.com/customers/sign_in/","customer portal",{"close":2558,"login":2559,"suggestions":2566},"Fermer",{"text":2560,"link":2561},"Pour rechercher des dépôts et des projets, connectez-vous à",{"text":2562,"config":2563},"GitLab.com",{"href":2227,"dataGaName":2564,"dataGaLocation":2565},"search login","search",{"text":2567,"default":2568},"Suggestions",[2569,2572,2577,2579,2584,2589],{"text":2244,"config":2570},{"href":2249,"dataGaName":2571,"dataGaLocation":2565},"GitLab Duo Agent Platform",{"text":2573,"config":2574},"Suggestions de code (IA)",{"href":2575,"dataGaName":2576,"dataGaLocation":2565},"/fr-fr/solutions/code-suggestions/","Code Suggestions (AI)",{"text":2279,"config":2578},{"href":2281,"dataGaName":2279,"dataGaLocation":2565},{"text":2580,"config":2581},"GitLab sur AWS",{"href":2582,"dataGaName":2583,"dataGaLocation":2565},"/fr-fr/partners/technology-partners/aws/","GitLab on AWS",{"text":2585,"config":2586},"GitLab sur Google Cloud",{"href":2587,"dataGaName":2588,"dataGaLocation":2565},"/fr-fr/partners/technology-partners/google-cloud-platform/","GitLab on Google Cloud",{"text":2590,"config":2591},"Pourquoi utiliser GitLab ?",{"href":2256,"dataGaName":2592,"dataGaLocation":2565},"Why GitLab?",{"freeTrial":2594,"mobileIcon":2599,"desktopIcon":2604,"secondaryButton":2607},{"text":2595,"config":2596},"Commencer votre essai gratuit",{"href":2597,"dataGaName":2218,"dataGaLocation":2598},"https://gitlab.com/-/trials/new/","nav",{"altText":2600,"config":2601},"Icône GitLab",{"src":2602,"dataGaName":2603,"dataGaLocation":2598},"https://res.cloudinary.com/about-gitlab-com/image/upload/v1758203874/jypbw1jx72aexsoohd7x.svg","gitlab icon",{"altText":2600,"config":2605},{"src":2606,"dataGaName":2603,"dataGaLocation":2598},"https://res.cloudinary.com/about-gitlab-com/image/upload/v1758203875/gs4c8p8opsgvflgkswz9.svg",{"text":2608,"config":2609},"Commencer",{"href":2610,"dataGaName":2611,"dataGaLocation":2598},"https://gitlab.com/-/trial_registrations/new?glm_source=about.gitlab.com/fr-fr/get-started/","get started",{"freeTrial":2613,"mobileIcon":2617,"desktopIcon":2619},{"text":2614,"config":2615},"En savoir plus sur GitLab Duo",{"href":2249,"dataGaName":2616,"dataGaLocation":2598},"gitlab duo",{"altText":2600,"config":2618},{"src":2602,"dataGaName":2603,"dataGaLocation":2598},{"altText":2600,"config":2620},{"src":2606,"dataGaName":2603,"dataGaLocation":2598},{"button":2622,"mobileIcon":2627,"desktopIcon":2629},{"text":2623,"config":2624},"/switch",{"href":2625,"dataGaName":2626,"dataGaLocation":2598},"#contact","switch",{"altText":2600,"config":2628},{"src":2602,"dataGaName":2603,"dataGaLocation":2598},{"altText":2600,"config":2630},{"src":2631,"dataGaName":2603,"dataGaLocation":2598},"https://res.cloudinary.com/about-gitlab-com/image/upload/v1773335277/ohhpiuoxoldryzrnhfrh.png",{"freeTrial":2633,"mobileIcon":2638,"desktopIcon":2640},{"text":2634,"config":2635},"Retour aux tarifs",{"href":2363,"dataGaName":2636,"dataGaLocation":2598,"icon":2637},"back to pricing","GoBack",{"altText":2600,"config":2639},{"src":2602,"dataGaName":2603,"dataGaLocation":2598},{"altText":2600,"config":2641},{"src":2606,"dataGaName":2603,"dataGaLocation":2598},{"title":2643,"button":2644,"config":2648},"GitLab Orbit est arrivé : la couche de contexte pour les agents d'IA.",{"text":2146,"config":2645},{"href":2646,"dataGaName":2647,"dataGaLocation":2213},"/fr-fr/gitlab-orbit/","orbit",{"layout":2649,"disabled":2192},"release",{"data":2651},{"text":2652,"source":2653,"edit":2659,"contribute":2664,"config":2668,"items":2673,"minimal":2881},"Git est une marque déposée de Software Freedom Conservancy et notre utilisation de « GitLab » est sous licence.",{"text":2654,"config":2655},"Afficher le code source de la page",{"href":2656,"dataGaName":2657,"dataGaLocation":2658},"https://gitlab.com/gitlab-com/marketing/digital-experience/about-gitlab-com/","page source","footer",{"text":2660,"config":2661},"Modifier cette page",{"href":2662,"dataGaName":2663,"dataGaLocation":2658},"https://gitlab.com/gitlab-com/marketing/digital-experience/about-gitlab-com/-/blob/main/content/","web ide",{"text":2444,"config":2665},{"href":2666,"dataGaName":2667,"dataGaLocation":2658},"https://gitlab.com/gitlab-com/marketing/digital-experience/about-gitlab-com/-/blob/main/CONTRIBUTING.md/","please contribute",{"twitter":2669,"facebook":2670,"youtube":2671,"linkedin":2672},"https://twitter.com/gitlab","https://www.facebook.com/gitlab","https://www.youtube.com/channel/UCnMGQ8QHMAnVIsI3xJrihhg","https://www.linkedin.com/company/gitlab-com",[2674,2720,2773,2816,2848],{"title":2361,"links":2675,"subMenu":2690},[2676,2680,2685],{"text":2677,"config":2678},"Voir les forfaits",{"href":2363,"dataGaName":2679,"dataGaLocation":2658},"view plans",{"text":2681,"config":2682},"GitLab Premium",{"href":2683,"dataGaName":2684,"dataGaLocation":2658},"/fr-fr/pricing/premium/","why premium",{"text":2686,"config":2687},"GitLab Ultimate",{"href":2688,"dataGaName":2689,"dataGaLocation":2658},"/fr-fr/pricing/ultimate/","why ultimate",[2691],{"title":2536,"links":2692},[2693,2695,2697,2700,2705,2710,2715],{"text":2543,"config":2694},{"href":2545,"dataGaName":2223,"dataGaLocation":2658},{"text":2548,"config":2696},{"href":2550,"dataGaName":2551,"dataGaLocation":2658},{"text":2698,"config":2699},"Portail clients",{"href":2555,"dataGaName":2556,"dataGaLocation":2658},{"text":2701,"config":2702},"Statut",{"href":2703,"dataGaName":2704,"dataGaLocation":2658},"https://status.gitlab.com/","status",{"text":2706,"config":2707},"Conditions d'utilisation",{"href":2708,"dataGaName":2709,"dataGaLocation":2658},"/terms/","terms of use",{"text":2711,"config":2712},"Politique de confidentialité",{"href":2713,"dataGaName":2714,"dataGaLocation":2658},"/fr-fr/privacy/","privacy statement",{"text":2716,"config":2717},"Gestion des cookies",{"dataGaName":2718,"dataGaLocation":2658,"id":2719,"isOneTrustButton":1013},"cookie preferences","ot-sdk-btn",{"title":2259,"links":2721,"subMenu":2730},[2722,2726],{"text":2723,"config":2724},"Plateforme DevSecOps",{"href":2242,"dataGaName":2725,"dataGaLocation":2658},"devsecops platform",{"text":2727,"config":2728},"Développement assisté par l'IA",{"href":2249,"dataGaName":2729,"dataGaLocation":2658},"ai-assisted development",[2731],{"title":2732,"links":2733},"Thèmes",[2734,2738,2743,2748,2753,2758,2763,2768],{"text":2279,"config":2735},{"href":2736,"dataGaName":2737,"dataGaLocation":2658},"/fr-fr/topics/ci-cd/","cicd",{"text":2739,"config":2740},"GitOps",{"href":2741,"dataGaName":2742,"dataGaLocation":2658},"/fr-fr/topics/gitops/","gitops",{"text":2744,"config":2745},"DevOps",{"href":2746,"dataGaName":2747,"dataGaLocation":2658},"/fr-fr/topics/devops/","devops",{"text":2749,"config":2750},"Contrôle de version",{"href":2751,"dataGaName":2752,"dataGaLocation":2658},"/fr-fr/topics/version-control/","version control",{"text":2754,"config":2755},"DevSecOps",{"href":2756,"dataGaName":2757,"dataGaLocation":2658},"/fr-fr/topics/devsecops/","devsecops",{"text":2759,"config":2760},"Cloud-native",{"href":2761,"dataGaName":2762,"dataGaLocation":2658},"/fr-fr/topics/cloud-native/","cloud native",{"text":2764,"config":2765},"IA pour la programmation",{"href":2766,"dataGaName":2767,"dataGaLocation":2658},"/fr-fr/topics/devops/ai-for-coding/","ai for coding",{"text":2769,"config":2770},"IA agentique",{"href":2771,"dataGaName":2772,"dataGaLocation":2658},"/fr-fr/topics/agentic-ai/","agentic ai",{"title":2774,"links":2775},"Solutions",[2776,2779,2781,2786,2789,2792,2795,2798,2800,2803,2806,2811],{"text":2304,"config":2777},{"href":2299,"dataGaName":2778,"dataGaLocation":2658},"Application Security Testing",{"text":2291,"config":2780},{"href":2275,"dataGaName":2276,"dataGaLocation":2658},{"text":2782,"config":2783},"Développement Agile",{"href":2784,"dataGaName":2785,"dataGaLocation":2658},"/fr-fr/solutions/agile-delivery/","agile delivery",{"text":2286,"config":2787},{"href":2288,"dataGaName":2788,"dataGaLocation":2658},"source code management",{"text":2279,"config":2790},{"href":2281,"dataGaName":2791,"dataGaLocation":2658},"continuous integration & delivery",{"text":2330,"config":2793},{"href":2332,"dataGaName":2794,"dataGaLocation":2658},"value stream management",{"text":2739,"config":2796},{"href":2797,"dataGaName":2742,"dataGaLocation":2658},"/fr-fr/solutions/gitops/",{"text":2343,"config":2799},{"href":2346,"dataGaName":2347,"dataGaLocation":2658},{"text":2801,"config":2802},"PME",{"href":2352,"dataGaName":2353,"dataGaLocation":2658},{"text":2804,"config":2805},"Secteur public",{"href":2358,"dataGaName":2359,"dataGaLocation":2658},{"text":2807,"config":2808},"Éducation",{"href":2809,"dataGaName":2810,"dataGaLocation":2658},"/fr-fr/solutions/education/","education",{"text":2812,"config":2813},"Services financiers",{"href":2814,"dataGaName":2815,"dataGaLocation":2658},"/fr-fr/solutions/finance/","financial services",{"title":2366,"links":2817},[2818,2820,2822,2824,2827,2829,2832,2834,2836,2838,2840,2842,2844,2846],{"text":2379,"config":2819},{"href":2381,"dataGaName":2382,"dataGaLocation":2658},{"text":2384,"config":2821},{"href":2386,"dataGaName":2387,"dataGaLocation":2658},{"text":2389,"config":2823},{"href":2391,"dataGaName":2392,"dataGaLocation":2658},{"text":2394,"config":2825},{"href":2396,"dataGaName":2826,"dataGaLocation":2658},"docs",{"text":2417,"config":2828},{"href":2419,"dataGaName":2420,"dataGaLocation":2658},{"text":2830,"config":2831},"Nouveautés",{"href":2477,"dataGaName":2478,"dataGaLocation":2658},{"text":2412,"config":2833},{"href":2414,"dataGaName":2415,"dataGaLocation":2658},{"text":2431,"config":2835},{"href":2433,"dataGaName":2434,"dataGaLocation":2658},{"text":2439,"config":2837},{"href":2441,"dataGaName":2442,"dataGaLocation":2658},{"text":2444,"config":2839},{"href":2446,"dataGaName":2447,"dataGaLocation":2658},{"text":2449,"config":2841},{"href":2451,"dataGaName":2452,"dataGaLocation":2658},{"text":2454,"config":2843},{"href":2456,"dataGaName":2457,"dataGaLocation":2658},{"text":2459,"config":2845},{"href":2461,"dataGaName":2462,"dataGaLocation":2658},{"text":2464,"config":2847},{"href":2466,"dataGaName":2467,"dataGaLocation":2658},{"title":2480,"links":2849},[2850,2852,2854,2856,2858,2860,2865,2870,2872,2874,2876],{"text":2488,"config":2851},{"href":2490,"dataGaName":2482,"dataGaLocation":2658},{"text":2493,"config":2853},{"href":2495,"dataGaName":2496,"dataGaLocation":2658},{"text":2501,"config":2855},{"href":2503,"dataGaName":2504,"dataGaLocation":2658},{"text":2506,"config":2857},{"href":2508,"dataGaName":2509,"dataGaLocation":2658},{"text":2511,"config":2859},{"href":2513,"dataGaName":2514,"dataGaLocation":2658},{"text":2861,"config":2862},"Développement durable",{"href":2863,"dataGaName":2864,"dataGaLocation":2658},"/sustainability/","Sustainability",{"text":2866,"config":2867},"Diversité, inclusion et appartenance (DIB)",{"href":2868,"dataGaName":2869,"dataGaLocation":2658},"/fr-fr/diversity-inclusion-belonging/","Diversity, inclusion and belonging",{"text":2516,"config":2871},{"href":2518,"dataGaName":2519,"dataGaLocation":2658},{"text":2526,"config":2873},{"href":2528,"dataGaName":2529,"dataGaLocation":2658},{"text":2531,"config":2875},{"href":2533,"dataGaName":2534,"dataGaLocation":2658},{"text":2877,"config":2878},"Déclaration de transparence sur l'esclavage moderne",{"href":2879,"dataGaName":2880,"dataGaLocation":2658},"https://handbook.gitlab.com/handbook/legal/modern-slavery-act-transparency-statement/","modern slavery transparency statement",{"items":2882},[2883,2885,2887],{"text":2706,"config":2884},{"href":2708,"dataGaName":2709,"dataGaLocation":2658},{"text":2716,"config":2886},{"dataGaName":2718,"dataGaLocation":2658,"id":2719,"isOneTrustButton":1013},{"text":2711,"config":2888},{"href":2713,"dataGaName":2714,"dataGaLocation":2658},[2890],{"id":2891,"title":7,"body":2191,"config":2892,"content":2894,"description":2191,"extension":2898,"meta":2899,"navigation":1013,"path":2900,"seo":2901,"stem":2902,"__hash__":2903},"blogAuthors/en-us/blog/authors/alex-fracazo.yml",{"template":2893},"BlogAuthor",{"name":7,"config":2895},{"headshot":2896,"ctfId":2897},"https://res.cloudinary.com/about-gitlab-com/image/upload/v1749663572/Blog/Author%20Headshots/Alex_Fracazo_headshot.png","1fd3avORyzEvt4jtKpkT2k","yml",{},"/en-us/blog/authors/alex-fracazo",{},"en-us/blog/authors/alex-fracazo","gR7fE9q4VKlEd7ZNkXmVe_oX6vY5ntlbfrz1ZZXYzuI",[2905,2914,2922],{"title":2906,"description":2907,"heroImage":2908,"category":2187,"date":2909,"authors":2910,"slug":2913,"externalUrl":2191},"Maîtrisez vos sièges GitLab avec l'accès restreint","Découvrez comment la fonctionnalité d'accès restreint de GitLab permet d'éviter les dépassements de sièges, s'intègre à votre fournisseur d'identité et garantit des coûts de licence prévisibles.","https://res.cloudinary.com/about-gitlab-com/image/upload/v1774375772/kpaaaiqhokevxxeoxvu0.png","2026-07-15",[2911,2912],"Magdalena Frankiewicz","Priyanka Palanikumar","gitlab-restricted-access-improvements",{"title":2915,"description":2916,"heroImage":2917,"category":2187,"date":2918,"authors":2919,"slug":2921,"externalUrl":2191},"Feature flags de GitLab en Python : guide de démarrage","Découvrez comment intégrer les feature flags de GitLab dans une application Flask en Python avec le SDK Unleash pour contrôler le déploiement progressif de fonctionnalités sans redéployer votre application.","https://res.cloudinary.com/about-gitlab-com/image/upload/f_auto,q_auto,c_lfill/v1774465167/n5hlvrsrheadeccyr1oz.png","2026-06-01",[2920],"Omid Khan","getting-started-with-gitlab-feature-flags-in-python",{"title":2923,"description":2924,"heroImage":2925,"category":2187,"date":2926,"authors":2927,"slug":2929,"externalUrl":2191},"Suivez l'utilisation des composants CI dans votre organisation","Avec GitLab 19.0, visualisez comment vos composants CI partagés sont utilisés dans votre organisation, afin de pouvoir prendre les mesures qui s'imposent en fonction de vos observations.","https://res.cloudinary.com/about-gitlab-com/image/upload/v1779189265/iqzyhhiwagxzwywvjzow.png","2026-05-22",[2928],"Corinne Dent","track-ci-component-usage",{"promotions":2931},[2932,2946,2957,2969],{"id":2933,"categories":2934,"header":2936,"text":2937,"button":2938,"image":2943},"ai-modernization",[2935],"ai","L'IA tient-elle ses promesses à grande échelle ?","Le questionnaire ne prendra pas plus de 5 minutes.",{"text":2939,"config":2940},"Obtenez votre score de maturité IA",{"href":2941,"dataGaName":2942,"dataGaLocation":2420},"/fr-fr/assessments/ai-modernization-assessment/","modernization assessment",{"config":2944},{"src":2945},"https://res.cloudinary.com/about-gitlab-com/image/upload/v1772138786/qix0m7kwnd8x2fh1zq49.png",{"id":2947,"categories":2948,"header":2949,"text":2937,"button":2950,"image":2954},"devops-modernization",[2187,2757],"Vous contentez-vous de gérer des outils ou de livrer des innovations ?",{"text":2951,"config":2952},"Obtenez votre score de maturité DevOps",{"href":2953,"dataGaName":2942,"dataGaLocation":2420},"/fr-fr/assessments/devops-modernization-assessment/",{"config":2955},{"src":2956},"https://res.cloudinary.com/about-gitlab-com/image/upload/v1772138785/eg818fmakweyuznttgid.png",{"id":2958,"categories":2959,"header":2961,"text":2937,"button":2962,"image":2966},"security-modernization",[2960],"security","Faut-il sacrifier la rapidité pour garantir la sécurité ?",{"text":2963,"config":2964},"Obtenez votre score de maturité en matière de sécurité",{"href":2965,"dataGaName":2942,"dataGaLocation":2420},"/fr-fr/assessments/security-modernization-assessment/",{"config":2967},{"src":2968},"https://res.cloudinary.com/about-gitlab-com/image/upload/v1772138786/p4pbqd9nnjejg5ds6mdk.png",{"id":2970,"paths":2971,"header":2974,"text":2975,"button":2976,"image":2981},"github-azure-migration",[2972,2973],"migration-from-azure-devops-to-gitlab","integrating-azure-devops-scm-and-gitlab","Votre équipe est-elle prête pour la migration de GitHub vers Azure ?","GitHub a déjà commencé sa migration vers Azure. Découvrez ce que cela signifie pour vous.",{"text":2977,"config":2978},"Découvrez les différences entre GitLab et GitHub",{"href":2979,"dataGaName":2980,"dataGaLocation":2420},"/fr-fr/compare/gitlab-vs-github/github-azure-migration/","github azure migration",{"config":2982},{"src":2956},{"header":2984,"blurb":2985,"button":2986,"secondaryButton":2990},"Commencez à développer plus rapidement dès aujourd'hui","Découvrez ce que votre équipe peut accomplir avec la plateforme d'orchestration intelligente pour le DevSecOps.\n",{"text":2215,"config":2987},{"href":2988,"dataGaName":2218,"dataGaLocation":2989},"https://gitlab.com/-/trial_registrations/new?glm_content=default-saas-trial&glm_source=about.gitlab.com/fr-fr/","feature",{"text":2543,"config":2991},{"href":2545,"dataGaName":2223,"dataGaLocation":2989},1786803783948]