diff options
Diffstat (limited to 'exampleSite/content/post/markdown-syntax.md')
| -rw-r--r-- | exampleSite/content/post/markdown-syntax.md | 78 |
1 files changed, 32 insertions, 46 deletions
diff --git a/exampleSite/content/post/markdown-syntax.md b/exampleSite/content/post/markdown-syntax.md index 5fced25..f2b7c55 100644 --- a/exampleSite/content/post/markdown-syntax.md +++ b/exampleSite/content/post/markdown-syntax.md @@ -1,13 +1,8 @@ +++ title = "Markdown Syntax" -date = "2019-03-11" -description = "Markdown 内容渲染测试用页面" -tags = [ - "markdown", - "css", - "html", - "themes" -] +date = "2020-05-11" +description = "Markdown Syntax test page" +tags = ["markdown", "css", "html", "themes"] +++ 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. @@ -19,10 +14,15 @@ The following HTML `<h1>`—`<h6>` elements represent six levels of section head <!--more--> # H1 + ## H2 + ### H3 + #### H4 + ##### H5 + ###### H6 ## Paragraph @@ -38,30 +38,29 @@ The blockquote element represents content that is quoted from another source, op #### Blockquote without attribution > Tiam, ad mint andaepu dandae nostion secatur sequo quae. -> **Note** that you can use *Markdown syntax* within a blockquote. +> **Note** that you can use _Markdown syntax_ within a blockquote. #### Blockquote with attribution > Don't communicate by sharing memory, share memory by communicating.</p> > — <cite>Rob Pike[^1]</cite> - [^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015. ## Tables Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box. - Name | Age ---------|------ - Bob | 27 - Alice | 23 +| Name | Age | +| ----- | --- | +| Bob | 27 | +| Alice | 23 | #### Inline Markdown within tables -| Inline | Markdown | In | Table | -| ---------- | --------- | ----------------- | ---------- | -| *italics* | **bold** | ~~strikethrough~~ | `code` | +| Inline | Markdown | In | Table | +| ------------------------ | -------------------------- | ----------------------------------- | ------ | +| _italics_ | **bold** | ~~strikethrough~~ | `code` | ## Code Blocks @@ -71,42 +70,29 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou html <!DOCTYPE html> <html lang="en"> -<head> - <meta charset="UTF-8"> - <title>Example HTML5 Document</title> -</head> -<body> - <p>Test</p> -</body> + <head> + <meta charset="UTF-8" /> + <title>Example HTML5 Document</title> + </head> + <body> + <p>Test</p> + </body> </html> ``` + #### Code block indented with four spaces <!DOCTYPE html> <html lang="en"> <head> - <meta charset="UTF-8"> - <title>Example HTML5 Document</title> + <meta charset="UTF-8"> + <title>Example HTML5 Document</title> </head> <body> - <p>Test</p> + <p>Test</p> </body> </html> -#### Code block with Hugo's internal highlight shortcode -{{< highlight html >}} -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <title>Example HTML5 Document</title> -</head> -<body> - <p>Test</p> -</body> -</html> -{{< /highlight >}} - ## List Types #### Ordered List @@ -117,13 +103,14 @@ html #### Unordered List -* List item -* Another item -* And another item +- List item +- Another item +- And another item #### Nested list -* Item +- Item + 1. First Sub-item 2. Second Sub-item @@ -138,4 +125,3 @@ 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. Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures. - |