saul365/LoveIt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(exampleSite): add some posts to exampleSite

Browse Source
This commit is contained in:
Dillon
2020-02-01 19:47:58 +08:00
parent 8aa4b6dce6
commit 437ef95e14
25 changed files with 343 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
exampleSite/content/posts/markdown-syntax.md
View File

@@ -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~~&nbsp;&nbsp;&nbsp; | `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.