Color mode

Riebeckite ドキュメント

Riebeckite は、Markdown や Obsidian のノートから公開サイトを作るためのフレームワークです。

Markdown を content/ に置くだけのシンプルなサイトから、プラグイン、テーマ、多言語化、外部の Obsidian Vault を使うサイトまで構築できます。

初めて使う場合は、Riebeckite のリポジトリをクローンする必要はありません。

create-riebeckite から新しいサイトを作成します。

はじめる

基本的な流れは次のとおりです。

Diagram source
text
flowchart LR
    Create["サイトを作る"]
    Content["Markdownを書く"]
    Dev["ブラウザで確認"]
    Build["ビルド"]
    Deploy["デプロイ"]
 
    Create --> Content
    Content --> Dev
    Dev --> Build
    Build --> Deploy

まず クイックスタート から始めてください。

順番に進めたい場合は、

  1. クイックスタート
  2. インストール
  3. 最初の記事
  4. プリセット
  5. デプロイ

の順で読めます。

全章の一覧は ドキュメント索引 にあります。

基本的な使い方

サイトを作成したら、基本的には次の流れで使います。

text
create-riebeckite
      ↓
content/ に Markdown を書く
      ↓
riebeckite dev
      ↓
ブラウザで確認
      ↓
riebeckite build
      ↓
deploy

普段サイトを作るだけなら、Riebeckite 本体の内部構造を理解する必要はありません。

何をしたいですか?

目的に近いページから読めます。

目的 読むページ
初めて Riebeckite を使う クイックスタート
インストール方法を確認する インストール
最初の記事を書く 最初の記事
サイトの構成を選ぶ プリセット
デプロイする デプロイ
デプロイ先ごとの手順を確認する デプロイガイド
Markdown と frontmatter の書き方を知る コンテンツの書き方
Obsidian Vault を公開する Obsidian
コンテンツとサイトを別リポジトリにする コンテンツリポジトリ
多言語サイトを作る 多言語化
Riebeckite を更新する Upgrading
プラグインを探す プラグイン
テーマを選ぶ テーマ
アクセシビリティの責任範囲を確認する アクセシビリティ
セキュリティと信頼モデルを確認する セキュリティモデル
設定や CLI、Public API を調べる リファレンス
Riebeckite の内部構造を理解する フレームワーク
Riebeckite 本体を開発する フレームワーク開発

ドキュメントの構成

Riebeckite のドキュメントは、目的ごとに分かれています。

Diagram source
text
flowchart TD
    Docs["Riebeckite Docs"]
 
    Docs --> Getting["Getting Started<br/>使い始める"]
    Docs --> Guides["Guides<br/>具体的な作業"]
    Docs --> Plugins["Plugins<br/>機能を追加する"]
    Docs --> Themes["Themes<br/>見た目を選ぶ"]
    Docs --> Reference["Reference<br/>設定・CLI・API"]
    Docs --> Framework["Framework<br/>内部構造"]
 
    Framework --> Development["Development<br/>本体開発"]

Getting Started

初めて Riebeckite を使う人向けのページです。

サイトの作成から最初の記事、プリセット、デプロイまでを扱います。

Guides

具体的な目的を達成するための手順です。

たとえば、

  • Obsidian Vault を使う
  • コンテンツリポジトリを分離する
  • 多言語化する
  • Riebeckite をアップグレードする
  • 特定の環境へデプロイする

といった作業を扱います。

プラグイン

Riebeckite に機能を追加するプラグインを探すためのページです。

記事表示、検索、グラフ、Mermaid、Excalidraw など、必要な機能に応じてプラグインを追加できます。

テーマ

サイトの見た目を変更するテーマを探すためのページです。

テーマを変更しても、コンテンツやプラグインの機能そのものは変わりません。

リファレンス

設定値、CLI コマンド、Public API を調べるための資料です。

「この設定は何を意味するのか」「この API は何を提供するのか」を確認したいときに利用します。

フレームワーク

Riebeckite の内部構造を理解したい人向けです。

コンテンツシステム、プラグインシステム、テーマシステム、ビルドシステム、HonoX 連携などを説明します。

