update: change demo site posts order to attract more peoples.

exampleSiteMultilingual/content/posts/demo-code-pre-kbd-mark.md

@@ -1,7 +1,7 @@
 +++
 author = "Hugo Authors"
 title = "Demo - Support for code, pre, kbd, mark"
-date = "2024-04-22"
+date = "2024-04-30"
 description = "Guide to advanced usage of Anubis2"
 tags = [
     "emoji",

exampleSiteMultilingual/content/posts/demo-diagram.md

@@ -1,7 +1,7 @@
 +++
 author = "Hugo Authors"
 title = "Demo - Support for Diagrams"
-date = "2024-04-19"
+date = "2024-05-06"
 description = "Guide to advanced usage of Anubis2"
 tags = [
     "emoji",

exampleSiteMultilingual/content/posts/icons.md

@@ -1,7 +1,7 @@
 +++
 author = "Junyi"
 title = "Demo - Social Icons"
-date = "2024-04-23"
+date = "2024-05-05"
 description = "Guide to using social icons supported by Anubis2."
 tags = [
     "icons",

exampleSiteMultilingual/content/posts/markdown-syntax.md

@@ -1,7 +1,7 @@
 +++
 author = "Hugo Authors"
 title = "Markdown Syntax Guide"
-date = "2019-03-11"
+date = "2024-05-07"
 description = "Sample article showcasing basic Markdown syntax and formatting for HTML elements."
 tags = [
     "markdown",
@@ -19,24 +19,23 @@ favorite = true
 +++
 
 This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
+
 <!--more-->
 
 ## Headings
 
-The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
+The following HTML `<h2>`—`<h6>` elements represent 5 levels of section headings. `<h2>` is the highest section level while `<h6>` is the lowest.
 
-# H1
+## H2
 
-You should not use `# H1` in your markdown file, since the title is `#H1`.
+You should using `## H2` as your section title, since the file title is `# H1`
 
-If you use, you will get a warning from linter:
+If you use `# H1` as your section title, you will get a warning from linter:
 
 ```txt
 MD025/single-title/single-h1: Multiple top-level headings in the same document
 ```
 
-## H2
-
 ### H3
 
 #### H4
@@ -45,9 +44,11 @@ MD025/single-title/single-h1: Multiple top-level headings in the same document
 
 ###### H6
 
+
 ## 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.
+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?
+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.
 
 Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
 
@@ -61,7 +62,7 @@ The blockquote element represents content that is quoted from another source, op
 >
 > **Note** that you can use *Markdown syntax* within a blockquote.
 
-#### Blockquote with attribution
+### Blockquote with attribution
 
 > Don't communicate by sharing memory, share memory by communicating.</p>
 > — <cite>Rob Pike[^1]</cite>
@@ -85,9 +86,9 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
 
 ## Code Blocks
 
-### Code block with backticks
+### Code block with backticks and showing highlighted lines
 
-```html
+```html {linenos=table, hl_lines=[1,"4-5",8], linenostart=199}
 <!DOCTYPE html>
 <html lang="en">
 <head>
@@ -158,6 +159,6 @@ H<sub>2</sub>O
 
 X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
 
-Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.
+Press <kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd> to end the session.
 
 Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.