Hugoブログテーマ「Salt」

サンプル

Hugo標準のショートコード表示サンプル

Hugo標準のショートコード表示サンプル

 サンプル
 2021-09-11

Hugoで用意されているショートコード使用時の表示サンプルです

figure

スイカの画像

gist

※このgistショートコードはHugoのバージョン0.143.0で非推奨となり、将来のリリースで削除予定なので Hugo Theme Salt内のショートコードに移行しました

Hugo標準のgistショートコードをテーマ内に移行しました

Hugo標準のgistショートコードをテーマ内に移行しました

Hugo公式のgistショートコードはバージョン0.143.0で非推奨となり、将来のリリースで削除されるそうなので Hugo Theme Salt内ののショートコードとして使えるように移行しました WARN The "gist" shortcode was deprecated in v0.143.0 and will be removed in a future release. See https://gohugo.io/shortcodes/gist for instructions to create a replacement. Hugo公式ページでは下記の通り Gist shortcode Embed a GitHub Gist in your content using the gist shortcode. The gist shortcode was deprecated in version 0.143.0 and will be removed in a future release. To continue embedding > GitHub Gists in your content, you’ll need to create a custom shortcode: Gist ショートコードはバージョン 0.143.0 で非推奨となり、今後のリリースで削除される予定です。コンテンツに GitHub Gist を埋め込むには、カスタムショートコードを作成する必要があります。

highlight

<section id="main">
  <div>
   <h1 id="title">{{ .Title }}</h1>
    {{ range .Pages }}
        {{ .Render "summary"}}
    {{ end }}
  </div>
</section>

instagram

X

マークダウン表示サンプル

マークダウン表示サンプル

 サンプル
 2021-09-11

マークダウンで記事作成時の表示サンプルです

Block Elements

Headers 見出し

先頭に#をレベルの数だけ記述します。

# 見出し1
## 見出し2
### 見出し3
#### 見出し4
##### 見出し5
###### 見出し6

見出し1

見出し2

見出し3

見出し4

見出し5
見出し6

Block 段落

空白行を挟むことで段落となります。

段落1
(空行)
段落2

段落1

段落2

Br 改行

改行の前に半角スペース を2つ記述します。

hoge
fuga(スペース2つ)
piyo

hoge fuga
piyo

Blockquotes 引用

先頭に>を記述します。ネストは>を多重に記述します。

> 引用  
> 引用
>> 多重引用

引用
引用

多重引用

Code コード

`バッククオート` 3つ、あるいはダッシュ~３つで囲みます。

小さいサムネイル記事

小さいサムネイル記事

 サンプル
 2021-09-10

小さいサムネイルの場合の記事です

120x120です

サムネイルなしの記事

サムネイルなしの記事

 サンプル
 2021-09-10

サムネイルが設定されていない場合の記事です