Markdownの記事から静的サイトを生成する、高速でシンプルなNode.js製ブログフレームワーク。
Mereithhh/vanblog
Markdownエディター、管理ダッシュボード、組み込みのアクセス解析、画像ホスティング、コメント機能、自動HTTPSを備えたセルフホスト型の個人ブログシステム。
代替できる製品:WordPress
- スター
- 3,586
- フォーク
- 499
- 未解決の Issue
- 111
- 最終コミット
- 3 日前
これは何?
VanBlogは、個人向けのセルフホスト型ブログシステムです。Next.jsで構築された公開ブログと、記事や下書きの執筆・管理、訪問者統計の確認を行う独立した管理ダッシュボードを備えています。バックエンドはMongoDBを利用するNestJS APIです。
記事の執筆には、Mermaidの図、数式、カスタムのハイライトブロックに対応し、ローカルファイルやクリップボードから画像を直接アップロードできる、ByteMDベースのMarkdownエディターを使用します。読者向けには、目次、検索、カテゴリー、タグ、RSSフィード、パスワード保護記事を提供します。コメント機能にはWalineを採用し、画像はローカルに保存するか、オブジェクトストレージやGitHubなどのPicGo対応先に保存できます。
インストールスクリプトまたはDocker Composeでデプロイでき、VanBlogとMongoDBをまとめて起動します。CaddyがHTTPS証明書を自動で発行・更新し、管理画面からインポート/エクスポートや更新通知を利用できます。
主な機能
- 01Mermaidの図、数式、画像アップロードに対応したMarkdownエディター
- 02CDNでの配信に適した、段階的再生成に対応する静的ページ
- 03組み込みの訪問者解析とGoogle Analytics、Baidu Analyticsへの対応
- 04メール通知とWebhookに対応したWalineコメント機能
- 05ローカルまたはPicGo経由でオブジェクトストレージやGitHubに画像を保存
- 06Caddyによる自動HTTPSとDockerでのデプロイ
ユースケース
- 自分のサーバーやVPSで個人ブログを運営する
- 図や数式を使った技術メモを公開する
- 画像やコメントを自分で管理できるブログをホストする
- APIを使って独自のフロントエンドを動かす
クイックスタート
- 1
セットアップスクリプトをダウンロードして実行します
curl -L https://vanblog.mereith.com/vanblog.sh -o vanblog.sh && chmod +x vanblog.sh && ./vanblog.sh - 2
後でスクリプトを再実行してインストールを管理します
./vanblog.sh
使う前に知っておきたいこと
- ドキュメントと管理画面は主に中国語で、国際化はロードマップに含まれている段階です。
- GPL-3.0ライセンスのもとで提供されています。このコピーレフトライセンスでは、派生物を同じ条件で配布する必要があります。
- デフォルトのDocker Compose設定では、VanBlogとMongoDBが別々のサービスとして実行されるため、セルフホスティングにはデータベースの管理が必要です。
収録されている特集
トピック
よくある質問
- vanblog とは?
- Markdownエディター、管理ダッシュボード、組み込みのアクセス解析、画像ホスティング、コメント機能、自動HTTPSを備えたセルフホスト型の個人ブログシステム。 VanBlogは、個人向けのセルフホスト型ブログシステムです。Next.jsで構築された公開ブログと、記事や下書きの執筆・管理、訪問者統計の確認を行う独立した管理ダッシュボードを備えています。バックエンドはMongoDBを利用するNestJS APIです。
- vanblog は無料で使えますか?ライセンスは?
- vanblog は GPL-3.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- vanblog は今もメンテナンスされていますか?
- 活発にメンテナンス中。vanblog の最終コミットは 2026年11月3日 です。
- vanblog は何に使えますか?
- 自分のサーバーやVPSで個人ブログを運営する 図や数式を使った技術メモを公開する 画像やコメントを自分で管理できるブログをホストする APIを使って独自のフロントエンドを動かす
- vanblog のインストール方法は?
- セットアップスクリプトをダウンロードして実行します: curl -L https://vanblog.mereith.com/vanblog.sh -o vanblog.sh && chmod +x vanblog.sh && ./vanblog.sh 後でスクリプトを再実行してインストールを管理します: ./vanblog.sh
- vanblog はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/Mereithhh/vanblog
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
Node.jsとMongoDBで構築された、Cookieを使わない、プライバシー重視のセルフホスト型Webサイト分析ツール。シンプルなUIを備えています。
Markdown、プラグイン、テーマ、複数のデータベースに対応した、セルフホスト型のPHPブログプラットフォーム。
コンテンツをJSONで保存する、データベース不要のフラットファイル型CMS。Webサイトやブログを構築できます。
Web、モバイル、デスクトップ、IoTアプリに対応した、セルフホスト型でプライバシーを重視するプロダクト分析・エンゲージメントプラットフォーム。
Markdown、reStructuredText、HTMLのソースファイルから、データベースを使わずにWebサイトを生成するPython製静的サイトジェネレーターです。