diff options
Diffstat (limited to 'exampleSite/content/posts/markdown-syntax.md')
-rw-r--r-- | exampleSite/content/posts/markdown-syntax.md | 55 |
1 files changed, 40 insertions, 15 deletions
diff --git a/exampleSite/content/posts/markdown-syntax.md b/exampleSite/content/posts/markdown-syntax.md index 5724066..4502576 100644 --- a/exampleSite/content/posts/markdown-syntax.md +++ b/exampleSite/content/posts/markdown-syntax.md @@ -2,8 +2,8 @@ author: "Hugo Authors" author_link: "https://gohugo.io/" title: "Markdown Syntax Guide" -date: 2020-01-30T21:57:40+08:00 -lastmod: 2020-01-30T21:57:40+08:00 +date: 2019-12-01T21:57:40+08:00 +lastmod: 2020-01-01T16:45:40+08:00 draft: false description: "Sample article showcasing basic Markdown syntax and formatting for HTML elements." show_in_homepage: true @@ -14,10 +14,9 @@ tags: [ "markdown", "css", "html", - "themes", ] categories: [ - "themes", + "theme", ] featured_image: /images/markdown.png @@ -26,7 +25,7 @@ featured_image_preview: "" comment: true toc: true auto_collapse_toc: true -math: false +math: 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. @@ -73,6 +72,8 @@ in-line changes such as annotations and abbreviations. > 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. @@ -88,11 +89,15 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou | ---------- | --------- | ----------------- | ---------- | | *italics* | **bold** | ~~strikethrough~~ | `code` | -## Code Blocks +## Code + +### Inline code + +Inline code: `print` ### Code block with backticks -```html +```html {hl_lines=["8-9"],linenostart=10} <!DOCTYPE html> <html lang="en"> <head> @@ -120,7 +125,7 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou ### Code block with Hugo's internal highlight shortcode -{{< highlight html >}} +{{< highlight html "linenos=false" >}} <!DOCTYPE html> <html lang="en"> <head> @@ -155,15 +160,35 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou ## Other Elements — abbr, sub, sup, kbd, mark -<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format. +* `abbr` -H<sub>2</sub>O + <abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format. -X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup> +* Or ruby annotation -Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session. + [GIF]^(Graphics Interchange Format) is a bitmap image format. -Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, -and other small creatures. +* `sub`/`sup` -[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015. + H<sub>2</sub>O + + X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup> + +* Or `LaTex` formula + + * Block + + $$ H_2O $$ + + $$ X^n+Y^n=Z^n $$ + + * Inline: \\( H_2O \\) \\( X^n+Y^n=Z^n \\) + +* `kbd` + + Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session. + +* `mark` + + Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, + and other small creatures. |