My First Post（記事作成に関する備忘録）

Table of Contents

Hello world! It’s me!

以下、記事作成のマニュアル

数学表記

数学表記は、JavaScriptライブラリを使用することで可能になる。third party JavaScript libraries

KaTeXの例。

print('Hello World!')

参考： Tex関数のオンラインリファレンスSupported TeX Functions

例

Block math:

$$ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } $$
Inline math:

This is an inline polynomial: $5x^2 + 2y -7$.

装飾

見出し

H4

H5

H6

画像

画像を挿入するには、以下の構文を使う。
画像のパスはstaticフォルダからの絶対パスとmdファイルからの相対パスで指定する。

![itsme](itsme.jpg)

itsme

外部ソースの画像も利用することができる。

ブロック引用

この文章内で、このように引用を表せる。

帰属表示無しのブロック引用

bold, italics, links, code といったように、ブロック引用内でMarkdown構文を使用することができる。

帰属表示有りのブロック引用

Don’t communicate by sharing memory, share memory by communicating.
— Rob Pike¹

表

表はMarkdownの仕様の一部ではないが、以下のように表示させることができる。

Name	Age
Kirito	16
Asuna	17

表内のマークダウン

Italics	Bold	Code
italics	bold	`code`

コードブロック

Code block with backticks

<!doctype html>
<html lang="en">
<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>
</head>
<body>
  <p>Test</p>
</body>
</html>

Code block with Hugo’s internal highlight shortcode

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example HTML5 Document</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

インラインコード

文中の変数を参照するには、 variable を使用する。

リストタイプ

Ordered List

First item
Second item
Third item

Unordered List

List item
Another item
And another item

Nested list

Fruit
- Apple
- Orange
- Banana
Dairy
- Milk
- Cheese

その他 — abbr, sub, sup, kbd, mark

GIF is a bitmap image format.

H₂O

Xⁿ + Yⁿ = Zⁿ

Press CTRL+ALT+Delete to end the session.

Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures.

リッチコンテンツ

YouTube Privacy Enhanced Shortcode

Twitter Simple Shortcode

“In addition to being more logical, asymmetry has the advantage that its complete appearance is far more optically effective than symmetry.”
— Jan Tschichold pic.twitter.com/gcv7SrhvJb
— Graphic Design History (@DesignReviewed) January 17, 2019

Vimeo Simple Shortcode

Vagus elidunt

The Van de Graaf Canon

絵文字

🙈 🙈 🙉 🙉 🙊 🙊

I ❤️ Hugo! 😁

N.B. The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.

.emoji {
  font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
}

折りたたみ

サンプルコード

(上に空行が必要)

puts 'Hello, World'

説明リスト

リンゴ: 赤いフルーツ
オレンジ: 橙色のフルーツ

The above quote is excerpted from Rob Pike’s talk during Gopherfest, November 18, 2015. ↩︎