Obsidian使い始めた3~運用編~

これまでのHexoでのブログ運用

僕は以前からHexoを使ってブログを作成している。Hexoはブログのフレームワークで、静的サイトをホスティングするサービスと併用すれば、すぐにブログサイトを公開できる。ホスティングサービスはNetlifyを利用しており、Githubのリポジトリが更新されると、そのリポジトリを自動でデプロイして、サイトを更新してくれる。つまり、ブログ更新時はローカルでファイルを追加して、GitでGithubのリポジトリにPushするだけでいい。Githubを経由することで、バックアップとして機能するところも気に入っている。
自分のサイトのコードは全て自分の手の内にある、というのが僕にとっては大事である。
これは昔からサイトを運営している者なら共感してもらえると思うが、サービスが終了したら自分のサイトも終了するのは嫌なのである。

HexoはMarkdownをサポートしているので、記事もMarkdownで書いていた。これは移行性を念頭にしたものである。エディタはVSCodeを使用していたが、Markdownで書いていたおかげでObsidianへスムーズに移行できた。

graph LR
subgraph Editor
	VSCode
end

subgraph Deploy&Hosting
	Netlify
end

subgraph Conversion
	Hexo
end

VSCode ---> Github ---> Netlify
Netlify ---> Hexo ---> WEB

このフローは結構気に入っており、Obsidianがなくなったとしてもエディタだけ変更して同じように管理すると思う。

Obsidian+Enveloppeが強力

EditorをVSCodeからObsidianへ移行するにあたって、現在の正解はEnveloppeというコミュニティプラグインを使用することである。このプラグインのおかげで、VSCodeで執筆していたときよりも楽になった。ありがたすぎる。
設定さえしてしまえば、コンテクストメニューからワンクリックでブログ更新できる。

20250108221248894.png

VSCodeではGitの操作が必要だったが、それすらも省略できる。普段遣いのVaultでこれができるのは、そこらのブログやサイト更新よりも楽である。素晴らしい。

Enveloppeを見つける前には、ObsidianのGitプラグインを使っていたのだが、これだとブログ用のVaultとメインのVaultを分ける必要があった。だが、EnveloppeはメインのVaultで執筆したノートを直接アップロードできるので、Obsidianの運用としてもスマートになった。
また、EnveloppeはWikilinkを通常のMarkdownリンクに修正したりなどの置換作業もしてくれる。これにより、Obsidian内リンクを気にせず使える。ノートで使用している添付ファイルもリポジトリの指定のディレクトリに格納してくる。
そして、Dataviewの結果をテーブルに変換してくれるため、Obsidianの機能をフルに使ったノートをそのままアップするような形にできる。(使用例:Obsidian使い始めた2~プラグイン編~

ほしかった機能が全部揃っていて大変満足である。

その他の選択肢

Enveloppeを見つけるまでに、いくつかのプラグインやサイトをQuartzMKDocsへ移行することも検討していた。
それにかなりの時間を使ってしまったが、結果的にこれまでの環境を変更せずに、これまでよりも気軽にブログ更新できるようになったため、嬉しい限りである。
(嬉しすぎて開発者に投げ銭までした)

静的サイトを運用している人におすすめ

当然だが、Obsidian+EnveloppeのパワーはHexoに限らず、静的サイトを運用しているものなら誰にでも発揮される。
ありがたいことに、このサイト運営はドメイン料以外は全て無料で成立している。ここまで楽になるなら、Obsidianを使っている人はこれを機にNext.jsやHugoなど静的サイトを作ってみるのも面白いかもしれない。

EnveloppeをHexoで使う場合に気をつけること

基本的には公式ドキュメントを確認して設定すれば良い。
Hexoで特別に変えなければいけないところは、RootFolderとAttachmentFolderのパスくらいである。
また、Hexoの方にhexojs/hexo-renderer-markedをインストールしていない場合はインストールしよう。リンクの相対パスを絶対パスにしてくれたり、GFMが使えるようになるので、Hexo特有の記述を回避できる。

20250108224528438.png
20250108224608652.png