最初のポスト

Hugoでの最初のポスト

投稿のコマンド

$ hugo new post/2023-06-09-first-post.md
$ emacs content/post/2023-06-09-first-post.md
$ hugo server -D 

(hugo serverの-Dオプションは、--buildDraftsのショートハンドで、ヘッダがdraft: trueなmdファイルもレンダリング対象にするもの)

一覧表示用部分の切り分け

mdファイル内に<!--more--> を入れると、それ以降の内容は、一覧ページからカットされる。

(入れなければ、テキストが改行なしで全部入ってしまう)

コードブロック構文

コードブロックのシンタックスハイライトでは、以下のような拡張構文を用いる(ただし、{と{の間の空白入れない)。

{ {<highlight js>}}
if (true) console.log(`Hello World!`);
{ {</highlight>}}

は、以下のように出力される。

if (true) console.log(`Hello World!`);

対応言語は、hugoが使用しているchromaのものから選べる(JavaScriptは、jsでもJavaScriptでもよい)。

• https://github.com/alecthomas/chroma#supported-languages

MathJax構文

数式コードブロックのmarkdownソース(要空行):

$$ F(k) = \sum^{N-1}_{n=0} f(n) \exp({-2\pi i \over N} n k) $$

\\[ f(t) = {1 \over N} \sum^{N-1}_{n=0} F(n) \exp({2 \pi i \over N} n t) \\]

結果:

$$ F(k) = \sum^{N-1}_{n=0} f(n) \exp({-2\pi i \over N} n k) $$

\[ f(t) = {1 \over N} \sum^{N-1}_{n=0} F(n) \exp({2 \pi i \over N} n t) \]

文中の数式:

「式中の \\( \exp(\theta i) \\) は、\\(\cos(\theta) + i \sin(\theta)\\)を意味する。」

結果:

「式中の \( \exp(\theta i) \) は、\(\cos(\theta) + i \sin(\theta)\)を意味する。」