889 lines
39 KiB
HTML
889 lines
39 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
|
||
<head><script src="/livereload.js?mindelay=10&v=2&port=35735&path=livereload" data-no-instant defer></script><meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
<meta http-equiv="Accept-CH" content="DPR, Viewport-Width, Width">
|
||
<link rel="icon" href="/fav.png" type="image/gif">
|
||
|
||
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link rel="preload"
|
||
as="style"
|
||
href="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
|
||
>
|
||
<link rel="stylesheet"
|
||
href="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
|
||
media="print" onload="this.media='all'" />
|
||
<noscript>
|
||
<link
|
||
href="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
|
||
rel="stylesheet">
|
||
</noscript>
|
||
|
||
|
||
<link rel="stylesheet" href="/css/font.css" media="all">
|
||
|
||
|
||
|
||
<meta property="og:url" content="http://localhost:35735/blogs/markdown-syntax/">
|
||
<meta property="og:site_name" content="Daydreel">
|
||
<meta property="og:title" content="Markdown Syntax">
|
||
<meta property="og:description" content="Paragraph Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.">
|
||
<meta property="og:locale" content="fr">
|
||
<meta property="og:type" content="article">
|
||
<meta property="article:section" content="blogs">
|
||
<meta property="article:published_time" content="2021-04-03T23:29:21+05:30">
|
||
<meta property="article:modified_time" content="2021-04-03T23:29:21+05:30">
|
||
<meta property="article:tag" content="Markdown Syntax">
|
||
<meta property="article:tag" content="Sample">
|
||
<meta property="article:tag" content="Example">
|
||
|
||
|
||
<meta name="twitter:card" content="summary">
|
||
<meta name="twitter:title" content="Markdown Syntax">
|
||
<meta name="twitter:description" content="Paragraph Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.">
|
||
|
||
|
||
|
||
|
||
|
||
<link rel="alternate" hreflang="fr" href="http://localhost:35735/blogs/markdown-syntax/" title="Français">
|
||
|
||
|
||
<meta property="og:locale" content="fr">
|
||
|
||
|
||
|
||
<link rel="stylesheet" href="/bootstrap-5/css/bootstrap.min.css" media="all"><link rel="stylesheet" href="/css/header.css" media="all">
|
||
<link rel="stylesheet" href="/css/language-switcher.css" media="all">
|
||
<link rel="stylesheet" href="/css/footer.css" media="all">
|
||
|
||
|
||
<link rel="stylesheet" href="/css/theme.css" media="all">
|
||
|
||
<style>
|
||
:root {
|
||
--text-color: #343a40;
|
||
--text-secondary-color: #6c757d;
|
||
--text-link-color: #007bff;
|
||
--background-color: #f02020;
|
||
--secondary-background-color: #64ffda1a;
|
||
--primary-color: #007bff;
|
||
--secondary-color: #f8f9fa;
|
||
|
||
|
||
--text-color-dark: #F7FDFF;
|
||
--text-secondary-color-dark: #F7FDFF;
|
||
--text-link-color-dark: #ffffff;
|
||
--background-color-dark: #040348;
|
||
--secondary-background-color-dark: #030335;
|
||
--primary-color-dark: #fa99c9;
|
||
--secondary-color-dark: #030335;
|
||
}
|
||
body {
|
||
font-size: 1rem;
|
||
font-weight: 400;
|
||
line-height: 1.5;
|
||
text-align: left;
|
||
}
|
||
|
||
html {
|
||
background-color: var(--background-color) !important;
|
||
}
|
||
|
||
body::-webkit-scrollbar {
|
||
height: 0px;
|
||
width: 8px;
|
||
background-color: var(--background-color);
|
||
}
|
||
|
||
::-webkit-scrollbar-track {
|
||
border-radius: 1rem;
|
||
}
|
||
|
||
::-webkit-scrollbar-thumb {
|
||
border-radius: 1rem;
|
||
background: #b0b0b0;
|
||
outline: 1px solid var(--background-color);
|
||
}
|
||
|
||
#search-content::-webkit-scrollbar {
|
||
width: .5em;
|
||
height: .1em;
|
||
background-color: var(--background-color);
|
||
}
|
||
</style>
|
||
|
||
|
||
|
||
<meta name="description" content="">
|
||
<link rel="stylesheet" href="/css/single.css">
|
||
|
||
|
||
<script defer src="/fontawesome-6/all-6.4.2.js"></script>
|
||
|
||
|
||
|
||
|
||
|
||
<title>
|
||
Markdown Syntax | Daydreel
|
||
|
||
</title>
|
||
</head>
|
||
|
||
<body class="light">
|
||
|
||
|
||
<script>
|
||
let localStorageValue = localStorage.getItem("pref-theme");
|
||
let mediaQuery = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||
|
||
switch (localStorageValue) {
|
||
case "dark":
|
||
document.documentElement.classList.add('dark');
|
||
document.body.classList.add('dark');
|
||
break;
|
||
case "light":
|
||
document.body.classList.remove('dark');
|
||
document.documentElement.classList.remove('dark');
|
||
break;
|
||
default:
|
||
if (mediaQuery) {
|
||
document.documentElement.classList.add('dark');
|
||
document.body.classList.add('dark');
|
||
}
|
||
break;
|
||
}
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script>
|
||
var prevScrollPos = window.pageYOffset;
|
||
window.addEventListener("scroll", function showHeaderOnScroll() {
|
||
let profileHeaderElem = document.getElementById("profileHeader");
|
||
let currentScrollPos = window.pageYOffset;
|
||
let resetHeaderStyle = false;
|
||
let showNavBarOnScrollUp = true ;
|
||
let showNavBar = showNavBarOnScrollUp ? prevScrollPos > currentScrollPos : currentScrollPos > 0;
|
||
if (showNavBar) {
|
||
profileHeaderElem.classList.add("showHeaderOnTop");
|
||
} else {
|
||
resetHeaderStyle = true;
|
||
}
|
||
if(currentScrollPos === 0) {
|
||
resetHeaderStyle = true;
|
||
}
|
||
if(resetHeaderStyle) {
|
||
profileHeaderElem.classList.remove("showHeaderOnTop");
|
||
}
|
||
prevScrollPos = currentScrollPos;
|
||
});
|
||
</script>
|
||
|
||
|
||
|
||
<header id="profileHeader">
|
||
<nav class="pt-3 navbar navbar-expand-lg animate">
|
||
<div class="container-fluid mx-xs-2 mx-sm-5 mx-md-5 mx-lg-5">
|
||
|
||
<a class="navbar-brand primary-font text-wrap" href="/">
|
||
|
||
Daydreel
|
||
|
||
</a>
|
||
|
||
|
||
|
||
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent"
|
||
aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
|
||
<svg aria-hidden="true" height="24" viewBox="0 0 16 16" version="1.1" width="24" data-view-component="true">
|
||
<path fill-rule="evenodd" d="M1 2.75A.75.75 0 011.75 2h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 2.75zm0 5A.75.75 0 011.75 7h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 7.75zM1.75 12a.75.75 0 100 1.5h12.5a.75.75 0 100-1.5H1.75z"></path>
|
||
</svg>
|
||
</button>
|
||
|
||
|
||
<div class="collapse navbar-collapse text-wrap primary-font" id="navbarContent">
|
||
<ul class="navbar-nav ms-auto text-center">
|
||
|
||
|
||
|
||
<li class="nav-item navbar-text">
|
||
<a class="nav-link" href="/#about" aria-label="about">
|
||
À Propos de Moi
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
<li class="nav-item navbar-text">
|
||
<a class="nav-link" href="/#experience"
|
||
aria-label="experience">
|
||
Expérience
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
<li class="nav-item navbar-text">
|
||
<a class="nav-link" href="/#education"
|
||
aria-label="education">
|
||
Éducation
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
<li class="nav-item navbar-text">
|
||
<a class="nav-link" href="/#projects"
|
||
aria-label="projects">
|
||
Projets
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
<li class="nav-item navbar-text">
|
||
<a class="nav-link" href="/#achievements"
|
||
aria-label="achievements">
|
||
Réalisations
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
<li class="nav-item navbar-text">
|
||
<a class="nav-link" href="/#contact"
|
||
aria-label="contact">
|
||
Contact
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="nav-item navbar-text">
|
||
<a class="nav-link" href="/fr/blogs" title="Articles de blog">
|
||
|
||
Blog
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
<li class="nav-item navbar-text">
|
||
<a class="nav-link" href="/fr/gallery" title="Galerie d'images">
|
||
|
||
Galerie
|
||
</a>
|
||
</li>
|
||
|
||
|
||
<li class="nav-item navbar-text dropdown">
|
||
<a class="nav-link dropdown-toggle" href="#" id="languageDropdown" role="button"
|
||
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
|
||
🌐
|
||
<span class="d-none d-md-inline">Français</span>
|
||
|
||
</a>
|
||
<div class="dropdown-menu shadow-lg rounded" aria-labelledby="languageDropdown"><a class="dropdown-item text-center nav-link"
|
||
href="/en/"
|
||
title="English">
|
||
English
|
||
</a><a class="dropdown-item text-center nav-link active"
|
||
href="/"
|
||
title="Français">
|
||
Français
|
||
</a></div>
|
||
</li>
|
||
|
||
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
<div id="content">
|
||
<section id="single">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-sm-12 col-md-12 col-lg-9">
|
||
<div class="pr-lg-4">
|
||
<div class="title mb-5">
|
||
<h1 class="text-center mb-4">Markdown Syntax</h1>
|
||
<div class="text-center">
|
||
|
||
Gurusabarish
|
||
<small>|</small>
|
||
|
||
3 avr. 2021
|
||
|
||
|
||
<span id="readingTime">
|
||
min read
|
||
</span>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="featured-image">
|
||
<img class="img-fluid mx-auto d-block" src="/images/post.jpg" alt="Markdown Syntax">
|
||
</div>
|
||
|
||
<article class="page-content p-2">
|
||
<h2 id="paragraph">Paragraph</h2>
|
||
<p>Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p>
|
||
<p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p>
|
||
<h2 id="blockquotes">Blockquotes</h2>
|
||
<p>The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a <code>footer</code> or <code>cite</code> element, and optionally with in-line changes such as annotations and abbreviations.</p>
|
||
<h3 id="blockquote-without-attribution">Blockquote without attribution</h3>
|
||
<blockquote>
|
||
<p>Tiam, ad mint andaepu dandae nostion secatur sequo quae.
|
||
<strong>Note</strong> that you can use <em>Markdown syntax</em> within a blockquote.</p>
|
||
</blockquote>
|
||
<h3 id="blockquote-with-attribution">Blockquote with attribution</h3>
|
||
<blockquote>
|
||
<p>Don’t communicate by sharing memory, share memory by communicating.</p>
|
||
— <cite>Rob Pike<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></cite></p>
|
||
</blockquote>
|
||
<h2 id="tables">Tables</h2>
|
||
<p>Tables aren’t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.</p>
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>Name</th>
|
||
<th>Age</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>Bob</td>
|
||
<td>27</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Alice</td>
|
||
<td>23</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<h3 id="inline-markdown-within-tables">Inline Markdown within tables</h3>
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>Inline </th>
|
||
<th>Markdown </th>
|
||
<th>In </th>
|
||
<th>Table</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><em>italics</em></td>
|
||
<td><strong>bold</strong></td>
|
||
<td><del>strikethrough</del> </td>
|
||
<td><code>code</code></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<h2 id="code-blocks">Code Blocks</h2>
|
||
<h3 id="code-block-with-backticks">Code block with backticks</h3>
|
||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-html" data-lang="html"><span style="display:flex;"><span><span style="color:#75715e"><!DOCTYPE html></span>
|
||
</span></span><span style="display:flex;"><span><<span style="color:#f92672">html</span> <span style="color:#a6e22e">lang</span><span style="color:#f92672">=</span><span style="color:#e6db74">"en"</span>>
|
||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">head</span>>
|
||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">meta</span> <span style="color:#a6e22e">charset</span><span style="color:#f92672">=</span><span style="color:#e6db74">"UTF-8"</span> />
|
||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">title</span>>Example HTML5 Document</<span style="color:#f92672">title</span>>
|
||
</span></span><span style="display:flex;"><span> </<span style="color:#f92672">head</span>>
|
||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">body</span>>
|
||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">p</span>>Test</<span style="color:#f92672">p</span>>
|
||
</span></span><span style="display:flex;"><span> </<span style="color:#f92672">body</span>>
|
||
</span></span><span style="display:flex;"><span></<span style="color:#f92672">html</span>>
|
||
</span></span></code></pre></div><h3 id="code-block-indented-with-four-spaces">Code block indented with four spaces</h3>
|
||
<pre><code><!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Example HTML5 Document</title>
|
||
</head>
|
||
<body>
|
||
<p>Test</p>
|
||
</body>
|
||
</html>
|
||
</code></pre>
|
||
<h3 id="code-block-with-hugos-internal-highlight-shortcode">Code block with Hugo’s internal highlight shortcode</h3>
|
||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-html" data-lang="html"><span style="display:flex;"><span><span style="color:#75715e"><!DOCTYPE html></span>
|
||
</span></span><span style="display:flex;"><span><<span style="color:#f92672">html</span> <span style="color:#a6e22e">lang</span><span style="color:#f92672">=</span><span style="color:#e6db74">"en"</span>>
|
||
</span></span><span style="display:flex;"><span><<span style="color:#f92672">head</span>>
|
||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">meta</span> <span style="color:#a6e22e">charset</span><span style="color:#f92672">=</span><span style="color:#e6db74">"UTF-8"</span>>
|
||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">title</span>>Example HTML5 Document</<span style="color:#f92672">title</span>>
|
||
</span></span><span style="display:flex;"><span></<span style="color:#f92672">head</span>>
|
||
</span></span><span style="display:flex;"><span><<span style="color:#f92672">body</span>>
|
||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">p</span>>Test</<span style="color:#f92672">p</span>>
|
||
</span></span><span style="display:flex;"><span></<span style="color:#f92672">body</span>>
|
||
</span></span><span style="display:flex;"><span></<span style="color:#f92672">html</span>></span></span></code></pre></div>
|
||
<h2 id="list-types">List Types</h2>
|
||
<h3 id="ordered-list">Ordered List</h3>
|
||
<ol>
|
||
<li>First item</li>
|
||
<li>Second item</li>
|
||
<li>Third item</li>
|
||
</ol>
|
||
<h3 id="unordered-list">Unordered List</h3>
|
||
<ul>
|
||
<li>List item</li>
|
||
<li>Another item</li>
|
||
<li>And another item</li>
|
||
</ul>
|
||
<h3 id="nested-list">Nested list</h3>
|
||
<ul>
|
||
<li>Item
|
||
<ol>
|
||
<li>First Sub-item</li>
|
||
<li>Second Sub-item</li>
|
||
</ol>
|
||
</li>
|
||
</ul>
|
||
<h2 id="headings">Headings</h2>
|
||
<p>The following HTML <code><h1></code>—<code><h6></code> elements represent six levels of section headings. <code><h1></code> is the highest section level while <code><h6></code> is the lowest.</p>
|
||
<h1 id="h1">H1</h1>
|
||
<h2 id="h2">H2</h2>
|
||
<h3 id="h3">H3</h3>
|
||
<h4 id="h4">H4</h4>
|
||
<h5 id="h5">H5</h5>
|
||
<h6 id="h6">H6</h6>
|
||
<h2 id="other-elements--abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark</h2>
|
||
<p><abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.</p>
|
||
<p>H<sub>2</sub>O</p>
|
||
<p>X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup></p>
|
||
<p>Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.</p>
|
||
<p>Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.</p>
|
||
<div class="footnotes" role="doc-endnotes">
|
||
<hr>
|
||
<ol>
|
||
<li id="fn:1">
|
||
<p>The above quote is excerpted from Rob Pike’s <a href="https://www.youtube.com/watch?v=PAAkCSZUG1c">talk</a> during Gopherfest, November 18, 2015. <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
||
</li>
|
||
</ol>
|
||
</div>
|
||
|
||
</article>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-12 col-md-12 col-lg-3">
|
||
<div id="stickySideBar" class="sticky-sidebar">
|
||
|
||
<aside class="toc">
|
||
<h5>
|
||
Table Of Contents
|
||
</h5>
|
||
<div class="toc-content">
|
||
<nav id="TableOfContents">
|
||
<ul>
|
||
<li><a href="#paragraph">Paragraph</a></li>
|
||
<li><a href="#blockquotes">Blockquotes</a>
|
||
<ul>
|
||
<li><a href="#blockquote-without-attribution">Blockquote without attribution</a></li>
|
||
<li><a href="#blockquote-with-attribution">Blockquote with attribution</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#tables">Tables</a>
|
||
<ul>
|
||
<li><a href="#inline-markdown-within-tables">Inline Markdown within tables</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#code-blocks">Code Blocks</a>
|
||
<ul>
|
||
<li><a href="#code-block-with-backticks">Code block with backticks</a></li>
|
||
<li><a href="#code-block-indented-with-four-spaces">Code block indented with four spaces</a></li>
|
||
<li><a href="#code-block-with-hugos-internal-highlight-shortcode">Code block with Hugo’s internal highlight shortcode</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#list-types">List Types</a>
|
||
<ul>
|
||
<li><a href="#ordered-list">Ordered List</a></li>
|
||
<li><a href="#unordered-list">Unordered List</a></li>
|
||
<li><a href="#nested-list">Nested list</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#headings">Headings</a></li>
|
||
</ul>
|
||
|
||
<ul>
|
||
<li><a href="#h2">H2</a>
|
||
<ul>
|
||
<li><a href="#h3">H3</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#other-elements--abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark</a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</aside>
|
||
|
||
|
||
|
||
<aside class="tags">
|
||
<h5>Étiquettes</h5>
|
||
<ul class="tags-ul list-unstyled list-inline">
|
||
|
||
|
||
<li class="list-inline-item"><a href="/tags/markdown-syntax"
|
||
target="_blank"
|
||
>Markdown syntax</a></li>
|
||
|
||
|
||
<li class="list-inline-item"><a href="/tags/sample"
|
||
target="_blank"
|
||
>Sample</a></li>
|
||
|
||
|
||
<li class="list-inline-item"><a href="/tags/example"
|
||
target="_blank"
|
||
>example</a></li>
|
||
|
||
</ul>
|
||
</aside>
|
||
|
||
|
||
|
||
<aside class="social">
|
||
<h5>Réseaux Sociaux</h5>
|
||
<div class="social-content">
|
||
<ul class="list-inline">
|
||
<li class="list-inline-item text-center">
|
||
<a target="_blank" href="https://www.linkedin.com/feed/?shareActive=true&text= http%3a%2f%2flocalhost%3a35735%2fblogs%2fmarkdown-syntax%2f">
|
||
<i class="fab fa-linkedin"></i>
|
||
</a>
|
||
</li>
|
||
<li class="list-inline-item text-center">
|
||
<a target="_blank" href='https://twitter.com/share?text=Markdown%20Syntax&url=http%3a%2f%2flocalhost%3a35735%2fblogs%2fmarkdown-syntax%2f&hashtags=Markdown%20syntax%2cSample%2cexample'>
|
||
<i class="fab fa-twitter"></i>
|
||
</a>
|
||
</li>
|
||
<li class="list-inline-item text-center">
|
||
<a target="_blank" href="https://api.whatsapp.com/send?text=Markdown%20Syntax: http%3a%2f%2flocalhost%3a35735%2fblogs%2fmarkdown-syntax%2f">
|
||
<i class="fab fa-whatsapp"></i>
|
||
</a>
|
||
</li>
|
||
<li class="list-inline-item text-center">
|
||
<a target="_blank" href='mailto:?subject=Markdown%20Syntax&body=Check%20out%20this%20site http%3a%2f%2flocalhost%3a35735%2fblogs%2fmarkdown-syntax%2f'>
|
||
<i class="fa fa-envelope"></i>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</aside>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-12 col-md-12 col-lg-9 p-4">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<button class="p-2 px-3" onclick="topFunction()" id="topScroll">
|
||
<i class="fas fa-angle-up"></i>
|
||
</button>
|
||
</section>
|
||
|
||
|
||
<div class="progress">
|
||
<div id="scroll-progress-bar" class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
|
||
</div>
|
||
<Script src="/js/scrollProgressBar.js"></script>
|
||
|
||
|
||
<script>
|
||
var topScroll = document.getElementById("topScroll");
|
||
window.onscroll = function() {scrollFunction()};
|
||
|
||
function scrollFunction() {
|
||
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
|
||
topScroll.style.display = "block";
|
||
} else {
|
||
topScroll.style.display = "none";
|
||
}
|
||
}
|
||
|
||
function topFunction() {
|
||
document.body.scrollTop = 0;
|
||
document.documentElement.scrollTop = 0;
|
||
}
|
||
|
||
|
||
let stickySideBarElem = document.getElementById("stickySideBar");
|
||
let stickyNavBar = true ;
|
||
if(stickyNavBar) {
|
||
let headerElem = document.getElementById("profileHeader");
|
||
let headerHeight = headerElem.offsetHeight + 15;
|
||
stickySideBarElem.style.top = headerHeight + "px";
|
||
} else {
|
||
stickySideBarElem.style.top = "50px";
|
||
}
|
||
</script>
|
||
|
||
|
||
<script src="/js/readingTime.js"></script>
|
||
|
||
|
||
|
||
</div><footer>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="container py-3" id="recent-posts">
|
||
|
||
|
||
<div class="h3 text-center text-secondary py-3">
|
||
Recent Posts
|
||
</div>
|
||
<div class="row justify-content-center">
|
||
|
||
<div class="col-lg-4 col-md-6 pt-2">
|
||
<div class="card h-100">
|
||
|
||
<div class="card-header">
|
||
<a href="/blogs/math/">
|
||
<img src="/images/mathjax.png" class="card-img-top" alt="Render Math With Mathjax">
|
||
</a>
|
||
</div>
|
||
|
||
<div class="card-body bg-transparent p-3 shadow-sm">
|
||
<a href="/blogs/math/" class="primary-font card-title">
|
||
<h5 class="card-title bg-transparent" title="Render Math With Mathjax">Render Math With Mathjax</h5>
|
||
</a>
|
||
<div class="card-text secondary-font">
|
||
<p><h2 id="mathjax">Mathjax</h2>
|
||
<p>Math equations can be rendered using <a href="https://www.mathjax.org">Mathjax</a> syntax with AMS symbol support.</p>
|
||
<p>Optionally enable this on a per-page basis by adding <code>mathjax: true</code> to your frontmatter.</p>
|
||
<p>Then, use <code>$$ ... $$</code> on a line by itself to render a block equation:</p>
|
||
<p>$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow …</p></p>
|
||
</div>
|
||
</div>
|
||
<div class="mt-auto card-footer">
|
||
<span class="float-start">9 décembre 2022</span>
|
||
<a href="/blogs/math/" class="float-end btn btn-outline-info btn-sm">Read</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-6 pt-2">
|
||
<div class="card h-100">
|
||
|
||
<div class="card-header">
|
||
<a href="/blogs/markdown-syntax/">
|
||
<img src="/images/post.jpg" class="card-img-top" alt="Markdown Syntax">
|
||
</a>
|
||
</div>
|
||
|
||
<div class="card-body bg-transparent p-3 shadow-sm">
|
||
<a href="/blogs/markdown-syntax/" class="primary-font card-title">
|
||
<h5 class="card-title bg-transparent" title="Markdown Syntax">Markdown Syntax</h5>
|
||
</a>
|
||
<div class="card-text secondary-font">
|
||
<p><h2 id="paragraph">Paragraph</h2>
|
||
<p>Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus …</p></p>
|
||
</div>
|
||
</div>
|
||
<div class="mt-auto card-footer">
|
||
<span class="float-start">3 avril 2021</span>
|
||
<a href="/blogs/markdown-syntax/" class="float-end btn btn-outline-info btn-sm">Read</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-6 pt-2">
|
||
<div class="card h-100">
|
||
|
||
<div class="card-header">
|
||
<a href="/blogs/emoji-support/">
|
||
<img src="/images/post.jpg" class="card-img-top" alt="Emoji Support">
|
||
</a>
|
||
</div>
|
||
|
||
<div class="card-body bg-transparent p-3 shadow-sm">
|
||
<a href="/blogs/emoji-support/" class="primary-font card-title">
|
||
<h5 class="card-title bg-transparent" title="Emoji Support">Emoji Support</h5>
|
||
</a>
|
||
<div class="card-text secondary-font">
|
||
<p><p>Emoji can be enabled in a Hugo project in a number of ways. :zap:</p>
|
||
<h2 id="emoji-support">Emoji Support</h2>
|
||
<p>The <a href="https://gohugo.io/functions/emojify/">emojify</a> function can be called directly in templates or <a href="https://gohugo.io/templates/shortcode-templates/#inline-shortcodes">Inline Shortcodes</a>.</p>
|
||
<p>To enable emoji globally, set <code>enableEmoji</code> to <code>true</code> in your site’s <a href="https://gohugo.io/getting-started/configuration/">configuration</a> and then you can type emoji shorthand codes directly in …</p></p>
|
||
</div>
|
||
</div>
|
||
<div class="mt-auto card-footer">
|
||
<span class="float-start">3 avril 2021</span>
|
||
<a href="/blogs/emoji-support/" class="float-end btn btn-outline-info btn-sm">Read</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="text-center pt-2">
|
||
|
||
<span class="px-1">
|
||
<a href="https://github.com" target="_blank" aria-label="github">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="2.7em" height="2.7em" viewBox="0 0 1792 1792">
|
||
<path id="footer-socialNetworks-github-svg-path"
|
||
d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z" />
|
||
|
||
<metadata>
|
||
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||
xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||
<rdf:Description about="https://iconscout.com/legal#licenses"
|
||
dc:title="Github, Online, Project, Hosting, Square"
|
||
dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout"
|
||
dc:date="2016-12-14" dc:format="image/svg+xml" dc:language="en">
|
||
<dc:creator>
|
||
<rdf:Bag>
|
||
<rdf:li>Font Awesome</rdf:li>
|
||
</rdf:Bag>
|
||
</dc:creator>
|
||
</rdf:Description>
|
||
</rdf:RDF>
|
||
</metadata>
|
||
</svg>
|
||
</a>
|
||
</span>
|
||
|
||
|
||
|
||
<span class="px-1">
|
||
<a href="https://linkedin.com" target="_blank" aria-label="linkedin">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width='2.4em' height='2.4em' fill="#fff" aria-label="LinkedIn"
|
||
viewBox="0 0 512 512">
|
||
<rect width="512" height="512" fill="#0077b5" rx="15%" />
|
||
<circle cx="142" cy="138" r="37" />
|
||
<path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
|
||
<path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32" />
|
||
</svg>
|
||
</a>
|
||
</span>
|
||
|
||
|
||
|
||
<a href="https://twitter.com" target="_blank" aria-label="twitter">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||
<path fill="#03a9f4"
|
||
d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z" />
|
||
<path fill="#fff"
|
||
d="M36,17.12c-0.882,0.391-1.999,0.758-3,0.88c1.018-0.604,2.633-1.862,3-3 c-0.951,0.559-2.671,1.156-3.793,1.372C31.311,15.422,30.033,15,28.617,15C25.897,15,24,17.305,24,20v2c-4,0-7.9-3.047-10.327-6 c-0.427,0.721-0.667,1.565-0.667,2.457c0,1.819,1.671,3.665,2.994,4.543c-0.807-0.025-2.335-0.641-3-1c0,0.016,0,0.036,0,0.057 c0,2.367,1.661,3.974,3.912,4.422C16.501,26.592,16,27,14.072,27c0.626,1.935,3.773,2.958,5.928,3c-1.686,1.307-4.692,2-7,2 c-0.399,0-0.615,0.022-1-0.023C14.178,33.357,17.22,34,20,34c9.057,0,14-6.918,14-13.37c0-0.212-0.007-0.922-0.018-1.13 C34.95,18.818,35.342,18.104,36,17.12" />
|
||
</svg>
|
||
</a>
|
||
|
||
|
||
|
||
<a href="https://instagram.com" target="_blank" aria-label="instagram">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||
<radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899"
|
||
gradientUnits="userSpaceOnUse">
|
||
<stop offset="0" stop-color="#fd5" />
|
||
<stop offset=".328" stop-color="#ff543f" />
|
||
<stop offset=".348" stop-color="#fc5245" />
|
||
<stop offset=".504" stop-color="#e64771" />
|
||
<stop offset=".643" stop-color="#d53e91" />
|
||
<stop offset=".761" stop-color="#cc39a4" />
|
||
<stop offset=".841" stop-color="#c837ab" />
|
||
</radialGradient>
|
||
<path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
|
||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||
<radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813"
|
||
gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
|
||
<stop offset="0" stop-color="#4168c9" />
|
||
<stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
|
||
</radialGradient>
|
||
<path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
|
||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||
<path fill="#fff"
|
||
d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5 s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" />
|
||
<circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
|
||
<path fill="#fff"
|
||
d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12 C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
|
||
</svg>
|
||
</a>
|
||
|
||
|
||
|
||
<a href="https://facebook.com" target="_blank" aria-label="facebook">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||
<path fill="#3F51B5"
|
||
d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z" />
|
||
<path fill="#FFF"
|
||
d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z" />
|
||
</svg>
|
||
</a>
|
||
|
||
</div><div class="container py-4">
|
||
<div class="row justify-content-center">
|
||
<div class="col-md-4 text-center">
|
||
|
||
<div class="pb-2">
|
||
<a href="http://localhost:35735/" title="Daydreel">
|
||
<img alt="Footer logo" src="/fav.png"
|
||
height="40px" width="40px">
|
||
</a>
|
||
</div>
|
||
|
||
© 2026 All rights reserved
|
||
<div class="text-secondary">
|
||
Made with
|
||
<span class="text-danger">
|
||
❤
|
||
</span>
|
||
and
|
||
<a href="https://github.com/gurusabarish/hugo-profile" target="_blank"
|
||
title="Designed and developed by gurusabarish">
|
||
Hugo Profile
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer><script src="/bootstrap-5/js/bootstrap.bundle.min.js"></script>
|
||
<script>
|
||
if (document.body.className.includes("light")) {
|
||
document.documentElement.classList.add('dark');
|
||
document.body.classList.add('dark');
|
||
localStorage.setItem("pref-theme", 'dark');
|
||
}
|
||
</script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<section id="search-content" class="py-2">
|
||
<div class="container" id="search-results"></div>
|
||
</section>
|
||
</body>
|
||
|
||
</html>
|