ObsidianでWebサイトを作る方法|Publish・Blot.im・Astroの違い

Obsidianで書いたノートは、自分だけの記録として残すだけでなく、Webサイトの記事として公開できます。ノートの本文がMarkdownファイルで保存されているため、公開先を変えても文章を再利用しやすいのが特徴です。

公開方法には、Obsidian公式の「Obsidian Publish」、ファイルを同期してブログにする「Blot.im」、GitHubと「Astro」を組み合わせてサイトを構築する方法などがあります。それぞれ公開操作の手間と、デザイン・機能の自由度が異なります。

ObsidianのノートをWebサイトにするメリット

自分用のメモを公開する場合、読み手に伝わるように情報を調べ直したり、出典を確かめたりする機会が増えます。公開後も内容を加筆・修正できるので、ノートを一度書いて終わりにせず、育て続けられます。

また、公開ページのURLをAIツールに渡せば、記事の内容を参照して要約・比較・改稿案を考えることもできます。ただし、Web公開だけでAIにサイトの書き込み権限が与えられるわけではありません。実際に更新するには、GitHubなどの編集先に対する適切な権限と連携が必要です。

Obsidian Publish:Obsidianからノートを公開する

Obsidian Publishは、Obsidian公式のWeb公開サービスです。公開対象のノートを選び、Obsidianから公開・更新します。ノート間のリンクを生かしたドキュメントやナレッジベースに向いています。

Obsidian PublishのWebサイト:ObsidianからノートをWebサイトとして公開する公式サービス

専用のサイト生成環境を自分で管理する必要がない反面、更新時にはPublish向けの操作が必要です。公式のカスタムCSSなどによる見た目の調整は可能ですが、独自のページ構成や複雑な機能を作りたい場合は制約があります。

Blot.im:Markdownファイルの同期をWeb公開につなげる

Blot.imは、同期したファイルからブログやWebサイトを生成するサービスです。Markdownで原稿を書き、対応する同期方法で公開フォルダに反映すると、Webページとして表示されます。

Blot.imのWebサイト:フォルダ内のファイルをWebサイトとして公開するサービス

Obsidian以外のMarkdownエディタも利用でき、HTML・CSSでテンプレートをカスタマイズできます。Obsidianのノートを生かしつつ、ブログ形式で継続的に公開したい人には候補になります。

一方、Astroで独自のコンポーネントやデータ構造を作る場合とは自由度の方向が異なります。Vault内の個人的なノートを誤って公開しないよう、公開対象フォルダを明確に分けることも大切です。

GitHub+Astro:Markdownを使ってサイト全体を設計する

Astroは、Markdownなどのコンテンツを使ってWebサイトを構築できるフレームワークです。GitHubで原稿とコードを管理し、Cloudflare Pagesなどへデプロイできます。

AstroのWebサイト:コンテンツ中心のWebサイトを構築できるWebフレームワーク

例えば、次のような流れです。

  1. ObsidianでMarkdownの原稿を書く
  2. 公開用の原稿をGitHubのリポジトリに反映する
  3. Astroが記事ページや一覧ページを生成する
  4. ホスティングサービスがWebサイトを公開する

サイトの見た目だけでなく、記事一覧、アプリ図鑑、関連記事、独自のリンクカードなども設計できます。ただし、最初の環境構築やビルドエラーへの対応にはWeb開発の知識が必要です。ObsidianのWikiリンクや画像埋め込みも、構成に応じた変換処理が必要になります。

3つの方法を比較

ObsidianノートをWebサイトにする3つの方法(Publish・Blot.im・Astroの違い)

比較項目Obsidian PublishBlot.imGitHub+Astro
公開の基本操作Obsidianから公開対象を選ぶファイルを同期するGitHubへ反映してビルド・デプロイ
初期設定比較的簡単比較的簡単開発環境の構築が必要
デザイン変更テーマ設定・CSSなどテンプレート・HTML・CSSなどページ構成・コンポーネントまで自由に設計
向いている内容ノート・ドキュメントブログ・個人サイト記事サイト・独自データベース・複合サイト
原稿の保存ObsidianのVault同期元のファイルMarkdownとGitの履歴
更新の手間Publishの操作が必要同期方法に依存Git操作と自動化の構成に依存
独自ドメイン対応対応ホスティング側で設定
費用Publish利用料Blot.im利用料ホスティング・独自ドメイン・関連サービスの費用

どれもMarkdownを活用できますが、初期設定が簡単なことと、毎日の更新が楽なことは別です。料金・制限は変更されるため、導入前に各サービスの公式案内を確認してください。

私がObsidian PublishからAstroへ移行した理由

私も以前はObsidian Publishを使っていました。けれど、実際に使い続けるうちに、Obsidianから公開・更新する操作が煩わしく感じるようになりました。公開に失敗することもあり、日常的に更新する仕組みとしては負担がありました。

もう一つ大きかったのが、見た目の自由度です。自分の作りたいデザインやサイト構成に合わせて調整するには、Publishでは物足りませんでした。

現在は、Obsidianで原稿を管理し、GitHubとAstroを使ってgotoharuna.comを構築し、Cloudflare Pagesで公開しています。Webサイト側の仕組みは変わっても、Obsidianで蓄積したMarkdownの文章を引き続き使えることが大切でした。

もともと自分用にiPadアプリの情報をノートへまとめていたことが、電子書籍の制作につながりました。しかし、新しいアプリやアップデート情報は変化が速く、電子書籍だけでは鮮度を保ちにくくなります。ニュースレターよりもさらに早く公開・更新できる場所として、Webサイトを使うようになりました。

どの方法を選ぶ?

ノートをできるだけ簡単に公開したい人にはObsidian Publishが候補です。Obsidianのノート構造をそのまま見せたい場合にも向いています。

Markdownをブログとして公開したい人にはBlot.imが候補です。Web開発の仕組みを一から構築せず、ファイル中心の運用を続けられます。

デザインや機能を自分で作りたい人にはAstroが向いています。公開までの仕組みを整える必要はありますが、記事以外のコンテンツや独自の機能を組み込めます。

公開サービスを変えても、原稿のMarkdownファイルが残っていれば、別の形で活用できます。ただし、画像、Wikiリンク、frontmatter、独自プラグインの記法は移行時に調整が必要になる場合があります。Obsidianの資産を生かすには、文章だけでなく関連ファイルやリンクも含めて管理することが重要です。

公式情報