はじめに#

このページは、「ウェブサイトの記事を書いてみたいけど、やり方が分からない…」という方向けのガイドです。 専門的な知識は一切不要です。パソコンの基本的な操作ができれば、誰でも簡単に記事を作成し、公開できます。

一緒に手順を追いながら、あなたの最初の記事を完成させましょう！

ステップ1：記事ファイルの準備#

まず、記事の「原稿用紙」となるファイルを用意します。

1. フォルダを開く PCのエクスプローラーで、以下のフォルダを開きます。 website\src\content\posts

2. 記事の種類を選ぶ postsフォルダの中には、BlogやWikiといった、記事の種類ごとの小部屋（サブフォルダ）があります。書きたい記事の種類に合った部屋を選んでください。

3. 新しいファイルを作成する 選んだフォルダの中で、右クリックから「新規作成」→「テキスト ドキュメント」を選び、新しいファイルを作成します。

4. ファイル名を付ける ファイル名は、半角の英数字とハイフン (-) を使って、記事の内容が分かりやすい名前を付けます。最後に、ファイルの拡張子を .txt から .md に変更してください。

   • 良い例: my-first-blog.md, dark-survivor-guide-1.md
   • 悪い例: 最初のブログ.md (日本語は使えません), my first blog.md (スペースは使えません)

これで、記事を書くための「原稿用紙」が準備できました！

ステップ2：記事の基本情報を入力する (Frontmatter)#

次に、作成したファイルをZedなどのテキストエディタで開き、記事の「プロフィール」を設定します。 これは「Frontmatter（フロントマター）」と呼ばれるもので、記事のタイトルや公開日などをサイトに教えるための大切な情報です。

ファイルの一番最初に、以下のテキストをコピーして貼り付けてください。

1
---
2
title: ここに記事のタイトルを入力
3
published: 2025-11-15
4
description: "ここに記事の簡単な説明文を入力（100文字程度がおすすめです）"
5
image: ./index.jpeg
6
tags: [キーワード1, キーワード2]
7
category: Blog
8
draft: false
9
series: Example
10
---

そして、各項目の " の中を、あなたの記事に合わせて書き換えます。

• title: 記事のタイトルです。読者が一番最初に目にする、最も重要な部分です。
• published: 記事を公開する日付です。YYYY-MM-DD の形式で入力します。
• description: 記事の要約です。検索結果などにも表示されることがあります。
• image: 記事のサムネイル画像です。./ から始まる相対パスで指定します。
• tags: 記事に関連するキーワードです。複数ある場合は , で区切ります。
• category: 記事のカテゴリーです。Blog や Wiki など、ステップ1で選んだフォルダ名と同じにすると分かりやすいです。
• draft: false にしておくと公開記事になります。もし下書きにしたい場合は true にします。
• series: 記事のシリーズ名です。

ステップ3：本文を書く (Markdown記法)#

基本情報の下に、いよいよ記事の本文を書いていきます。 ウェブサイトの記事では、「Markdown（マークダウン）」という簡単な記法を使って、文章に見た目を付けていきます。

1
# 一番大きな見出し
2
## 中くらいの見出し
3
### 小さな見出し

一番大きな見出し#

1
これは **とても重要** なポイントです。

1
- りんご
2
- ごりら
3
- らっぱ

1
[Google](https://www.google.com/)

1
:::note
2
ここにメモしたいことを書きます。
3
:::
4

5
:::tip[ヒント]
6
豆知識などを書くのに便利です。タイトルも付けられます。
7
:::
8

9
:::important
10
読者に必ず読んでほしい重要な情報を書きます。
11
:::

1
::link-card{url="https"//www.redotengine.org/" title="Redot Engine" description="Game Engine, Game Changer"}

1
---
2
title: "私の好きなゲームについて"
3
published: "2025-11-15"
4
description: "私が最近ハマっているゲームの魅力を紹介します！"
5
tags: ["ゲーム", "レビュー"]
6
category: "Blog"
7
draft: false
8
---
9

10
## はじめに
11

12
こんにちは！今日は私が夢中になっているゲーム『Dark Survivor』について語りたいと思います。
13

14
## 『Dark Survivor』の魅力
15

16
このゲームの魅力は、なんといってもその**爽快感**にあります！
17

18
- 大量の敵をなぎ倒す楽しさ
19
- レベルアップでどんどん強くなる成長要素
20
- スキルの組み合わせを考える戦略性
21

22
:::tip[ここがポイント！]
23
最初は難しく感じるかもしれませんが、何度かプレイするうちにコツが掴めてきて、どんどん楽しくなります！
24
:::
25

26
## 公式サイトはこちら
27

28
もっと詳しく知りたい方は、公式サイトをチェックしてみてください。
29

30
::link-card{url="https://godotengine.org/" title="Godot Engine" description="このゲームはGodot Engineで作られています"}
31

32
## おわりに
33

34
少しでも『Dark Survivor』の魅力が伝わったら嬉しいです。
35
ぜひ皆さんもプレイしてみてください！