
サイト設計メモ: mercuriuslab 構成まとめ
これをつくりたい
私(輝竜司)個人の作品集 + 技術メモブログを静的に再構築したかったんですが、長年なかなか着手出来ず。今は療養のため仕事を休業しているので、この機会にエイヤとやってみます。 Astro v6 で構築し、コンテンツは Obsidian で管理。とりあえずこの記事はObsidian側の設定メインの備忘録です。
- Obsidian = コンテンツ(Markdown + 画像)の執筆・管理
- Astro = 構造・ルーティング・デザインのみ担当
- Obsidian の
[[Wikilinks]]はremark-obsidian-links.mjsで変換
Home・About
content/pages/index.md と content/pages/about.md として Obsidian 上で本文を編集できるようにしてみてます。
Works・Blog トップ
ほぼ一覧の自動生成のみなので Astro まかせに。
コンテンツ構造(Obsidian vault 内)
content/
├── pages/
│ ├── images/
│ │ ├── hero.jpg
│ │ └── profile.jpg
│ ├── index.md
│ └── about.md
├── works/
│ ├── images/
│ │ ├── project-a/
│ │ │ ├── thumb.jpg
│ │ │ ├── 01.jpg
│ │ │ └── 02.jpg
│ │ └── project-b/
│ │ └── ...
│ ├── project-a.md
│ ├── project-b.md
│ └── others.md
├── blog/
│ ├── images/
│ │ └── article-slug/
│ │ └── screenshot.png
│ ├── some-tech-note.md
│ └── drawing-tips.md
└── _template/
├── blog-tech.md
├── blog-drawing.md
├── blog-note.md
└── works.md
frontmatter 仕様
Works
title: "作品タイトル"
description: "短い説明"
pubDate: 2026-01-15
updatedDate: 2026-02-01
thumbnail: "./images/project-a/thumb.jpg"
images:
- "./images/project-a/01.jpg"
- "./images/project-a/02.jpg"
order: 1
published: false
pubDate: 投稿日(並び順に使用)updatedDate: 更新日(Linter で自動更新)published: falseが下書き状態(作成時のデフォルト)
Blog
title: "記事タイトル"
description: "概要"
pubDate: 2026-03-17
updatedDate: 2026-03-20
category: "drawing"
tags: ["clip-studio", "色塗り"]
published: false
category:tech/drawing/noteの3種tags: カテゴリ横断の関連付け用
Blog カテゴリ一覧
| カテゴリ | 内容 |
|---|---|
| tech | 開発・ツール系メモ |
| drawing | 絵のノウハウ・テクニック |
| note | 雑記 |
Obsidian プラグイン設定
Templater(必須)
テンプレートフォルダ: content/_template/
新規記事作成時にカテゴリ別のフロントマターを自動入力。
published: false(下書き)がデフォルト。
Linter(必須)
- YAML > Modified Date Key:
updatedDate - YAML > Date Modified Format:
YYYY-MM-DD - 保存のたびに
updatedDateを自動更新 pubDateには触れない設定にすること
Paste Image Rename(推奨)
- Image name pattern:
{fileName}-{indexNumber} - Image folder:
./images/{fileName}/ - 画像ペースト時に所定フォルダへ自動整理
Obsidian 本体設定
- Files and Links > 「Use
[[Wikilinks]]」: ON - Default location for new attachments: 「Same folder as current file」のサブフォルダ
images
.gitignore
.obsidian/ を除外してvault設定をリポジトリに含めない。
RSS
Works + Blog 両方の更新を含む統合フィード。
日付の扱い
pubDate: 投稿日。記事作成時に Templater が自動入力。変更しない。updatedDate: 更新日。Linter が保存時に自動更新。- 一覧の並び順は
pubDate降順。 - 両日付をページ上に表示(
updatedDateは設定時のみ)。