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.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

日本語テキスト

何は当時はなはだその意味人というもののついでにしでしょで。必ずしも今日を安心児もことにそんな記念ですますまでが見るて来ありのはお尋ね書いませしと、少しには貼りたたなけれまい。自分にあるう事はともかく十一月をいったんうべきなけれ。ひょろひょろ木下さんよりお話自分実際仕事になるな評語ある国家何か発見にという小病気でしないんでて、そのその間はおれか気道具を述べて、槙さんのものを次の私をはたして実腐敗とするて私日本人に肝意見に云っようにあに今講義にしでしないから、何しろはなはだ卒業を考えでしょばしまえましのが罹りありあり。

code

package main
import "fmt"

func main() {
  fmt.Println("Hello, world!")
}

mathematics

$e^x = \sum_{n=0}^{\infin} \dfrac{x^n}{n!} = 1 + x + \frac{1}{2!}x^2 + \frac{1}{3!}x^3 + \frac{1}{4!}x^4 \cdots$

mermaid

sequenceDiagram participant Browser participant Hugo participant Netlify Browser->>Netlify: GET /posts/first/ Netlify->>Browser: index.html (静的ファイル) Browser->>Browser: KaTeX・Mermaid をレンダリング Note over Browser: JavaScript で数式・図を描画