GitHubで記事を管理して、pushするだけで公開できるブログサービス「kakubase」

kakubase とは

ブログを書きたいけど、管理画面がごちゃごちゃしていて面倒くさい——そう感じたことはありませんか？

kakubase は、そのストレスをゼロにすることを目指したブログサービスです。

記事の管理はすべて GitHub リポジトリ上の Markdown ファイルで行います。記事を書いて git push するだけで公開される、それだけです。

記事を書く → git push → kakubase に自動反映

管理画面に記事を貼り付けたり、画像をアップロードしたり、下書きの保存ボタンを押したりする必要はありません。

kakubase の3つの特徴

1. GitHubが記事のCMS

記事はすべて GitHub リポジトリで管理します。

my-content/
└── articles/
    └── my-first-post/
        ├── index.md    ← 記事本文
        └── cover.png   ← サムネイル

これだけです。フォルダを作って Markdown を書いて push する。それが「記事を公開する」ということです。

エンジニアにとっては、いつものGitワークフローで記事が書けます。ブランチを切って下書きを管理したり、git diff で変更を確認したり、プルリクで記事をレビューしてもらうことだって可能です。

ライターにとっては、VS Code や Obsidian など好きなエディタで記事が書けます。バックアップは Git が自動でやってくれます。

2. Markdown + kakubase専用記法

記事は Markdown で書きます。見出し・コードブロック・リンクなど、基本的な記法はすべて使えます。

さらに kakubase には、Markdown を拡張した専用記法があります。

リンクカード

URL をカード形式で表示できます。

<div class="link-card" data-url="https://kakubase.com/"><a href="https://kakubase.com/" target="_blank" rel="noopener noreferrer">https://kakubase.com/</a></div>

Callout（注意書きボックス）

<div data-callout-type="info"><span class="callout-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg></span><p>補足情報をここに書きます。</p></div>

<div data-callout-type="warning"><span class="callout-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg></span><p>注意が必要な内容はこちら。</p></div>

YouTube 埋め込み

[youtube:VIDEO_ID]

画像の幅指定

<img src="image.png" alt="説明" width="600" style="width:600px">

3. ローカルプレビューで仕上がりを確認できる

push する前に、ローカルで kakubase のデザインそのままでプレビューできます。

npx kakubase-cli preview
# → http://localhost:4567 が開く

ファイルを保存するたびに自動リロードされるので、エディタとブラウザを並べながら快適に記事を書けます。

こんな人に向いています

こんな人に	理由
エンジニア・開発者	GitワークフローのままMarkdownで記事が書ける
技術ブログを書きたい人	コードブロック・Callout など技術記事向きの記法が揃っている
シンプルにブログをやりたい人	管理画面不要・書いてpushするだけ
記事をGitで管理したい人	変更履歴・ロールバック・バックアップが自動

はじめるのは5分でできる

1. kakubase に GitHub アカウントでログイン
2. 連携するリポジトリを選ぶ
3. npx kakubase-cli init でリポジトリを初期化
4. 記事を書いて push

それだけです。

まとめ

kakubase は「記事を書くこと」に集中できるブログサービスです。

管理画面はありません。記事はすべて GitHub 上の Markdown ファイルです。書いて push するだけで公開される——その一点にこだわって作られています。

GitHubに慣れているエンジニアなら即日セットアップできます。GitHubを使ったことがなくても、Markdownで記事を書きたいというだけで十分な理由になります。

ぜひ試してみてください。