通常のサイト利用では読む必要はありません。

サイトを作る人と、本体を開発する人

Riebeckite には大きく2つの使い方があります。

Diagram source
text
flowchart TD
    User{"あなたの目的"}
 
    User -->|"Riebeckiteでサイトを作る"| Site["create-riebeckite"]
    User -->|"Riebeckite自体を開発する"| Framework["Riebeckiteリポジトリ"]
 
    Site --> Getting["Getting Started / Guides"]
    Framework --> Dev["フレームワーク開発"]

サイトを作る場合

Riebeckite のリポジトリはクローンしません。

create-riebeckite から始めます。

text
create-riebeckite
      ↓
生成されたサイト
      ↓
content/
      ↓
dev / build
      ↓
deploy

普段利用するのは、生成されたサイト側です。

Riebeckite 本体を開発する場合

Riebeckite 自体へ変更を加える場合だけ、リポジトリをクローンします。

この場合は、

  • モノレポ
  • ルートの pnpm コマンド
  • packages/*
  • apps/web
  • フレームワークテスト
  • 外部サイト E2E

などを扱います。

詳しくは フレームワーク開発 を参照してください。

apps/web は Riebeckite のドキュメント兼参照アプリです。一般ユーザーがサイトを作るためのテンプレートではありません。

迷ったら

どこを読めばよいか分からない場合は、次の基準で選べます。

Diagram source
text
flowchart TD
    Start["何をしたい?"]
 
    Start --> First{"初めて使う?"}
    First -->|Yes| Getting["Getting Started"]
    First -->|No| Task{"具体的な作業をしたい?"}
 
    Task -->|Yes| Guides["Guides"]
    Task -->|No| API{"設定・CLI・APIを調べたい?"}
 
    API -->|Yes| Reference["Reference"]
    API -->|No| Internal{"内部の仕組みを知りたい?"}
 
    Internal -->|Yes| Framework["Framework"]
    Internal -->|No| Plugins["Plugins / Themes"]

簡単に分けると、

text
初めて使う
  → Getting Started
 
具体的な作業をする
  → Guides
 
機能や見た目を追加する
  → Plugins / Themes
 
設定・CLI・APIを調べる
  → Reference
 
内部構造を理解する
  → Framework
 
Riebeckite本体を変更する
  → Framework Development

です。

Coding Agent 向けの短い開発ルールは agents に分けています。

History

1 changesCollapseExpand
1 + # Riebeckite ドキュメント
2 +
3 + ![[riebeckite-logo-horizontal.png]]
4 +
5 + Riebeckite は、**Markdown や Obsidian のノートから公開サイトを作るためのフレームワーク**です。
6 +
7 + Markdown を `content/` に置くだけのシンプルなサイトから、プラグイン、テーマ、多言語化、外部の Obsidian Vault を使うサイトまで構築できます。
8 +
9 + 初めて使う場合は、Riebeckite のリポジトリをクローンする必要はありません。
10 +
11 + `create-riebeckite` から新しいサイトを作成します。
12 +
13 + ## はじめる
14 +
15 + 基本的な流れは次のとおりです。
16 +
17 + ```mermaid id="uh61o4"
18 + flowchart LR
19 + Create["サイトを作る"]
20 + Content["Markdownを書く"]
21 + Dev["ブラウザで確認"]
22 + Build["ビルド"]
23 + Deploy["デプロイ"]
24 +
25 + Create --> Content
26 + Content --> Dev
27 + Dev --> Build
28 + Build --> Deploy
29 + ```
30 +
31 + まず [クイックスタート](./docs/getting-started/quick-start.md) から始めてください。
32 +
33 + 順番に進めたい場合は、
34 +
35 + 1. [クイックスタート](./docs/getting-started/quick-start.md)
36 + 2. [インストール](./docs/getting-started/installation.md)
37 + 3. [最初の記事](./docs/getting-started/first-content.md)
38 + 4. [プリセット](./docs/getting-started/presets.md)
39 + 5. [デプロイ](./docs/getting-started/deployment.md)
40 +
41 + の順で読めます。
42 +
43 + 全章の一覧は [ドキュメント索引](./docs/README.md) にあります。
44 +
45 + ## 基本的な使い方
46 +
47 + サイトを作成したら、基本的には次の流れで使います。
48 +
49 + ```text id="f2xd10"
50 + create-riebeckite
51 + ↓
52 + content/ に Markdown を書く
53 + ↓
54 + riebeckite dev
55 + ↓
56 + ブラウザで確認
57 + ↓
58 + riebeckite build
59 + ↓
60 + deploy
61 + ```
62 +
63 + 普段サイトを作るだけなら、Riebeckite 本体の内部構造を理解する必要はありません。
64 +
65 + ## 何をしたいですか?
66 +
67 + 目的に近いページから読めます。
68 +
69 + | 目的 | 読むページ |
70 + | --- | --- |
71 + | 初めて Riebeckite を使う | [クイックスタート](./docs/getting-started/quick-start.md) |
72 + | インストール方法を確認する | [インストール](./docs/getting-started/installation.md) |
73 + | 最初の記事を書く | [最初の記事](./docs/getting-started/first-content.md) |
74 + | サイトの構成を選ぶ | [プリセット](./docs/getting-started/presets.md) |
75 + | デプロイする | [デプロイ](./docs/getting-started/deployment.md) |
76 + | デプロイ先ごとの手順を確認する | [デプロイガイド](./docs/guides/deployment/README.md) |
77 + | Markdown と frontmatter の書き方を知る | [コンテンツの書き方](./docs/guides/writing-content.md) |
78 + | Obsidian Vault を公開する | [Obsidian](./docs/guides/obsidian.md) |
79 + | コンテンツとサイトを別リポジトリにする | [コンテンツリポジトリ](./docs/guides/content-repositories.md) |
80 + | 多言語サイトを作る | [多言語化](./docs/guides/localization.md) |
81 + | Riebeckite を更新する | [Upgrading](./docs/guides/upgrading.md) |
82 + | プラグインを探す | [プラグイン](./docs/plugins/README.md) |
83 + | テーマを選ぶ | [テーマ](./docs/themes/README.md) |
84 + | アクセシビリティの責任範囲を確認する | [アクセシビリティ](./docs/accessibility.md) |
85 + | セキュリティと信頼モデルを確認する | [セキュリティモデル](./docs/security.md) |
86 + | 設定や CLI、Public API を調べる | [リファレンス](./docs/reference/README.md) |
87 + | Riebeckite の内部構造を理解する | [フレームワーク](./docs/framework/README.md) |
88 + | Riebeckite 本体を開発する | [フレームワーク開発](./docs/framework/development.md) |
89 +
90 + ## ドキュメントの構成
91 +
92 + Riebeckite のドキュメントは、目的ごとに分かれています。
93 +
94 + ```mermaid id="kg88s5"
95 + flowchart TD
96 + Docs["Riebeckite Docs"]
97 +
98 + Docs --> Getting["Getting Started<br/>使い始める"]
99 + Docs --> Guides["Guides<br/>具体的な作業"]
100 + Docs --> Plugins["Plugins<br/>機能を追加する"]
101 + Docs --> Themes["Themes<br/>見た目を選ぶ"]
102 + Docs --> Reference["Reference<br/>設定・CLI・API"]
103 + Docs --> Framework["Framework<br/>内部構造"]
104 +
105 + Framework --> Development["Development<br/>本体開発"]
106 + ```
107 +
108 + ### Getting Started
109 +
110 + 初めて Riebeckite を使う人向けのページです。
111 +
112 + サイトの作成から最初の記事、プリセット、デプロイまでを扱います。
113 +
114 + ### Guides
115 +
116 + 具体的な目的を達成するための手順です。
117 +
118 + たとえば、
119 +
120 + - Obsidian Vault を使う
121 + - コンテンツリポジトリを分離する
122 + - 多言語化する
123 + - Riebeckite をアップグレードする
124 + - 特定の環境へデプロイする
125 +
126 + といった作業を扱います。
127 +
128 + ### プラグイン
129 +
130 + Riebeckite に機能を追加するプラグインを探すためのページです。
131 +
132 + 記事表示、検索、グラフ、Mermaid、Excalidraw など、必要な機能に応じてプラグインを追加できます。
133 +
134 + ### テーマ
135 +
136 + サイトの見た目を変更するテーマを探すためのページです。
137 +
138 + テーマを変更しても、コンテンツやプラグインの機能そのものは変わりません。
139 +
140 + ### リファレンス
141 +
142 + 設定値、CLI コマンド、Public API を調べるための資料です。
143 +
144 + 「この設定は何を意味するのか」「この API は何を提供するのか」を確認したいときに利用します。
145 +
146 + ### フレームワーク
147 +
148 + Riebeckite の内部構造を理解したい人向けです。
149 +
150 + コンテンツシステム、プラグインシステム、テーマシステム、ビルドシステム、HonoX 連携などを説明します。
151 +
152 + 通常のサイト利用では読む必要はありません。
153 +
154 + ## サイトを作る人と、本体を開発する人
155 +
156 + Riebeckite には大きく2つの使い方があります。
157 +
158 + ```mermaid id="b5us44"
159 + flowchart TD
160 + User{"あなたの目的"}
161 +
162 + User -->|"Riebeckiteでサイトを作る"| Site["create-riebeckite"]
163 + User -->|"Riebeckite自体を開発する"| Framework["Riebeckiteリポジトリ"]
164 +
165 + Site --> Getting["Getting Started / Guides"]
166 + Framework --> Dev["フレームワーク開発"]
167 + ```
168 +
169 + ### サイトを作る場合
170 +
171 + Riebeckite のリポジトリはクローンしません。
172 +
173 + `create-riebeckite` から始めます。
174 +
175 + ```text id="4s6dql"
176 + create-riebeckite
177 + ↓
178 + 生成されたサイト
179 + ↓
180 + content/
181 + ↓
182 + dev / build
183 + ↓
184 + deploy
185 + ```
186 +
187 + 普段利用するのは、生成されたサイト側です。
188 +
189 + ### Riebeckite 本体を開発する場合
190 +
191 + Riebeckite 自体へ変更を加える場合だけ、リポジトリをクローンします。
192 +
193 + この場合は、
194 +
195 + - モノレポ
196 + - ルートの `pnpm` コマンド
197 + - `packages/*`
198 + - `apps/web`
199 + - フレームワークテスト
200 + - 外部サイト E2E
201 +
202 + などを扱います。
203 +
204 + 詳しくは [フレームワーク開発](./docs/framework/development.md) を参照してください。
205 +
206 + `apps/web` は Riebeckite のドキュメント兼参照アプリです。一般ユーザーがサイトを作るためのテンプレートではありません。
207 +
208 + ## 迷ったら
209 +
210 + どこを読めばよいか分からない場合は、次の基準で選べます。
211 +
212 + ```mermaid id="os6l8k"
213 + flowchart TD
214 + Start["何をしたい?"]
215 +
216 + Start --> First{"初めて使う?"}
217 + First -->|Yes| Getting["Getting Started"]
218 + First -->|No| Task{"具体的な作業をしたい?"}
219 +
220 + Task -->|Yes| Guides["Guides"]
221 + Task -->|No| API{"設定・CLI・APIを調べたい?"}
222 +
223 + API -->|Yes| Reference["Reference"]
224 + API -->|No| Internal{"内部の仕組みを知りたい?"}
225 +
226 + Internal -->|Yes| Framework["Framework"]
227 + Internal -->|No| Plugins["Plugins / Themes"]
228 + ```
229 +
230 + 簡単に分けると、
231 +
232 + ```text id="84zv4s"
233 + 初めて使う
234 + → Getting Started
235 +
236 + 具体的な作業をする
237 + → Guides
238 +
239 + 機能や見た目を追加する
240 + → Plugins / Themes
241 +
242 + 設定・CLI・APIを調べる
243 + → Reference
244 +
245 + 内部構造を理解する
246 + → Framework
247 +
248 + Riebeckite本体を変更する
249 + → Framework Development
250 + ```
251 +
252 + です。
253 +
254 + Coding Agent 向けの短い開発ルールは [agents](./agents/README.md) に分けています。
255 +