---
# System prepended metadata

title: 01_NUTMEGブログの書き方
tags: [ブログ管理用]

---

# 01_NUTMEGブログの書き方

###### tags: `ブログ管理用`

## 1.「テンプレートでメモを作成」

![image](https://hackmd.io/_uploads/Bks3rq3mA.png)


## 2.「NUTMEGブログテンプレ」>「テンプレートを適用」

![image](https://hackmd.io/_uploads/rkV0H93XR.png)


## 3.テンプレート内の太字・斜体で書いてある要素を埋めましょう

### 3-1.ブログ記事のタイトル

#h1タグが付いている[]部分の内を編集してください．

### 3-2.ブログを書いた人の名前

自己紹介文と同じ名前を記入します．

### 3-3. 記事の簡単な説明

本文の冒頭を120文字程度抜き出して書き出してください．
HTMLでいう

```
<head>
```

の

```
<meta name="description" content="～～>
```

に当たります．検索に引っかかった時に表示される部分なので他の記事とあまり被らないようにしたほうがアクセスを集めやすくなります．

![image](https://hackmd.io/_uploads/SJqbUqhm0.png)

### 3-4. サムネイル画像

記事のサムネイルになります．
色々な形になる可能性があるので文字を入れたかったりするなら中心がおすすめです．

![image](https://hackmd.io/_uploads/HyhMIchQA.png)

![image](https://hackmd.io/_uploads/SJsXL52QR.png)

### 3-5. カテゴリ

記事の内容に近い物を1つだけ選んでください．
ラジオボタンを押してもらえたらそのように設定します．
画像のようにトップページのサイドバー部分に表示されます．
カテゴリごとの記事を一覧で表示できるようになります．

![image](https://hackmd.io/_uploads/HkpVL927A.png)

### 3-6. タグ

「カテゴリ」と同様，記事の内容に関係があるタグを選んでください．つけたいタグがない場合が新たに作ってもらっても構いませんが，同じタグが付いている記事を一覧で表示できるようにするのでできる限り同じタグを使ってください．

### 3-7. 本文

ブログの記事となる部分です．
通常のマークダウンと同様の記法が可能なはずです．実際のレイアウトがどうなるか心配であれば，HackMDのtag[ブログ記事]がついている公開済みの記事と,公開されているページを見比べてみてください。
見栄えが悪い場合は適当に修正して公開しますが,気にしてもらえると助かります.

## 参考資料

[サンプルサイト](https://demo.gethugothemes.com/liva/)[NUTMEGブログ](https://nutfes.github.io/blog/)[テンプレート記入例](https://hackmd.io/@nutmeg/S1o95TQDK)