Obsidian HTML Export JP

Obsidianの保管庫を『デフォルトUIを模したCSSを埋め込んだ自己完結型HTML』として出力するプラグインです。

サンプルページ

https://www.dropbox.com/scl/fi/5jw45thz8s3rciyqhiqfi/sample_CoC-export.html?rlkey=u9rlpe4qizvrniopkv2bdimtv&st=6mx8wg0z&dl=0

機能

・Markdownノートの表示（改行・各種記法対応）

・画像のBase64埋め込み（ローカル・外部URL・wikilink形式）

・HTMLのスマホ対応（ハンバーガーメニュー、レスポンシブ）

・タブの開閉

・ダーク/ライト切り替えトグル

・Baseファイル対応

・Canvasファイル対応

仕様：CANVASにアニメーションはありません。パン＆ズームはできる。

BASEはフィルターとソートが適応された単なるリンク集です。

既知のバグ：

サポート：しません

不具合：あっても保証しません

自己責任：どうぞ

ライセンス：MIT

インストール方法

zipを解凍する

Obsidian 保管庫の .obsidian/plugins/ にぶち込む

Obsidian の「設定 → コミュニティプラグイン → インストール済みプラグイン」から HTML Export を有効化

使い方

コマンドパレットから実行

Ctrl/Cmd + P でコマンドパレットを開き、以下のコマンドを検索:

HTML Export: 保管庫全体をHTMLとしてエクスポート

HTML Export: 現在のノートをHTMLとしてエクスポート

HTML Export: HTMLエクスポート ダイアログを開く

リボンアイコンから

左サイドバーの ⬇️ アイコンをクリック → エクスポートダイアログが開きます。

出力先

デフォルトで保管庫内の html-export/ フォルダに出力されます。

設定から変更可能です。

対応するMarkdown記法

見出し # ## … ######

太字 **text**、斜体 *text*、取り消し線 ~~text~~

ハイライト ==text==

インラインコード `code`・コードブロック ```lang

テーブル

順序付き・順序なしリスト

タスクリスト - [ ] / - [x]

引用 >

コールアウト > [!note]

水平線 ---

ウィキリンク [[ノート名]] / [[ノート名|表示名]]

外部リンク [text](url)

タグ #tag

画像 

フロントマター（YAML）

◆更新履歴

2026-07-17：バージョン1.0.5：

CANVASタブの文字化けの修正

CANVASの表示の微修正

BASEファイルを埋め込んだノートの出力方法の修正

2026-06-05：バージョン1.0.4：

「HTMLで最初に表示されるページの指定」の実装。

Obsidianコミュニティプラグインの設定から変更できます。

2026-05-24：バージョン1.0.3：

「現在のノートをエクスポート」した際に他のファイル一覧も出力されるバグ修正

2026-04-25：バージョン1.0.2：

タブ名がおかしい

ノートが重なって表示される

プラグインが読み込まれない

CANVASの接続線の矢印等のバグ修正

2026-04-24：バージョン1.0.0：公開