tech 更新:

サイト設計メモ: mercuriuslab 構成まとめ

astroobsidian設計

これをつくりたい

私(輝竜司)個人の作品集 + 技術メモブログを静的に再構築したかったんですが、長年なかなか着手出来ず。今は療養のため仕事を休業しているので、この機会にエイヤとやってみます。 Astro v6 で構築し、コンテンツは Obsidian で管理。とりあえずこの記事はObsidian側の設定メインの備忘録です。

  • Obsidian = コンテンツ(Markdown + 画像)の執筆・管理
  • Astro = 構造・ルーティング・デザインのみ担当
  • Obsidian の [[Wikilinks]]remark-obsidian-links.mjs で変換

Home・About

content/pages/index.mdcontent/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 は設定時のみ)。