Blue Diary

Blue Diary は Lume + simple-blog で動く静的ブログ。

• Runtime: Deno
• SSG: Lume
• Theme: simple-blog
• Site URL: https://blue-diary.com/

必要なもの

• Deno 2.4 以上（推奨: 最新）

バージョン確認:

deno --version

ローカル開発

開発サーバー起動:

deno task serve

本番ビルド:

deno task build

生成先:

_site/

記事を追加するとき

推奨はこの1コマンド。

deno task new-post --slug=my-new-post --title="記事タイトル"

作成されるファイル:

• posts/my-new-post/index.md

補足:

• slug は英小文字・数字・ハイフンのみ
• すでに同じslugがある場合は作成せずエラー終了

ヘルプ:

deno task new-post --help

手動で作る場合は以下。

1. スラッグ用フォルダを作る

mkdir -p posts/my-new-post

2. 記事ファイルを作る

touch posts/my-new-post/index.md

3. posts/my-new-post/index.md に以下テンプレを貼る

---
title: "記事タイトル"
date: 2026-03-25T12:00:00+09:00
draft: false
---

<!--more-->

ここに本文を書く。

4. 画像を使う場合は同じフォルダに置く

例:

• posts/my-new-post/cover.webp
• 本文中: ![説明](/posts/my-new-post/cover.webp)

5. プレビュー確認

deno task serve

Copilot カスタムAgent / Skillの使い方

ブログ執筆を効率化するために、以下を追加済み。

• Agent: .github/agents/lume-blog-writer.agent.md
• Skill: .github/skills/lume-blog-writing/SKILL.md
• Prompt: .github/prompts/create-agent.prompt.md

1) Lume Blog Writer Agentを使う

1. ChatでAgent Pickerを開く
2. Lume Blog Writer を選ぶ
3. 例のように依頼する

例:

• 「Lume用に、posts/deno-task/index.md の下書きを作って。キーワードは Deno task と 自動化」
• 「この記事をSEO寄りにリライトして。見出しとdescriptionも直して」

2) /create-agent で設定を再生成・調整する

既存テンプレをベースに調整したいときは以下。

/create-agent ブログ執筆用に調整したい

このPromptは、Lumeの index.md 形式・読みやすい文体・SEOチェックを前提にAgent/Skillを更新する。

3) 記事作成の流れ（おすすめ）

1. deno task new-post --slug=my-new-post --title="記事タイトル"
2. Agentに本文作成を依頼
3. deno task serve で見た目確認
4. deno task build で最終確認

既存記事を更新するとき

1. 対象の posts/<slug>/index.md を編集
2. 画像追加が必要なら同じフォルダへ配置
3. deno task build でビルド確認

デプロイ（Cloudflare Pages）

Cloudflare Pages の設定は下記で運用。

• Framework preset: None
• Build command: deno task build
• Build output directory: _site

※ Hugo 設定のままだと hugo が実行されて失敗するので注意。

Git運用の最小コマンド

変更確認:

git status

コミット:

git add . && git commit -m "docs: update posts"

Push:

git push